@channel.io/bezier-tokens
Advanced tools
Comparing version 0.1.0-alpha.4 to 0.1.0-alpha.5
@@ -1,3 +0,3 @@ | ||
module.exports = { | ||
"elevation": { | ||
module.exports = Object.freeze({ | ||
"elevation": Object.freeze({ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 1px 2px 0 #00000026", | ||
@@ -11,9 +11,9 @@ "ev-2": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 2px 6px 0 #00000026", | ||
"ev-base": "0 0 2px 0 #00000014", | ||
}, | ||
"input": { | ||
}), | ||
"input": Object.freeze({ | ||
"input-box-shadow": "0 1px 2px 0 #FFFFFF14, inset 0 0 0 1px #FFFFFF33", | ||
"input-box-shadow-focused": "0 0 0 3px #6687FF66, inset 0 0 0 1px #6687FF", | ||
"input-box-shadow-invalid": "0 0 0 3px #FFAB5C66, inset 0 0 0 1px #FFAB5C", | ||
}, | ||
"color": { | ||
}), | ||
"color": Object.freeze({ | ||
"bg-white-high": "#464748", | ||
@@ -122,3 +122,3 @@ "bg-white-normal": "#242428", | ||
"shdw-inner-base": "#FFFFFF14", | ||
} | ||
} | ||
}) | ||
}) |
@@ -1,3 +0,3 @@ | ||
module.exports = { | ||
"color": { | ||
module.exports = Object.freeze({ | ||
"color": Object.freeze({ | ||
"blue-300": "#6687FF", | ||
@@ -139,4 +139,4 @@ "blue-400": "#5E56F0", | ||
"black-100": "#000000", | ||
}, | ||
"font": { | ||
}), | ||
"font": Object.freeze({ | ||
"font-size-11": "1.1rem", | ||
@@ -170,7 +170,7 @@ "font-size-12": "1.2rem", | ||
"font-letter-spacing-2": "-0.04rem", | ||
}, | ||
"opacity": { | ||
}), | ||
"opacity": Object.freeze({ | ||
"opacity-disabled": 0.4, | ||
}, | ||
"radius": { | ||
}), | ||
"radius": Object.freeze({ | ||
"radius-2": "2px", | ||
@@ -187,4 +187,4 @@ "radius-3": "3px", | ||
"radius-42-p": "42%", | ||
}, | ||
"transition": { | ||
}), | ||
"transition": Object.freeze({ | ||
"transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)", | ||
@@ -197,4 +197,4 @@ "transition-duration-s": "150ms", | ||
"transition-l": "450ms cubic-bezier(0.3, 0, 0, 1)", | ||
}, | ||
"typography": { | ||
}), | ||
"typography": Object.freeze({ | ||
"typography-size-11-font-size": "1.1rem", | ||
@@ -231,4 +231,4 @@ "typography-size-11-line-height": "1.6rem", | ||
"typography-size-36-letter-spacing": "-0.04rem", | ||
}, | ||
"z-index": { | ||
}), | ||
"z-index": Object.freeze({ | ||
"z-index-hidden": -1, | ||
@@ -242,3 +242,3 @@ "z-index-base": 0, | ||
"z-index-important": 2000, | ||
} | ||
} | ||
}) | ||
}) |
@@ -1,3 +0,3 @@ | ||
module.exports = { | ||
"elevation": { | ||
module.exports = Object.freeze({ | ||
"elevation": Object.freeze({ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 1px 2px 0 #00000014", | ||
@@ -11,9 +11,9 @@ "ev-2": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 2px 6px 0 #00000014", | ||
"ev-base": "0 0 2px 0 #0000000D", | ||
}, | ||
"input": { | ||
}), | ||
"input": Object.freeze({ | ||
"input-box-shadow": "0 1px 2px 0 #0000000D, inset 0 0 0 1px #00000026", | ||
"input-box-shadow-focused": "0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0", | ||
"input-box-shadow-invalid": "0 0 0 3px #F4800B4D, inset 0 0 0 1px #F4800B", | ||
}, | ||
"color": { | ||
}), | ||
"color": Object.freeze({ | ||
"bg-white-high": "#FFFFFF", | ||
@@ -122,3 +122,3 @@ "bg-white-normal": "#FFFFFF", | ||
"shdw-inner-base": "#FFFFFF1F", | ||
} | ||
} | ||
}) | ||
}) |
@@ -1,121 +0,124 @@ | ||
export const elevation: { | ||
"ev-1": string; | ||
"ev-2": string; | ||
"ev-3": string; | ||
"ev-4": string; | ||
"ev-5": string; | ||
"ev-6": string; | ||
"ev-inner": string; | ||
"ev-base": string; | ||
}; | ||
export const input: { | ||
"input-box-shadow": string; | ||
"input-box-shadow-focused": string; | ||
"input-box-shadow-invalid": string; | ||
}; | ||
export const color: { | ||
"bg-white-high": string; | ||
"bg-white-normal": string; | ||
"bg-white-low": string; | ||
"bg-white-dim-dark": string; | ||
"bg-white-dim-light": string; | ||
"bg-gnb": string; | ||
"bg-navi": string; | ||
"bg-header": string; | ||
"bg-header-float": string; | ||
"bg-lounge": string; | ||
"bg-black-darkest": string; | ||
"bg-black-darker": string; | ||
"bg-black-dark": string; | ||
"bg-black-light": string; | ||
"bg-black-lighter": string; | ||
"bg-black-lightest": string; | ||
"bg-grey-darkest": string; | ||
"bg-grey-dark": string; | ||
"bg-grey-dim-lightest": string; | ||
"bg-grey-light": string; | ||
"bg-grey-lighter": string; | ||
"bg-grey-lightest": string; | ||
"bgtxt-blue-dark": string; | ||
"bgtxt-blue-normal": string; | ||
"bgtxt-blue-light": string; | ||
"bgtxt-blue-lighter": string; | ||
"bgtxt-blue-lightest": string; | ||
"bgtxt-cobalt-dark": string; | ||
"bgtxt-cobalt-normal": string; | ||
"bgtxt-cobalt-light": string; | ||
"bgtxt-cobalt-lighter": string; | ||
"bgtxt-cobalt-lightest": string; | ||
"bgtxt-teal-dark": string; | ||
"bgtxt-teal-normal": string; | ||
"bgtxt-teal-light": string; | ||
"bgtxt-teal-lighter": string; | ||
"bgtxt-teal-lightest": string; | ||
"bgtxt-green-dark": string; | ||
"bgtxt-green-normal": string; | ||
"bgtxt-green-light": string; | ||
"bgtxt-green-lighter": string; | ||
"bgtxt-green-lightest": string; | ||
"bgtxt-olive-dark": string; | ||
"bgtxt-olive-normal": string; | ||
"bgtxt-olive-light": string; | ||
"bgtxt-olive-lighter": string; | ||
"bgtxt-olive-lightest": string; | ||
"bgtxt-yellow-dark": string; | ||
"bgtxt-yellow-normal": string; | ||
"bgtxt-yellow-light": string; | ||
"bgtxt-yellow-lighter": string; | ||
"bgtxt-yellow-lightest": string; | ||
"bgtxt-orange-dark": string; | ||
"bgtxt-orange-normal": string; | ||
"bgtxt-orange-light": string; | ||
"bgtxt-orange-lighter": string; | ||
"bgtxt-orange-lightest": string; | ||
"bgtxt-red-dark": string; | ||
"bgtxt-red-normal": string; | ||
"bgtxt-red-light": string; | ||
"bgtxt-red-lighter": string; | ||
"bgtxt-red-lightest": string; | ||
"bgtxt-pink-dark": string; | ||
"bgtxt-pink-normal": string; | ||
"bgtxt-pink-light": string; | ||
"bgtxt-pink-lighter": string; | ||
"bgtxt-pink-lightest": string; | ||
"bgtxt-purple-dark": string; | ||
"bgtxt-purple-normal": string; | ||
"bgtxt-purple-light": string; | ||
"bgtxt-purple-lighter": string; | ||
"bgtxt-purple-lightest": string; | ||
"bgtxt-navy-dark": string; | ||
"bgtxt-navy-normal": string; | ||
"bgtxt-navy-light": string; | ||
"bgtxt-navy-lighter": string; | ||
"bgtxt-navy-lightest": string; | ||
"bgtxt-absolute-black-dark": string; | ||
"bgtxt-absolute-black-normal": string; | ||
"bgtxt-absolute-black-light": string; | ||
"bgtxt-absolute-black-lighter": string; | ||
"bgtxt-absolute-black-lightest": string; | ||
"bgtxt-absolute-white-dark": string; | ||
"bgtxt-absolute-white-normal": string; | ||
"bgtxt-absolute-white-light": string; | ||
"bgtxt-absolute-white-lighter": string; | ||
"bgtxt-absolute-white-lightest": string; | ||
"txt-black-pure": string; | ||
"txt-black-darkest": string; | ||
"txt-black-darker": string; | ||
"txt-black-dark": string; | ||
"txt-white-normal": string; | ||
"bdr-black-dark": string; | ||
"bdr-black-light": string; | ||
"bdr-black-lightest": string; | ||
"bdr-grey-light": string; | ||
"bdr-white": string; | ||
"shdw-xlarge": string; | ||
"shdw-large": string; | ||
"shdw-medium": string; | ||
"shdw-small": string; | ||
"shdw-base": string; | ||
"shdw-inner-base": string; | ||
}; | ||
declare const _exports: Readonly<{ | ||
elevation: Readonly<{ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 1px 2px 0 #00000026"; | ||
"ev-2": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 2px 6px 0 #00000026"; | ||
"ev-3": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 12px 0 #00000033"; | ||
"ev-4": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 20px 0 #00000066"; | ||
"ev-5": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 6px 40px 0 #00000099"; | ||
"ev-6": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 12px 60px 0 #00000099"; | ||
"ev-inner": "inset 0 0 2px 0 #FFFFFF14"; | ||
"ev-base": "0 0 2px 0 #00000014"; | ||
}>; | ||
input: Readonly<{ | ||
"input-box-shadow": "0 1px 2px 0 #FFFFFF14, inset 0 0 0 1px #FFFFFF33"; | ||
"input-box-shadow-focused": "0 0 0 3px #6687FF66, inset 0 0 0 1px #6687FF"; | ||
"input-box-shadow-invalid": "0 0 0 3px #FFAB5C66, inset 0 0 0 1px #FFAB5C"; | ||
}>; | ||
color: Readonly<{ | ||
"bg-white-high": "#464748"; | ||
"bg-white-normal": "#242428"; | ||
"bg-white-low": "#313234"; | ||
"bg-white-dim-dark": "#00000099"; | ||
"bg-white-dim-light": "#00000033"; | ||
"bg-gnb": "#464748CC"; | ||
"bg-navi": "#313234CC"; | ||
"bg-header": "#313234"; | ||
"bg-header-float": "#313234CC"; | ||
"bg-lounge": "#313234E6"; | ||
"bg-black-darkest": "#FFFFFF99"; | ||
"bg-black-darker": "#FFFFFF66"; | ||
"bg-black-dark": "#FFFFFF33"; | ||
"bg-black-light": "#FFFFFF1F"; | ||
"bg-black-lighter": "#FFFFFF14"; | ||
"bg-black-lightest": "#FFFFFF0D"; | ||
"bg-grey-darkest": "#FFFFFF"; | ||
"bg-grey-dark": "#A7A7AA"; | ||
"bg-grey-dim-lightest": "#2A2B2DCC"; | ||
"bg-grey-light": "#464748"; | ||
"bg-grey-lighter": "#313234"; | ||
"bg-grey-lightest": "#2A2B2D"; | ||
"bgtxt-blue-dark": "#5E56F0"; | ||
"bgtxt-blue-normal": "#6687FF"; | ||
"bgtxt-blue-light": "#6687FF66"; | ||
"bgtxt-blue-lighter": "#6687FF4D"; | ||
"bgtxt-blue-lightest": "#6687FF33"; | ||
"bgtxt-cobalt-dark": "#329BE7"; | ||
"bgtxt-cobalt-normal": "#47C8FF"; | ||
"bgtxt-cobalt-light": "#47C8FF66"; | ||
"bgtxt-cobalt-lighter": "#47C8FF4D"; | ||
"bgtxt-cobalt-lightest": "#47C8FF33"; | ||
"bgtxt-teal-dark": "#0FB3A3"; | ||
"bgtxt-teal-normal": "#3CDDCD"; | ||
"bgtxt-teal-light": "#3CDDCD66"; | ||
"bgtxt-teal-lighter": "#3CDDCD4D"; | ||
"bgtxt-teal-lightest": "#3CDDCD33"; | ||
"bgtxt-green-dark": "#31A552"; | ||
"bgtxt-green-normal": "#3ACF5A"; | ||
"bgtxt-green-light": "#3ACF5A66"; | ||
"bgtxt-green-lighter": "#3ACF5A4D"; | ||
"bgtxt-green-lightest": "#3ACF5A33"; | ||
"bgtxt-olive-dark": "#A0A540"; | ||
"bgtxt-olive-normal": "#CAD548"; | ||
"bgtxt-olive-light": "#CAD54866"; | ||
"bgtxt-olive-lighter": "#CAD5484D"; | ||
"bgtxt-olive-lightest": "#CAD54833"; | ||
"bgtxt-yellow-dark": "#EDBC40"; | ||
"bgtxt-yellow-normal": "#FDD353"; | ||
"bgtxt-yellow-light": "#FDD35366"; | ||
"bgtxt-yellow-lighter": "#FDD3534D"; | ||
"bgtxt-yellow-lightest": "#FDD35333"; | ||
"bgtxt-orange-dark": "#F4800B"; | ||
"bgtxt-orange-normal": "#FFAB5C"; | ||
"bgtxt-orange-light": "#FFAB5C66"; | ||
"bgtxt-orange-lighter": "#FFAB5C4D"; | ||
"bgtxt-orange-lightest": "#FFAB5C33"; | ||
"bgtxt-red-dark": "#E94E58"; | ||
"bgtxt-red-normal": "#FF5C5C"; | ||
"bgtxt-red-light": "#FF5C5C66"; | ||
"bgtxt-red-lighter": "#FF5C5C4D"; | ||
"bgtxt-red-lightest": "#FF5C5C33"; | ||
"bgtxt-pink-dark": "#CB48AD"; | ||
"bgtxt-pink-normal": "#EC6FD3"; | ||
"bgtxt-pink-light": "#EC6FD366"; | ||
"bgtxt-pink-lighter": "#EC6FD34D"; | ||
"bgtxt-pink-lightest": "#EC6FD333"; | ||
"bgtxt-purple-dark": "#915CE0"; | ||
"bgtxt-purple-normal": "#B570FF"; | ||
"bgtxt-purple-light": "#B570FF66"; | ||
"bgtxt-purple-lighter": "#B570FF4D"; | ||
"bgtxt-purple-lightest": "#B570FF33"; | ||
"bgtxt-navy-dark": "#3A4F8D"; | ||
"bgtxt-navy-normal": "#647CC9"; | ||
"bgtxt-navy-light": "#647CC966"; | ||
"bgtxt-navy-lighter": "#647CC94D"; | ||
"bgtxt-navy-lightest": "#647CC933"; | ||
"bgtxt-absolute-black-dark": "#000000"; | ||
"bgtxt-absolute-black-normal": "#000000D9"; | ||
"bgtxt-absolute-black-light": "#00000099"; | ||
"bgtxt-absolute-black-lighter": "#00000066"; | ||
"bgtxt-absolute-black-lightest": "#00000033"; | ||
"bgtxt-absolute-white-dark": "#FFFFFF"; | ||
"bgtxt-absolute-white-normal": "#FFFFFFE6"; | ||
"bgtxt-absolute-white-light": "#FFFFFF99"; | ||
"bgtxt-absolute-white-lighter": "#FFFFFF66"; | ||
"bgtxt-absolute-white-lightest": "#FFFFFF33"; | ||
"txt-black-pure": "#FFFFFF"; | ||
"txt-black-darkest": "#FFFFFFCC"; | ||
"txt-black-darker": "#FFFFFF99"; | ||
"txt-black-dark": "#FFFFFF66"; | ||
"txt-white-normal": "#242428"; | ||
"bdr-black-dark": "#FFFFFF33"; | ||
"bdr-black-light": "#FFFFFF1F"; | ||
"bdr-black-lightest": "#FFFFFF0D"; | ||
"bdr-grey-light": "#464748"; | ||
"bdr-white": "#464748"; | ||
"shdw-xlarge": "#00000099"; | ||
"shdw-large": "#00000066"; | ||
"shdw-medium": "#00000033"; | ||
"shdw-small": "#00000026"; | ||
"shdw-base": "#00000014"; | ||
"shdw-inner-base": "#FFFFFF14"; | ||
}>; | ||
}>; | ||
export = _exports; | ||
//# sourceMappingURL=darkTheme.d.ts.map |
@@ -1,240 +0,240 @@ | ||
declare const _exports: { | ||
color: { | ||
"blue-300": string; | ||
"blue-400": string; | ||
"blue-500": string; | ||
"blue-300-40": string; | ||
"blue-300-30": string; | ||
"blue-300-20": string; | ||
"blue-400-30": string; | ||
"blue-400-20": string; | ||
"blue-400-10": string; | ||
"cobalt-300": string; | ||
"cobalt-400": string; | ||
"cobalt-500": string; | ||
"cobalt-300-40": string; | ||
"cobalt-300-30": string; | ||
"cobalt-300-20": string; | ||
"cobalt-400-30": string; | ||
"cobalt-400-20": string; | ||
"cobalt-400-10": string; | ||
"teal-300": string; | ||
"teal-400": string; | ||
"teal-500": string; | ||
"teal-300-40": string; | ||
"teal-300-30": string; | ||
"teal-300-20": string; | ||
"teal-400-30": string; | ||
"teal-400-20": string; | ||
"teal-400-10": string; | ||
"green-300": string; | ||
"green-400": string; | ||
"green-500": string; | ||
"green-300-40": string; | ||
"green-300-30": string; | ||
"green-300-20": string; | ||
"green-400-30": string; | ||
"green-400-20": string; | ||
"green-400-10": string; | ||
"olive-300": string; | ||
"olive-400": string; | ||
"olive-500": string; | ||
"olive-300-40": string; | ||
"olive-300-30": string; | ||
"olive-300-20": string; | ||
"olive-400-30": string; | ||
"olive-400-20": string; | ||
"olive-400-10": string; | ||
"yellow-300": string; | ||
"yellow-400": string; | ||
"yellow-500": string; | ||
"yellow-300-40": string; | ||
"yellow-300-30": string; | ||
"yellow-300-20": string; | ||
"yellow-400-30": string; | ||
"yellow-400-20": string; | ||
"yellow-400-10": string; | ||
"orange-300": string; | ||
"orange-400": string; | ||
"orange-500": string; | ||
"orange-300-40": string; | ||
"orange-300-30": string; | ||
"orange-300-20": string; | ||
"orange-400-30": string; | ||
"orange-400-20": string; | ||
"orange-400-10": string; | ||
"red-300": string; | ||
"red-400": string; | ||
"red-500": string; | ||
"red-300-40": string; | ||
"red-300-30": string; | ||
"red-300-20": string; | ||
"red-400-30": string; | ||
"red-400-20": string; | ||
"red-400-10": string; | ||
"pink-300": string; | ||
"pink-400": string; | ||
"pink-500": string; | ||
"pink-300-40": string; | ||
"pink-300-30": string; | ||
"pink-300-20": string; | ||
"pink-400-30": string; | ||
"pink-400-20": string; | ||
"pink-400-10": string; | ||
"purple-300": string; | ||
"purple-400": string; | ||
"purple-500": string; | ||
"purple-300-40": string; | ||
"purple-300-30": string; | ||
"purple-300-20": string; | ||
"purple-400-30": string; | ||
"purple-400-20": string; | ||
"purple-400-10": string; | ||
"navy-300": string; | ||
"navy-400": string; | ||
"navy-500": string; | ||
"navy-300-40": string; | ||
"navy-300-30": string; | ||
"navy-300-20": string; | ||
"navy-400-30": string; | ||
"navy-400-20": string; | ||
"navy-400-10": string; | ||
"grey-50": string; | ||
"grey-100": string; | ||
"grey-200": string; | ||
"grey-500": string; | ||
"grey-700": string; | ||
"grey-800": string; | ||
"grey-850": string; | ||
"grey-900": string; | ||
"grey-50-80": string; | ||
"grey-100-90": string; | ||
"grey-100-80": string; | ||
"grey-200-80": string; | ||
"grey-700-80": string; | ||
"grey-800-90": string; | ||
"grey-800-80": string; | ||
"grey-850-80": string; | ||
"grey-900-90": string; | ||
"white-5": string; | ||
"white-8": string; | ||
"white-12": string; | ||
"white-20": string; | ||
"white-40": string; | ||
"white-60": string; | ||
"white-80": string; | ||
"white-90": string; | ||
"white-100": string; | ||
"black-3": string; | ||
"black-5": string; | ||
"black-8": string; | ||
"black-15": string; | ||
"black-20": string; | ||
"black-22": string; | ||
"black-30": string; | ||
"black-40": string; | ||
"black-60": string; | ||
"black-85": string; | ||
"black-100": string; | ||
}; | ||
font: { | ||
"font-size-11": string; | ||
"font-size-12": string; | ||
"font-size-13": string; | ||
"font-size-14": string; | ||
"font-size-15": string; | ||
"font-size-16": string; | ||
"font-size-17": string; | ||
"font-size-18": string; | ||
"font-size-22": string; | ||
"font-size-24": string; | ||
"font-size-30": string; | ||
"font-size-36": string; | ||
"font-line-height-16": string; | ||
"font-line-height-18": string; | ||
"font-line-height-20": string; | ||
"font-line-height-22": string; | ||
"font-line-height-24": string; | ||
"font-line-height-28": string; | ||
"font-line-height-32": string; | ||
"font-line-height-36": string; | ||
"font-line-height-44": string; | ||
"font-weight-400": number; | ||
"font-weight-700": number; | ||
"font-family-sans-kr": string; | ||
"font-family-sans-jp": string; | ||
"font-family-mono": string; | ||
"font-letter-spacing-1": string; | ||
"font-letter-spacing-2": string; | ||
}; | ||
opacity: { | ||
"opacity-disabled": number; | ||
}; | ||
radius: { | ||
"radius-2": string; | ||
"radius-3": string; | ||
"radius-4": string; | ||
"radius-6": string; | ||
"radius-8": string; | ||
"radius-12": string; | ||
"radius-16": string; | ||
"radius-20": string; | ||
"radius-32": string; | ||
"radius-44": string; | ||
"radius-42-p": string; | ||
}; | ||
transition: { | ||
"transition-timing-function-default": string; | ||
"transition-duration-s": string; | ||
"transition-duration-m": string; | ||
"transition-duration-l": string; | ||
"transition-s": string; | ||
"transition-m": string; | ||
"transition-l": string; | ||
}; | ||
typography: { | ||
"typography-size-11-font-size": string; | ||
"typography-size-11-line-height": string; | ||
"typography-size-12-font-size": string; | ||
"typography-size-12-line-height": string; | ||
"typography-size-13-font-size": string; | ||
"typography-size-13-line-height": string; | ||
"typography-size-14-font-size": string; | ||
"typography-size-14-line-height": string; | ||
"typography-size-15-font-size": string; | ||
"typography-size-15-line-height": string; | ||
"typography-size-15-letter-spacing": string; | ||
"typography-size-16-font-size": string; | ||
"typography-size-16-line-height": string; | ||
"typography-size-16-letter-spacing": string; | ||
"typography-size-17-font-size": string; | ||
"typography-size-17-line-height": string; | ||
"typography-size-17-letter-spacing": string; | ||
"typography-size-18-font-size": string; | ||
"typography-size-18-line-height": string; | ||
"typography-size-22-font-size": string; | ||
"typography-size-22-line-height": string; | ||
"typography-size-22-letter-spacing": string; | ||
"typography-size-24-font-size": string; | ||
"typography-size-24-line-height": string; | ||
"typography-size-24-letter-spacing": string; | ||
"typography-size-30-font-size": string; | ||
"typography-size-30-line-height": string; | ||
"typography-size-30-letter-spacing": string; | ||
"typography-size-36-font-size": string; | ||
"typography-size-36-line-height": string; | ||
"typography-size-36-letter-spacing": string; | ||
}; | ||
"z-index": { | ||
"z-index-hidden": number; | ||
"z-index-base": number; | ||
"z-index-floating": number; | ||
"z-index-overlay": number; | ||
"z-index-modal": number; | ||
"z-index-toast": number; | ||
"z-index-tooltip": number; | ||
"z-index-important": number; | ||
}; | ||
}; | ||
declare const _exports: Readonly<{ | ||
color: Readonly<{ | ||
"blue-300": "#6687FF"; | ||
"blue-400": "#5E56F0"; | ||
"blue-500": "#4E40C9"; | ||
"blue-300-40": "#6687FF66"; | ||
"blue-300-30": "#6687FF4D"; | ||
"blue-300-20": "#6687FF33"; | ||
"blue-400-30": "#5E56F04D"; | ||
"blue-400-20": "#5E56F033"; | ||
"blue-400-10": "#5E56F01A"; | ||
"cobalt-300": "#47C8FF"; | ||
"cobalt-400": "#329BE7"; | ||
"cobalt-500": "#327AB8"; | ||
"cobalt-300-40": "#47C8FF66"; | ||
"cobalt-300-30": "#47C8FF4D"; | ||
"cobalt-300-20": "#47C8FF33"; | ||
"cobalt-400-30": "#329BE74D"; | ||
"cobalt-400-20": "#329BE733"; | ||
"cobalt-400-10": "#329BE71A"; | ||
"teal-300": "#3CDDCD"; | ||
"teal-400": "#0FB3A3"; | ||
"teal-500": "#449C8A"; | ||
"teal-300-40": "#3CDDCD66"; | ||
"teal-300-30": "#3CDDCD4D"; | ||
"teal-300-20": "#3CDDCD33"; | ||
"teal-400-30": "#0FB3A34D"; | ||
"teal-400-20": "#0FB3A333"; | ||
"teal-400-10": "#0FB3A31A"; | ||
"green-300": "#3ACF5A"; | ||
"green-400": "#31A552"; | ||
"green-500": "#41904F"; | ||
"green-300-40": "#3ACF5A66"; | ||
"green-300-30": "#3ACF5A4D"; | ||
"green-300-20": "#3ACF5A33"; | ||
"green-400-30": "#31A5524D"; | ||
"green-400-20": "#31A55233"; | ||
"green-400-10": "#31A5521A"; | ||
"olive-300": "#CAD548"; | ||
"olive-400": "#A0A540"; | ||
"olive-500": "#818628"; | ||
"olive-300-40": "#CAD54866"; | ||
"olive-300-30": "#CAD5484D"; | ||
"olive-300-20": "#CAD54833"; | ||
"olive-400-30": "#A0A5404D"; | ||
"olive-400-20": "#A0A54033"; | ||
"olive-400-10": "#A0A5401A"; | ||
"yellow-300": "#FDD353"; | ||
"yellow-400": "#EDBC40"; | ||
"yellow-500": "#C39E37"; | ||
"yellow-300-40": "#FDD35366"; | ||
"yellow-300-30": "#FDD3534D"; | ||
"yellow-300-20": "#FDD35333"; | ||
"yellow-400-30": "#EDBC404D"; | ||
"yellow-400-20": "#EDBC4033"; | ||
"yellow-400-10": "#EDBC401A"; | ||
"orange-300": "#FFAB5C"; | ||
"orange-400": "#F4800B"; | ||
"orange-500": "#C57417"; | ||
"orange-300-40": "#FFAB5C66"; | ||
"orange-300-30": "#FFAB5C4D"; | ||
"orange-300-20": "#FFAB5C33"; | ||
"orange-400-30": "#F4800B4D"; | ||
"orange-400-20": "#F4800B33"; | ||
"orange-400-10": "#F4800B1A"; | ||
"red-300": "#FF5C5C"; | ||
"red-400": "#E94E58"; | ||
"red-500": "#AC3E46"; | ||
"red-300-40": "#FF5C5C66"; | ||
"red-300-30": "#FF5C5C4D"; | ||
"red-300-20": "#FF5C5C33"; | ||
"red-400-30": "#E94E584D"; | ||
"red-400-20": "#E94E5833"; | ||
"red-400-10": "#E94E581A"; | ||
"pink-300": "#EC6FD3"; | ||
"pink-400": "#CB48AD"; | ||
"pink-500": "#A32E92"; | ||
"pink-300-40": "#EC6FD366"; | ||
"pink-300-30": "#EC6FD34D"; | ||
"pink-300-20": "#EC6FD333"; | ||
"pink-400-30": "#CB48AD4D"; | ||
"pink-400-20": "#CB48AD33"; | ||
"pink-400-10": "#CB48AD1A"; | ||
"purple-300": "#B570FF"; | ||
"purple-400": "#915CE0"; | ||
"purple-500": "#6B23B3"; | ||
"purple-300-40": "#B570FF66"; | ||
"purple-300-30": "#B570FF4D"; | ||
"purple-300-20": "#B570FF33"; | ||
"purple-400-30": "#915CE04D"; | ||
"purple-400-20": "#915CE033"; | ||
"purple-400-10": "#915CE01A"; | ||
"navy-300": "#647CC9"; | ||
"navy-400": "#3A4F8D"; | ||
"navy-500": "#333D5B"; | ||
"navy-300-40": "#647CC966"; | ||
"navy-300-30": "#647CC94D"; | ||
"navy-300-20": "#647CC933"; | ||
"navy-400-30": "#3A4F8D4D"; | ||
"navy-400-20": "#3A4F8D33"; | ||
"navy-400-10": "#3A4F8D1A"; | ||
"grey-50": "#FCFCFC"; | ||
"grey-100": "#F7F7F8"; | ||
"grey-200": "#EFEFF0"; | ||
"grey-500": "#A7A7AA"; | ||
"grey-700": "#464748"; | ||
"grey-800": "#313234"; | ||
"grey-850": "#2A2B2D"; | ||
"grey-900": "#242428"; | ||
"grey-50-80": "#FCFCFCCC"; | ||
"grey-100-90": "#F7F7F8E6"; | ||
"grey-100-80": "#F7F7F8CC"; | ||
"grey-200-80": "#EFEFF0CC"; | ||
"grey-700-80": "#464748CC"; | ||
"grey-800-90": "#313234E6"; | ||
"grey-800-80": "#313234CC"; | ||
"grey-850-80": "#2A2B2DCC"; | ||
"grey-900-90": "#242428E6"; | ||
"white-5": "#FFFFFF0D"; | ||
"white-8": "#FFFFFF14"; | ||
"white-12": "#FFFFFF1F"; | ||
"white-20": "#FFFFFF33"; | ||
"white-40": "#FFFFFF66"; | ||
"white-60": "#FFFFFF99"; | ||
"white-80": "#FFFFFFCC"; | ||
"white-90": "#FFFFFFE6"; | ||
"white-100": "#FFFFFF"; | ||
"black-3": "#00000008"; | ||
"black-5": "#0000000D"; | ||
"black-8": "#00000014"; | ||
"black-15": "#00000026"; | ||
"black-20": "#00000033"; | ||
"black-22": "#00000038"; | ||
"black-30": "#0000004D"; | ||
"black-40": "#00000066"; | ||
"black-60": "#00000099"; | ||
"black-85": "#000000D9"; | ||
"black-100": "#000000"; | ||
}>; | ||
font: Readonly<{ | ||
"font-size-11": "1.1rem"; | ||
"font-size-12": "1.2rem"; | ||
"font-size-13": "1.3rem"; | ||
"font-size-14": "1.4rem"; | ||
"font-size-15": "1.5rem"; | ||
"font-size-16": "1.6rem"; | ||
"font-size-17": "1.7rem"; | ||
"font-size-18": "1.8rem"; | ||
"font-size-22": "2.2rem"; | ||
"font-size-24": "2.4rem"; | ||
"font-size-30": "3rem"; | ||
"font-size-36": "3.6rem"; | ||
"font-line-height-16": "1.6rem"; | ||
"font-line-height-18": "1.8rem"; | ||
"font-line-height-20": "2rem"; | ||
"font-line-height-22": "2.2rem"; | ||
"font-line-height-24": "2.4rem"; | ||
"font-line-height-28": "2.8rem"; | ||
"font-line-height-32": "3.2rem"; | ||
"font-line-height-36": "3.6rem"; | ||
"font-line-height-44": "4.4rem"; | ||
"font-weight-400": 400; | ||
"font-weight-700": 700; | ||
"font-family-sans-kr": "'Inter', 'NotoSansKR', 'NotoSansJP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'"; | ||
"font-family-sans-jp": "'Inter', 'NotoSansJP', 'NotoSansKR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'"; | ||
"font-family-mono": "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'"; | ||
"font-letter-spacing-1": "-0.01rem"; | ||
"font-letter-spacing-2": "-0.04rem"; | ||
}>; | ||
opacity: Readonly<{ | ||
"opacity-disabled": 0.4; | ||
}>; | ||
radius: Readonly<{ | ||
"radius-2": "2px"; | ||
"radius-3": "3px"; | ||
"radius-4": "4px"; | ||
"radius-6": "6px"; | ||
"radius-8": "8px"; | ||
"radius-12": "12px"; | ||
"radius-16": "16px"; | ||
"radius-20": "20px"; | ||
"radius-32": "32px"; | ||
"radius-44": "44px"; | ||
"radius-42-p": "42%"; | ||
}>; | ||
transition: Readonly<{ | ||
"transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-duration-s": "150ms"; | ||
"transition-duration-m": "300ms"; | ||
"transition-duration-l": "450ms"; | ||
"transition-s": "150ms cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-m": "300ms cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-l": "450ms cubic-bezier(0.3, 0, 0, 1)"; | ||
}>; | ||
typography: Readonly<{ | ||
"typography-size-11-font-size": "1.1rem"; | ||
"typography-size-11-line-height": "1.6rem"; | ||
"typography-size-12-font-size": "1.2rem"; | ||
"typography-size-12-line-height": "1.6rem"; | ||
"typography-size-13-font-size": "1.3rem"; | ||
"typography-size-13-line-height": "1.8rem"; | ||
"typography-size-14-font-size": "1.4rem"; | ||
"typography-size-14-line-height": "1.8rem"; | ||
"typography-size-15-font-size": "1.5rem"; | ||
"typography-size-15-line-height": "2rem"; | ||
"typography-size-15-letter-spacing": "-0.01rem"; | ||
"typography-size-16-font-size": "1.6rem"; | ||
"typography-size-16-line-height": "2.2rem"; | ||
"typography-size-16-letter-spacing": "-0.01rem"; | ||
"typography-size-17-font-size": "1.7rem"; | ||
"typography-size-17-line-height": "2.2rem"; | ||
"typography-size-17-letter-spacing": "-0.01rem"; | ||
"typography-size-18-font-size": "1.8rem"; | ||
"typography-size-18-line-height": "2.4rem"; | ||
"typography-size-22-font-size": "2.2rem"; | ||
"typography-size-22-line-height": "2.8rem"; | ||
"typography-size-22-letter-spacing": "-0.04rem"; | ||
"typography-size-24-font-size": "2.4rem"; | ||
"typography-size-24-line-height": "3.2rem"; | ||
"typography-size-24-letter-spacing": "-0.04rem"; | ||
"typography-size-30-font-size": "3rem"; | ||
"typography-size-30-line-height": "3.6rem"; | ||
"typography-size-30-letter-spacing": "-0.04rem"; | ||
"typography-size-36-font-size": "3.6rem"; | ||
"typography-size-36-line-height": "4.4rem"; | ||
"typography-size-36-letter-spacing": "-0.04rem"; | ||
}>; | ||
"z-index": Readonly<{ | ||
"z-index-hidden": -1; | ||
"z-index-base": 0; | ||
"z-index-floating": 1; | ||
"z-index-overlay": 1000; | ||
"z-index-modal": 1100; | ||
"z-index-toast": 1200; | ||
"z-index-tooltip": 1300; | ||
"z-index-important": 2000; | ||
}>; | ||
}>; | ||
export = _exports; | ||
//# sourceMappingURL=global.d.ts.map |
export const tokens: Readonly<{ | ||
darkTheme: { | ||
elevation: { | ||
"ev-1": string; | ||
"ev-2": string; | ||
"ev-3": string; | ||
"ev-4": string; | ||
"ev-5": string; | ||
"ev-6": string; | ||
"ev-inner": string; | ||
"ev-base": string; | ||
}; | ||
input: { | ||
"input-box-shadow": string; | ||
"input-box-shadow-focused": string; | ||
"input-box-shadow-invalid": string; | ||
}; | ||
color: { | ||
"bg-white-high": string; | ||
"bg-white-normal": string; | ||
"bg-white-low": string; | ||
"bg-white-dim-dark": string; | ||
"bg-white-dim-light": string; | ||
"bg-gnb": string; | ||
"bg-navi": string; | ||
"bg-header": string; | ||
"bg-header-float": string; | ||
"bg-lounge": string; | ||
"bg-black-darkest": string; | ||
"bg-black-darker": string; | ||
"bg-black-dark": string; | ||
"bg-black-light": string; | ||
"bg-black-lighter": string; | ||
"bg-black-lightest": string; | ||
"bg-grey-darkest": string; | ||
"bg-grey-dark": string; | ||
"bg-grey-dim-lightest": string; | ||
"bg-grey-light": string; | ||
"bg-grey-lighter": string; | ||
"bg-grey-lightest": string; | ||
"bgtxt-blue-dark": string; | ||
"bgtxt-blue-normal": string; | ||
"bgtxt-blue-light": string; | ||
"bgtxt-blue-lighter": string; | ||
"bgtxt-blue-lightest": string; | ||
"bgtxt-cobalt-dark": string; | ||
"bgtxt-cobalt-normal": string; | ||
"bgtxt-cobalt-light": string; | ||
"bgtxt-cobalt-lighter": string; | ||
"bgtxt-cobalt-lightest": string; | ||
"bgtxt-teal-dark": string; | ||
"bgtxt-teal-normal": string; | ||
"bgtxt-teal-light": string; | ||
"bgtxt-teal-lighter": string; | ||
"bgtxt-teal-lightest": string; | ||
"bgtxt-green-dark": string; | ||
"bgtxt-green-normal": string; | ||
"bgtxt-green-light": string; | ||
"bgtxt-green-lighter": string; | ||
"bgtxt-green-lightest": string; | ||
"bgtxt-olive-dark": string; | ||
"bgtxt-olive-normal": string; | ||
"bgtxt-olive-light": string; | ||
"bgtxt-olive-lighter": string; | ||
"bgtxt-olive-lightest": string; | ||
"bgtxt-yellow-dark": string; | ||
"bgtxt-yellow-normal": string; | ||
"bgtxt-yellow-light": string; | ||
"bgtxt-yellow-lighter": string; | ||
"bgtxt-yellow-lightest": string; | ||
"bgtxt-orange-dark": string; | ||
"bgtxt-orange-normal": string; | ||
"bgtxt-orange-light": string; | ||
"bgtxt-orange-lighter": string; | ||
"bgtxt-orange-lightest": string; | ||
"bgtxt-red-dark": string; | ||
"bgtxt-red-normal": string; | ||
"bgtxt-red-light": string; | ||
"bgtxt-red-lighter": string; | ||
"bgtxt-red-lightest": string; | ||
"bgtxt-pink-dark": string; | ||
"bgtxt-pink-normal": string; | ||
"bgtxt-pink-light": string; | ||
"bgtxt-pink-lighter": string; | ||
"bgtxt-pink-lightest": string; | ||
"bgtxt-purple-dark": string; | ||
"bgtxt-purple-normal": string; | ||
"bgtxt-purple-light": string; | ||
"bgtxt-purple-lighter": string; | ||
"bgtxt-purple-lightest": string; | ||
"bgtxt-navy-dark": string; | ||
"bgtxt-navy-normal": string; | ||
"bgtxt-navy-light": string; | ||
"bgtxt-navy-lighter": string; | ||
"bgtxt-navy-lightest": string; | ||
"bgtxt-absolute-black-dark": string; | ||
"bgtxt-absolute-black-normal": string; | ||
"bgtxt-absolute-black-light": string; | ||
"bgtxt-absolute-black-lighter": string; | ||
"bgtxt-absolute-black-lightest": string; | ||
"bgtxt-absolute-white-dark": string; | ||
"bgtxt-absolute-white-normal": string; | ||
"bgtxt-absolute-white-light": string; | ||
"bgtxt-absolute-white-lighter": string; | ||
"bgtxt-absolute-white-lightest": string; | ||
"txt-black-pure": string; | ||
"txt-black-darkest": string; | ||
"txt-black-darker": string; | ||
"txt-black-dark": string; | ||
"txt-white-normal": string; | ||
"bdr-black-dark": string; | ||
"bdr-black-light": string; | ||
"bdr-black-lightest": string; | ||
"bdr-grey-light": string; | ||
"bdr-white": string; | ||
"shdw-xlarge": string; | ||
"shdw-large": string; | ||
"shdw-medium": string; | ||
"shdw-small": string; | ||
"shdw-base": string; | ||
"shdw-inner-base": string; | ||
}; | ||
}; | ||
global: { | ||
color: { | ||
"blue-300": string; | ||
"blue-400": string; | ||
"blue-500": string; | ||
"blue-300-40": string; | ||
"blue-300-30": string; | ||
"blue-300-20": string; | ||
"blue-400-30": string; | ||
"blue-400-20": string; | ||
"blue-400-10": string; | ||
"cobalt-300": string; | ||
"cobalt-400": string; | ||
"cobalt-500": string; | ||
"cobalt-300-40": string; | ||
"cobalt-300-30": string; | ||
"cobalt-300-20": string; | ||
"cobalt-400-30": string; | ||
"cobalt-400-20": string; | ||
"cobalt-400-10": string; | ||
"teal-300": string; | ||
"teal-400": string; | ||
"teal-500": string; | ||
"teal-300-40": string; | ||
"teal-300-30": string; | ||
"teal-300-20": string; | ||
"teal-400-30": string; | ||
"teal-400-20": string; | ||
"teal-400-10": string; | ||
"green-300": string; | ||
"green-400": string; | ||
"green-500": string; | ||
"green-300-40": string; | ||
"green-300-30": string; | ||
"green-300-20": string; | ||
"green-400-30": string; | ||
"green-400-20": string; | ||
"green-400-10": string; | ||
"olive-300": string; | ||
"olive-400": string; | ||
"olive-500": string; | ||
"olive-300-40": string; | ||
"olive-300-30": string; | ||
"olive-300-20": string; | ||
"olive-400-30": string; | ||
"olive-400-20": string; | ||
"olive-400-10": string; | ||
"yellow-300": string; | ||
"yellow-400": string; | ||
"yellow-500": string; | ||
"yellow-300-40": string; | ||
"yellow-300-30": string; | ||
"yellow-300-20": string; | ||
"yellow-400-30": string; | ||
"yellow-400-20": string; | ||
"yellow-400-10": string; | ||
"orange-300": string; | ||
"orange-400": string; | ||
"orange-500": string; | ||
"orange-300-40": string; | ||
"orange-300-30": string; | ||
"orange-300-20": string; | ||
"orange-400-30": string; | ||
"orange-400-20": string; | ||
"orange-400-10": string; | ||
"red-300": string; | ||
"red-400": string; | ||
"red-500": string; | ||
"red-300-40": string; | ||
"red-300-30": string; | ||
"red-300-20": string; | ||
"red-400-30": string; | ||
"red-400-20": string; | ||
"red-400-10": string; | ||
"pink-300": string; | ||
"pink-400": string; | ||
"pink-500": string; | ||
"pink-300-40": string; | ||
"pink-300-30": string; | ||
"pink-300-20": string; | ||
"pink-400-30": string; | ||
"pink-400-20": string; | ||
"pink-400-10": string; | ||
"purple-300": string; | ||
"purple-400": string; | ||
"purple-500": string; | ||
"purple-300-40": string; | ||
"purple-300-30": string; | ||
"purple-300-20": string; | ||
"purple-400-30": string; | ||
"purple-400-20": string; | ||
"purple-400-10": string; | ||
"navy-300": string; | ||
"navy-400": string; | ||
"navy-500": string; | ||
"navy-300-40": string; | ||
"navy-300-30": string; | ||
"navy-300-20": string; | ||
"navy-400-30": string; | ||
"navy-400-20": string; | ||
"navy-400-10": string; | ||
"grey-50": string; | ||
"grey-100": string; | ||
"grey-200": string; | ||
"grey-500": string; | ||
"grey-700": string; | ||
"grey-800": string; | ||
"grey-850": string; | ||
"grey-900": string; | ||
"grey-50-80": string; | ||
"grey-100-90": string; | ||
"grey-100-80": string; | ||
"grey-200-80": string; | ||
"grey-700-80": string; | ||
"grey-800-90": string; | ||
"grey-800-80": string; | ||
"grey-850-80": string; | ||
"grey-900-90": string; | ||
"white-5": string; | ||
"white-8": string; | ||
"white-12": string; | ||
"white-20": string; | ||
"white-40": string; | ||
"white-60": string; | ||
"white-80": string; | ||
"white-90": string; | ||
"white-100": string; | ||
"black-3": string; | ||
"black-5": string; | ||
"black-8": string; | ||
"black-15": string; | ||
"black-20": string; | ||
"black-22": string; | ||
"black-30": string; | ||
"black-40": string; | ||
"black-60": string; | ||
"black-85": string; | ||
"black-100": string; | ||
}; | ||
font: { | ||
"font-size-11": string; | ||
"font-size-12": string; | ||
"font-size-13": string; | ||
"font-size-14": string; | ||
"font-size-15": string; | ||
"font-size-16": string; | ||
"font-size-17": string; | ||
"font-size-18": string; | ||
"font-size-22": string; | ||
"font-size-24": string; | ||
"font-size-30": string; | ||
"font-size-36": string; | ||
"font-line-height-16": string; | ||
"font-line-height-18": string; | ||
"font-line-height-20": string; | ||
"font-line-height-22": string; | ||
"font-line-height-24": string; | ||
"font-line-height-28": string; | ||
"font-line-height-32": string; | ||
"font-line-height-36": string; | ||
"font-line-height-44": string; | ||
"font-weight-400": number; | ||
"font-weight-700": number; | ||
"font-family-sans-kr": string; | ||
"font-family-sans-jp": string; | ||
"font-family-mono": string; | ||
"font-letter-spacing-1": string; | ||
"font-letter-spacing-2": string; | ||
}; | ||
opacity: { | ||
"opacity-disabled": number; | ||
}; | ||
radius: { | ||
"radius-2": string; | ||
"radius-3": string; | ||
"radius-4": string; | ||
"radius-6": string; | ||
"radius-8": string; | ||
"radius-12": string; | ||
"radius-16": string; | ||
"radius-20": string; | ||
"radius-32": string; | ||
"radius-44": string; | ||
"radius-42-p": string; | ||
}; | ||
transition: { | ||
"transition-timing-function-default": string; | ||
"transition-duration-s": string; | ||
"transition-duration-m": string; | ||
"transition-duration-l": string; | ||
"transition-s": string; | ||
"transition-m": string; | ||
"transition-l": string; | ||
}; | ||
typography: { | ||
"typography-size-11-font-size": string; | ||
"typography-size-11-line-height": string; | ||
"typography-size-12-font-size": string; | ||
"typography-size-12-line-height": string; | ||
"typography-size-13-font-size": string; | ||
"typography-size-13-line-height": string; | ||
"typography-size-14-font-size": string; | ||
"typography-size-14-line-height": string; | ||
"typography-size-15-font-size": string; | ||
"typography-size-15-line-height": string; | ||
"typography-size-15-letter-spacing": string; | ||
"typography-size-16-font-size": string; | ||
"typography-size-16-line-height": string; | ||
"typography-size-16-letter-spacing": string; | ||
"typography-size-17-font-size": string; | ||
"typography-size-17-line-height": string; | ||
"typography-size-17-letter-spacing": string; | ||
"typography-size-18-font-size": string; | ||
"typography-size-18-line-height": string; | ||
"typography-size-22-font-size": string; | ||
"typography-size-22-line-height": string; | ||
"typography-size-22-letter-spacing": string; | ||
"typography-size-24-font-size": string; | ||
"typography-size-24-line-height": string; | ||
"typography-size-24-letter-spacing": string; | ||
"typography-size-30-font-size": string; | ||
"typography-size-30-line-height": string; | ||
"typography-size-30-letter-spacing": string; | ||
"typography-size-36-font-size": string; | ||
"typography-size-36-line-height": string; | ||
"typography-size-36-letter-spacing": string; | ||
}; | ||
"z-index": { | ||
"z-index-hidden": number; | ||
"z-index-base": number; | ||
"z-index-floating": number; | ||
"z-index-overlay": number; | ||
"z-index-modal": number; | ||
"z-index-toast": number; | ||
"z-index-tooltip": number; | ||
"z-index-important": number; | ||
}; | ||
}; | ||
lightTheme: { | ||
elevation: { | ||
"ev-1": string; | ||
"ev-2": string; | ||
"ev-3": string; | ||
"ev-4": string; | ||
"ev-5": string; | ||
"ev-6": string; | ||
"ev-inner": string; | ||
"ev-base": string; | ||
}; | ||
input: { | ||
"input-box-shadow": string; | ||
"input-box-shadow-focused": string; | ||
"input-box-shadow-invalid": string; | ||
}; | ||
color: { | ||
"bg-white-high": string; | ||
"bg-white-normal": string; | ||
"bg-white-low": string; | ||
"bg-white-dim-dark": string; | ||
"bg-white-dim-light": string; | ||
"bg-gnb": string; | ||
"bg-navi": string; | ||
"bg-header": string; | ||
"bg-header-float": string; | ||
"bg-lounge": string; | ||
"bg-black-darkest": string; | ||
"bg-black-darker": string; | ||
"bg-black-dark": string; | ||
"bg-black-light": string; | ||
"bg-black-lighter": string; | ||
"bg-black-lightest": string; | ||
"bg-grey-darkest": string; | ||
"bg-grey-dark": string; | ||
"bg-grey-dim-lightest": string; | ||
"bg-grey-light": string; | ||
"bg-grey-lighter": string; | ||
"bg-grey-lightest": string; | ||
"bgtxt-blue-dark": string; | ||
"bgtxt-blue-normal": string; | ||
"bgtxt-blue-light": string; | ||
"bgtxt-blue-lighter": string; | ||
"bgtxt-blue-lightest": string; | ||
"bgtxt-cobalt-dark": string; | ||
"bgtxt-cobalt-normal": string; | ||
"bgtxt-cobalt-light": string; | ||
"bgtxt-cobalt-lighter": string; | ||
"bgtxt-cobalt-lightest": string; | ||
"bgtxt-teal-dark": string; | ||
"bgtxt-teal-normal": string; | ||
"bgtxt-teal-light": string; | ||
"bgtxt-teal-lighter": string; | ||
"bgtxt-teal-lightest": string; | ||
"bgtxt-green-dark": string; | ||
"bgtxt-green-normal": string; | ||
"bgtxt-green-light": string; | ||
"bgtxt-green-lighter": string; | ||
"bgtxt-green-lightest": string; | ||
"bgtxt-olive-dark": string; | ||
"bgtxt-olive-normal": string; | ||
"bgtxt-olive-light": string; | ||
"bgtxt-olive-lighter": string; | ||
"bgtxt-olive-lightest": string; | ||
"bgtxt-yellow-dark": string; | ||
"bgtxt-yellow-normal": string; | ||
"bgtxt-yellow-light": string; | ||
"bgtxt-yellow-lighter": string; | ||
"bgtxt-yellow-lightest": string; | ||
"bgtxt-orange-dark": string; | ||
"bgtxt-orange-normal": string; | ||
"bgtxt-orange-light": string; | ||
"bgtxt-orange-lighter": string; | ||
"bgtxt-orange-lightest": string; | ||
"bgtxt-red-dark": string; | ||
"bgtxt-red-normal": string; | ||
"bgtxt-red-light": string; | ||
"bgtxt-red-lighter": string; | ||
"bgtxt-red-lightest": string; | ||
"bgtxt-pink-dark": string; | ||
"bgtxt-pink-normal": string; | ||
"bgtxt-pink-light": string; | ||
"bgtxt-pink-lighter": string; | ||
"bgtxt-pink-lightest": string; | ||
"bgtxt-purple-dark": string; | ||
"bgtxt-purple-normal": string; | ||
"bgtxt-purple-light": string; | ||
"bgtxt-purple-lighter": string; | ||
"bgtxt-purple-lightest": string; | ||
"bgtxt-navy-dark": string; | ||
"bgtxt-navy-normal": string; | ||
"bgtxt-navy-light": string; | ||
"bgtxt-navy-lighter": string; | ||
"bgtxt-navy-lightest": string; | ||
"bgtxt-absolute-black-dark": string; | ||
"bgtxt-absolute-black-normal": string; | ||
"bgtxt-absolute-black-light": string; | ||
"bgtxt-absolute-black-lighter": string; | ||
"bgtxt-absolute-black-lightest": string; | ||
"bgtxt-absolute-white-dark": string; | ||
"bgtxt-absolute-white-normal": string; | ||
"bgtxt-absolute-white-light": string; | ||
"bgtxt-absolute-white-lighter": string; | ||
"bgtxt-absolute-white-lightest": string; | ||
"txt-black-pure": string; | ||
"txt-black-darkest": string; | ||
"txt-black-darker": string; | ||
"txt-black-dark": string; | ||
"txt-white-normal": string; | ||
"bdr-black-dark": string; | ||
"bdr-black-light": string; | ||
"bdr-black-lightest": string; | ||
"bdr-grey-light": string; | ||
"bdr-white": string; | ||
"shdw-xlarge": string; | ||
"shdw-large": string; | ||
"shdw-medium": string; | ||
"shdw-small": string; | ||
"shdw-base": string; | ||
"shdw-inner-base": string; | ||
}; | ||
}; | ||
darkTheme: Readonly<{ | ||
elevation: Readonly<{ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 1px 2px 0 #00000026"; | ||
"ev-2": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 2px 6px 0 #00000026"; | ||
"ev-3": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 12px 0 #00000033"; | ||
"ev-4": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 20px 0 #00000066"; | ||
"ev-5": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 6px 40px 0 #00000099"; | ||
"ev-6": "inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 12px 60px 0 #00000099"; | ||
"ev-inner": "inset 0 0 2px 0 #FFFFFF14"; | ||
"ev-base": "0 0 2px 0 #00000014"; | ||
}>; | ||
input: Readonly<{ | ||
"input-box-shadow": "0 1px 2px 0 #FFFFFF14, inset 0 0 0 1px #FFFFFF33"; | ||
"input-box-shadow-focused": "0 0 0 3px #6687FF66, inset 0 0 0 1px #6687FF"; | ||
"input-box-shadow-invalid": "0 0 0 3px #FFAB5C66, inset 0 0 0 1px #FFAB5C"; | ||
}>; | ||
color: Readonly<{ | ||
"bg-white-high": "#464748"; | ||
"bg-white-normal": "#242428"; | ||
"bg-white-low": "#313234"; | ||
"bg-white-dim-dark": "#00000099"; | ||
"bg-white-dim-light": "#00000033"; | ||
"bg-gnb": "#464748CC"; | ||
"bg-navi": "#313234CC"; | ||
"bg-header": "#313234"; | ||
"bg-header-float": "#313234CC"; | ||
"bg-lounge": "#313234E6"; | ||
"bg-black-darkest": "#FFFFFF99"; | ||
"bg-black-darker": "#FFFFFF66"; | ||
"bg-black-dark": "#FFFFFF33"; | ||
"bg-black-light": "#FFFFFF1F"; | ||
"bg-black-lighter": "#FFFFFF14"; | ||
"bg-black-lightest": "#FFFFFF0D"; | ||
"bg-grey-darkest": "#FFFFFF"; | ||
"bg-grey-dark": "#A7A7AA"; | ||
"bg-grey-dim-lightest": "#2A2B2DCC"; | ||
"bg-grey-light": "#464748"; | ||
"bg-grey-lighter": "#313234"; | ||
"bg-grey-lightest": "#2A2B2D"; | ||
"bgtxt-blue-dark": "#5E56F0"; | ||
"bgtxt-blue-normal": "#6687FF"; | ||
"bgtxt-blue-light": "#6687FF66"; | ||
"bgtxt-blue-lighter": "#6687FF4D"; | ||
"bgtxt-blue-lightest": "#6687FF33"; | ||
"bgtxt-cobalt-dark": "#329BE7"; | ||
"bgtxt-cobalt-normal": "#47C8FF"; | ||
"bgtxt-cobalt-light": "#47C8FF66"; | ||
"bgtxt-cobalt-lighter": "#47C8FF4D"; | ||
"bgtxt-cobalt-lightest": "#47C8FF33"; | ||
"bgtxt-teal-dark": "#0FB3A3"; | ||
"bgtxt-teal-normal": "#3CDDCD"; | ||
"bgtxt-teal-light": "#3CDDCD66"; | ||
"bgtxt-teal-lighter": "#3CDDCD4D"; | ||
"bgtxt-teal-lightest": "#3CDDCD33"; | ||
"bgtxt-green-dark": "#31A552"; | ||
"bgtxt-green-normal": "#3ACF5A"; | ||
"bgtxt-green-light": "#3ACF5A66"; | ||
"bgtxt-green-lighter": "#3ACF5A4D"; | ||
"bgtxt-green-lightest": "#3ACF5A33"; | ||
"bgtxt-olive-dark": "#A0A540"; | ||
"bgtxt-olive-normal": "#CAD548"; | ||
"bgtxt-olive-light": "#CAD54866"; | ||
"bgtxt-olive-lighter": "#CAD5484D"; | ||
"bgtxt-olive-lightest": "#CAD54833"; | ||
"bgtxt-yellow-dark": "#EDBC40"; | ||
"bgtxt-yellow-normal": "#FDD353"; | ||
"bgtxt-yellow-light": "#FDD35366"; | ||
"bgtxt-yellow-lighter": "#FDD3534D"; | ||
"bgtxt-yellow-lightest": "#FDD35333"; | ||
"bgtxt-orange-dark": "#F4800B"; | ||
"bgtxt-orange-normal": "#FFAB5C"; | ||
"bgtxt-orange-light": "#FFAB5C66"; | ||
"bgtxt-orange-lighter": "#FFAB5C4D"; | ||
"bgtxt-orange-lightest": "#FFAB5C33"; | ||
"bgtxt-red-dark": "#E94E58"; | ||
"bgtxt-red-normal": "#FF5C5C"; | ||
"bgtxt-red-light": "#FF5C5C66"; | ||
"bgtxt-red-lighter": "#FF5C5C4D"; | ||
"bgtxt-red-lightest": "#FF5C5C33"; | ||
"bgtxt-pink-dark": "#CB48AD"; | ||
"bgtxt-pink-normal": "#EC6FD3"; | ||
"bgtxt-pink-light": "#EC6FD366"; | ||
"bgtxt-pink-lighter": "#EC6FD34D"; | ||
"bgtxt-pink-lightest": "#EC6FD333"; | ||
"bgtxt-purple-dark": "#915CE0"; | ||
"bgtxt-purple-normal": "#B570FF"; | ||
"bgtxt-purple-light": "#B570FF66"; | ||
"bgtxt-purple-lighter": "#B570FF4D"; | ||
"bgtxt-purple-lightest": "#B570FF33"; | ||
"bgtxt-navy-dark": "#3A4F8D"; | ||
"bgtxt-navy-normal": "#647CC9"; | ||
"bgtxt-navy-light": "#647CC966"; | ||
"bgtxt-navy-lighter": "#647CC94D"; | ||
"bgtxt-navy-lightest": "#647CC933"; | ||
"bgtxt-absolute-black-dark": "#000000"; | ||
"bgtxt-absolute-black-normal": "#000000D9"; | ||
"bgtxt-absolute-black-light": "#00000099"; | ||
"bgtxt-absolute-black-lighter": "#00000066"; | ||
"bgtxt-absolute-black-lightest": "#00000033"; | ||
"bgtxt-absolute-white-dark": "#FFFFFF"; | ||
"bgtxt-absolute-white-normal": "#FFFFFFE6"; | ||
"bgtxt-absolute-white-light": "#FFFFFF99"; | ||
"bgtxt-absolute-white-lighter": "#FFFFFF66"; | ||
"bgtxt-absolute-white-lightest": "#FFFFFF33"; | ||
"txt-black-pure": "#FFFFFF"; | ||
"txt-black-darkest": "#FFFFFFCC"; | ||
"txt-black-darker": "#FFFFFF99"; | ||
"txt-black-dark": "#FFFFFF66"; | ||
"txt-white-normal": "#242428"; | ||
"bdr-black-dark": "#FFFFFF33"; | ||
"bdr-black-light": "#FFFFFF1F"; | ||
"bdr-black-lightest": "#FFFFFF0D"; | ||
"bdr-grey-light": "#464748"; | ||
"bdr-white": "#464748"; | ||
"shdw-xlarge": "#00000099"; | ||
"shdw-large": "#00000066"; | ||
"shdw-medium": "#00000033"; | ||
"shdw-small": "#00000026"; | ||
"shdw-base": "#00000014"; | ||
"shdw-inner-base": "#FFFFFF14"; | ||
}>; | ||
}>; | ||
global: Readonly<{ | ||
color: Readonly<{ | ||
"blue-300": "#6687FF"; | ||
"blue-400": "#5E56F0"; | ||
"blue-500": "#4E40C9"; | ||
"blue-300-40": "#6687FF66"; | ||
"blue-300-30": "#6687FF4D"; | ||
"blue-300-20": "#6687FF33"; | ||
"blue-400-30": "#5E56F04D"; | ||
"blue-400-20": "#5E56F033"; | ||
"blue-400-10": "#5E56F01A"; | ||
"cobalt-300": "#47C8FF"; | ||
"cobalt-400": "#329BE7"; | ||
"cobalt-500": "#327AB8"; | ||
"cobalt-300-40": "#47C8FF66"; | ||
"cobalt-300-30": "#47C8FF4D"; | ||
"cobalt-300-20": "#47C8FF33"; | ||
"cobalt-400-30": "#329BE74D"; | ||
"cobalt-400-20": "#329BE733"; | ||
"cobalt-400-10": "#329BE71A"; | ||
"teal-300": "#3CDDCD"; | ||
"teal-400": "#0FB3A3"; | ||
"teal-500": "#449C8A"; | ||
"teal-300-40": "#3CDDCD66"; | ||
"teal-300-30": "#3CDDCD4D"; | ||
"teal-300-20": "#3CDDCD33"; | ||
"teal-400-30": "#0FB3A34D"; | ||
"teal-400-20": "#0FB3A333"; | ||
"teal-400-10": "#0FB3A31A"; | ||
"green-300": "#3ACF5A"; | ||
"green-400": "#31A552"; | ||
"green-500": "#41904F"; | ||
"green-300-40": "#3ACF5A66"; | ||
"green-300-30": "#3ACF5A4D"; | ||
"green-300-20": "#3ACF5A33"; | ||
"green-400-30": "#31A5524D"; | ||
"green-400-20": "#31A55233"; | ||
"green-400-10": "#31A5521A"; | ||
"olive-300": "#CAD548"; | ||
"olive-400": "#A0A540"; | ||
"olive-500": "#818628"; | ||
"olive-300-40": "#CAD54866"; | ||
"olive-300-30": "#CAD5484D"; | ||
"olive-300-20": "#CAD54833"; | ||
"olive-400-30": "#A0A5404D"; | ||
"olive-400-20": "#A0A54033"; | ||
"olive-400-10": "#A0A5401A"; | ||
"yellow-300": "#FDD353"; | ||
"yellow-400": "#EDBC40"; | ||
"yellow-500": "#C39E37"; | ||
"yellow-300-40": "#FDD35366"; | ||
"yellow-300-30": "#FDD3534D"; | ||
"yellow-300-20": "#FDD35333"; | ||
"yellow-400-30": "#EDBC404D"; | ||
"yellow-400-20": "#EDBC4033"; | ||
"yellow-400-10": "#EDBC401A"; | ||
"orange-300": "#FFAB5C"; | ||
"orange-400": "#F4800B"; | ||
"orange-500": "#C57417"; | ||
"orange-300-40": "#FFAB5C66"; | ||
"orange-300-30": "#FFAB5C4D"; | ||
"orange-300-20": "#FFAB5C33"; | ||
"orange-400-30": "#F4800B4D"; | ||
"orange-400-20": "#F4800B33"; | ||
"orange-400-10": "#F4800B1A"; | ||
"red-300": "#FF5C5C"; | ||
"red-400": "#E94E58"; | ||
"red-500": "#AC3E46"; | ||
"red-300-40": "#FF5C5C66"; | ||
"red-300-30": "#FF5C5C4D"; | ||
"red-300-20": "#FF5C5C33"; | ||
"red-400-30": "#E94E584D"; | ||
"red-400-20": "#E94E5833"; | ||
"red-400-10": "#E94E581A"; | ||
"pink-300": "#EC6FD3"; | ||
"pink-400": "#CB48AD"; | ||
"pink-500": "#A32E92"; | ||
"pink-300-40": "#EC6FD366"; | ||
"pink-300-30": "#EC6FD34D"; | ||
"pink-300-20": "#EC6FD333"; | ||
"pink-400-30": "#CB48AD4D"; | ||
"pink-400-20": "#CB48AD33"; | ||
"pink-400-10": "#CB48AD1A"; | ||
"purple-300": "#B570FF"; | ||
"purple-400": "#915CE0"; | ||
"purple-500": "#6B23B3"; | ||
"purple-300-40": "#B570FF66"; | ||
"purple-300-30": "#B570FF4D"; | ||
"purple-300-20": "#B570FF33"; | ||
"purple-400-30": "#915CE04D"; | ||
"purple-400-20": "#915CE033"; | ||
"purple-400-10": "#915CE01A"; | ||
"navy-300": "#647CC9"; | ||
"navy-400": "#3A4F8D"; | ||
"navy-500": "#333D5B"; | ||
"navy-300-40": "#647CC966"; | ||
"navy-300-30": "#647CC94D"; | ||
"navy-300-20": "#647CC933"; | ||
"navy-400-30": "#3A4F8D4D"; | ||
"navy-400-20": "#3A4F8D33"; | ||
"navy-400-10": "#3A4F8D1A"; | ||
"grey-50": "#FCFCFC"; | ||
"grey-100": "#F7F7F8"; | ||
"grey-200": "#EFEFF0"; | ||
"grey-500": "#A7A7AA"; | ||
"grey-700": "#464748"; | ||
"grey-800": "#313234"; | ||
"grey-850": "#2A2B2D"; | ||
"grey-900": "#242428"; | ||
"grey-50-80": "#FCFCFCCC"; | ||
"grey-100-90": "#F7F7F8E6"; | ||
"grey-100-80": "#F7F7F8CC"; | ||
"grey-200-80": "#EFEFF0CC"; | ||
"grey-700-80": "#464748CC"; | ||
"grey-800-90": "#313234E6"; | ||
"grey-800-80": "#313234CC"; | ||
"grey-850-80": "#2A2B2DCC"; | ||
"grey-900-90": "#242428E6"; | ||
"white-5": "#FFFFFF0D"; | ||
"white-8": "#FFFFFF14"; | ||
"white-12": "#FFFFFF1F"; | ||
"white-20": "#FFFFFF33"; | ||
"white-40": "#FFFFFF66"; | ||
"white-60": "#FFFFFF99"; | ||
"white-80": "#FFFFFFCC"; | ||
"white-90": "#FFFFFFE6"; | ||
"white-100": "#FFFFFF"; | ||
"black-3": "#00000008"; | ||
"black-5": "#0000000D"; | ||
"black-8": "#00000014"; | ||
"black-15": "#00000026"; | ||
"black-20": "#00000033"; | ||
"black-22": "#00000038"; | ||
"black-30": "#0000004D"; | ||
"black-40": "#00000066"; | ||
"black-60": "#00000099"; | ||
"black-85": "#000000D9"; | ||
"black-100": "#000000"; | ||
}>; | ||
font: Readonly<{ | ||
"font-size-11": "1.1rem"; | ||
"font-size-12": "1.2rem"; | ||
"font-size-13": "1.3rem"; | ||
"font-size-14": "1.4rem"; | ||
"font-size-15": "1.5rem"; | ||
"font-size-16": "1.6rem"; | ||
"font-size-17": "1.7rem"; | ||
"font-size-18": "1.8rem"; | ||
"font-size-22": "2.2rem"; | ||
"font-size-24": "2.4rem"; | ||
"font-size-30": "3rem"; | ||
"font-size-36": "3.6rem"; | ||
"font-line-height-16": "1.6rem"; | ||
"font-line-height-18": "1.8rem"; | ||
"font-line-height-20": "2rem"; | ||
"font-line-height-22": "2.2rem"; | ||
"font-line-height-24": "2.4rem"; | ||
"font-line-height-28": "2.8rem"; | ||
"font-line-height-32": "3.2rem"; | ||
"font-line-height-36": "3.6rem"; | ||
"font-line-height-44": "4.4rem"; | ||
"font-weight-400": 400; | ||
"font-weight-700": 700; | ||
"font-family-sans-kr": "'Inter', 'NotoSansKR', 'NotoSansJP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'"; | ||
"font-family-sans-jp": "'Inter', 'NotoSansJP', 'NotoSansKR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'"; | ||
"font-family-mono": "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'"; | ||
"font-letter-spacing-1": "-0.01rem"; | ||
"font-letter-spacing-2": "-0.04rem"; | ||
}>; | ||
opacity: Readonly<{ | ||
"opacity-disabled": 0.4; | ||
}>; | ||
radius: Readonly<{ | ||
"radius-2": "2px"; | ||
"radius-3": "3px"; | ||
"radius-4": "4px"; | ||
"radius-6": "6px"; | ||
"radius-8": "8px"; | ||
"radius-12": "12px"; | ||
"radius-16": "16px"; | ||
"radius-20": "20px"; | ||
"radius-32": "32px"; | ||
"radius-44": "44px"; | ||
"radius-42-p": "42%"; | ||
}>; | ||
transition: Readonly<{ | ||
"transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-duration-s": "150ms"; | ||
"transition-duration-m": "300ms"; | ||
"transition-duration-l": "450ms"; | ||
"transition-s": "150ms cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-m": "300ms cubic-bezier(0.3, 0, 0, 1)"; | ||
"transition-l": "450ms cubic-bezier(0.3, 0, 0, 1)"; | ||
}>; | ||
typography: Readonly<{ | ||
"typography-size-11-font-size": "1.1rem"; | ||
"typography-size-11-line-height": "1.6rem"; | ||
"typography-size-12-font-size": "1.2rem"; | ||
"typography-size-12-line-height": "1.6rem"; | ||
"typography-size-13-font-size": "1.3rem"; | ||
"typography-size-13-line-height": "1.8rem"; | ||
"typography-size-14-font-size": "1.4rem"; | ||
"typography-size-14-line-height": "1.8rem"; | ||
"typography-size-15-font-size": "1.5rem"; | ||
"typography-size-15-line-height": "2rem"; | ||
"typography-size-15-letter-spacing": "-0.01rem"; | ||
"typography-size-16-font-size": "1.6rem"; | ||
"typography-size-16-line-height": "2.2rem"; | ||
"typography-size-16-letter-spacing": "-0.01rem"; | ||
"typography-size-17-font-size": "1.7rem"; | ||
"typography-size-17-line-height": "2.2rem"; | ||
"typography-size-17-letter-spacing": "-0.01rem"; | ||
"typography-size-18-font-size": "1.8rem"; | ||
"typography-size-18-line-height": "2.4rem"; | ||
"typography-size-22-font-size": "2.2rem"; | ||
"typography-size-22-line-height": "2.8rem"; | ||
"typography-size-22-letter-spacing": "-0.04rem"; | ||
"typography-size-24-font-size": "2.4rem"; | ||
"typography-size-24-line-height": "3.2rem"; | ||
"typography-size-24-letter-spacing": "-0.04rem"; | ||
"typography-size-30-font-size": "3rem"; | ||
"typography-size-30-line-height": "3.6rem"; | ||
"typography-size-30-letter-spacing": "-0.04rem"; | ||
"typography-size-36-font-size": "3.6rem"; | ||
"typography-size-36-line-height": "4.4rem"; | ||
"typography-size-36-letter-spacing": "-0.04rem"; | ||
}>; | ||
"z-index": Readonly<{ | ||
"z-index-hidden": -1; | ||
"z-index-base": 0; | ||
"z-index-floating": 1; | ||
"z-index-overlay": 1000; | ||
"z-index-modal": 1100; | ||
"z-index-toast": 1200; | ||
"z-index-tooltip": 1300; | ||
"z-index-important": 2000; | ||
}>; | ||
}>; | ||
lightTheme: Readonly<{ | ||
elevation: Readonly<{ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 1px 2px 0 #00000014"; | ||
"ev-2": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 2px 6px 0 #00000014"; | ||
"ev-3": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 12px 0 #00000026"; | ||
"ev-4": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 20px 0 #00000038"; | ||
"ev-5": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 6px 40px 0 #0000004D"; | ||
"ev-6": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 12px 60px 0 #0000004D"; | ||
"ev-inner": "inset 0 0 2px 0 #FFFFFF1F"; | ||
"ev-base": "0 0 2px 0 #0000000D"; | ||
}>; | ||
input: Readonly<{ | ||
"input-box-shadow": "0 1px 2px 0 #0000000D, inset 0 0 0 1px #00000026"; | ||
"input-box-shadow-focused": "0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0"; | ||
"input-box-shadow-invalid": "0 0 0 3px #F4800B4D, inset 0 0 0 1px #F4800B"; | ||
}>; | ||
color: Readonly<{ | ||
"bg-white-high": "#FFFFFF"; | ||
"bg-white-normal": "#FFFFFF"; | ||
"bg-white-low": "#FFFFFF"; | ||
"bg-white-dim-dark": "#FFFFFF99"; | ||
"bg-white-dim-light": "#FFFFFF33"; | ||
"bg-gnb": "#EFEFF0CC"; | ||
"bg-navi": "#F7F7F8CC"; | ||
"bg-header": "#FFFFFF"; | ||
"bg-header-float": "#FFFFFFE6"; | ||
"bg-lounge": "#F7F7F8E6"; | ||
"bg-black-darkest": "#00000099"; | ||
"bg-black-darker": "#00000066"; | ||
"bg-black-dark": "#00000026"; | ||
"bg-black-light": "#00000014"; | ||
"bg-black-lighter": "#0000000D"; | ||
"bg-black-lightest": "#00000008"; | ||
"bg-grey-darkest": "#242428"; | ||
"bg-grey-dark": "#A7A7AA"; | ||
"bg-grey-dim-lightest": "#FCFCFCCC"; | ||
"bg-grey-light": "#EFEFF0"; | ||
"bg-grey-lighter": "#F7F7F8"; | ||
"bg-grey-lightest": "#FCFCFC"; | ||
"bgtxt-blue-dark": "#4E40C9"; | ||
"bgtxt-blue-normal": "#5E56F0"; | ||
"bgtxt-blue-light": "#5E56F04D"; | ||
"bgtxt-blue-lighter": "#5E56F033"; | ||
"bgtxt-blue-lightest": "#5E56F01A"; | ||
"bgtxt-cobalt-dark": "#327AB8"; | ||
"bgtxt-cobalt-normal": "#329BE7"; | ||
"bgtxt-cobalt-light": "#329BE74D"; | ||
"bgtxt-cobalt-lighter": "#329BE733"; | ||
"bgtxt-cobalt-lightest": "#329BE71A"; | ||
"bgtxt-teal-dark": "#449C8A"; | ||
"bgtxt-teal-normal": "#0FB3A3"; | ||
"bgtxt-teal-light": "#0FB3A34D"; | ||
"bgtxt-teal-lighter": "#0FB3A333"; | ||
"bgtxt-teal-lightest": "#0FB3A31A"; | ||
"bgtxt-green-dark": "#41904F"; | ||
"bgtxt-green-normal": "#31A552"; | ||
"bgtxt-green-light": "#31A5524D"; | ||
"bgtxt-green-lighter": "#31A55233"; | ||
"bgtxt-green-lightest": "#31A5521A"; | ||
"bgtxt-olive-dark": "#818628"; | ||
"bgtxt-olive-normal": "#A0A540"; | ||
"bgtxt-olive-light": "#A0A5404D"; | ||
"bgtxt-olive-lighter": "#A0A54033"; | ||
"bgtxt-olive-lightest": "#A0A5401A"; | ||
"bgtxt-yellow-dark": "#C39E37"; | ||
"bgtxt-yellow-normal": "#EDBC40"; | ||
"bgtxt-yellow-light": "#EDBC404D"; | ||
"bgtxt-yellow-lighter": "#EDBC4033"; | ||
"bgtxt-yellow-lightest": "#EDBC401A"; | ||
"bgtxt-orange-dark": "#C57417"; | ||
"bgtxt-orange-normal": "#F4800B"; | ||
"bgtxt-orange-light": "#F4800B4D"; | ||
"bgtxt-orange-lighter": "#F4800B33"; | ||
"bgtxt-orange-lightest": "#F4800B1A"; | ||
"bgtxt-red-dark": "#AC3E46"; | ||
"bgtxt-red-normal": "#E94E58"; | ||
"bgtxt-red-light": "#E94E584D"; | ||
"bgtxt-red-lighter": "#E94E5833"; | ||
"bgtxt-red-lightest": "#E94E581A"; | ||
"bgtxt-pink-dark": "#A32E92"; | ||
"bgtxt-pink-normal": "#CB48AD"; | ||
"bgtxt-pink-light": "#CB48AD4D"; | ||
"bgtxt-pink-lighter": "#CB48AD33"; | ||
"bgtxt-pink-lightest": "#CB48AD1A"; | ||
"bgtxt-purple-dark": "#6B23B3"; | ||
"bgtxt-purple-normal": "#915CE0"; | ||
"bgtxt-purple-light": "#915CE04D"; | ||
"bgtxt-purple-lighter": "#915CE033"; | ||
"bgtxt-purple-lightest": "#915CE01A"; | ||
"bgtxt-navy-dark": "#333D5B"; | ||
"bgtxt-navy-normal": "#3A4F8D"; | ||
"bgtxt-navy-light": "#3A4F8D4D"; | ||
"bgtxt-navy-lighter": "#3A4F8D33"; | ||
"bgtxt-navy-lightest": "#3A4F8D1A"; | ||
"bgtxt-absolute-black-dark": "#000000"; | ||
"bgtxt-absolute-black-normal": "#000000D9"; | ||
"bgtxt-absolute-black-light": "#00000099"; | ||
"bgtxt-absolute-black-lighter": "#00000066"; | ||
"bgtxt-absolute-black-lightest": "#00000033"; | ||
"bgtxt-absolute-white-dark": "#FFFFFF"; | ||
"bgtxt-absolute-white-normal": "#FFFFFFE6"; | ||
"bgtxt-absolute-white-light": "#FFFFFF99"; | ||
"bgtxt-absolute-white-lighter": "#FFFFFF66"; | ||
"bgtxt-absolute-white-lightest": "#FFFFFF33"; | ||
"txt-black-pure": "#000000"; | ||
"txt-black-darkest": "#000000D9"; | ||
"txt-black-darker": "#00000099"; | ||
"txt-black-dark": "#00000066"; | ||
"txt-white-normal": "#FFFFFF"; | ||
"bdr-black-dark": "#00000026"; | ||
"bdr-black-light": "#00000014"; | ||
"bdr-black-lightest": "#00000008"; | ||
"bdr-grey-light": "#EFEFF0"; | ||
"bdr-white": "#FFFFFF"; | ||
"shdw-xlarge": "#0000004D"; | ||
"shdw-large": "#00000038"; | ||
"shdw-medium": "#00000026"; | ||
"shdw-small": "#00000014"; | ||
"shdw-base": "#0000000D"; | ||
"shdw-inner-base": "#FFFFFF1F"; | ||
}>; | ||
}>; | ||
}>; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -1,121 +0,124 @@ | ||
export const elevation: { | ||
"ev-1": string; | ||
"ev-2": string; | ||
"ev-3": string; | ||
"ev-4": string; | ||
"ev-5": string; | ||
"ev-6": string; | ||
"ev-inner": string; | ||
"ev-base": string; | ||
}; | ||
export const input: { | ||
"input-box-shadow": string; | ||
"input-box-shadow-focused": string; | ||
"input-box-shadow-invalid": string; | ||
}; | ||
export const color: { | ||
"bg-white-high": string; | ||
"bg-white-normal": string; | ||
"bg-white-low": string; | ||
"bg-white-dim-dark": string; | ||
"bg-white-dim-light": string; | ||
"bg-gnb": string; | ||
"bg-navi": string; | ||
"bg-header": string; | ||
"bg-header-float": string; | ||
"bg-lounge": string; | ||
"bg-black-darkest": string; | ||
"bg-black-darker": string; | ||
"bg-black-dark": string; | ||
"bg-black-light": string; | ||
"bg-black-lighter": string; | ||
"bg-black-lightest": string; | ||
"bg-grey-darkest": string; | ||
"bg-grey-dark": string; | ||
"bg-grey-dim-lightest": string; | ||
"bg-grey-light": string; | ||
"bg-grey-lighter": string; | ||
"bg-grey-lightest": string; | ||
"bgtxt-blue-dark": string; | ||
"bgtxt-blue-normal": string; | ||
"bgtxt-blue-light": string; | ||
"bgtxt-blue-lighter": string; | ||
"bgtxt-blue-lightest": string; | ||
"bgtxt-cobalt-dark": string; | ||
"bgtxt-cobalt-normal": string; | ||
"bgtxt-cobalt-light": string; | ||
"bgtxt-cobalt-lighter": string; | ||
"bgtxt-cobalt-lightest": string; | ||
"bgtxt-teal-dark": string; | ||
"bgtxt-teal-normal": string; | ||
"bgtxt-teal-light": string; | ||
"bgtxt-teal-lighter": string; | ||
"bgtxt-teal-lightest": string; | ||
"bgtxt-green-dark": string; | ||
"bgtxt-green-normal": string; | ||
"bgtxt-green-light": string; | ||
"bgtxt-green-lighter": string; | ||
"bgtxt-green-lightest": string; | ||
"bgtxt-olive-dark": string; | ||
"bgtxt-olive-normal": string; | ||
"bgtxt-olive-light": string; | ||
"bgtxt-olive-lighter": string; | ||
"bgtxt-olive-lightest": string; | ||
"bgtxt-yellow-dark": string; | ||
"bgtxt-yellow-normal": string; | ||
"bgtxt-yellow-light": string; | ||
"bgtxt-yellow-lighter": string; | ||
"bgtxt-yellow-lightest": string; | ||
"bgtxt-orange-dark": string; | ||
"bgtxt-orange-normal": string; | ||
"bgtxt-orange-light": string; | ||
"bgtxt-orange-lighter": string; | ||
"bgtxt-orange-lightest": string; | ||
"bgtxt-red-dark": string; | ||
"bgtxt-red-normal": string; | ||
"bgtxt-red-light": string; | ||
"bgtxt-red-lighter": string; | ||
"bgtxt-red-lightest": string; | ||
"bgtxt-pink-dark": string; | ||
"bgtxt-pink-normal": string; | ||
"bgtxt-pink-light": string; | ||
"bgtxt-pink-lighter": string; | ||
"bgtxt-pink-lightest": string; | ||
"bgtxt-purple-dark": string; | ||
"bgtxt-purple-normal": string; | ||
"bgtxt-purple-light": string; | ||
"bgtxt-purple-lighter": string; | ||
"bgtxt-purple-lightest": string; | ||
"bgtxt-navy-dark": string; | ||
"bgtxt-navy-normal": string; | ||
"bgtxt-navy-light": string; | ||
"bgtxt-navy-lighter": string; | ||
"bgtxt-navy-lightest": string; | ||
"bgtxt-absolute-black-dark": string; | ||
"bgtxt-absolute-black-normal": string; | ||
"bgtxt-absolute-black-light": string; | ||
"bgtxt-absolute-black-lighter": string; | ||
"bgtxt-absolute-black-lightest": string; | ||
"bgtxt-absolute-white-dark": string; | ||
"bgtxt-absolute-white-normal": string; | ||
"bgtxt-absolute-white-light": string; | ||
"bgtxt-absolute-white-lighter": string; | ||
"bgtxt-absolute-white-lightest": string; | ||
"txt-black-pure": string; | ||
"txt-black-darkest": string; | ||
"txt-black-darker": string; | ||
"txt-black-dark": string; | ||
"txt-white-normal": string; | ||
"bdr-black-dark": string; | ||
"bdr-black-light": string; | ||
"bdr-black-lightest": string; | ||
"bdr-grey-light": string; | ||
"bdr-white": string; | ||
"shdw-xlarge": string; | ||
"shdw-large": string; | ||
"shdw-medium": string; | ||
"shdw-small": string; | ||
"shdw-base": string; | ||
"shdw-inner-base": string; | ||
}; | ||
declare const _exports: Readonly<{ | ||
elevation: Readonly<{ | ||
"ev-1": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 1px 2px 0 #00000014"; | ||
"ev-2": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 2px 6px 0 #00000014"; | ||
"ev-3": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 12px 0 #00000026"; | ||
"ev-4": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 20px 0 #00000038"; | ||
"ev-5": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 6px 40px 0 #0000004D"; | ||
"ev-6": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 12px 60px 0 #0000004D"; | ||
"ev-inner": "inset 0 0 2px 0 #FFFFFF1F"; | ||
"ev-base": "0 0 2px 0 #0000000D"; | ||
}>; | ||
input: Readonly<{ | ||
"input-box-shadow": "0 1px 2px 0 #0000000D, inset 0 0 0 1px #00000026"; | ||
"input-box-shadow-focused": "0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0"; | ||
"input-box-shadow-invalid": "0 0 0 3px #F4800B4D, inset 0 0 0 1px #F4800B"; | ||
}>; | ||
color: Readonly<{ | ||
"bg-white-high": "#FFFFFF"; | ||
"bg-white-normal": "#FFFFFF"; | ||
"bg-white-low": "#FFFFFF"; | ||
"bg-white-dim-dark": "#FFFFFF99"; | ||
"bg-white-dim-light": "#FFFFFF33"; | ||
"bg-gnb": "#EFEFF0CC"; | ||
"bg-navi": "#F7F7F8CC"; | ||
"bg-header": "#FFFFFF"; | ||
"bg-header-float": "#FFFFFFE6"; | ||
"bg-lounge": "#F7F7F8E6"; | ||
"bg-black-darkest": "#00000099"; | ||
"bg-black-darker": "#00000066"; | ||
"bg-black-dark": "#00000026"; | ||
"bg-black-light": "#00000014"; | ||
"bg-black-lighter": "#0000000D"; | ||
"bg-black-lightest": "#00000008"; | ||
"bg-grey-darkest": "#242428"; | ||
"bg-grey-dark": "#A7A7AA"; | ||
"bg-grey-dim-lightest": "#FCFCFCCC"; | ||
"bg-grey-light": "#EFEFF0"; | ||
"bg-grey-lighter": "#F7F7F8"; | ||
"bg-grey-lightest": "#FCFCFC"; | ||
"bgtxt-blue-dark": "#4E40C9"; | ||
"bgtxt-blue-normal": "#5E56F0"; | ||
"bgtxt-blue-light": "#5E56F04D"; | ||
"bgtxt-blue-lighter": "#5E56F033"; | ||
"bgtxt-blue-lightest": "#5E56F01A"; | ||
"bgtxt-cobalt-dark": "#327AB8"; | ||
"bgtxt-cobalt-normal": "#329BE7"; | ||
"bgtxt-cobalt-light": "#329BE74D"; | ||
"bgtxt-cobalt-lighter": "#329BE733"; | ||
"bgtxt-cobalt-lightest": "#329BE71A"; | ||
"bgtxt-teal-dark": "#449C8A"; | ||
"bgtxt-teal-normal": "#0FB3A3"; | ||
"bgtxt-teal-light": "#0FB3A34D"; | ||
"bgtxt-teal-lighter": "#0FB3A333"; | ||
"bgtxt-teal-lightest": "#0FB3A31A"; | ||
"bgtxt-green-dark": "#41904F"; | ||
"bgtxt-green-normal": "#31A552"; | ||
"bgtxt-green-light": "#31A5524D"; | ||
"bgtxt-green-lighter": "#31A55233"; | ||
"bgtxt-green-lightest": "#31A5521A"; | ||
"bgtxt-olive-dark": "#818628"; | ||
"bgtxt-olive-normal": "#A0A540"; | ||
"bgtxt-olive-light": "#A0A5404D"; | ||
"bgtxt-olive-lighter": "#A0A54033"; | ||
"bgtxt-olive-lightest": "#A0A5401A"; | ||
"bgtxt-yellow-dark": "#C39E37"; | ||
"bgtxt-yellow-normal": "#EDBC40"; | ||
"bgtxt-yellow-light": "#EDBC404D"; | ||
"bgtxt-yellow-lighter": "#EDBC4033"; | ||
"bgtxt-yellow-lightest": "#EDBC401A"; | ||
"bgtxt-orange-dark": "#C57417"; | ||
"bgtxt-orange-normal": "#F4800B"; | ||
"bgtxt-orange-light": "#F4800B4D"; | ||
"bgtxt-orange-lighter": "#F4800B33"; | ||
"bgtxt-orange-lightest": "#F4800B1A"; | ||
"bgtxt-red-dark": "#AC3E46"; | ||
"bgtxt-red-normal": "#E94E58"; | ||
"bgtxt-red-light": "#E94E584D"; | ||
"bgtxt-red-lighter": "#E94E5833"; | ||
"bgtxt-red-lightest": "#E94E581A"; | ||
"bgtxt-pink-dark": "#A32E92"; | ||
"bgtxt-pink-normal": "#CB48AD"; | ||
"bgtxt-pink-light": "#CB48AD4D"; | ||
"bgtxt-pink-lighter": "#CB48AD33"; | ||
"bgtxt-pink-lightest": "#CB48AD1A"; | ||
"bgtxt-purple-dark": "#6B23B3"; | ||
"bgtxt-purple-normal": "#915CE0"; | ||
"bgtxt-purple-light": "#915CE04D"; | ||
"bgtxt-purple-lighter": "#915CE033"; | ||
"bgtxt-purple-lightest": "#915CE01A"; | ||
"bgtxt-navy-dark": "#333D5B"; | ||
"bgtxt-navy-normal": "#3A4F8D"; | ||
"bgtxt-navy-light": "#3A4F8D4D"; | ||
"bgtxt-navy-lighter": "#3A4F8D33"; | ||
"bgtxt-navy-lightest": "#3A4F8D1A"; | ||
"bgtxt-absolute-black-dark": "#000000"; | ||
"bgtxt-absolute-black-normal": "#000000D9"; | ||
"bgtxt-absolute-black-light": "#00000099"; | ||
"bgtxt-absolute-black-lighter": "#00000066"; | ||
"bgtxt-absolute-black-lightest": "#00000033"; | ||
"bgtxt-absolute-white-dark": "#FFFFFF"; | ||
"bgtxt-absolute-white-normal": "#FFFFFFE6"; | ||
"bgtxt-absolute-white-light": "#FFFFFF99"; | ||
"bgtxt-absolute-white-lighter": "#FFFFFF66"; | ||
"bgtxt-absolute-white-lightest": "#FFFFFF33"; | ||
"txt-black-pure": "#000000"; | ||
"txt-black-darkest": "#000000D9"; | ||
"txt-black-darker": "#00000099"; | ||
"txt-black-dark": "#00000066"; | ||
"txt-white-normal": "#FFFFFF"; | ||
"bdr-black-dark": "#00000026"; | ||
"bdr-black-light": "#00000014"; | ||
"bdr-black-lightest": "#00000008"; | ||
"bdr-grey-light": "#EFEFF0"; | ||
"bdr-white": "#FFFFFF"; | ||
"shdw-xlarge": "#0000004D"; | ||
"shdw-large": "#00000038"; | ||
"shdw-medium": "#00000026"; | ||
"shdw-small": "#00000014"; | ||
"shdw-base": "#0000000D"; | ||
"shdw-inner-base": "#FFFFFF1F"; | ||
}>; | ||
}>; | ||
export = _exports; | ||
//# sourceMappingURL=lightTheme.d.ts.map |
{ | ||
"name": "@channel.io/bezier-tokens", | ||
"version": "0.1.0-alpha.4", | ||
"version": "0.1.0-alpha.5", | ||
"description": "Design tokens for Bezier design system.", | ||
@@ -5,0 +5,0 @@ "repository": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
140373
2402