@liner-fe/design-token 2.0.38 → 2.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/global.css +64 -60
- package/lib/design/vars.d.ts +53 -0
- package/lib/index.cjs +6 -6
- package/lib/index.cjs.map +3 -3
- package/lib/index.d.ts +1 -1
- package/lib/index.mjs +6 -6
- package/lib/index.mjs.map +3 -3
- package/package.json +1 -1
- package/src/design/color/index.ts +1 -1
- package/src/design/typography/semantic.ts +4 -4
- package/src/design/typography/usage/Display.tsx +18 -0
- package/src/design/typography/usage/Paragraph.tsx +4 -1
- package/src/index.ts +1 -1
- /package/src/design/{color/vars.ts → vars.ts} +0 -0
package/global.css
CHANGED
|
@@ -118,63 +118,63 @@
|
|
|
118
118
|
--lp-pri-rainbow-pink-300: #B8164C;
|
|
119
119
|
--lp-pri-rainbow-pink-200: #71082B;
|
|
120
120
|
--lp-pri-rainbow-pink-100: #120107;
|
|
121
|
-
--lp-pri-gray-cool-920-alpha-80:
|
|
122
|
-
--lp-pri-gray-cool-920-alpha-72:
|
|
123
|
-
--lp-pri-gray-cool-920-alpha-64:
|
|
124
|
-
--lp-pri-gray-cool-920-alpha-56:
|
|
125
|
-
--lp-pri-gray-cool-920-alpha-50:
|
|
126
|
-
--lp-pri-gray-cool-920-alpha-48:
|
|
127
|
-
--lp-pri-gray-cool-920-alpha-44:
|
|
128
|
-
--lp-pri-gray-cool-920-alpha-40:
|
|
129
|
-
--lp-pri-gray-cool-920-alpha-36:
|
|
130
|
-
--lp-pri-gray-cool-920-alpha-32:
|
|
131
|
-
--lp-pri-gray-cool-920-alpha-28:
|
|
132
|
-
--lp-pri-gray-cool-920-alpha-24:
|
|
133
|
-
--lp-pri-gray-cool-920-alpha-20:
|
|
134
|
-
--lp-pri-gray-cool-920-alpha-16:
|
|
135
|
-
--lp-pri-gray-cool-920-alpha-12:
|
|
136
|
-
--lp-pri-gray-cool-920-alpha-8:
|
|
137
|
-
--lp-pri-gray-cool-920-alpha-4:
|
|
138
|
-
--lp-pri-gray-cool-920-alpha-1:
|
|
139
|
-
--lp-pri-gray-cool-920-alpha-0:
|
|
140
|
-
--lp-pri-gray-cool-450-alpha-80:
|
|
141
|
-
--lp-pri-gray-cool-450-alpha-72:
|
|
142
|
-
--lp-pri-gray-cool-450-alpha-64:
|
|
143
|
-
--lp-pri-gray-cool-450-alpha-56:
|
|
144
|
-
--lp-pri-gray-cool-450-alpha-50:
|
|
145
|
-
--lp-pri-gray-cool-450-alpha-48:
|
|
146
|
-
--lp-pri-gray-cool-450-alpha-44:
|
|
147
|
-
--lp-pri-gray-cool-450-alpha-40:
|
|
148
|
-
--lp-pri-gray-cool-450-alpha-36:
|
|
149
|
-
--lp-pri-gray-cool-450-alpha-32:
|
|
150
|
-
--lp-pri-gray-cool-450-alpha-28:
|
|
151
|
-
--lp-pri-gray-cool-450-alpha-24:
|
|
152
|
-
--lp-pri-gray-cool-450-alpha-20:
|
|
153
|
-
--lp-pri-gray-cool-450-alpha-16:
|
|
154
|
-
--lp-pri-gray-cool-450-alpha-12:
|
|
155
|
-
--lp-pri-gray-cool-450-alpha-8:
|
|
156
|
-
--lp-pri-gray-cool-450-alpha-4:
|
|
157
|
-
--lp-pri-gray-cool-450-alpha-1:
|
|
158
|
-
--lp-pri-gray-cool-450-alpha-0:
|
|
159
|
-
--lp-pri-brand-original-50-alpha-80:
|
|
160
|
-
--lp-pri-brand-original-50-alpha-72:
|
|
161
|
-
--lp-pri-brand-original-50-alpha-64:
|
|
162
|
-
--lp-pri-brand-original-50-alpha-56:
|
|
163
|
-
--lp-pri-brand-original-50-alpha-50:
|
|
164
|
-
--lp-pri-brand-original-50-alpha-48:
|
|
165
|
-
--lp-pri-brand-original-50-alpha-44:
|
|
166
|
-
--lp-pri-brand-original-50-alpha-40:
|
|
167
|
-
--lp-pri-brand-original-50-alpha-36:
|
|
168
|
-
--lp-pri-brand-original-50-alpha-32:
|
|
169
|
-
--lp-pri-brand-original-50-alpha-28:
|
|
170
|
-
--lp-pri-brand-original-50-alpha-24:
|
|
171
|
-
--lp-pri-brand-original-50-alpha-20:
|
|
172
|
-
--lp-pri-brand-original-50-alpha-16:
|
|
173
|
-
--lp-pri-brand-original-50-alpha-12:
|
|
174
|
-
--lp-pri-brand-original-50-alpha-8:
|
|
175
|
-
--lp-pri-brand-original-50-alpha-4:
|
|
176
|
-
--lp-pri-brand-original-50-alpha-1:
|
|
177
|
-
--lp-pri-brand-original-50-alpha-0:
|
|
121
|
+
--lp-pri-gray-cool-920-alpha-80: rgba(233, 233, 235, 0.8);
|
|
122
|
+
--lp-pri-gray-cool-920-alpha-72: rgba(233, 233, 235, 0.72);
|
|
123
|
+
--lp-pri-gray-cool-920-alpha-64: rgba(233, 233, 235, 0.64);
|
|
124
|
+
--lp-pri-gray-cool-920-alpha-56: rgba(233, 233, 235, 0.56);
|
|
125
|
+
--lp-pri-gray-cool-920-alpha-50: rgba(233, 233, 235, 0.5);
|
|
126
|
+
--lp-pri-gray-cool-920-alpha-48: rgba(233, 233, 235, 0.48);
|
|
127
|
+
--lp-pri-gray-cool-920-alpha-44: rgba(233, 233, 235, 0.44);
|
|
128
|
+
--lp-pri-gray-cool-920-alpha-40: rgba(233, 233, 235, 0.4);
|
|
129
|
+
--lp-pri-gray-cool-920-alpha-36: rgba(233, 233, 235, 0.36);
|
|
130
|
+
--lp-pri-gray-cool-920-alpha-32: rgba(233, 233, 235, 0.32);
|
|
131
|
+
--lp-pri-gray-cool-920-alpha-28: rgba(233, 233, 235, 0.28);
|
|
132
|
+
--lp-pri-gray-cool-920-alpha-24: rgba(233, 233, 235, 0.24);
|
|
133
|
+
--lp-pri-gray-cool-920-alpha-20: rgba(233, 233, 235, 0.2);
|
|
134
|
+
--lp-pri-gray-cool-920-alpha-16: rgba(233, 233, 235, 0.16);
|
|
135
|
+
--lp-pri-gray-cool-920-alpha-12: rgba(233, 233, 235, 0.12);
|
|
136
|
+
--lp-pri-gray-cool-920-alpha-8: rgba(233, 233, 235, 0.08);
|
|
137
|
+
--lp-pri-gray-cool-920-alpha-4: rgba(233, 233, 235, 0.04);
|
|
138
|
+
--lp-pri-gray-cool-920-alpha-1: rgba(233, 233, 235, 0.01);
|
|
139
|
+
--lp-pri-gray-cool-920-alpha-0: rgba(233, 233, 235, 0);
|
|
140
|
+
--lp-pri-gray-cool-450-alpha-80: rgba(109, 109, 112, 0.8);
|
|
141
|
+
--lp-pri-gray-cool-450-alpha-72: rgba(109, 109, 112, 0.72);
|
|
142
|
+
--lp-pri-gray-cool-450-alpha-64: rgba(109, 109, 112, 0.64);
|
|
143
|
+
--lp-pri-gray-cool-450-alpha-56: rgba(109, 109, 112, 0.56);
|
|
144
|
+
--lp-pri-gray-cool-450-alpha-50: rgba(109, 109, 112, 0.5);
|
|
145
|
+
--lp-pri-gray-cool-450-alpha-48: rgba(109, 109, 112, 0.48);
|
|
146
|
+
--lp-pri-gray-cool-450-alpha-44: rgba(109, 109, 112, 0.44);
|
|
147
|
+
--lp-pri-gray-cool-450-alpha-40: rgba(109, 109, 112, 0.4);
|
|
148
|
+
--lp-pri-gray-cool-450-alpha-36: rgba(109, 109, 112, 0.36);
|
|
149
|
+
--lp-pri-gray-cool-450-alpha-32: rgba(109, 109, 112, 0.32);
|
|
150
|
+
--lp-pri-gray-cool-450-alpha-28: rgba(109, 109, 112, 0.28);
|
|
151
|
+
--lp-pri-gray-cool-450-alpha-24: rgba(109, 109, 112, 0.24);
|
|
152
|
+
--lp-pri-gray-cool-450-alpha-20: rgba(109, 109, 112, 0.2);
|
|
153
|
+
--lp-pri-gray-cool-450-alpha-16: rgba(109, 109, 112, 0.16);
|
|
154
|
+
--lp-pri-gray-cool-450-alpha-12: rgba(109, 109, 112, 0.12);
|
|
155
|
+
--lp-pri-gray-cool-450-alpha-8: rgba(109, 109, 112, 0.08);
|
|
156
|
+
--lp-pri-gray-cool-450-alpha-4: rgba(109, 109, 112, 0.04);
|
|
157
|
+
--lp-pri-gray-cool-450-alpha-1: rgba(109, 109, 112, 0.01);
|
|
158
|
+
--lp-pri-gray-cool-450-alpha-0: rgba(109, 109, 112, 0);
|
|
159
|
+
--lp-pri-brand-original-50-alpha-80: rgba(21, 26, 77, 0.8);
|
|
160
|
+
--lp-pri-brand-original-50-alpha-72: rgba(21, 26, 77, 0.72);
|
|
161
|
+
--lp-pri-brand-original-50-alpha-64: rgba(21, 26, 77, 0.64);
|
|
162
|
+
--lp-pri-brand-original-50-alpha-56: rgba(21, 26, 77, 0.56);
|
|
163
|
+
--lp-pri-brand-original-50-alpha-50: rgba(21, 26, 77, 0.5);
|
|
164
|
+
--lp-pri-brand-original-50-alpha-48: rgba(21, 26, 77, 0.48);
|
|
165
|
+
--lp-pri-brand-original-50-alpha-44: rgba(21, 26, 77, 0.44);
|
|
166
|
+
--lp-pri-brand-original-50-alpha-40: rgba(21, 26, 77, 0.4);
|
|
167
|
+
--lp-pri-brand-original-50-alpha-36: rgba(21, 26, 77, 0.36);
|
|
168
|
+
--lp-pri-brand-original-50-alpha-32: rgba(21, 26, 77, 0.32);
|
|
169
|
+
--lp-pri-brand-original-50-alpha-28: rgba(21, 26, 77, 0.28);
|
|
170
|
+
--lp-pri-brand-original-50-alpha-24: rgba(21, 26, 77, 0.24);
|
|
171
|
+
--lp-pri-brand-original-50-alpha-20: rgba(21, 26, 77, 0.2);
|
|
172
|
+
--lp-pri-brand-original-50-alpha-16: rgba(21, 26, 77, 0.16);
|
|
173
|
+
--lp-pri-brand-original-50-alpha-12: rgba(21, 26, 77, 0.12);
|
|
174
|
+
--lp-pri-brand-original-50-alpha-8: rgba(21, 26, 77, 0.08);
|
|
175
|
+
--lp-pri-brand-original-50-alpha-4: rgba(21, 26, 77, 0.04);
|
|
176
|
+
--lp-pri-brand-original-50-alpha-1: rgba(21, 26, 77, 0.01);
|
|
177
|
+
--lp-pri-brand-original-50-alpha-0: rgba(21, 26, 77, 0);
|
|
178
178
|
--lp-pri-font-size-8: 8px;
|
|
179
179
|
--lp-pri-font-size-11: 11px;
|
|
180
180
|
--lp-pri-font-size-12: 12px;
|
|
@@ -205,8 +205,8 @@
|
|
|
205
205
|
--lp-pri-font-weight-700: 700;
|
|
206
206
|
--lp-pri-font-weight-800: 800;
|
|
207
207
|
}
|
|
208
|
-
:root .lp-sys-typo-
|
|
209
|
-
font-family: lp-pri-font-family-pretendard
|
|
208
|
+
:root .lp-sys-typo-display1-accent-black {
|
|
209
|
+
font-family: lp-pri-font-family-variables-pretendard;
|
|
210
210
|
font-size: var(--lp-pri-font-size-72);
|
|
211
211
|
font-weight: var(--lp-pri-font-weight-800);
|
|
212
212
|
line-height: var(--lp-pri-font-lineheight-120);
|
|
@@ -313,7 +313,11 @@
|
|
|
313
313
|
--function-negative: var(--lp-pri-red-500);
|
|
314
314
|
--function-caution: var(--lp-pri-orange-500);
|
|
315
315
|
}
|
|
316
|
-
:root[language=en] {
|
|
316
|
+
:root[language=en] .lp-sys-typo-display1-accent-black {
|
|
317
|
+
font-family: lp-pri-font-family-poppins;
|
|
318
|
+
font-size: var(--lp-pri-font-size-24);
|
|
319
|
+
font-weight: var(--lp-pri-font-weight-800);
|
|
320
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
317
321
|
}
|
|
318
322
|
/*! For license information please see global.css.LEGAL.txt */
|
|
319
323
|
/*# sourceMappingURL=global.css.map */
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
color: {
|
|
3
|
+
"neutral-container-lowest": string;
|
|
4
|
+
"neutral-container-low": string;
|
|
5
|
+
"neutral-container-mid": string;
|
|
6
|
+
"neutral-container-high": string;
|
|
7
|
+
"neutral-container-highest": string;
|
|
8
|
+
"neutral-fill-lowest": string;
|
|
9
|
+
"neutral-fill-low": string;
|
|
10
|
+
"neutral-fill-mid": string;
|
|
11
|
+
"neutral-label-primary": string;
|
|
12
|
+
"neutral-label-secondary": string;
|
|
13
|
+
"neutral-label-tertiary": string;
|
|
14
|
+
"neutral-label-quaternary": string;
|
|
15
|
+
"neutral-border-overlay-normal": string;
|
|
16
|
+
"neutral-border-overlay-subtle": string;
|
|
17
|
+
"neutral-border-opaque-strong": string;
|
|
18
|
+
"neutral-border-opaque-normal": string;
|
|
19
|
+
"neutral-border-opaque-subtle": string;
|
|
20
|
+
"inverse-container-lowest": string;
|
|
21
|
+
"inverse-container-low": string;
|
|
22
|
+
"inverse-container-mid": string;
|
|
23
|
+
"inverse-container-high": string;
|
|
24
|
+
"inverse-container-highest": string;
|
|
25
|
+
"inverse-fill-lowest": string;
|
|
26
|
+
"inverse-fill-low": string;
|
|
27
|
+
"inverse-fill-mid": string;
|
|
28
|
+
"inverse-label-primary": string;
|
|
29
|
+
"inverse-label-static-primary": string;
|
|
30
|
+
"inverse-label-secondary": string;
|
|
31
|
+
"inverse-label-tertiary": string;
|
|
32
|
+
"inverse-label-quaternary": string;
|
|
33
|
+
"inverse-border-overlay-normal": string;
|
|
34
|
+
"inverse-border-overlay-subtle": string;
|
|
35
|
+
"inverse-border-opaque-strong": string;
|
|
36
|
+
"inverse-border-opaque-normal": string;
|
|
37
|
+
"inverse-border-opaque-subtle": string;
|
|
38
|
+
"brand-container-mid": string;
|
|
39
|
+
"brand-container-high": string;
|
|
40
|
+
"brand-label-primary": string;
|
|
41
|
+
"brand-label-secondary": string;
|
|
42
|
+
"brand-border-overlay-normal": string;
|
|
43
|
+
"brand-border-opaque-normal": string;
|
|
44
|
+
"accent-yellow": string;
|
|
45
|
+
"accent-mint": string;
|
|
46
|
+
"accent-cyan": string;
|
|
47
|
+
"accent-purple": string;
|
|
48
|
+
"accent-pink": string;
|
|
49
|
+
"function-positive": string;
|
|
50
|
+
"function-negative": string;
|
|
51
|
+
"function-caution": string;
|
|
52
|
+
};
|
|
53
|
+
};
|
package/lib/index.cjs
CHANGED
|
@@ -47,9 +47,9 @@ __export(src_exports, {
|
|
|
47
47
|
module.exports = __toCommonJS(src_exports);
|
|
48
48
|
|
|
49
49
|
// src/design/color/index.ts
|
|
50
|
-
var color = { "color": { "primitive": { "lp-pri-achromatic-white": "#ffffff", "lp-pri-achromatic-black": "#000000", "lp-pri-gray-cool-980": "#F9F9FA", "lp-pri-gray-cool-970": "#F6F6F7", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#E3E3E6", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-750": "#BEBFC2", "lp-pri-gray-cool-600": "#939499", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A4A4D", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#313133", "lp-pri-gray-cool-100": "#1E1E1F", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-rainbow-yellow-950": "#FFFDF4", "lp-pri-rainbow-yellow-900": "#FFF9E3", "lp-pri-rainbow-yellow-800": "#FFF0B4", "lp-pri-rainbow-yellow-700": "#FFE375", "lp-pri-rainbow-yellow-600": "#FFD739", "lp-pri-rainbow-yellow-500": "#FFCC00", "lp-pri-rainbow-yellow-400": "#DBB003", "lp-pri-rainbow-yellow-300": "#B89405", "lp-pri-rainbow-yellow-200": "#715B05", "lp-pri-rainbow-yellow-100": "#413503", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-rainbow-mint-950": "#F3FEFE", "lp-pri-rainbow-mint-900": "#AFF7F7", "lp-pri-rainbow-mint-800": "#6EF0F0", "lp-pri-rainbow-mint-700": "#33E6E6", "lp-pri-rainbow-mint-600": "#00CCCC", "lp-pri-rainbow-mint-500": "#02B0B0", "lp-pri-rainbow-mint-400": "#02B0B0", "lp-pri-rainbow-mint-300": "#049494", "lp-pri-rainbow-mint-200": "#045C5C", "lp-pri-rainbow-mint-100": "#033737", "lp-pri-rainbow-cyan-950": "#F6FBFF", "lp-pri-rainbow-cyan-900": "#E8F6FF", "lp-pri-rainbow-cyan-800": "#C6E8FF", "lp-pri-rainbow-cyan-700": "#97D5FF", "lp-pri-rainbow-cyan-600": "#6AC4FF", "lp-pri-rainbow-cyan-500": "#40B3FF", "lp-pri-rainbow-cyan-400": "#2B95DB", "lp-pri-rainbow-cyan-300": "#1A79B8", "lp-pri-rainbow-cyan-200": "#094771", "lp-pri-rainbow-cyan-100": "#042941", "lp-pri-rainbow-purple-950": "#FCF6FF", "lp-pri-rainbow-purple-900": "#F7EAFE", "lp-pri-rainbow-purple-800": "#EBCAFB", "lp-pri-rainbow-purple-700": "#DAA0F7", "lp-pri-rainbow-purple-600": "#C978F2", "lp-pri-rainbow-purple-500": "#B450E6", "lp-pri-rainbow-purple-400": "#9535C6", "lp-pri-rainbow-purple-300": "#7920A6", "lp-pri-rainbow-purple-200": "#480A67", "lp-pri-rainbow-purple-100": "#29043C", "lp-pri-rainbow-pink-950": "#FFF5F8", "lp-pri-rainbow-pink-900": "#FFE7EF", "lp-pri-rainbow-pink-800": "#FFC3D7", "lp-pri-rainbow-pink-700": "#FF90B5", "lp-pri-rainbow-pink-600": "#FF6095", "lp-pri-rainbow-pink-500": "#FF3377", "lp-pri-rainbow-pink-400": "#DB2360", "lp-pri-rainbow-pink-300": "#B8164C", "lp-pri-rainbow-pink-200": "#71082B", "lp-pri-rainbow-pink-100": "#120107", "lp-pri-gray-cool-920-alpha-80": "#CCE9E9EB", "lp-pri-gray-cool-920-alpha-72": "#B8E9E9EB", "lp-pri-gray-cool-920-alpha-64": "#A3E9E9EB", "lp-pri-gray-cool-920-alpha-56": "#8FE9E9EB", "lp-pri-gray-cool-920-alpha-50": "#7FE9E9EB", "lp-pri-gray-cool-920-alpha-48": "#7AE9E9EB", "lp-pri-gray-cool-920-alpha-44": "#70E9E9EB", "lp-pri-gray-cool-920-alpha-40": "#66E9E9EB", "lp-pri-gray-cool-920-alpha-36": "#5CE9E9EB", "lp-pri-gray-cool-920-alpha-32": "#52E9E9EB", "lp-pri-gray-cool-920-alpha-28": "#47E9E9EB", "lp-pri-gray-cool-920-alpha-24": "#3DE9E9EB", "lp-pri-gray-cool-920-alpha-20": "#33E9E9EB", "lp-pri-gray-cool-920-alpha-16": "#29E9E9EB", "lp-pri-gray-cool-920-alpha-12": "#1FE9E9EB", "lp-pri-gray-cool-920-alpha-8": "#14E9E9EB", "lp-pri-gray-cool-920-alpha-4": "#0AE9E9EB", "lp-pri-gray-cool-920-alpha-1": "#03E9E9EB", "lp-pri-gray-cool-920-alpha-0": "#00E9E9EB", "lp-pri-gray-cool-450-alpha-80": "#CC6D6D70", "lp-pri-gray-cool-450-alpha-72": "#B86D6D70", "lp-pri-gray-cool-450-alpha-64": "#A36D6D70", "lp-pri-gray-cool-450-alpha-56": "#8F6D6D70", "lp-pri-gray-cool-450-alpha-50": "#7F6D6D70", "lp-pri-gray-cool-450-alpha-48": "#7A6D6D70", "lp-pri-gray-cool-450-alpha-44": "#706D6D70", "lp-pri-gray-cool-450-alpha-40": "#666D6D70", "lp-pri-gray-cool-450-alpha-36": "#5C6D6D70", "lp-pri-gray-cool-450-alpha-32": "#526D6D70", "lp-pri-gray-cool-450-alpha-28": "#476D6D70", "lp-pri-gray-cool-450-alpha-24": "#3D6D6D70", "lp-pri-gray-cool-450-alpha-20": "#336D6D70", "lp-pri-gray-cool-450-alpha-16": "#296D6D70", "lp-pri-gray-cool-450-alpha-12": "#1F6D6D70", "lp-pri-gray-cool-450-alpha-8": "#146D6D70", "lp-pri-gray-cool-450-alpha-4": "#0A6D6D70", "lp-pri-gray-cool-450-alpha-1": "#036D6D70", "lp-pri-gray-cool-450-alpha-0": "#006D6D70", "lp-pri-brand-original-50-alpha-80": "#CC151A4D", "lp-pri-brand-original-50-alpha-72": "#B8151A4D", "lp-pri-brand-original-50-alpha-64": "#A3151A4D", "lp-pri-brand-original-50-alpha-56": "#8F151A4D", "lp-pri-brand-original-50-alpha-50": "#7F151A4D", "lp-pri-brand-original-50-alpha-48": "#7A151A4D", "lp-pri-brand-original-50-alpha-44": "#70151A4D", "lp-pri-brand-original-50-alpha-40": "#66151A4D", "lp-pri-brand-original-50-alpha-36": "#5C151A4D", "lp-pri-brand-original-50-alpha-32": "#52151A4D", "lp-pri-brand-original-50-alpha-28": "#47151A4D", "lp-pri-brand-original-50-alpha-24": "#3D151A4D", "lp-pri-brand-original-50-alpha-20": "#33151A4D", "lp-pri-brand-original-50-alpha-16": "#29151A4D", "lp-pri-brand-original-50-alpha-12": "#1F151A4D", "lp-pri-brand-original-50-alpha-8": "#14151A4D", "lp-pri-brand-original-50-alpha-4": "#0A151A4D", "lp-pri-brand-original-50-alpha-1": "#03151A4D", "lp-pri-brand-original-50-alpha-0": "#00151A4D" }, "system": { "dark": { "neutral-container-lowest": "lp-pri-gray-cool-100", "neutral-container-low": "lp-pri-gray-cool-200", "neutral-container-mid": "lp-pri-gray-cool-200", "neutral-container-high": "lp-pri-gray-cool-250", "neutral-container-highest": "lp-pri-gray-cool-300", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "neutral-label-primary": "lp-pri-achromatic-white", "neutral-label-secondary": "lp-pri-gray-cool-920", "neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "neutral-label-quaternary": "lp-pri-red-200-alpha-20", "neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "neutral-border-opaque-strong": "lp-pri-achromatic-white", "neutral-border-opaque-normal": "lp-pri-gray-cool-350", "neutral-border-opaque-subtle": "lp-pri-gray-cool-250", "inverse-container-lowest": "lp-pri-achromatic-white", "inverse-container-low": "lp-pri-gray-cool-980", "inverse-container-mid": "lp-pri-gray-cool-970", "inverse-container-high": "lp-pri-gray-cool-940", "inverse-container-highest": "lp-pri-gray-cool-920", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-20", "inverse-label-primary": "lp-pri-gray-cool-100", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-450-alpha-80", "inverse-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "inverse-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "inverse-border-opaque-strong": "lp-pri-gray-cool-100", "inverse-border-opaque-normal": "lp-pri-gray-cool-850", "inverse-border-opaque-subtle": "lp-pri-gray-cool-920", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-variation-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-600", "accent-mint": "lp-pri-rainbow-mint-600", "accent-cyan": "lp-pri-rainbow-cyan-600", "accent-purple": "lp-pri-rainbow-purple-600", "accent-pink": "lp-pri-rainbow-pink-600", "function-positive": "lp-pri-green-600", "function-negative": "lp-pri-red-600", "function-caution": "lp-pri-orange-500" }, "light": { "neutral-container-lowest": "lp-pri-achromatic-white", "neutral-container-low": "lp-pri-gray-cool-980", "neutral-container-mid": "lp-pri-gray-cool-970", "neutral-container-high": "lp-pri-gray-cool-940", "neutral-container-highest": "lp-pri-gray-cool-920", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "neutral-label-primary": "lp-pri-gray-cool-100", "neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "neutral-border-opaque-strong": "lp-pri-gray-cool-100", "neutral-border-opaque-normal": "lp-pri-gray-cool-850", "neutral-border-opaque-subtle": "lp-pri-gray-cool-920", "inverse-container-lowest": "lp-pri-gray-cool-100", "inverse-container-low": "lp-pri-gray-cool-200", "inverse-container-mid": "lp-pri-gray-cool-200", "inverse-container-high": "lp-pri-gray-cool-250", "inverse-container-highest": "lp-pri-gray-cool-300", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-24", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-32", "inverse-label-primary": "lp-pri-achromatic-white", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-920-alpha-56", "inverse-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "inverse-label-quaternary": "lp-pri-gray-cool-920-alpha-20", "inverse-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "inverse-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "inverse-border-opaque-strong": "lp-pri-achromatic-white", "inverse-border-opaque-normal": "lp-pri-gray-cool-350", "inverse-border-opaque-subtle": "lp-pri-gray-cool-250", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-original-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-500", "accent-mint": "lp-pri-rainbow-mint-500", "accent-cyan": "lp-pri-rainbow-cyan-500", "accent-purple": "lp-pri-rainbow-purple-500", "accent-pink": "lp-pri-rainbow-pink-500", "function-positive": "lp-pri-green-500", "function-negative": "lp-pri-red-500", "function-caution": "lp-pri-orange-500" } } } };
|
|
50
|
+
var color = { "color": { "primitive": { "lp-pri-achromatic-white": "#ffffff", "lp-pri-achromatic-black": "#000000", "lp-pri-gray-cool-980": "#F9F9FA", "lp-pri-gray-cool-970": "#F6F6F7", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#E3E3E6", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-750": "#BEBFC2", "lp-pri-gray-cool-600": "#939499", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A4A4D", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#313133", "lp-pri-gray-cool-100": "#1E1E1F", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-rainbow-yellow-950": "#FFFDF4", "lp-pri-rainbow-yellow-900": "#FFF9E3", "lp-pri-rainbow-yellow-800": "#FFF0B4", "lp-pri-rainbow-yellow-700": "#FFE375", "lp-pri-rainbow-yellow-600": "#FFD739", "lp-pri-rainbow-yellow-500": "#FFCC00", "lp-pri-rainbow-yellow-400": "#DBB003", "lp-pri-rainbow-yellow-300": "#B89405", "lp-pri-rainbow-yellow-200": "#715B05", "lp-pri-rainbow-yellow-100": "#413503", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-rainbow-mint-950": "#F3FEFE", "lp-pri-rainbow-mint-900": "#AFF7F7", "lp-pri-rainbow-mint-800": "#6EF0F0", "lp-pri-rainbow-mint-700": "#33E6E6", "lp-pri-rainbow-mint-600": "#00CCCC", "lp-pri-rainbow-mint-500": "#02B0B0", "lp-pri-rainbow-mint-400": "#02B0B0", "lp-pri-rainbow-mint-300": "#049494", "lp-pri-rainbow-mint-200": "#045C5C", "lp-pri-rainbow-mint-100": "#033737", "lp-pri-rainbow-cyan-950": "#F6FBFF", "lp-pri-rainbow-cyan-900": "#E8F6FF", "lp-pri-rainbow-cyan-800": "#C6E8FF", "lp-pri-rainbow-cyan-700": "#97D5FF", "lp-pri-rainbow-cyan-600": "#6AC4FF", "lp-pri-rainbow-cyan-500": "#40B3FF", "lp-pri-rainbow-cyan-400": "#2B95DB", "lp-pri-rainbow-cyan-300": "#1A79B8", "lp-pri-rainbow-cyan-200": "#094771", "lp-pri-rainbow-cyan-100": "#042941", "lp-pri-rainbow-purple-950": "#FCF6FF", "lp-pri-rainbow-purple-900": "#F7EAFE", "lp-pri-rainbow-purple-800": "#EBCAFB", "lp-pri-rainbow-purple-700": "#DAA0F7", "lp-pri-rainbow-purple-600": "#C978F2", "lp-pri-rainbow-purple-500": "#B450E6", "lp-pri-rainbow-purple-400": "#9535C6", "lp-pri-rainbow-purple-300": "#7920A6", "lp-pri-rainbow-purple-200": "#480A67", "lp-pri-rainbow-purple-100": "#29043C", "lp-pri-rainbow-pink-950": "#FFF5F8", "lp-pri-rainbow-pink-900": "#FFE7EF", "lp-pri-rainbow-pink-800": "#FFC3D7", "lp-pri-rainbow-pink-700": "#FF90B5", "lp-pri-rainbow-pink-600": "#FF6095", "lp-pri-rainbow-pink-500": "#FF3377", "lp-pri-rainbow-pink-400": "#DB2360", "lp-pri-rainbow-pink-300": "#B8164C", "lp-pri-rainbow-pink-200": "#71082B", "lp-pri-rainbow-pink-100": "#120107", "lp-pri-gray-cool-920-alpha-80": "rgba(233, 233, 235, 0.8)", "lp-pri-gray-cool-920-alpha-72": "rgba(233, 233, 235, 0.72)", "lp-pri-gray-cool-920-alpha-64": "rgba(233, 233, 235, 0.64)", "lp-pri-gray-cool-920-alpha-56": "rgba(233, 233, 235, 0.56)", "lp-pri-gray-cool-920-alpha-50": "rgba(233, 233, 235, 0.5)", "lp-pri-gray-cool-920-alpha-48": "rgba(233, 233, 235, 0.48)", "lp-pri-gray-cool-920-alpha-44": "rgba(233, 233, 235, 0.44)", "lp-pri-gray-cool-920-alpha-40": "rgba(233, 233, 235, 0.4)", "lp-pri-gray-cool-920-alpha-36": "rgba(233, 233, 235, 0.36)", "lp-pri-gray-cool-920-alpha-32": "rgba(233, 233, 235, 0.32)", "lp-pri-gray-cool-920-alpha-28": "rgba(233, 233, 235, 0.28)", "lp-pri-gray-cool-920-alpha-24": "rgba(233, 233, 235, 0.24)", "lp-pri-gray-cool-920-alpha-20": "rgba(233, 233, 235, 0.2)", "lp-pri-gray-cool-920-alpha-16": "rgba(233, 233, 235, 0.16)", "lp-pri-gray-cool-920-alpha-12": "rgba(233, 233, 235, 0.12)", "lp-pri-gray-cool-920-alpha-8": "rgba(233, 233, 235, 0.08)", "lp-pri-gray-cool-920-alpha-4": "rgba(233, 233, 235, 0.04)", "lp-pri-gray-cool-920-alpha-1": "rgba(233, 233, 235, 0.01)", "lp-pri-gray-cool-920-alpha-0": "rgba(233, 233, 235, 0)", "lp-pri-gray-cool-450-alpha-80": "rgba(109, 109, 112, 0.8)", "lp-pri-gray-cool-450-alpha-72": "rgba(109, 109, 112, 0.72)", "lp-pri-gray-cool-450-alpha-64": "rgba(109, 109, 112, 0.64)", "lp-pri-gray-cool-450-alpha-56": "rgba(109, 109, 112, 0.56)", "lp-pri-gray-cool-450-alpha-50": "rgba(109, 109, 112, 0.5)", "lp-pri-gray-cool-450-alpha-48": "rgba(109, 109, 112, 0.48)", "lp-pri-gray-cool-450-alpha-44": "rgba(109, 109, 112, 0.44)", "lp-pri-gray-cool-450-alpha-40": "rgba(109, 109, 112, 0.4)", "lp-pri-gray-cool-450-alpha-36": "rgba(109, 109, 112, 0.36)", "lp-pri-gray-cool-450-alpha-32": "rgba(109, 109, 112, 0.32)", "lp-pri-gray-cool-450-alpha-28": "rgba(109, 109, 112, 0.28)", "lp-pri-gray-cool-450-alpha-24": "rgba(109, 109, 112, 0.24)", "lp-pri-gray-cool-450-alpha-20": "rgba(109, 109, 112, 0.2)", "lp-pri-gray-cool-450-alpha-16": "rgba(109, 109, 112, 0.16)", "lp-pri-gray-cool-450-alpha-12": "rgba(109, 109, 112, 0.12)", "lp-pri-gray-cool-450-alpha-8": "rgba(109, 109, 112, 0.08)", "lp-pri-gray-cool-450-alpha-4": "rgba(109, 109, 112, 0.04)", "lp-pri-gray-cool-450-alpha-1": "rgba(109, 109, 112, 0.01)", "lp-pri-gray-cool-450-alpha-0": "rgba(109, 109, 112, 0)", "lp-pri-brand-original-50-alpha-80": "rgba(21, 26, 77, 0.8)", "lp-pri-brand-original-50-alpha-72": "rgba(21, 26, 77, 0.72)", "lp-pri-brand-original-50-alpha-64": "rgba(21, 26, 77, 0.64)", "lp-pri-brand-original-50-alpha-56": "rgba(21, 26, 77, 0.56)", "lp-pri-brand-original-50-alpha-50": "rgba(21, 26, 77, 0.5)", "lp-pri-brand-original-50-alpha-48": "rgba(21, 26, 77, 0.48)", "lp-pri-brand-original-50-alpha-44": "rgba(21, 26, 77, 0.44)", "lp-pri-brand-original-50-alpha-40": "rgba(21, 26, 77, 0.4)", "lp-pri-brand-original-50-alpha-36": "rgba(21, 26, 77, 0.36)", "lp-pri-brand-original-50-alpha-32": "rgba(21, 26, 77, 0.32)", "lp-pri-brand-original-50-alpha-28": "rgba(21, 26, 77, 0.28)", "lp-pri-brand-original-50-alpha-24": "rgba(21, 26, 77, 0.24)", "lp-pri-brand-original-50-alpha-20": "rgba(21, 26, 77, 0.2)", "lp-pri-brand-original-50-alpha-16": "rgba(21, 26, 77, 0.16)", "lp-pri-brand-original-50-alpha-12": "rgba(21, 26, 77, 0.12)", "lp-pri-brand-original-50-alpha-8": "rgba(21, 26, 77, 0.08)", "lp-pri-brand-original-50-alpha-4": "rgba(21, 26, 77, 0.04)", "lp-pri-brand-original-50-alpha-1": "rgba(21, 26, 77, 0.01)", "lp-pri-brand-original-50-alpha-0": "rgba(21, 26, 77, 0)" }, "system": { "dark": { "neutral-container-lowest": "lp-pri-gray-cool-100", "neutral-container-low": "lp-pri-gray-cool-200", "neutral-container-mid": "lp-pri-gray-cool-200", "neutral-container-high": "lp-pri-gray-cool-250", "neutral-container-highest": "lp-pri-gray-cool-300", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "neutral-label-primary": "lp-pri-achromatic-white", "neutral-label-secondary": "lp-pri-gray-cool-920", "neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "neutral-label-quaternary": "lp-pri-red-200-alpha-20", "neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "neutral-border-opaque-strong": "lp-pri-achromatic-white", "neutral-border-opaque-normal": "lp-pri-gray-cool-350", "neutral-border-opaque-subtle": "lp-pri-gray-cool-250", "inverse-container-lowest": "lp-pri-achromatic-white", "inverse-container-low": "lp-pri-gray-cool-980", "inverse-container-mid": "lp-pri-gray-cool-970", "inverse-container-high": "lp-pri-gray-cool-940", "inverse-container-highest": "lp-pri-gray-cool-920", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-20", "inverse-label-primary": "lp-pri-gray-cool-100", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-450-alpha-80", "inverse-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "inverse-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "inverse-border-opaque-strong": "lp-pri-gray-cool-100", "inverse-border-opaque-normal": "lp-pri-gray-cool-850", "inverse-border-opaque-subtle": "lp-pri-gray-cool-920", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-variation-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-600", "accent-mint": "lp-pri-rainbow-mint-600", "accent-cyan": "lp-pri-rainbow-cyan-600", "accent-purple": "lp-pri-rainbow-purple-600", "accent-pink": "lp-pri-rainbow-pink-600", "function-positive": "lp-pri-green-600", "function-negative": "lp-pri-red-600", "function-caution": "lp-pri-orange-500" }, "light": { "neutral-container-lowest": "lp-pri-achromatic-white", "neutral-container-low": "lp-pri-gray-cool-980", "neutral-container-mid": "lp-pri-gray-cool-970", "neutral-container-high": "lp-pri-gray-cool-940", "neutral-container-highest": "lp-pri-gray-cool-920", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "neutral-label-primary": "lp-pri-gray-cool-100", "neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "neutral-border-opaque-strong": "lp-pri-gray-cool-100", "neutral-border-opaque-normal": "lp-pri-gray-cool-850", "neutral-border-opaque-subtle": "lp-pri-gray-cool-920", "inverse-container-lowest": "lp-pri-gray-cool-100", "inverse-container-low": "lp-pri-gray-cool-200", "inverse-container-mid": "lp-pri-gray-cool-200", "inverse-container-high": "lp-pri-gray-cool-250", "inverse-container-highest": "lp-pri-gray-cool-300", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-24", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-32", "inverse-label-primary": "lp-pri-achromatic-white", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-920-alpha-56", "inverse-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "inverse-label-quaternary": "lp-pri-gray-cool-920-alpha-20", "inverse-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "inverse-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "inverse-border-opaque-strong": "lp-pri-achromatic-white", "inverse-border-opaque-normal": "lp-pri-gray-cool-350", "inverse-border-opaque-subtle": "lp-pri-gray-cool-250", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-original-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-500", "accent-mint": "lp-pri-rainbow-mint-500", "accent-cyan": "lp-pri-rainbow-cyan-500", "accent-purple": "lp-pri-rainbow-purple-500", "accent-pink": "lp-pri-rainbow-pink-500", "function-positive": "lp-pri-green-500", "function-negative": "lp-pri-red-500", "function-caution": "lp-pri-orange-500" } } } };
|
|
51
51
|
|
|
52
|
-
// src/design/
|
|
52
|
+
// src/design/vars.ts
|
|
53
53
|
var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-fill-lowest": "var(--neutral-fill-lowest)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-lowest": "var(--inverse-fill-lowest)", "inverse-fill-low": "var(--inverse-fill-low)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "inverse-border-overlay-normal": "var(--inverse-border-overlay-normal)", "inverse-border-overlay-subtle": "var(--inverse-border-overlay-subtle)", "inverse-border-opaque-strong": "var(--inverse-border-opaque-strong)", "inverse-border-opaque-normal": "var(--inverse-border-opaque-normal)", "inverse-border-opaque-subtle": "var(--inverse-border-opaque-subtle)", "brand-container-mid": "var(--brand-container-mid)", "brand-container-high": "var(--brand-container-high)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "accent-yellow": "var(--accent-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "function-positive": "var(--function-positive)", "function-negative": "var(--function-negative)", "function-caution": "var(--function-caution)" } };
|
|
54
54
|
|
|
55
55
|
// src/design/radius/index.ts
|
|
@@ -149,16 +149,16 @@ var font = { weight, lineHeight, size: size2 };
|
|
|
149
149
|
|
|
150
150
|
// src/design/typography/semantic.ts
|
|
151
151
|
var typographyEnglish = {
|
|
152
|
-
"lp-sys-typo-
|
|
152
|
+
"lp-sys-typo-display1-accent-black": {
|
|
153
153
|
family: "lp-pri-font-family-poppins",
|
|
154
154
|
weight: "lp-pri-font-weight-800",
|
|
155
155
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
156
|
-
size: "lp-pri-font-size-
|
|
156
|
+
size: "lp-pri-font-size-24"
|
|
157
157
|
}
|
|
158
158
|
};
|
|
159
159
|
var typography = {
|
|
160
|
-
"lp-sys-typo-
|
|
161
|
-
family: "lp-pri-font-family-pretendard
|
|
160
|
+
"lp-sys-typo-display1-accent-black": {
|
|
161
|
+
family: "lp-pri-font-family-variables-pretendard",
|
|
162
162
|
weight: "lp-pri-font-weight-800",
|
|
163
163
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
164
164
|
size: "lp-pri-font-size-72"
|
package/lib/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts", "../src/design/color/index.ts", "../src/design/
|
|
4
|
-
"sourcesContent": ["export * from './design/color';\nexport * from './design/color/vars';\nexport * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\n", "export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#E3E3E6\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-750\":\"#BEBFC2\",\"lp-pri-gray-cool-600\":\"#939499\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A4A4D\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#313133\",\"lp-pri-gray-cool-100\":\"#1E1E1F\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-rainbow-yellow-950\":\"#FFFDF4\",\"lp-pri-rainbow-yellow-900\":\"#FFF9E3\",\"lp-pri-rainbow-yellow-800\":\"#FFF0B4\",\"lp-pri-rainbow-yellow-700\":\"#FFE375\",\"lp-pri-rainbow-yellow-600\":\"#FFD739\",\"lp-pri-rainbow-yellow-500\":\"#FFCC00\",\"lp-pri-rainbow-yellow-400\":\"#DBB003\",\"lp-pri-rainbow-yellow-300\":\"#B89405\",\"lp-pri-rainbow-yellow-200\":\"#715B05\",\"lp-pri-rainbow-yellow-100\":\"#413503\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-rainbow-mint-950\":\"#F3FEFE\",\"lp-pri-rainbow-mint-900\":\"#AFF7F7\",\"lp-pri-rainbow-mint-800\":\"#6EF0F0\",\"lp-pri-rainbow-mint-700\":\"#33E6E6\",\"lp-pri-rainbow-mint-600\":\"#00CCCC\",\"lp-pri-rainbow-mint-500\":\"#02B0B0\",\"lp-pri-rainbow-mint-400\":\"#02B0B0\",\"lp-pri-rainbow-mint-300\":\"#049494\",\"lp-pri-rainbow-mint-200\":\"#045C5C\",\"lp-pri-rainbow-mint-100\":\"#033737\",\"lp-pri-rainbow-cyan-950\":\"#F6FBFF\",\"lp-pri-rainbow-cyan-900\":\"#E8F6FF\",\"lp-pri-rainbow-cyan-800\":\"#C6E8FF\",\"lp-pri-rainbow-cyan-700\":\"#97D5FF\",\"lp-pri-rainbow-cyan-600\":\"#6AC4FF\",\"lp-pri-rainbow-cyan-500\":\"#40B3FF\",\"lp-pri-rainbow-cyan-400\":\"#2B95DB\",\"lp-pri-rainbow-cyan-300\":\"#1A79B8\",\"lp-pri-rainbow-cyan-200\":\"#094771\",\"lp-pri-rainbow-cyan-100\":\"#042941\",\"lp-pri-rainbow-purple-950\":\"#FCF6FF\",\"lp-pri-rainbow-purple-900\":\"#F7EAFE\",\"lp-pri-rainbow-purple-800\":\"#EBCAFB\",\"lp-pri-rainbow-purple-700\":\"#DAA0F7\",\"lp-pri-rainbow-purple-600\":\"#C978F2\",\"lp-pri-rainbow-purple-500\":\"#B450E6\",\"lp-pri-rainbow-purple-400\":\"#9535C6\",\"lp-pri-rainbow-purple-300\":\"#7920A6\",\"lp-pri-rainbow-purple-200\":\"#480A67\",\"lp-pri-rainbow-purple-100\":\"#29043C\",\"lp-pri-rainbow-pink-950\":\"#FFF5F8\",\"lp-pri-rainbow-pink-900\":\"#FFE7EF\",\"lp-pri-rainbow-pink-800\":\"#FFC3D7\",\"lp-pri-rainbow-pink-700\":\"#FF90B5\",\"lp-pri-rainbow-pink-600\":\"#FF6095\",\"lp-pri-rainbow-pink-500\":\"#FF3377\",\"lp-pri-rainbow-pink-400\":\"#DB2360\",\"lp-pri-rainbow-pink-300\":\"#B8164C\",\"lp-pri-rainbow-pink-200\":\"#71082B\",\"lp-pri-rainbow-pink-100\":\"#120107\",\"lp-pri-gray-cool-920-alpha-80\":\"#CCE9E9EB\",\"lp-pri-gray-cool-920-alpha-72\":\"#B8E9E9EB\",\"lp-pri-gray-cool-920-alpha-64\":\"#A3E9E9EB\",\"lp-pri-gray-cool-920-alpha-56\":\"#8FE9E9EB\",\"lp-pri-gray-cool-920-alpha-50\":\"#7FE9E9EB\",\"lp-pri-gray-cool-920-alpha-48\":\"#7AE9E9EB\",\"lp-pri-gray-cool-920-alpha-44\":\"#70E9E9EB\",\"lp-pri-gray-cool-920-alpha-40\":\"#66E9E9EB\",\"lp-pri-gray-cool-920-alpha-36\":\"#5CE9E9EB\",\"lp-pri-gray-cool-920-alpha-32\":\"#52E9E9EB\",\"lp-pri-gray-cool-920-alpha-28\":\"#47E9E9EB\",\"lp-pri-gray-cool-920-alpha-24\":\"#3DE9E9EB\",\"lp-pri-gray-cool-920-alpha-20\":\"#33E9E9EB\",\"lp-pri-gray-cool-920-alpha-16\":\"#29E9E9EB\",\"lp-pri-gray-cool-920-alpha-12\":\"#1FE9E9EB\",\"lp-pri-gray-cool-920-alpha-8\":\"#14E9E9EB\",\"lp-pri-gray-cool-920-alpha-4\":\"#0AE9E9EB\",\"lp-pri-gray-cool-920-alpha-1\":\"#03E9E9EB\",\"lp-pri-gray-cool-920-alpha-0\":\"#00E9E9EB\",\"lp-pri-gray-cool-450-alpha-80\":\"#CC6D6D70\",\"lp-pri-gray-cool-450-alpha-72\":\"#B86D6D70\",\"lp-pri-gray-cool-450-alpha-64\":\"#A36D6D70\",\"lp-pri-gray-cool-450-alpha-56\":\"#8F6D6D70\",\"lp-pri-gray-cool-450-alpha-50\":\"#7F6D6D70\",\"lp-pri-gray-cool-450-alpha-48\":\"#7A6D6D70\",\"lp-pri-gray-cool-450-alpha-44\":\"#706D6D70\",\"lp-pri-gray-cool-450-alpha-40\":\"#666D6D70\",\"lp-pri-gray-cool-450-alpha-36\":\"#5C6D6D70\",\"lp-pri-gray-cool-450-alpha-32\":\"#526D6D70\",\"lp-pri-gray-cool-450-alpha-28\":\"#476D6D70\",\"lp-pri-gray-cool-450-alpha-24\":\"#3D6D6D70\",\"lp-pri-gray-cool-450-alpha-20\":\"#336D6D70\",\"lp-pri-gray-cool-450-alpha-16\":\"#296D6D70\",\"lp-pri-gray-cool-450-alpha-12\":\"#1F6D6D70\",\"lp-pri-gray-cool-450-alpha-8\":\"#146D6D70\",\"lp-pri-gray-cool-450-alpha-4\":\"#0A6D6D70\",\"lp-pri-gray-cool-450-alpha-1\":\"#036D6D70\",\"lp-pri-gray-cool-450-alpha-0\":\"#006D6D70\",\"lp-pri-brand-original-50-alpha-80\":\"#CC151A4D\",\"lp-pri-brand-original-50-alpha-72\":\"#B8151A4D\",\"lp-pri-brand-original-50-alpha-64\":\"#A3151A4D\",\"lp-pri-brand-original-50-alpha-56\":\"#8F151A4D\",\"lp-pri-brand-original-50-alpha-50\":\"#7F151A4D\",\"lp-pri-brand-original-50-alpha-48\":\"#7A151A4D\",\"lp-pri-brand-original-50-alpha-44\":\"#70151A4D\",\"lp-pri-brand-original-50-alpha-40\":\"#66151A4D\",\"lp-pri-brand-original-50-alpha-36\":\"#5C151A4D\",\"lp-pri-brand-original-50-alpha-32\":\"#52151A4D\",\"lp-pri-brand-original-50-alpha-28\":\"#47151A4D\",\"lp-pri-brand-original-50-alpha-24\":\"#3D151A4D\",\"lp-pri-brand-original-50-alpha-20\":\"#33151A4D\",\"lp-pri-brand-original-50-alpha-16\":\"#29151A4D\",\"lp-pri-brand-original-50-alpha-12\":\"#1F151A4D\",\"lp-pri-brand-original-50-alpha-8\":\"#14151A4D\",\"lp-pri-brand-original-50-alpha-4\":\"#0A151A4D\",\"lp-pri-brand-original-50-alpha-1\":\"#03151A4D\",\"lp-pri-brand-original-50-alpha-0\":\"#00151A4D\"},\"system\":{\"dark\":{\"neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"neutral-container-low\":\"lp-pri-gray-cool-200\",\"neutral-container-mid\":\"lp-pri-gray-cool-200\",\"neutral-container-high\":\"lp-pri-gray-cool-250\",\"neutral-container-highest\":\"lp-pri-gray-cool-300\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"neutral-label-primary\":\"lp-pri-achromatic-white\",\"neutral-label-secondary\":\"lp-pri-gray-cool-920\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"inverse-container-lowest\":\"lp-pri-achromatic-white\",\"inverse-container-low\":\"lp-pri-gray-cool-980\",\"inverse-container-mid\":\"lp-pri-gray-cool-970\",\"inverse-container-high\":\"lp-pri-gray-cool-940\",\"inverse-container-highest\":\"lp-pri-gray-cool-920\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"inverse-label-primary\":\"lp-pri-gray-cool-100\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"inverse-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-variation-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-600\",\"accent-mint\":\"lp-pri-rainbow-mint-600\",\"accent-cyan\":\"lp-pri-rainbow-cyan-600\",\"accent-purple\":\"lp-pri-rainbow-purple-600\",\"accent-pink\":\"lp-pri-rainbow-pink-600\",\"function-positive\":\"lp-pri-green-600\",\"function-negative\":\"lp-pri-red-600\",\"function-caution\":\"lp-pri-orange-500\"},\"light\":{\"neutral-container-lowest\":\"lp-pri-achromatic-white\",\"neutral-container-low\":\"lp-pri-gray-cool-980\",\"neutral-container-mid\":\"lp-pri-gray-cool-970\",\"neutral-container-high\":\"lp-pri-gray-cool-940\",\"neutral-container-highest\":\"lp-pri-gray-cool-920\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"neutral-label-primary\":\"lp-pri-gray-cool-100\",\"neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"inverse-container-lowest\":\"lp-pri-gray-cool-100\",\"inverse-container-low\":\"lp-pri-gray-cool-200\",\"inverse-container-mid\":\"lp-pri-gray-cool-200\",\"inverse-container-high\":\"lp-pri-gray-cool-250\",\"inverse-container-highest\":\"lp-pri-gray-cool-300\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"inverse-label-primary\":\"lp-pri-achromatic-white\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-920-alpha-56\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-opaque-strong\":\"lp-pri-achromatic-white\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-original-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-500\",\"accent-mint\":\"lp-pri-rainbow-mint-500\",\"accent-cyan\":\"lp-pri-rainbow-cyan-500\",\"accent-purple\":\"lp-pri-rainbow-purple-500\",\"accent-pink\":\"lp-pri-rainbow-pink-500\",\"function-positive\":\"lp-pri-green-500\",\"function-negative\":\"lp-pri-red-500\",\"function-caution\":\"lp-pri-orange-500\"}}}}", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-lowest\":\"var(--inverse-fill-lowest)\",\"inverse-fill-low\":\"var(--inverse-fill-low)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"accent-yellow\":\"var(--accent-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-positive\":\"var(--function-positive)\",\"function-negative\":\"var(--function-negative)\",\"function-caution\":\"var(--function-caution)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,QAAQ,EAAC,SAAQ,EAAC,aAAY,EAAC,2BAA0B,WAAU,2BAA0B,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,4BAA2B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,6BAA4B,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,iBAAgB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,oBAAmB,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,mBAAkB,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,iCAAgC,
|
|
3
|
+
"sources": ["../src/index.ts", "../src/design/color/index.ts", "../src/design/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
|
|
4
|
+
"sourcesContent": ["export * from './design/color';\nexport * from './design/vars';\nexport * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\n", "export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#E3E3E6\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-750\":\"#BEBFC2\",\"lp-pri-gray-cool-600\":\"#939499\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A4A4D\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#313133\",\"lp-pri-gray-cool-100\":\"#1E1E1F\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-rainbow-yellow-950\":\"#FFFDF4\",\"lp-pri-rainbow-yellow-900\":\"#FFF9E3\",\"lp-pri-rainbow-yellow-800\":\"#FFF0B4\",\"lp-pri-rainbow-yellow-700\":\"#FFE375\",\"lp-pri-rainbow-yellow-600\":\"#FFD739\",\"lp-pri-rainbow-yellow-500\":\"#FFCC00\",\"lp-pri-rainbow-yellow-400\":\"#DBB003\",\"lp-pri-rainbow-yellow-300\":\"#B89405\",\"lp-pri-rainbow-yellow-200\":\"#715B05\",\"lp-pri-rainbow-yellow-100\":\"#413503\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-rainbow-mint-950\":\"#F3FEFE\",\"lp-pri-rainbow-mint-900\":\"#AFF7F7\",\"lp-pri-rainbow-mint-800\":\"#6EF0F0\",\"lp-pri-rainbow-mint-700\":\"#33E6E6\",\"lp-pri-rainbow-mint-600\":\"#00CCCC\",\"lp-pri-rainbow-mint-500\":\"#02B0B0\",\"lp-pri-rainbow-mint-400\":\"#02B0B0\",\"lp-pri-rainbow-mint-300\":\"#049494\",\"lp-pri-rainbow-mint-200\":\"#045C5C\",\"lp-pri-rainbow-mint-100\":\"#033737\",\"lp-pri-rainbow-cyan-950\":\"#F6FBFF\",\"lp-pri-rainbow-cyan-900\":\"#E8F6FF\",\"lp-pri-rainbow-cyan-800\":\"#C6E8FF\",\"lp-pri-rainbow-cyan-700\":\"#97D5FF\",\"lp-pri-rainbow-cyan-600\":\"#6AC4FF\",\"lp-pri-rainbow-cyan-500\":\"#40B3FF\",\"lp-pri-rainbow-cyan-400\":\"#2B95DB\",\"lp-pri-rainbow-cyan-300\":\"#1A79B8\",\"lp-pri-rainbow-cyan-200\":\"#094771\",\"lp-pri-rainbow-cyan-100\":\"#042941\",\"lp-pri-rainbow-purple-950\":\"#FCF6FF\",\"lp-pri-rainbow-purple-900\":\"#F7EAFE\",\"lp-pri-rainbow-purple-800\":\"#EBCAFB\",\"lp-pri-rainbow-purple-700\":\"#DAA0F7\",\"lp-pri-rainbow-purple-600\":\"#C978F2\",\"lp-pri-rainbow-purple-500\":\"#B450E6\",\"lp-pri-rainbow-purple-400\":\"#9535C6\",\"lp-pri-rainbow-purple-300\":\"#7920A6\",\"lp-pri-rainbow-purple-200\":\"#480A67\",\"lp-pri-rainbow-purple-100\":\"#29043C\",\"lp-pri-rainbow-pink-950\":\"#FFF5F8\",\"lp-pri-rainbow-pink-900\":\"#FFE7EF\",\"lp-pri-rainbow-pink-800\":\"#FFC3D7\",\"lp-pri-rainbow-pink-700\":\"#FF90B5\",\"lp-pri-rainbow-pink-600\":\"#FF6095\",\"lp-pri-rainbow-pink-500\":\"#FF3377\",\"lp-pri-rainbow-pink-400\":\"#DB2360\",\"lp-pri-rainbow-pink-300\":\"#B8164C\",\"lp-pri-rainbow-pink-200\":\"#71082B\",\"lp-pri-rainbow-pink-100\":\"#120107\",\"lp-pri-gray-cool-920-alpha-80\":\"rgba(233, 233, 235, 0.8)\",\"lp-pri-gray-cool-920-alpha-72\":\"rgba(233, 233, 235, 0.72)\",\"lp-pri-gray-cool-920-alpha-64\":\"rgba(233, 233, 235, 0.64)\",\"lp-pri-gray-cool-920-alpha-56\":\"rgba(233, 233, 235, 0.56)\",\"lp-pri-gray-cool-920-alpha-50\":\"rgba(233, 233, 235, 0.5)\",\"lp-pri-gray-cool-920-alpha-48\":\"rgba(233, 233, 235, 0.48)\",\"lp-pri-gray-cool-920-alpha-44\":\"rgba(233, 233, 235, 0.44)\",\"lp-pri-gray-cool-920-alpha-40\":\"rgba(233, 233, 235, 0.4)\",\"lp-pri-gray-cool-920-alpha-36\":\"rgba(233, 233, 235, 0.36)\",\"lp-pri-gray-cool-920-alpha-32\":\"rgba(233, 233, 235, 0.32)\",\"lp-pri-gray-cool-920-alpha-28\":\"rgba(233, 233, 235, 0.28)\",\"lp-pri-gray-cool-920-alpha-24\":\"rgba(233, 233, 235, 0.24)\",\"lp-pri-gray-cool-920-alpha-20\":\"rgba(233, 233, 235, 0.2)\",\"lp-pri-gray-cool-920-alpha-16\":\"rgba(233, 233, 235, 0.16)\",\"lp-pri-gray-cool-920-alpha-12\":\"rgba(233, 233, 235, 0.12)\",\"lp-pri-gray-cool-920-alpha-8\":\"rgba(233, 233, 235, 0.08)\",\"lp-pri-gray-cool-920-alpha-4\":\"rgba(233, 233, 235, 0.04)\",\"lp-pri-gray-cool-920-alpha-1\":\"rgba(233, 233, 235, 0.01)\",\"lp-pri-gray-cool-920-alpha-0\":\"rgba(233, 233, 235, 0)\",\"lp-pri-gray-cool-450-alpha-80\":\"rgba(109, 109, 112, 0.8)\",\"lp-pri-gray-cool-450-alpha-72\":\"rgba(109, 109, 112, 0.72)\",\"lp-pri-gray-cool-450-alpha-64\":\"rgba(109, 109, 112, 0.64)\",\"lp-pri-gray-cool-450-alpha-56\":\"rgba(109, 109, 112, 0.56)\",\"lp-pri-gray-cool-450-alpha-50\":\"rgba(109, 109, 112, 0.5)\",\"lp-pri-gray-cool-450-alpha-48\":\"rgba(109, 109, 112, 0.48)\",\"lp-pri-gray-cool-450-alpha-44\":\"rgba(109, 109, 112, 0.44)\",\"lp-pri-gray-cool-450-alpha-40\":\"rgba(109, 109, 112, 0.4)\",\"lp-pri-gray-cool-450-alpha-36\":\"rgba(109, 109, 112, 0.36)\",\"lp-pri-gray-cool-450-alpha-32\":\"rgba(109, 109, 112, 0.32)\",\"lp-pri-gray-cool-450-alpha-28\":\"rgba(109, 109, 112, 0.28)\",\"lp-pri-gray-cool-450-alpha-24\":\"rgba(109, 109, 112, 0.24)\",\"lp-pri-gray-cool-450-alpha-20\":\"rgba(109, 109, 112, 0.2)\",\"lp-pri-gray-cool-450-alpha-16\":\"rgba(109, 109, 112, 0.16)\",\"lp-pri-gray-cool-450-alpha-12\":\"rgba(109, 109, 112, 0.12)\",\"lp-pri-gray-cool-450-alpha-8\":\"rgba(109, 109, 112, 0.08)\",\"lp-pri-gray-cool-450-alpha-4\":\"rgba(109, 109, 112, 0.04)\",\"lp-pri-gray-cool-450-alpha-1\":\"rgba(109, 109, 112, 0.01)\",\"lp-pri-gray-cool-450-alpha-0\":\"rgba(109, 109, 112, 0)\",\"lp-pri-brand-original-50-alpha-80\":\"rgba(21, 26, 77, 0.8)\",\"lp-pri-brand-original-50-alpha-72\":\"rgba(21, 26, 77, 0.72)\",\"lp-pri-brand-original-50-alpha-64\":\"rgba(21, 26, 77, 0.64)\",\"lp-pri-brand-original-50-alpha-56\":\"rgba(21, 26, 77, 0.56)\",\"lp-pri-brand-original-50-alpha-50\":\"rgba(21, 26, 77, 0.5)\",\"lp-pri-brand-original-50-alpha-48\":\"rgba(21, 26, 77, 0.48)\",\"lp-pri-brand-original-50-alpha-44\":\"rgba(21, 26, 77, 0.44)\",\"lp-pri-brand-original-50-alpha-40\":\"rgba(21, 26, 77, 0.4)\",\"lp-pri-brand-original-50-alpha-36\":\"rgba(21, 26, 77, 0.36)\",\"lp-pri-brand-original-50-alpha-32\":\"rgba(21, 26, 77, 0.32)\",\"lp-pri-brand-original-50-alpha-28\":\"rgba(21, 26, 77, 0.28)\",\"lp-pri-brand-original-50-alpha-24\":\"rgba(21, 26, 77, 0.24)\",\"lp-pri-brand-original-50-alpha-20\":\"rgba(21, 26, 77, 0.2)\",\"lp-pri-brand-original-50-alpha-16\":\"rgba(21, 26, 77, 0.16)\",\"lp-pri-brand-original-50-alpha-12\":\"rgba(21, 26, 77, 0.12)\",\"lp-pri-brand-original-50-alpha-8\":\"rgba(21, 26, 77, 0.08)\",\"lp-pri-brand-original-50-alpha-4\":\"rgba(21, 26, 77, 0.04)\",\"lp-pri-brand-original-50-alpha-1\":\"rgba(21, 26, 77, 0.01)\",\"lp-pri-brand-original-50-alpha-0\":\"rgba(21, 26, 77, 0)\"},\"system\":{\"dark\":{\"neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"neutral-container-low\":\"lp-pri-gray-cool-200\",\"neutral-container-mid\":\"lp-pri-gray-cool-200\",\"neutral-container-high\":\"lp-pri-gray-cool-250\",\"neutral-container-highest\":\"lp-pri-gray-cool-300\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"neutral-label-primary\":\"lp-pri-achromatic-white\",\"neutral-label-secondary\":\"lp-pri-gray-cool-920\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"inverse-container-lowest\":\"lp-pri-achromatic-white\",\"inverse-container-low\":\"lp-pri-gray-cool-980\",\"inverse-container-mid\":\"lp-pri-gray-cool-970\",\"inverse-container-high\":\"lp-pri-gray-cool-940\",\"inverse-container-highest\":\"lp-pri-gray-cool-920\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"inverse-label-primary\":\"lp-pri-gray-cool-100\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"inverse-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-variation-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-600\",\"accent-mint\":\"lp-pri-rainbow-mint-600\",\"accent-cyan\":\"lp-pri-rainbow-cyan-600\",\"accent-purple\":\"lp-pri-rainbow-purple-600\",\"accent-pink\":\"lp-pri-rainbow-pink-600\",\"function-positive\":\"lp-pri-green-600\",\"function-negative\":\"lp-pri-red-600\",\"function-caution\":\"lp-pri-orange-500\"},\"light\":{\"neutral-container-lowest\":\"lp-pri-achromatic-white\",\"neutral-container-low\":\"lp-pri-gray-cool-980\",\"neutral-container-mid\":\"lp-pri-gray-cool-970\",\"neutral-container-high\":\"lp-pri-gray-cool-940\",\"neutral-container-highest\":\"lp-pri-gray-cool-920\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"neutral-label-primary\":\"lp-pri-gray-cool-100\",\"neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"inverse-container-lowest\":\"lp-pri-gray-cool-100\",\"inverse-container-low\":\"lp-pri-gray-cool-200\",\"inverse-container-mid\":\"lp-pri-gray-cool-200\",\"inverse-container-high\":\"lp-pri-gray-cool-250\",\"inverse-container-highest\":\"lp-pri-gray-cool-300\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"inverse-label-primary\":\"lp-pri-achromatic-white\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-920-alpha-56\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-opaque-strong\":\"lp-pri-achromatic-white\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-original-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-500\",\"accent-mint\":\"lp-pri-rainbow-mint-500\",\"accent-cyan\":\"lp-pri-rainbow-cyan-500\",\"accent-purple\":\"lp-pri-rainbow-purple-500\",\"accent-pink\":\"lp-pri-rainbow-pink-500\",\"function-positive\":\"lp-pri-green-500\",\"function-negative\":\"lp-pri-red-500\",\"function-caution\":\"lp-pri-orange-500\"}}}}", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-lowest\":\"var(--inverse-fill-lowest)\",\"inverse-fill-low\":\"var(--inverse-fill-low)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"accent-yellow\":\"var(--accent-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-positive\":\"var(--function-positive)\",\"function-negative\":\"var(--function-negative)\",\"function-caution\":\"var(--function-caution)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display1-accent-black': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-24',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display1-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["size", "React", "import_react"]
|
|
7
7
|
}
|
package/lib/index.d.ts
CHANGED
package/lib/index.mjs
CHANGED
|
@@ -2,9 +2,9 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
|
|
4
4
|
// src/design/color/index.ts
|
|
5
|
-
var color = { "color": { "primitive": { "lp-pri-achromatic-white": "#ffffff", "lp-pri-achromatic-black": "#000000", "lp-pri-gray-cool-980": "#F9F9FA", "lp-pri-gray-cool-970": "#F6F6F7", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#E3E3E6", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-750": "#BEBFC2", "lp-pri-gray-cool-600": "#939499", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A4A4D", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#313133", "lp-pri-gray-cool-100": "#1E1E1F", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-rainbow-yellow-950": "#FFFDF4", "lp-pri-rainbow-yellow-900": "#FFF9E3", "lp-pri-rainbow-yellow-800": "#FFF0B4", "lp-pri-rainbow-yellow-700": "#FFE375", "lp-pri-rainbow-yellow-600": "#FFD739", "lp-pri-rainbow-yellow-500": "#FFCC00", "lp-pri-rainbow-yellow-400": "#DBB003", "lp-pri-rainbow-yellow-300": "#B89405", "lp-pri-rainbow-yellow-200": "#715B05", "lp-pri-rainbow-yellow-100": "#413503", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-rainbow-mint-950": "#F3FEFE", "lp-pri-rainbow-mint-900": "#AFF7F7", "lp-pri-rainbow-mint-800": "#6EF0F0", "lp-pri-rainbow-mint-700": "#33E6E6", "lp-pri-rainbow-mint-600": "#00CCCC", "lp-pri-rainbow-mint-500": "#02B0B0", "lp-pri-rainbow-mint-400": "#02B0B0", "lp-pri-rainbow-mint-300": "#049494", "lp-pri-rainbow-mint-200": "#045C5C", "lp-pri-rainbow-mint-100": "#033737", "lp-pri-rainbow-cyan-950": "#F6FBFF", "lp-pri-rainbow-cyan-900": "#E8F6FF", "lp-pri-rainbow-cyan-800": "#C6E8FF", "lp-pri-rainbow-cyan-700": "#97D5FF", "lp-pri-rainbow-cyan-600": "#6AC4FF", "lp-pri-rainbow-cyan-500": "#40B3FF", "lp-pri-rainbow-cyan-400": "#2B95DB", "lp-pri-rainbow-cyan-300": "#1A79B8", "lp-pri-rainbow-cyan-200": "#094771", "lp-pri-rainbow-cyan-100": "#042941", "lp-pri-rainbow-purple-950": "#FCF6FF", "lp-pri-rainbow-purple-900": "#F7EAFE", "lp-pri-rainbow-purple-800": "#EBCAFB", "lp-pri-rainbow-purple-700": "#DAA0F7", "lp-pri-rainbow-purple-600": "#C978F2", "lp-pri-rainbow-purple-500": "#B450E6", "lp-pri-rainbow-purple-400": "#9535C6", "lp-pri-rainbow-purple-300": "#7920A6", "lp-pri-rainbow-purple-200": "#480A67", "lp-pri-rainbow-purple-100": "#29043C", "lp-pri-rainbow-pink-950": "#FFF5F8", "lp-pri-rainbow-pink-900": "#FFE7EF", "lp-pri-rainbow-pink-800": "#FFC3D7", "lp-pri-rainbow-pink-700": "#FF90B5", "lp-pri-rainbow-pink-600": "#FF6095", "lp-pri-rainbow-pink-500": "#FF3377", "lp-pri-rainbow-pink-400": "#DB2360", "lp-pri-rainbow-pink-300": "#B8164C", "lp-pri-rainbow-pink-200": "#71082B", "lp-pri-rainbow-pink-100": "#120107", "lp-pri-gray-cool-920-alpha-80": "#CCE9E9EB", "lp-pri-gray-cool-920-alpha-72": "#B8E9E9EB", "lp-pri-gray-cool-920-alpha-64": "#A3E9E9EB", "lp-pri-gray-cool-920-alpha-56": "#8FE9E9EB", "lp-pri-gray-cool-920-alpha-50": "#7FE9E9EB", "lp-pri-gray-cool-920-alpha-48": "#7AE9E9EB", "lp-pri-gray-cool-920-alpha-44": "#70E9E9EB", "lp-pri-gray-cool-920-alpha-40": "#66E9E9EB", "lp-pri-gray-cool-920-alpha-36": "#5CE9E9EB", "lp-pri-gray-cool-920-alpha-32": "#52E9E9EB", "lp-pri-gray-cool-920-alpha-28": "#47E9E9EB", "lp-pri-gray-cool-920-alpha-24": "#3DE9E9EB", "lp-pri-gray-cool-920-alpha-20": "#33E9E9EB", "lp-pri-gray-cool-920-alpha-16": "#29E9E9EB", "lp-pri-gray-cool-920-alpha-12": "#1FE9E9EB", "lp-pri-gray-cool-920-alpha-8": "#14E9E9EB", "lp-pri-gray-cool-920-alpha-4": "#0AE9E9EB", "lp-pri-gray-cool-920-alpha-1": "#03E9E9EB", "lp-pri-gray-cool-920-alpha-0": "#00E9E9EB", "lp-pri-gray-cool-450-alpha-80": "#CC6D6D70", "lp-pri-gray-cool-450-alpha-72": "#B86D6D70", "lp-pri-gray-cool-450-alpha-64": "#A36D6D70", "lp-pri-gray-cool-450-alpha-56": "#8F6D6D70", "lp-pri-gray-cool-450-alpha-50": "#7F6D6D70", "lp-pri-gray-cool-450-alpha-48": "#7A6D6D70", "lp-pri-gray-cool-450-alpha-44": "#706D6D70", "lp-pri-gray-cool-450-alpha-40": "#666D6D70", "lp-pri-gray-cool-450-alpha-36": "#5C6D6D70", "lp-pri-gray-cool-450-alpha-32": "#526D6D70", "lp-pri-gray-cool-450-alpha-28": "#476D6D70", "lp-pri-gray-cool-450-alpha-24": "#3D6D6D70", "lp-pri-gray-cool-450-alpha-20": "#336D6D70", "lp-pri-gray-cool-450-alpha-16": "#296D6D70", "lp-pri-gray-cool-450-alpha-12": "#1F6D6D70", "lp-pri-gray-cool-450-alpha-8": "#146D6D70", "lp-pri-gray-cool-450-alpha-4": "#0A6D6D70", "lp-pri-gray-cool-450-alpha-1": "#036D6D70", "lp-pri-gray-cool-450-alpha-0": "#006D6D70", "lp-pri-brand-original-50-alpha-80": "#CC151A4D", "lp-pri-brand-original-50-alpha-72": "#B8151A4D", "lp-pri-brand-original-50-alpha-64": "#A3151A4D", "lp-pri-brand-original-50-alpha-56": "#8F151A4D", "lp-pri-brand-original-50-alpha-50": "#7F151A4D", "lp-pri-brand-original-50-alpha-48": "#7A151A4D", "lp-pri-brand-original-50-alpha-44": "#70151A4D", "lp-pri-brand-original-50-alpha-40": "#66151A4D", "lp-pri-brand-original-50-alpha-36": "#5C151A4D", "lp-pri-brand-original-50-alpha-32": "#52151A4D", "lp-pri-brand-original-50-alpha-28": "#47151A4D", "lp-pri-brand-original-50-alpha-24": "#3D151A4D", "lp-pri-brand-original-50-alpha-20": "#33151A4D", "lp-pri-brand-original-50-alpha-16": "#29151A4D", "lp-pri-brand-original-50-alpha-12": "#1F151A4D", "lp-pri-brand-original-50-alpha-8": "#14151A4D", "lp-pri-brand-original-50-alpha-4": "#0A151A4D", "lp-pri-brand-original-50-alpha-1": "#03151A4D", "lp-pri-brand-original-50-alpha-0": "#00151A4D" }, "system": { "dark": { "neutral-container-lowest": "lp-pri-gray-cool-100", "neutral-container-low": "lp-pri-gray-cool-200", "neutral-container-mid": "lp-pri-gray-cool-200", "neutral-container-high": "lp-pri-gray-cool-250", "neutral-container-highest": "lp-pri-gray-cool-300", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "neutral-label-primary": "lp-pri-achromatic-white", "neutral-label-secondary": "lp-pri-gray-cool-920", "neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "neutral-label-quaternary": "lp-pri-red-200-alpha-20", "neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "neutral-border-opaque-strong": "lp-pri-achromatic-white", "neutral-border-opaque-normal": "lp-pri-gray-cool-350", "neutral-border-opaque-subtle": "lp-pri-gray-cool-250", "inverse-container-lowest": "lp-pri-achromatic-white", "inverse-container-low": "lp-pri-gray-cool-980", "inverse-container-mid": "lp-pri-gray-cool-970", "inverse-container-high": "lp-pri-gray-cool-940", "inverse-container-highest": "lp-pri-gray-cool-920", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-20", "inverse-label-primary": "lp-pri-gray-cool-100", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-450-alpha-80", "inverse-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "inverse-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "inverse-border-opaque-strong": "lp-pri-gray-cool-100", "inverse-border-opaque-normal": "lp-pri-gray-cool-850", "inverse-border-opaque-subtle": "lp-pri-gray-cool-920", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-variation-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-600", "accent-mint": "lp-pri-rainbow-mint-600", "accent-cyan": "lp-pri-rainbow-cyan-600", "accent-purple": "lp-pri-rainbow-purple-600", "accent-pink": "lp-pri-rainbow-pink-600", "function-positive": "lp-pri-green-600", "function-negative": "lp-pri-red-600", "function-caution": "lp-pri-orange-500" }, "light": { "neutral-container-lowest": "lp-pri-achromatic-white", "neutral-container-low": "lp-pri-gray-cool-980", "neutral-container-mid": "lp-pri-gray-cool-970", "neutral-container-high": "lp-pri-gray-cool-940", "neutral-container-highest": "lp-pri-gray-cool-920", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "neutral-label-primary": "lp-pri-gray-cool-100", "neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "neutral-border-opaque-strong": "lp-pri-gray-cool-100", "neutral-border-opaque-normal": "lp-pri-gray-cool-850", "neutral-border-opaque-subtle": "lp-pri-gray-cool-920", "inverse-container-lowest": "lp-pri-gray-cool-100", "inverse-container-low": "lp-pri-gray-cool-200", "inverse-container-mid": "lp-pri-gray-cool-200", "inverse-container-high": "lp-pri-gray-cool-250", "inverse-container-highest": "lp-pri-gray-cool-300", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-24", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-32", "inverse-label-primary": "lp-pri-achromatic-white", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-920-alpha-56", "inverse-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "inverse-label-quaternary": "lp-pri-gray-cool-920-alpha-20", "inverse-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "inverse-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "inverse-border-opaque-strong": "lp-pri-achromatic-white", "inverse-border-opaque-normal": "lp-pri-gray-cool-350", "inverse-border-opaque-subtle": "lp-pri-gray-cool-250", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-original-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-500", "accent-mint": "lp-pri-rainbow-mint-500", "accent-cyan": "lp-pri-rainbow-cyan-500", "accent-purple": "lp-pri-rainbow-purple-500", "accent-pink": "lp-pri-rainbow-pink-500", "function-positive": "lp-pri-green-500", "function-negative": "lp-pri-red-500", "function-caution": "lp-pri-orange-500" } } } };
|
|
5
|
+
var color = { "color": { "primitive": { "lp-pri-achromatic-white": "#ffffff", "lp-pri-achromatic-black": "#000000", "lp-pri-gray-cool-980": "#F9F9FA", "lp-pri-gray-cool-970": "#F6F6F7", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#E3E3E6", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-750": "#BEBFC2", "lp-pri-gray-cool-600": "#939499", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A4A4D", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#313133", "lp-pri-gray-cool-100": "#1E1E1F", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-rainbow-yellow-950": "#FFFDF4", "lp-pri-rainbow-yellow-900": "#FFF9E3", "lp-pri-rainbow-yellow-800": "#FFF0B4", "lp-pri-rainbow-yellow-700": "#FFE375", "lp-pri-rainbow-yellow-600": "#FFD739", "lp-pri-rainbow-yellow-500": "#FFCC00", "lp-pri-rainbow-yellow-400": "#DBB003", "lp-pri-rainbow-yellow-300": "#B89405", "lp-pri-rainbow-yellow-200": "#715B05", "lp-pri-rainbow-yellow-100": "#413503", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-rainbow-mint-950": "#F3FEFE", "lp-pri-rainbow-mint-900": "#AFF7F7", "lp-pri-rainbow-mint-800": "#6EF0F0", "lp-pri-rainbow-mint-700": "#33E6E6", "lp-pri-rainbow-mint-600": "#00CCCC", "lp-pri-rainbow-mint-500": "#02B0B0", "lp-pri-rainbow-mint-400": "#02B0B0", "lp-pri-rainbow-mint-300": "#049494", "lp-pri-rainbow-mint-200": "#045C5C", "lp-pri-rainbow-mint-100": "#033737", "lp-pri-rainbow-cyan-950": "#F6FBFF", "lp-pri-rainbow-cyan-900": "#E8F6FF", "lp-pri-rainbow-cyan-800": "#C6E8FF", "lp-pri-rainbow-cyan-700": "#97D5FF", "lp-pri-rainbow-cyan-600": "#6AC4FF", "lp-pri-rainbow-cyan-500": "#40B3FF", "lp-pri-rainbow-cyan-400": "#2B95DB", "lp-pri-rainbow-cyan-300": "#1A79B8", "lp-pri-rainbow-cyan-200": "#094771", "lp-pri-rainbow-cyan-100": "#042941", "lp-pri-rainbow-purple-950": "#FCF6FF", "lp-pri-rainbow-purple-900": "#F7EAFE", "lp-pri-rainbow-purple-800": "#EBCAFB", "lp-pri-rainbow-purple-700": "#DAA0F7", "lp-pri-rainbow-purple-600": "#C978F2", "lp-pri-rainbow-purple-500": "#B450E6", "lp-pri-rainbow-purple-400": "#9535C6", "lp-pri-rainbow-purple-300": "#7920A6", "lp-pri-rainbow-purple-200": "#480A67", "lp-pri-rainbow-purple-100": "#29043C", "lp-pri-rainbow-pink-950": "#FFF5F8", "lp-pri-rainbow-pink-900": "#FFE7EF", "lp-pri-rainbow-pink-800": "#FFC3D7", "lp-pri-rainbow-pink-700": "#FF90B5", "lp-pri-rainbow-pink-600": "#FF6095", "lp-pri-rainbow-pink-500": "#FF3377", "lp-pri-rainbow-pink-400": "#DB2360", "lp-pri-rainbow-pink-300": "#B8164C", "lp-pri-rainbow-pink-200": "#71082B", "lp-pri-rainbow-pink-100": "#120107", "lp-pri-gray-cool-920-alpha-80": "rgba(233, 233, 235, 0.8)", "lp-pri-gray-cool-920-alpha-72": "rgba(233, 233, 235, 0.72)", "lp-pri-gray-cool-920-alpha-64": "rgba(233, 233, 235, 0.64)", "lp-pri-gray-cool-920-alpha-56": "rgba(233, 233, 235, 0.56)", "lp-pri-gray-cool-920-alpha-50": "rgba(233, 233, 235, 0.5)", "lp-pri-gray-cool-920-alpha-48": "rgba(233, 233, 235, 0.48)", "lp-pri-gray-cool-920-alpha-44": "rgba(233, 233, 235, 0.44)", "lp-pri-gray-cool-920-alpha-40": "rgba(233, 233, 235, 0.4)", "lp-pri-gray-cool-920-alpha-36": "rgba(233, 233, 235, 0.36)", "lp-pri-gray-cool-920-alpha-32": "rgba(233, 233, 235, 0.32)", "lp-pri-gray-cool-920-alpha-28": "rgba(233, 233, 235, 0.28)", "lp-pri-gray-cool-920-alpha-24": "rgba(233, 233, 235, 0.24)", "lp-pri-gray-cool-920-alpha-20": "rgba(233, 233, 235, 0.2)", "lp-pri-gray-cool-920-alpha-16": "rgba(233, 233, 235, 0.16)", "lp-pri-gray-cool-920-alpha-12": "rgba(233, 233, 235, 0.12)", "lp-pri-gray-cool-920-alpha-8": "rgba(233, 233, 235, 0.08)", "lp-pri-gray-cool-920-alpha-4": "rgba(233, 233, 235, 0.04)", "lp-pri-gray-cool-920-alpha-1": "rgba(233, 233, 235, 0.01)", "lp-pri-gray-cool-920-alpha-0": "rgba(233, 233, 235, 0)", "lp-pri-gray-cool-450-alpha-80": "rgba(109, 109, 112, 0.8)", "lp-pri-gray-cool-450-alpha-72": "rgba(109, 109, 112, 0.72)", "lp-pri-gray-cool-450-alpha-64": "rgba(109, 109, 112, 0.64)", "lp-pri-gray-cool-450-alpha-56": "rgba(109, 109, 112, 0.56)", "lp-pri-gray-cool-450-alpha-50": "rgba(109, 109, 112, 0.5)", "lp-pri-gray-cool-450-alpha-48": "rgba(109, 109, 112, 0.48)", "lp-pri-gray-cool-450-alpha-44": "rgba(109, 109, 112, 0.44)", "lp-pri-gray-cool-450-alpha-40": "rgba(109, 109, 112, 0.4)", "lp-pri-gray-cool-450-alpha-36": "rgba(109, 109, 112, 0.36)", "lp-pri-gray-cool-450-alpha-32": "rgba(109, 109, 112, 0.32)", "lp-pri-gray-cool-450-alpha-28": "rgba(109, 109, 112, 0.28)", "lp-pri-gray-cool-450-alpha-24": "rgba(109, 109, 112, 0.24)", "lp-pri-gray-cool-450-alpha-20": "rgba(109, 109, 112, 0.2)", "lp-pri-gray-cool-450-alpha-16": "rgba(109, 109, 112, 0.16)", "lp-pri-gray-cool-450-alpha-12": "rgba(109, 109, 112, 0.12)", "lp-pri-gray-cool-450-alpha-8": "rgba(109, 109, 112, 0.08)", "lp-pri-gray-cool-450-alpha-4": "rgba(109, 109, 112, 0.04)", "lp-pri-gray-cool-450-alpha-1": "rgba(109, 109, 112, 0.01)", "lp-pri-gray-cool-450-alpha-0": "rgba(109, 109, 112, 0)", "lp-pri-brand-original-50-alpha-80": "rgba(21, 26, 77, 0.8)", "lp-pri-brand-original-50-alpha-72": "rgba(21, 26, 77, 0.72)", "lp-pri-brand-original-50-alpha-64": "rgba(21, 26, 77, 0.64)", "lp-pri-brand-original-50-alpha-56": "rgba(21, 26, 77, 0.56)", "lp-pri-brand-original-50-alpha-50": "rgba(21, 26, 77, 0.5)", "lp-pri-brand-original-50-alpha-48": "rgba(21, 26, 77, 0.48)", "lp-pri-brand-original-50-alpha-44": "rgba(21, 26, 77, 0.44)", "lp-pri-brand-original-50-alpha-40": "rgba(21, 26, 77, 0.4)", "lp-pri-brand-original-50-alpha-36": "rgba(21, 26, 77, 0.36)", "lp-pri-brand-original-50-alpha-32": "rgba(21, 26, 77, 0.32)", "lp-pri-brand-original-50-alpha-28": "rgba(21, 26, 77, 0.28)", "lp-pri-brand-original-50-alpha-24": "rgba(21, 26, 77, 0.24)", "lp-pri-brand-original-50-alpha-20": "rgba(21, 26, 77, 0.2)", "lp-pri-brand-original-50-alpha-16": "rgba(21, 26, 77, 0.16)", "lp-pri-brand-original-50-alpha-12": "rgba(21, 26, 77, 0.12)", "lp-pri-brand-original-50-alpha-8": "rgba(21, 26, 77, 0.08)", "lp-pri-brand-original-50-alpha-4": "rgba(21, 26, 77, 0.04)", "lp-pri-brand-original-50-alpha-1": "rgba(21, 26, 77, 0.01)", "lp-pri-brand-original-50-alpha-0": "rgba(21, 26, 77, 0)" }, "system": { "dark": { "neutral-container-lowest": "lp-pri-gray-cool-100", "neutral-container-low": "lp-pri-gray-cool-200", "neutral-container-mid": "lp-pri-gray-cool-200", "neutral-container-high": "lp-pri-gray-cool-250", "neutral-container-highest": "lp-pri-gray-cool-300", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "neutral-label-primary": "lp-pri-achromatic-white", "neutral-label-secondary": "lp-pri-gray-cool-920", "neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "neutral-label-quaternary": "lp-pri-red-200-alpha-20", "neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "neutral-border-opaque-strong": "lp-pri-achromatic-white", "neutral-border-opaque-normal": "lp-pri-gray-cool-350", "neutral-border-opaque-subtle": "lp-pri-gray-cool-250", "inverse-container-lowest": "lp-pri-achromatic-white", "inverse-container-low": "lp-pri-gray-cool-980", "inverse-container-mid": "lp-pri-gray-cool-970", "inverse-container-high": "lp-pri-gray-cool-940", "inverse-container-highest": "lp-pri-gray-cool-920", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-20", "inverse-label-primary": "lp-pri-gray-cool-100", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-450-alpha-80", "inverse-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "inverse-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "inverse-border-opaque-strong": "lp-pri-gray-cool-100", "inverse-border-opaque-normal": "lp-pri-gray-cool-850", "inverse-border-opaque-subtle": "lp-pri-gray-cool-920", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-variation-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-600", "accent-mint": "lp-pri-rainbow-mint-600", "accent-cyan": "lp-pri-rainbow-cyan-600", "accent-purple": "lp-pri-rainbow-purple-600", "accent-pink": "lp-pri-rainbow-pink-600", "function-positive": "lp-pri-green-600", "function-negative": "lp-pri-red-600", "function-caution": "lp-pri-orange-500" }, "light": { "neutral-container-lowest": "lp-pri-achromatic-white", "neutral-container-low": "lp-pri-gray-cool-980", "neutral-container-mid": "lp-pri-gray-cool-970", "neutral-container-high": "lp-pri-gray-cool-940", "neutral-container-highest": "lp-pri-gray-cool-920", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "neutral-label-primary": "lp-pri-gray-cool-100", "neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "neutral-border-opaque-strong": "lp-pri-gray-cool-100", "neutral-border-opaque-normal": "lp-pri-gray-cool-850", "neutral-border-opaque-subtle": "lp-pri-gray-cool-920", "inverse-container-lowest": "lp-pri-gray-cool-100", "inverse-container-low": "lp-pri-gray-cool-200", "inverse-container-mid": "lp-pri-gray-cool-200", "inverse-container-high": "lp-pri-gray-cool-250", "inverse-container-highest": "lp-pri-gray-cool-300", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-24", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-32", "inverse-label-primary": "lp-pri-achromatic-white", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-920-alpha-56", "inverse-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "inverse-label-quaternary": "lp-pri-gray-cool-920-alpha-20", "inverse-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "inverse-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "inverse-border-opaque-strong": "lp-pri-achromatic-white", "inverse-border-opaque-normal": "lp-pri-gray-cool-350", "inverse-border-opaque-subtle": "lp-pri-gray-cool-250", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-original-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-500", "accent-mint": "lp-pri-rainbow-mint-500", "accent-cyan": "lp-pri-rainbow-cyan-500", "accent-purple": "lp-pri-rainbow-purple-500", "accent-pink": "lp-pri-rainbow-pink-500", "function-positive": "lp-pri-green-500", "function-negative": "lp-pri-red-500", "function-caution": "lp-pri-orange-500" } } } };
|
|
6
6
|
|
|
7
|
-
// src/design/
|
|
7
|
+
// src/design/vars.ts
|
|
8
8
|
var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-fill-lowest": "var(--neutral-fill-lowest)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-lowest": "var(--inverse-fill-lowest)", "inverse-fill-low": "var(--inverse-fill-low)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "inverse-border-overlay-normal": "var(--inverse-border-overlay-normal)", "inverse-border-overlay-subtle": "var(--inverse-border-overlay-subtle)", "inverse-border-opaque-strong": "var(--inverse-border-opaque-strong)", "inverse-border-opaque-normal": "var(--inverse-border-opaque-normal)", "inverse-border-opaque-subtle": "var(--inverse-border-opaque-subtle)", "brand-container-mid": "var(--brand-container-mid)", "brand-container-high": "var(--brand-container-high)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "accent-yellow": "var(--accent-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "function-positive": "var(--function-positive)", "function-negative": "var(--function-negative)", "function-caution": "var(--function-caution)" } };
|
|
9
9
|
|
|
10
10
|
// src/design/radius/index.ts
|
|
@@ -104,16 +104,16 @@ var font = { weight, lineHeight, size: size2 };
|
|
|
104
104
|
|
|
105
105
|
// src/design/typography/semantic.ts
|
|
106
106
|
var typographyEnglish = {
|
|
107
|
-
"lp-sys-typo-
|
|
107
|
+
"lp-sys-typo-display1-accent-black": {
|
|
108
108
|
family: "lp-pri-font-family-poppins",
|
|
109
109
|
weight: "lp-pri-font-weight-800",
|
|
110
110
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
111
|
-
size: "lp-pri-font-size-
|
|
111
|
+
size: "lp-pri-font-size-24"
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
114
|
var typography = {
|
|
115
|
-
"lp-sys-typo-
|
|
116
|
-
family: "lp-pri-font-family-pretendard
|
|
115
|
+
"lp-sys-typo-display1-accent-black": {
|
|
116
|
+
family: "lp-pri-font-family-variables-pretendard",
|
|
117
117
|
weight: "lp-pri-font-weight-800",
|
|
118
118
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
119
119
|
size: "lp-pri-font-size-72"
|
package/lib/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/design/color/index.ts", "../src/design/
|
|
4
|
-
"sourcesContent": ["export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#E3E3E6\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-750\":\"#BEBFC2\",\"lp-pri-gray-cool-600\":\"#939499\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A4A4D\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#313133\",\"lp-pri-gray-cool-100\":\"#1E1E1F\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-rainbow-yellow-950\":\"#FFFDF4\",\"lp-pri-rainbow-yellow-900\":\"#FFF9E3\",\"lp-pri-rainbow-yellow-800\":\"#FFF0B4\",\"lp-pri-rainbow-yellow-700\":\"#FFE375\",\"lp-pri-rainbow-yellow-600\":\"#FFD739\",\"lp-pri-rainbow-yellow-500\":\"#FFCC00\",\"lp-pri-rainbow-yellow-400\":\"#DBB003\",\"lp-pri-rainbow-yellow-300\":\"#B89405\",\"lp-pri-rainbow-yellow-200\":\"#715B05\",\"lp-pri-rainbow-yellow-100\":\"#413503\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-rainbow-mint-950\":\"#F3FEFE\",\"lp-pri-rainbow-mint-900\":\"#AFF7F7\",\"lp-pri-rainbow-mint-800\":\"#6EF0F0\",\"lp-pri-rainbow-mint-700\":\"#33E6E6\",\"lp-pri-rainbow-mint-600\":\"#00CCCC\",\"lp-pri-rainbow-mint-500\":\"#02B0B0\",\"lp-pri-rainbow-mint-400\":\"#02B0B0\",\"lp-pri-rainbow-mint-300\":\"#049494\",\"lp-pri-rainbow-mint-200\":\"#045C5C\",\"lp-pri-rainbow-mint-100\":\"#033737\",\"lp-pri-rainbow-cyan-950\":\"#F6FBFF\",\"lp-pri-rainbow-cyan-900\":\"#E8F6FF\",\"lp-pri-rainbow-cyan-800\":\"#C6E8FF\",\"lp-pri-rainbow-cyan-700\":\"#97D5FF\",\"lp-pri-rainbow-cyan-600\":\"#6AC4FF\",\"lp-pri-rainbow-cyan-500\":\"#40B3FF\",\"lp-pri-rainbow-cyan-400\":\"#2B95DB\",\"lp-pri-rainbow-cyan-300\":\"#1A79B8\",\"lp-pri-rainbow-cyan-200\":\"#094771\",\"lp-pri-rainbow-cyan-100\":\"#042941\",\"lp-pri-rainbow-purple-950\":\"#FCF6FF\",\"lp-pri-rainbow-purple-900\":\"#F7EAFE\",\"lp-pri-rainbow-purple-800\":\"#EBCAFB\",\"lp-pri-rainbow-purple-700\":\"#DAA0F7\",\"lp-pri-rainbow-purple-600\":\"#C978F2\",\"lp-pri-rainbow-purple-500\":\"#B450E6\",\"lp-pri-rainbow-purple-400\":\"#9535C6\",\"lp-pri-rainbow-purple-300\":\"#7920A6\",\"lp-pri-rainbow-purple-200\":\"#480A67\",\"lp-pri-rainbow-purple-100\":\"#29043C\",\"lp-pri-rainbow-pink-950\":\"#FFF5F8\",\"lp-pri-rainbow-pink-900\":\"#FFE7EF\",\"lp-pri-rainbow-pink-800\":\"#FFC3D7\",\"lp-pri-rainbow-pink-700\":\"#FF90B5\",\"lp-pri-rainbow-pink-600\":\"#FF6095\",\"lp-pri-rainbow-pink-500\":\"#FF3377\",\"lp-pri-rainbow-pink-400\":\"#DB2360\",\"lp-pri-rainbow-pink-300\":\"#B8164C\",\"lp-pri-rainbow-pink-200\":\"#71082B\",\"lp-pri-rainbow-pink-100\":\"#120107\",\"lp-pri-gray-cool-920-alpha-80\":\"#CCE9E9EB\",\"lp-pri-gray-cool-920-alpha-72\":\"#B8E9E9EB\",\"lp-pri-gray-cool-920-alpha-64\":\"#A3E9E9EB\",\"lp-pri-gray-cool-920-alpha-56\":\"#8FE9E9EB\",\"lp-pri-gray-cool-920-alpha-50\":\"#7FE9E9EB\",\"lp-pri-gray-cool-920-alpha-48\":\"#7AE9E9EB\",\"lp-pri-gray-cool-920-alpha-44\":\"#70E9E9EB\",\"lp-pri-gray-cool-920-alpha-40\":\"#66E9E9EB\",\"lp-pri-gray-cool-920-alpha-36\":\"#5CE9E9EB\",\"lp-pri-gray-cool-920-alpha-32\":\"#52E9E9EB\",\"lp-pri-gray-cool-920-alpha-28\":\"#47E9E9EB\",\"lp-pri-gray-cool-920-alpha-24\":\"#3DE9E9EB\",\"lp-pri-gray-cool-920-alpha-20\":\"#33E9E9EB\",\"lp-pri-gray-cool-920-alpha-16\":\"#29E9E9EB\",\"lp-pri-gray-cool-920-alpha-12\":\"#1FE9E9EB\",\"lp-pri-gray-cool-920-alpha-8\":\"#14E9E9EB\",\"lp-pri-gray-cool-920-alpha-4\":\"#0AE9E9EB\",\"lp-pri-gray-cool-920-alpha-1\":\"#03E9E9EB\",\"lp-pri-gray-cool-920-alpha-0\":\"#00E9E9EB\",\"lp-pri-gray-cool-450-alpha-80\":\"#CC6D6D70\",\"lp-pri-gray-cool-450-alpha-72\":\"#B86D6D70\",\"lp-pri-gray-cool-450-alpha-64\":\"#A36D6D70\",\"lp-pri-gray-cool-450-alpha-56\":\"#8F6D6D70\",\"lp-pri-gray-cool-450-alpha-50\":\"#7F6D6D70\",\"lp-pri-gray-cool-450-alpha-48\":\"#7A6D6D70\",\"lp-pri-gray-cool-450-alpha-44\":\"#706D6D70\",\"lp-pri-gray-cool-450-alpha-40\":\"#666D6D70\",\"lp-pri-gray-cool-450-alpha-36\":\"#5C6D6D70\",\"lp-pri-gray-cool-450-alpha-32\":\"#526D6D70\",\"lp-pri-gray-cool-450-alpha-28\":\"#476D6D70\",\"lp-pri-gray-cool-450-alpha-24\":\"#3D6D6D70\",\"lp-pri-gray-cool-450-alpha-20\":\"#336D6D70\",\"lp-pri-gray-cool-450-alpha-16\":\"#296D6D70\",\"lp-pri-gray-cool-450-alpha-12\":\"#1F6D6D70\",\"lp-pri-gray-cool-450-alpha-8\":\"#146D6D70\",\"lp-pri-gray-cool-450-alpha-4\":\"#0A6D6D70\",\"lp-pri-gray-cool-450-alpha-1\":\"#036D6D70\",\"lp-pri-gray-cool-450-alpha-0\":\"#006D6D70\",\"lp-pri-brand-original-50-alpha-80\":\"#CC151A4D\",\"lp-pri-brand-original-50-alpha-72\":\"#B8151A4D\",\"lp-pri-brand-original-50-alpha-64\":\"#A3151A4D\",\"lp-pri-brand-original-50-alpha-56\":\"#8F151A4D\",\"lp-pri-brand-original-50-alpha-50\":\"#7F151A4D\",\"lp-pri-brand-original-50-alpha-48\":\"#7A151A4D\",\"lp-pri-brand-original-50-alpha-44\":\"#70151A4D\",\"lp-pri-brand-original-50-alpha-40\":\"#66151A4D\",\"lp-pri-brand-original-50-alpha-36\":\"#5C151A4D\",\"lp-pri-brand-original-50-alpha-32\":\"#52151A4D\",\"lp-pri-brand-original-50-alpha-28\":\"#47151A4D\",\"lp-pri-brand-original-50-alpha-24\":\"#3D151A4D\",\"lp-pri-brand-original-50-alpha-20\":\"#33151A4D\",\"lp-pri-brand-original-50-alpha-16\":\"#29151A4D\",\"lp-pri-brand-original-50-alpha-12\":\"#1F151A4D\",\"lp-pri-brand-original-50-alpha-8\":\"#14151A4D\",\"lp-pri-brand-original-50-alpha-4\":\"#0A151A4D\",\"lp-pri-brand-original-50-alpha-1\":\"#03151A4D\",\"lp-pri-brand-original-50-alpha-0\":\"#00151A4D\"},\"system\":{\"dark\":{\"neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"neutral-container-low\":\"lp-pri-gray-cool-200\",\"neutral-container-mid\":\"lp-pri-gray-cool-200\",\"neutral-container-high\":\"lp-pri-gray-cool-250\",\"neutral-container-highest\":\"lp-pri-gray-cool-300\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"neutral-label-primary\":\"lp-pri-achromatic-white\",\"neutral-label-secondary\":\"lp-pri-gray-cool-920\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"inverse-container-lowest\":\"lp-pri-achromatic-white\",\"inverse-container-low\":\"lp-pri-gray-cool-980\",\"inverse-container-mid\":\"lp-pri-gray-cool-970\",\"inverse-container-high\":\"lp-pri-gray-cool-940\",\"inverse-container-highest\":\"lp-pri-gray-cool-920\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"inverse-label-primary\":\"lp-pri-gray-cool-100\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"inverse-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-variation-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-600\",\"accent-mint\":\"lp-pri-rainbow-mint-600\",\"accent-cyan\":\"lp-pri-rainbow-cyan-600\",\"accent-purple\":\"lp-pri-rainbow-purple-600\",\"accent-pink\":\"lp-pri-rainbow-pink-600\",\"function-positive\":\"lp-pri-green-600\",\"function-negative\":\"lp-pri-red-600\",\"function-caution\":\"lp-pri-orange-500\"},\"light\":{\"neutral-container-lowest\":\"lp-pri-achromatic-white\",\"neutral-container-low\":\"lp-pri-gray-cool-980\",\"neutral-container-mid\":\"lp-pri-gray-cool-970\",\"neutral-container-high\":\"lp-pri-gray-cool-940\",\"neutral-container-highest\":\"lp-pri-gray-cool-920\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"neutral-label-primary\":\"lp-pri-gray-cool-100\",\"neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"inverse-container-lowest\":\"lp-pri-gray-cool-100\",\"inverse-container-low\":\"lp-pri-gray-cool-200\",\"inverse-container-mid\":\"lp-pri-gray-cool-200\",\"inverse-container-high\":\"lp-pri-gray-cool-250\",\"inverse-container-highest\":\"lp-pri-gray-cool-300\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"inverse-label-primary\":\"lp-pri-achromatic-white\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-920-alpha-56\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-opaque-strong\":\"lp-pri-achromatic-white\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-original-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-500\",\"accent-mint\":\"lp-pri-rainbow-mint-500\",\"accent-cyan\":\"lp-pri-rainbow-cyan-500\",\"accent-purple\":\"lp-pri-rainbow-purple-500\",\"accent-pink\":\"lp-pri-rainbow-pink-500\",\"function-positive\":\"lp-pri-green-500\",\"function-negative\":\"lp-pri-red-500\",\"function-caution\":\"lp-pri-orange-500\"}}}}", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-lowest\":\"var(--inverse-fill-lowest)\",\"inverse-fill-low\":\"var(--inverse-fill-low)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"accent-yellow\":\"var(--accent-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-positive\":\"var(--function-positive)\",\"function-negative\":\"var(--function-negative)\",\"function-caution\":\"var(--function-caution)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
-
"mappings": ";;;;AAAO,IAAM,QAAQ,EAAC,SAAQ,EAAC,aAAY,EAAC,2BAA0B,WAAU,2BAA0B,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,wBAAuB,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,4BAA2B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,8BAA6B,WAAU,6BAA4B,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,kBAAiB,WAAU,iBAAgB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,oBAAmB,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,WAAU,mBAAkB,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,6BAA4B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,2BAA0B,WAAU,iCAAgC,
|
|
3
|
+
"sources": ["../src/design/color/index.ts", "../src/design/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
|
|
4
|
+
"sourcesContent": ["export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#E3E3E6\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-750\":\"#BEBFC2\",\"lp-pri-gray-cool-600\":\"#939499\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A4A4D\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#313133\",\"lp-pri-gray-cool-100\":\"#1E1E1F\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-rainbow-yellow-950\":\"#FFFDF4\",\"lp-pri-rainbow-yellow-900\":\"#FFF9E3\",\"lp-pri-rainbow-yellow-800\":\"#FFF0B4\",\"lp-pri-rainbow-yellow-700\":\"#FFE375\",\"lp-pri-rainbow-yellow-600\":\"#FFD739\",\"lp-pri-rainbow-yellow-500\":\"#FFCC00\",\"lp-pri-rainbow-yellow-400\":\"#DBB003\",\"lp-pri-rainbow-yellow-300\":\"#B89405\",\"lp-pri-rainbow-yellow-200\":\"#715B05\",\"lp-pri-rainbow-yellow-100\":\"#413503\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-rainbow-mint-950\":\"#F3FEFE\",\"lp-pri-rainbow-mint-900\":\"#AFF7F7\",\"lp-pri-rainbow-mint-800\":\"#6EF0F0\",\"lp-pri-rainbow-mint-700\":\"#33E6E6\",\"lp-pri-rainbow-mint-600\":\"#00CCCC\",\"lp-pri-rainbow-mint-500\":\"#02B0B0\",\"lp-pri-rainbow-mint-400\":\"#02B0B0\",\"lp-pri-rainbow-mint-300\":\"#049494\",\"lp-pri-rainbow-mint-200\":\"#045C5C\",\"lp-pri-rainbow-mint-100\":\"#033737\",\"lp-pri-rainbow-cyan-950\":\"#F6FBFF\",\"lp-pri-rainbow-cyan-900\":\"#E8F6FF\",\"lp-pri-rainbow-cyan-800\":\"#C6E8FF\",\"lp-pri-rainbow-cyan-700\":\"#97D5FF\",\"lp-pri-rainbow-cyan-600\":\"#6AC4FF\",\"lp-pri-rainbow-cyan-500\":\"#40B3FF\",\"lp-pri-rainbow-cyan-400\":\"#2B95DB\",\"lp-pri-rainbow-cyan-300\":\"#1A79B8\",\"lp-pri-rainbow-cyan-200\":\"#094771\",\"lp-pri-rainbow-cyan-100\":\"#042941\",\"lp-pri-rainbow-purple-950\":\"#FCF6FF\",\"lp-pri-rainbow-purple-900\":\"#F7EAFE\",\"lp-pri-rainbow-purple-800\":\"#EBCAFB\",\"lp-pri-rainbow-purple-700\":\"#DAA0F7\",\"lp-pri-rainbow-purple-600\":\"#C978F2\",\"lp-pri-rainbow-purple-500\":\"#B450E6\",\"lp-pri-rainbow-purple-400\":\"#9535C6\",\"lp-pri-rainbow-purple-300\":\"#7920A6\",\"lp-pri-rainbow-purple-200\":\"#480A67\",\"lp-pri-rainbow-purple-100\":\"#29043C\",\"lp-pri-rainbow-pink-950\":\"#FFF5F8\",\"lp-pri-rainbow-pink-900\":\"#FFE7EF\",\"lp-pri-rainbow-pink-800\":\"#FFC3D7\",\"lp-pri-rainbow-pink-700\":\"#FF90B5\",\"lp-pri-rainbow-pink-600\":\"#FF6095\",\"lp-pri-rainbow-pink-500\":\"#FF3377\",\"lp-pri-rainbow-pink-400\":\"#DB2360\",\"lp-pri-rainbow-pink-300\":\"#B8164C\",\"lp-pri-rainbow-pink-200\":\"#71082B\",\"lp-pri-rainbow-pink-100\":\"#120107\",\"lp-pri-gray-cool-920-alpha-80\":\"rgba(233, 233, 235, 0.8)\",\"lp-pri-gray-cool-920-alpha-72\":\"rgba(233, 233, 235, 0.72)\",\"lp-pri-gray-cool-920-alpha-64\":\"rgba(233, 233, 235, 0.64)\",\"lp-pri-gray-cool-920-alpha-56\":\"rgba(233, 233, 235, 0.56)\",\"lp-pri-gray-cool-920-alpha-50\":\"rgba(233, 233, 235, 0.5)\",\"lp-pri-gray-cool-920-alpha-48\":\"rgba(233, 233, 235, 0.48)\",\"lp-pri-gray-cool-920-alpha-44\":\"rgba(233, 233, 235, 0.44)\",\"lp-pri-gray-cool-920-alpha-40\":\"rgba(233, 233, 235, 0.4)\",\"lp-pri-gray-cool-920-alpha-36\":\"rgba(233, 233, 235, 0.36)\",\"lp-pri-gray-cool-920-alpha-32\":\"rgba(233, 233, 235, 0.32)\",\"lp-pri-gray-cool-920-alpha-28\":\"rgba(233, 233, 235, 0.28)\",\"lp-pri-gray-cool-920-alpha-24\":\"rgba(233, 233, 235, 0.24)\",\"lp-pri-gray-cool-920-alpha-20\":\"rgba(233, 233, 235, 0.2)\",\"lp-pri-gray-cool-920-alpha-16\":\"rgba(233, 233, 235, 0.16)\",\"lp-pri-gray-cool-920-alpha-12\":\"rgba(233, 233, 235, 0.12)\",\"lp-pri-gray-cool-920-alpha-8\":\"rgba(233, 233, 235, 0.08)\",\"lp-pri-gray-cool-920-alpha-4\":\"rgba(233, 233, 235, 0.04)\",\"lp-pri-gray-cool-920-alpha-1\":\"rgba(233, 233, 235, 0.01)\",\"lp-pri-gray-cool-920-alpha-0\":\"rgba(233, 233, 235, 0)\",\"lp-pri-gray-cool-450-alpha-80\":\"rgba(109, 109, 112, 0.8)\",\"lp-pri-gray-cool-450-alpha-72\":\"rgba(109, 109, 112, 0.72)\",\"lp-pri-gray-cool-450-alpha-64\":\"rgba(109, 109, 112, 0.64)\",\"lp-pri-gray-cool-450-alpha-56\":\"rgba(109, 109, 112, 0.56)\",\"lp-pri-gray-cool-450-alpha-50\":\"rgba(109, 109, 112, 0.5)\",\"lp-pri-gray-cool-450-alpha-48\":\"rgba(109, 109, 112, 0.48)\",\"lp-pri-gray-cool-450-alpha-44\":\"rgba(109, 109, 112, 0.44)\",\"lp-pri-gray-cool-450-alpha-40\":\"rgba(109, 109, 112, 0.4)\",\"lp-pri-gray-cool-450-alpha-36\":\"rgba(109, 109, 112, 0.36)\",\"lp-pri-gray-cool-450-alpha-32\":\"rgba(109, 109, 112, 0.32)\",\"lp-pri-gray-cool-450-alpha-28\":\"rgba(109, 109, 112, 0.28)\",\"lp-pri-gray-cool-450-alpha-24\":\"rgba(109, 109, 112, 0.24)\",\"lp-pri-gray-cool-450-alpha-20\":\"rgba(109, 109, 112, 0.2)\",\"lp-pri-gray-cool-450-alpha-16\":\"rgba(109, 109, 112, 0.16)\",\"lp-pri-gray-cool-450-alpha-12\":\"rgba(109, 109, 112, 0.12)\",\"lp-pri-gray-cool-450-alpha-8\":\"rgba(109, 109, 112, 0.08)\",\"lp-pri-gray-cool-450-alpha-4\":\"rgba(109, 109, 112, 0.04)\",\"lp-pri-gray-cool-450-alpha-1\":\"rgba(109, 109, 112, 0.01)\",\"lp-pri-gray-cool-450-alpha-0\":\"rgba(109, 109, 112, 0)\",\"lp-pri-brand-original-50-alpha-80\":\"rgba(21, 26, 77, 0.8)\",\"lp-pri-brand-original-50-alpha-72\":\"rgba(21, 26, 77, 0.72)\",\"lp-pri-brand-original-50-alpha-64\":\"rgba(21, 26, 77, 0.64)\",\"lp-pri-brand-original-50-alpha-56\":\"rgba(21, 26, 77, 0.56)\",\"lp-pri-brand-original-50-alpha-50\":\"rgba(21, 26, 77, 0.5)\",\"lp-pri-brand-original-50-alpha-48\":\"rgba(21, 26, 77, 0.48)\",\"lp-pri-brand-original-50-alpha-44\":\"rgba(21, 26, 77, 0.44)\",\"lp-pri-brand-original-50-alpha-40\":\"rgba(21, 26, 77, 0.4)\",\"lp-pri-brand-original-50-alpha-36\":\"rgba(21, 26, 77, 0.36)\",\"lp-pri-brand-original-50-alpha-32\":\"rgba(21, 26, 77, 0.32)\",\"lp-pri-brand-original-50-alpha-28\":\"rgba(21, 26, 77, 0.28)\",\"lp-pri-brand-original-50-alpha-24\":\"rgba(21, 26, 77, 0.24)\",\"lp-pri-brand-original-50-alpha-20\":\"rgba(21, 26, 77, 0.2)\",\"lp-pri-brand-original-50-alpha-16\":\"rgba(21, 26, 77, 0.16)\",\"lp-pri-brand-original-50-alpha-12\":\"rgba(21, 26, 77, 0.12)\",\"lp-pri-brand-original-50-alpha-8\":\"rgba(21, 26, 77, 0.08)\",\"lp-pri-brand-original-50-alpha-4\":\"rgba(21, 26, 77, 0.04)\",\"lp-pri-brand-original-50-alpha-1\":\"rgba(21, 26, 77, 0.01)\",\"lp-pri-brand-original-50-alpha-0\":\"rgba(21, 26, 77, 0)\"},\"system\":{\"dark\":{\"neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"neutral-container-low\":\"lp-pri-gray-cool-200\",\"neutral-container-mid\":\"lp-pri-gray-cool-200\",\"neutral-container-high\":\"lp-pri-gray-cool-250\",\"neutral-container-highest\":\"lp-pri-gray-cool-300\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"neutral-label-primary\":\"lp-pri-achromatic-white\",\"neutral-label-secondary\":\"lp-pri-gray-cool-920\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"inverse-container-lowest\":\"lp-pri-achromatic-white\",\"inverse-container-low\":\"lp-pri-gray-cool-980\",\"inverse-container-mid\":\"lp-pri-gray-cool-970\",\"inverse-container-high\":\"lp-pri-gray-cool-940\",\"inverse-container-highest\":\"lp-pri-gray-cool-920\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"inverse-label-primary\":\"lp-pri-gray-cool-100\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"inverse-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-variation-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-600\",\"accent-mint\":\"lp-pri-rainbow-mint-600\",\"accent-cyan\":\"lp-pri-rainbow-cyan-600\",\"accent-purple\":\"lp-pri-rainbow-purple-600\",\"accent-pink\":\"lp-pri-rainbow-pink-600\",\"function-positive\":\"lp-pri-green-600\",\"function-negative\":\"lp-pri-red-600\",\"function-caution\":\"lp-pri-orange-500\"},\"light\":{\"neutral-container-lowest\":\"lp-pri-achromatic-white\",\"neutral-container-low\":\"lp-pri-gray-cool-980\",\"neutral-container-mid\":\"lp-pri-gray-cool-970\",\"neutral-container-high\":\"lp-pri-gray-cool-940\",\"neutral-container-highest\":\"lp-pri-gray-cool-920\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"neutral-label-primary\":\"lp-pri-gray-cool-100\",\"neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"inverse-container-lowest\":\"lp-pri-gray-cool-100\",\"inverse-container-low\":\"lp-pri-gray-cool-200\",\"inverse-container-mid\":\"lp-pri-gray-cool-200\",\"inverse-container-high\":\"lp-pri-gray-cool-250\",\"inverse-container-highest\":\"lp-pri-gray-cool-300\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"inverse-label-primary\":\"lp-pri-achromatic-white\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-920-alpha-56\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-opaque-strong\":\"lp-pri-achromatic-white\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-original-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-500\",\"accent-mint\":\"lp-pri-rainbow-mint-500\",\"accent-cyan\":\"lp-pri-rainbow-cyan-500\",\"accent-purple\":\"lp-pri-rainbow-purple-500\",\"accent-pink\":\"lp-pri-rainbow-pink-500\",\"function-positive\":\"lp-pri-green-500\",\"function-negative\":\"lp-pri-red-500\",\"function-caution\":\"lp-pri-orange-500\"}}}}", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-lowest\":\"var(--inverse-fill-lowest)\",\"inverse-fill-low\":\"var(--inverse-fill-low)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"accent-yellow\":\"var(--accent-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-positive\":\"var(--function-positive)\",\"function-negative\":\"var(--function-negative)\",\"function-caution\":\"var(--function-caution)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display1-accent-black': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-24',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display1-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["size"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const color = {"color":{"primitive":{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#E3E3E6","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-750":"#BEBFC2","lp-pri-gray-cool-600":"#939499","lp-pri-gray-cool-450":"#6D6D70","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A4A4D","lp-pri-gray-cool-250":"#3B3B3D","lp-pri-gray-cool-200":"#313133","lp-pri-gray-cool-100":"#1E1E1F","lp-pri-brand-original-950":"#F5F6FF","lp-pri-brand-original-900":"#E9EBFF","lp-pri-brand-original-800":"#D4D7FF","lp-pri-brand-original-700":"#ADB3FF","lp-pri-brand-original-600":"#8690FF","lp-pri-brand-original-500":"#5F6CFF","lp-pri-brand-original-400":"#3B49E3","lp-pri-brand-original-300":"#303CB5","lp-pri-brand-original-200":"#242F86","lp-pri-brand-original-100":"#1B2366","lp-pri-brand-original-50":"#151A4D","lp-pri-brand-variation-950":"#F6F4FE","lp-pri-brand-variation-900":"#EDE9FE","lp-pri-brand-variation-800":"#DBD3FE","lp-pri-brand-variation-700":"#B8A7FE","lp-pri-brand-variation-600":"#947BFE","lp-pri-brand-variation-500":"#704FFD","lp-pri-brand-variation-400":"#593AFF","lp-pri-brand-variation-300":"#422BCE","lp-pri-brand-variation-200":"#321F9B","lp-pri-brand-variation-100":"#24156E","lp-pri-brand-variation-50":"#1A1052","lp-pri-red-900":"#FFE9EB","lp-pri-red-800":"#FFCDD1","lp-pri-red-700":"#FF9AA2","lp-pri-red-600":"#FF6773","lp-pri-red-500":"#FF3445","lp-pri-red-400":"#FA1D2F","lp-pri-red-300":"#C2172C","lp-pri-red-200":"#910B1D","lp-pri-red-100":"#68081A","lp-pri-red-50":"#4A0616","lp-pri-orange-900":"#FFEEE6","lp-pri-orange-800":"#FFD2B8","lp-pri-orange-700":"#FFA970","lp-pri-orange-600":"#FF8842","lp-pri-orange-500":"#FF6215","lp-pri-orange-400":"#F84B10","lp-pri-orange-300":"#BD3512","lp-pri-orange-200":"#8A220D","lp-pri-orange-100":"#61170E","lp-pri-orange-50":"#45110E","lp-pri-rainbow-yellow-950":"#FFFDF4","lp-pri-rainbow-yellow-900":"#FFF9E3","lp-pri-rainbow-yellow-800":"#FFF0B4","lp-pri-rainbow-yellow-700":"#FFE375","lp-pri-rainbow-yellow-600":"#FFD739","lp-pri-rainbow-yellow-500":"#FFCC00","lp-pri-rainbow-yellow-400":"#DBB003","lp-pri-rainbow-yellow-300":"#B89405","lp-pri-rainbow-yellow-200":"#715B05","lp-pri-rainbow-yellow-100":"#413503","lp-pri-green-900":"#E2F6E5","lp-pri-green-800":"#BDEAC4","lp-pri-green-700":"#83D88E","lp-pri-green-600":"#51C760","lp-pri-green-500":"#26AF3E","lp-pri-green-400":"#1B9632","lp-pri-green-300":"#137728","lp-pri-green-200":"#0C5B1F","lp-pri-green-100":"#074218","lp-pri-green-50":"#053014","lp-pri-rainbow-mint-950":"#F3FEFE","lp-pri-rainbow-mint-900":"#AFF7F7","lp-pri-rainbow-mint-800":"#6EF0F0","lp-pri-rainbow-mint-700":"#33E6E6","lp-pri-rainbow-mint-600":"#00CCCC","lp-pri-rainbow-mint-500":"#02B0B0","lp-pri-rainbow-mint-400":"#02B0B0","lp-pri-rainbow-mint-300":"#049494","lp-pri-rainbow-mint-200":"#045C5C","lp-pri-rainbow-mint-100":"#033737","lp-pri-rainbow-cyan-950":"#F6FBFF","lp-pri-rainbow-cyan-900":"#E8F6FF","lp-pri-rainbow-cyan-800":"#C6E8FF","lp-pri-rainbow-cyan-700":"#97D5FF","lp-pri-rainbow-cyan-600":"#6AC4FF","lp-pri-rainbow-cyan-500":"#40B3FF","lp-pri-rainbow-cyan-400":"#2B95DB","lp-pri-rainbow-cyan-300":"#1A79B8","lp-pri-rainbow-cyan-200":"#094771","lp-pri-rainbow-cyan-100":"#042941","lp-pri-rainbow-purple-950":"#FCF6FF","lp-pri-rainbow-purple-900":"#F7EAFE","lp-pri-rainbow-purple-800":"#EBCAFB","lp-pri-rainbow-purple-700":"#DAA0F7","lp-pri-rainbow-purple-600":"#C978F2","lp-pri-rainbow-purple-500":"#B450E6","lp-pri-rainbow-purple-400":"#9535C6","lp-pri-rainbow-purple-300":"#7920A6","lp-pri-rainbow-purple-200":"#480A67","lp-pri-rainbow-purple-100":"#29043C","lp-pri-rainbow-pink-950":"#FFF5F8","lp-pri-rainbow-pink-900":"#FFE7EF","lp-pri-rainbow-pink-800":"#FFC3D7","lp-pri-rainbow-pink-700":"#FF90B5","lp-pri-rainbow-pink-600":"#FF6095","lp-pri-rainbow-pink-500":"#FF3377","lp-pri-rainbow-pink-400":"#DB2360","lp-pri-rainbow-pink-300":"#B8164C","lp-pri-rainbow-pink-200":"#71082B","lp-pri-rainbow-pink-100":"#120107","lp-pri-gray-cool-920-alpha-80":"#CCE9E9EB","lp-pri-gray-cool-920-alpha-72":"#B8E9E9EB","lp-pri-gray-cool-920-alpha-64":"#A3E9E9EB","lp-pri-gray-cool-920-alpha-56":"#8FE9E9EB","lp-pri-gray-cool-920-alpha-50":"#7FE9E9EB","lp-pri-gray-cool-920-alpha-48":"#7AE9E9EB","lp-pri-gray-cool-920-alpha-44":"#70E9E9EB","lp-pri-gray-cool-920-alpha-40":"#66E9E9EB","lp-pri-gray-cool-920-alpha-36":"#5CE9E9EB","lp-pri-gray-cool-920-alpha-32":"#52E9E9EB","lp-pri-gray-cool-920-alpha-28":"#47E9E9EB","lp-pri-gray-cool-920-alpha-24":"#3DE9E9EB","lp-pri-gray-cool-920-alpha-20":"#33E9E9EB","lp-pri-gray-cool-920-alpha-16":"#29E9E9EB","lp-pri-gray-cool-920-alpha-12":"#1FE9E9EB","lp-pri-gray-cool-920-alpha-8":"#14E9E9EB","lp-pri-gray-cool-920-alpha-4":"#0AE9E9EB","lp-pri-gray-cool-920-alpha-1":"#03E9E9EB","lp-pri-gray-cool-920-alpha-0":"#00E9E9EB","lp-pri-gray-cool-450-alpha-80":"#CC6D6D70","lp-pri-gray-cool-450-alpha-72":"#B86D6D70","lp-pri-gray-cool-450-alpha-64":"#A36D6D70","lp-pri-gray-cool-450-alpha-56":"#8F6D6D70","lp-pri-gray-cool-450-alpha-50":"#7F6D6D70","lp-pri-gray-cool-450-alpha-48":"#7A6D6D70","lp-pri-gray-cool-450-alpha-44":"#706D6D70","lp-pri-gray-cool-450-alpha-40":"#666D6D70","lp-pri-gray-cool-450-alpha-36":"#5C6D6D70","lp-pri-gray-cool-450-alpha-32":"#526D6D70","lp-pri-gray-cool-450-alpha-28":"#476D6D70","lp-pri-gray-cool-450-alpha-24":"#3D6D6D70","lp-pri-gray-cool-450-alpha-20":"#336D6D70","lp-pri-gray-cool-450-alpha-16":"#296D6D70","lp-pri-gray-cool-450-alpha-12":"#1F6D6D70","lp-pri-gray-cool-450-alpha-8":"#146D6D70","lp-pri-gray-cool-450-alpha-4":"#0A6D6D70","lp-pri-gray-cool-450-alpha-1":"#036D6D70","lp-pri-gray-cool-450-alpha-0":"#006D6D70","lp-pri-brand-original-50-alpha-80":"#CC151A4D","lp-pri-brand-original-50-alpha-72":"#B8151A4D","lp-pri-brand-original-50-alpha-64":"#A3151A4D","lp-pri-brand-original-50-alpha-56":"#8F151A4D","lp-pri-brand-original-50-alpha-50":"#7F151A4D","lp-pri-brand-original-50-alpha-48":"#7A151A4D","lp-pri-brand-original-50-alpha-44":"#70151A4D","lp-pri-brand-original-50-alpha-40":"#66151A4D","lp-pri-brand-original-50-alpha-36":"#5C151A4D","lp-pri-brand-original-50-alpha-32":"#52151A4D","lp-pri-brand-original-50-alpha-28":"#47151A4D","lp-pri-brand-original-50-alpha-24":"#3D151A4D","lp-pri-brand-original-50-alpha-20":"#33151A4D","lp-pri-brand-original-50-alpha-16":"#29151A4D","lp-pri-brand-original-50-alpha-12":"#1F151A4D","lp-pri-brand-original-50-alpha-8":"#14151A4D","lp-pri-brand-original-50-alpha-4":"#0A151A4D","lp-pri-brand-original-50-alpha-1":"#03151A4D","lp-pri-brand-original-50-alpha-0":"#00151A4D"},"system":{"dark":{"neutral-container-lowest":"lp-pri-gray-cool-100","neutral-container-low":"lp-pri-gray-cool-200","neutral-container-mid":"lp-pri-gray-cool-200","neutral-container-high":"lp-pri-gray-cool-250","neutral-container-highest":"lp-pri-gray-cool-300","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-12","neutral-fill-low":"lp-pri-gray-cool-450-alpha-24","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-32","neutral-label-primary":"lp-pri-achromatic-white","neutral-label-secondary":"lp-pri-gray-cool-920","neutral-label-tertiary":"lp-pri-gray-cool-920-alpha-32","neutral-label-quaternary":"lp-pri-red-200-alpha-20","neutral-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","neutral-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","neutral-border-opaque-strong":"lp-pri-achromatic-white","neutral-border-opaque-normal":"lp-pri-gray-cool-350","neutral-border-opaque-subtle":"lp-pri-gray-cool-250","inverse-container-lowest":"lp-pri-achromatic-white","inverse-container-low":"lp-pri-gray-cool-980","inverse-container-mid":"lp-pri-gray-cool-970","inverse-container-high":"lp-pri-gray-cool-940","inverse-container-highest":"lp-pri-gray-cool-920","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-4","inverse-fill-low":"lp-pri-gray-cool-450-alpha-12","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-20","inverse-label-primary":"lp-pri-gray-cool-100","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-450-alpha-80","inverse-label-tertiary":"lp-pri-gray-cool-450-alpha-44","inverse-label-quaternary":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","inverse-border-opaque-strong":"lp-pri-gray-cool-100","inverse-border-opaque-normal":"lp-pri-gray-cool-850","inverse-border-opaque-subtle":"lp-pri-gray-cool-920","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-variation-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-600","accent-mint":"lp-pri-rainbow-mint-600","accent-cyan":"lp-pri-rainbow-cyan-600","accent-purple":"lp-pri-rainbow-purple-600","accent-pink":"lp-pri-rainbow-pink-600","function-positive":"lp-pri-green-600","function-negative":"lp-pri-red-600","function-caution":"lp-pri-orange-500"},"light":{"neutral-container-lowest":"lp-pri-achromatic-white","neutral-container-low":"lp-pri-gray-cool-980","neutral-container-mid":"lp-pri-gray-cool-970","neutral-container-high":"lp-pri-gray-cool-940","neutral-container-highest":"lp-pri-gray-cool-920","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-4","neutral-fill-low":"lp-pri-gray-cool-450-alpha-12","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-20","neutral-label-primary":"lp-pri-gray-cool-100","neutral-label-secondary":"lp-pri-gray-cool-450-alpha-80","neutral-label-tertiary":"lp-pri-gray-cool-450-alpha-44","neutral-label-quaternary":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","neutral-border-opaque-strong":"lp-pri-gray-cool-100","neutral-border-opaque-normal":"lp-pri-gray-cool-850","neutral-border-opaque-subtle":"lp-pri-gray-cool-920","inverse-container-lowest":"lp-pri-gray-cool-100","inverse-container-low":"lp-pri-gray-cool-200","inverse-container-mid":"lp-pri-gray-cool-200","inverse-container-high":"lp-pri-gray-cool-250","inverse-container-highest":"lp-pri-gray-cool-300","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-12","inverse-fill-low":"lp-pri-gray-cool-450-alpha-24","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-32","inverse-label-primary":"lp-pri-achromatic-white","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-920-alpha-56","inverse-label-tertiary":"lp-pri-gray-cool-920-alpha-32","inverse-label-quaternary":"lp-pri-gray-cool-920-alpha-20","inverse-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","inverse-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","inverse-border-opaque-strong":"lp-pri-achromatic-white","inverse-border-opaque-normal":"lp-pri-gray-cool-350","inverse-border-opaque-subtle":"lp-pri-gray-cool-250","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-original-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-500","accent-mint":"lp-pri-rainbow-mint-500","accent-cyan":"lp-pri-rainbow-cyan-500","accent-purple":"lp-pri-rainbow-purple-500","accent-pink":"lp-pri-rainbow-pink-500","function-positive":"lp-pri-green-500","function-negative":"lp-pri-red-500","function-caution":"lp-pri-orange-500"}}}}
|
|
1
|
+
export const color = {"color":{"primitive":{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#E3E3E6","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-750":"#BEBFC2","lp-pri-gray-cool-600":"#939499","lp-pri-gray-cool-450":"#6D6D70","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A4A4D","lp-pri-gray-cool-250":"#3B3B3D","lp-pri-gray-cool-200":"#313133","lp-pri-gray-cool-100":"#1E1E1F","lp-pri-brand-original-950":"#F5F6FF","lp-pri-brand-original-900":"#E9EBFF","lp-pri-brand-original-800":"#D4D7FF","lp-pri-brand-original-700":"#ADB3FF","lp-pri-brand-original-600":"#8690FF","lp-pri-brand-original-500":"#5F6CFF","lp-pri-brand-original-400":"#3B49E3","lp-pri-brand-original-300":"#303CB5","lp-pri-brand-original-200":"#242F86","lp-pri-brand-original-100":"#1B2366","lp-pri-brand-original-50":"#151A4D","lp-pri-brand-variation-950":"#F6F4FE","lp-pri-brand-variation-900":"#EDE9FE","lp-pri-brand-variation-800":"#DBD3FE","lp-pri-brand-variation-700":"#B8A7FE","lp-pri-brand-variation-600":"#947BFE","lp-pri-brand-variation-500":"#704FFD","lp-pri-brand-variation-400":"#593AFF","lp-pri-brand-variation-300":"#422BCE","lp-pri-brand-variation-200":"#321F9B","lp-pri-brand-variation-100":"#24156E","lp-pri-brand-variation-50":"#1A1052","lp-pri-red-900":"#FFE9EB","lp-pri-red-800":"#FFCDD1","lp-pri-red-700":"#FF9AA2","lp-pri-red-600":"#FF6773","lp-pri-red-500":"#FF3445","lp-pri-red-400":"#FA1D2F","lp-pri-red-300":"#C2172C","lp-pri-red-200":"#910B1D","lp-pri-red-100":"#68081A","lp-pri-red-50":"#4A0616","lp-pri-orange-900":"#FFEEE6","lp-pri-orange-800":"#FFD2B8","lp-pri-orange-700":"#FFA970","lp-pri-orange-600":"#FF8842","lp-pri-orange-500":"#FF6215","lp-pri-orange-400":"#F84B10","lp-pri-orange-300":"#BD3512","lp-pri-orange-200":"#8A220D","lp-pri-orange-100":"#61170E","lp-pri-orange-50":"#45110E","lp-pri-rainbow-yellow-950":"#FFFDF4","lp-pri-rainbow-yellow-900":"#FFF9E3","lp-pri-rainbow-yellow-800":"#FFF0B4","lp-pri-rainbow-yellow-700":"#FFE375","lp-pri-rainbow-yellow-600":"#FFD739","lp-pri-rainbow-yellow-500":"#FFCC00","lp-pri-rainbow-yellow-400":"#DBB003","lp-pri-rainbow-yellow-300":"#B89405","lp-pri-rainbow-yellow-200":"#715B05","lp-pri-rainbow-yellow-100":"#413503","lp-pri-green-900":"#E2F6E5","lp-pri-green-800":"#BDEAC4","lp-pri-green-700":"#83D88E","lp-pri-green-600":"#51C760","lp-pri-green-500":"#26AF3E","lp-pri-green-400":"#1B9632","lp-pri-green-300":"#137728","lp-pri-green-200":"#0C5B1F","lp-pri-green-100":"#074218","lp-pri-green-50":"#053014","lp-pri-rainbow-mint-950":"#F3FEFE","lp-pri-rainbow-mint-900":"#AFF7F7","lp-pri-rainbow-mint-800":"#6EF0F0","lp-pri-rainbow-mint-700":"#33E6E6","lp-pri-rainbow-mint-600":"#00CCCC","lp-pri-rainbow-mint-500":"#02B0B0","lp-pri-rainbow-mint-400":"#02B0B0","lp-pri-rainbow-mint-300":"#049494","lp-pri-rainbow-mint-200":"#045C5C","lp-pri-rainbow-mint-100":"#033737","lp-pri-rainbow-cyan-950":"#F6FBFF","lp-pri-rainbow-cyan-900":"#E8F6FF","lp-pri-rainbow-cyan-800":"#C6E8FF","lp-pri-rainbow-cyan-700":"#97D5FF","lp-pri-rainbow-cyan-600":"#6AC4FF","lp-pri-rainbow-cyan-500":"#40B3FF","lp-pri-rainbow-cyan-400":"#2B95DB","lp-pri-rainbow-cyan-300":"#1A79B8","lp-pri-rainbow-cyan-200":"#094771","lp-pri-rainbow-cyan-100":"#042941","lp-pri-rainbow-purple-950":"#FCF6FF","lp-pri-rainbow-purple-900":"#F7EAFE","lp-pri-rainbow-purple-800":"#EBCAFB","lp-pri-rainbow-purple-700":"#DAA0F7","lp-pri-rainbow-purple-600":"#C978F2","lp-pri-rainbow-purple-500":"#B450E6","lp-pri-rainbow-purple-400":"#9535C6","lp-pri-rainbow-purple-300":"#7920A6","lp-pri-rainbow-purple-200":"#480A67","lp-pri-rainbow-purple-100":"#29043C","lp-pri-rainbow-pink-950":"#FFF5F8","lp-pri-rainbow-pink-900":"#FFE7EF","lp-pri-rainbow-pink-800":"#FFC3D7","lp-pri-rainbow-pink-700":"#FF90B5","lp-pri-rainbow-pink-600":"#FF6095","lp-pri-rainbow-pink-500":"#FF3377","lp-pri-rainbow-pink-400":"#DB2360","lp-pri-rainbow-pink-300":"#B8164C","lp-pri-rainbow-pink-200":"#71082B","lp-pri-rainbow-pink-100":"#120107","lp-pri-gray-cool-920-alpha-80":"rgba(233, 233, 235, 0.8)","lp-pri-gray-cool-920-alpha-72":"rgba(233, 233, 235, 0.72)","lp-pri-gray-cool-920-alpha-64":"rgba(233, 233, 235, 0.64)","lp-pri-gray-cool-920-alpha-56":"rgba(233, 233, 235, 0.56)","lp-pri-gray-cool-920-alpha-50":"rgba(233, 233, 235, 0.5)","lp-pri-gray-cool-920-alpha-48":"rgba(233, 233, 235, 0.48)","lp-pri-gray-cool-920-alpha-44":"rgba(233, 233, 235, 0.44)","lp-pri-gray-cool-920-alpha-40":"rgba(233, 233, 235, 0.4)","lp-pri-gray-cool-920-alpha-36":"rgba(233, 233, 235, 0.36)","lp-pri-gray-cool-920-alpha-32":"rgba(233, 233, 235, 0.32)","lp-pri-gray-cool-920-alpha-28":"rgba(233, 233, 235, 0.28)","lp-pri-gray-cool-920-alpha-24":"rgba(233, 233, 235, 0.24)","lp-pri-gray-cool-920-alpha-20":"rgba(233, 233, 235, 0.2)","lp-pri-gray-cool-920-alpha-16":"rgba(233, 233, 235, 0.16)","lp-pri-gray-cool-920-alpha-12":"rgba(233, 233, 235, 0.12)","lp-pri-gray-cool-920-alpha-8":"rgba(233, 233, 235, 0.08)","lp-pri-gray-cool-920-alpha-4":"rgba(233, 233, 235, 0.04)","lp-pri-gray-cool-920-alpha-1":"rgba(233, 233, 235, 0.01)","lp-pri-gray-cool-920-alpha-0":"rgba(233, 233, 235, 0)","lp-pri-gray-cool-450-alpha-80":"rgba(109, 109, 112, 0.8)","lp-pri-gray-cool-450-alpha-72":"rgba(109, 109, 112, 0.72)","lp-pri-gray-cool-450-alpha-64":"rgba(109, 109, 112, 0.64)","lp-pri-gray-cool-450-alpha-56":"rgba(109, 109, 112, 0.56)","lp-pri-gray-cool-450-alpha-50":"rgba(109, 109, 112, 0.5)","lp-pri-gray-cool-450-alpha-48":"rgba(109, 109, 112, 0.48)","lp-pri-gray-cool-450-alpha-44":"rgba(109, 109, 112, 0.44)","lp-pri-gray-cool-450-alpha-40":"rgba(109, 109, 112, 0.4)","lp-pri-gray-cool-450-alpha-36":"rgba(109, 109, 112, 0.36)","lp-pri-gray-cool-450-alpha-32":"rgba(109, 109, 112, 0.32)","lp-pri-gray-cool-450-alpha-28":"rgba(109, 109, 112, 0.28)","lp-pri-gray-cool-450-alpha-24":"rgba(109, 109, 112, 0.24)","lp-pri-gray-cool-450-alpha-20":"rgba(109, 109, 112, 0.2)","lp-pri-gray-cool-450-alpha-16":"rgba(109, 109, 112, 0.16)","lp-pri-gray-cool-450-alpha-12":"rgba(109, 109, 112, 0.12)","lp-pri-gray-cool-450-alpha-8":"rgba(109, 109, 112, 0.08)","lp-pri-gray-cool-450-alpha-4":"rgba(109, 109, 112, 0.04)","lp-pri-gray-cool-450-alpha-1":"rgba(109, 109, 112, 0.01)","lp-pri-gray-cool-450-alpha-0":"rgba(109, 109, 112, 0)","lp-pri-brand-original-50-alpha-80":"rgba(21, 26, 77, 0.8)","lp-pri-brand-original-50-alpha-72":"rgba(21, 26, 77, 0.72)","lp-pri-brand-original-50-alpha-64":"rgba(21, 26, 77, 0.64)","lp-pri-brand-original-50-alpha-56":"rgba(21, 26, 77, 0.56)","lp-pri-brand-original-50-alpha-50":"rgba(21, 26, 77, 0.5)","lp-pri-brand-original-50-alpha-48":"rgba(21, 26, 77, 0.48)","lp-pri-brand-original-50-alpha-44":"rgba(21, 26, 77, 0.44)","lp-pri-brand-original-50-alpha-40":"rgba(21, 26, 77, 0.4)","lp-pri-brand-original-50-alpha-36":"rgba(21, 26, 77, 0.36)","lp-pri-brand-original-50-alpha-32":"rgba(21, 26, 77, 0.32)","lp-pri-brand-original-50-alpha-28":"rgba(21, 26, 77, 0.28)","lp-pri-brand-original-50-alpha-24":"rgba(21, 26, 77, 0.24)","lp-pri-brand-original-50-alpha-20":"rgba(21, 26, 77, 0.2)","lp-pri-brand-original-50-alpha-16":"rgba(21, 26, 77, 0.16)","lp-pri-brand-original-50-alpha-12":"rgba(21, 26, 77, 0.12)","lp-pri-brand-original-50-alpha-8":"rgba(21, 26, 77, 0.08)","lp-pri-brand-original-50-alpha-4":"rgba(21, 26, 77, 0.04)","lp-pri-brand-original-50-alpha-1":"rgba(21, 26, 77, 0.01)","lp-pri-brand-original-50-alpha-0":"rgba(21, 26, 77, 0)"},"system":{"dark":{"neutral-container-lowest":"lp-pri-gray-cool-100","neutral-container-low":"lp-pri-gray-cool-200","neutral-container-mid":"lp-pri-gray-cool-200","neutral-container-high":"lp-pri-gray-cool-250","neutral-container-highest":"lp-pri-gray-cool-300","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-12","neutral-fill-low":"lp-pri-gray-cool-450-alpha-24","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-32","neutral-label-primary":"lp-pri-achromatic-white","neutral-label-secondary":"lp-pri-gray-cool-920","neutral-label-tertiary":"lp-pri-gray-cool-920-alpha-32","neutral-label-quaternary":"lp-pri-red-200-alpha-20","neutral-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","neutral-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","neutral-border-opaque-strong":"lp-pri-achromatic-white","neutral-border-opaque-normal":"lp-pri-gray-cool-350","neutral-border-opaque-subtle":"lp-pri-gray-cool-250","inverse-container-lowest":"lp-pri-achromatic-white","inverse-container-low":"lp-pri-gray-cool-980","inverse-container-mid":"lp-pri-gray-cool-970","inverse-container-high":"lp-pri-gray-cool-940","inverse-container-highest":"lp-pri-gray-cool-920","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-4","inverse-fill-low":"lp-pri-gray-cool-450-alpha-12","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-20","inverse-label-primary":"lp-pri-gray-cool-100","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-450-alpha-80","inverse-label-tertiary":"lp-pri-gray-cool-450-alpha-44","inverse-label-quaternary":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","inverse-border-opaque-strong":"lp-pri-gray-cool-100","inverse-border-opaque-normal":"lp-pri-gray-cool-850","inverse-border-opaque-subtle":"lp-pri-gray-cool-920","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-variation-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-600","accent-mint":"lp-pri-rainbow-mint-600","accent-cyan":"lp-pri-rainbow-cyan-600","accent-purple":"lp-pri-rainbow-purple-600","accent-pink":"lp-pri-rainbow-pink-600","function-positive":"lp-pri-green-600","function-negative":"lp-pri-red-600","function-caution":"lp-pri-orange-500"},"light":{"neutral-container-lowest":"lp-pri-achromatic-white","neutral-container-low":"lp-pri-gray-cool-980","neutral-container-mid":"lp-pri-gray-cool-970","neutral-container-high":"lp-pri-gray-cool-940","neutral-container-highest":"lp-pri-gray-cool-920","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-4","neutral-fill-low":"lp-pri-gray-cool-450-alpha-12","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-20","neutral-label-primary":"lp-pri-gray-cool-100","neutral-label-secondary":"lp-pri-gray-cool-450-alpha-80","neutral-label-tertiary":"lp-pri-gray-cool-450-alpha-44","neutral-label-quaternary":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","neutral-border-opaque-strong":"lp-pri-gray-cool-100","neutral-border-opaque-normal":"lp-pri-gray-cool-850","neutral-border-opaque-subtle":"lp-pri-gray-cool-920","inverse-container-lowest":"lp-pri-gray-cool-100","inverse-container-low":"lp-pri-gray-cool-200","inverse-container-mid":"lp-pri-gray-cool-200","inverse-container-high":"lp-pri-gray-cool-250","inverse-container-highest":"lp-pri-gray-cool-300","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-12","inverse-fill-low":"lp-pri-gray-cool-450-alpha-24","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-32","inverse-label-primary":"lp-pri-achromatic-white","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-920-alpha-56","inverse-label-tertiary":"lp-pri-gray-cool-920-alpha-32","inverse-label-quaternary":"lp-pri-gray-cool-920-alpha-20","inverse-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","inverse-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","inverse-border-opaque-strong":"lp-pri-achromatic-white","inverse-border-opaque-normal":"lp-pri-gray-cool-350","inverse-border-opaque-subtle":"lp-pri-gray-cool-250","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-original-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-500","accent-mint":"lp-pri-rainbow-mint-500","accent-cyan":"lp-pri-rainbow-cyan-500","accent-purple":"lp-pri-rainbow-purple-500","accent-pink":"lp-pri-rainbow-pink-500","function-positive":"lp-pri-green-500","function-negative":"lp-pri-red-500","function-caution":"lp-pri-orange-500"}}}}
|
|
@@ -15,17 +15,17 @@ interface TypographyValues {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {
|
|
18
|
-
'lp-sys-typo-
|
|
18
|
+
'lp-sys-typo-display1-accent-black': {
|
|
19
19
|
family: 'lp-pri-font-family-poppins',
|
|
20
20
|
weight: 'lp-pri-font-weight-800',
|
|
21
21
|
lineHeight: 'lp-pri-font-lineheight-120',
|
|
22
|
-
size: 'lp-pri-font-size-
|
|
22
|
+
size: 'lp-pri-font-size-24',
|
|
23
23
|
},
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export const typography: Partial<Record<TypographyKeys, TypographyValues>> = {
|
|
27
|
-
'lp-sys-typo-
|
|
28
|
-
family: 'lp-pri-font-family-pretendard
|
|
27
|
+
'lp-sys-typo-display1-accent-black': {
|
|
28
|
+
family: 'lp-pri-font-family-variables-pretendard',
|
|
29
29
|
weight: 'lp-pri-font-weight-800',
|
|
30
30
|
lineHeight: 'lp-pri-font-lineheight-120',
|
|
31
31
|
size: 'lp-pri-font-size-72',
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
|
|
4
|
+
interface IProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
type: 'accent';
|
|
6
|
+
weight: 'black';
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Display1 = (props: IProps) => {
|
|
10
|
+
return (
|
|
11
|
+
<div
|
|
12
|
+
{...props}
|
|
13
|
+
className={`lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}
|
|
14
|
+
>
|
|
15
|
+
{props.children}
|
|
16
|
+
</div>
|
|
17
|
+
);
|
|
18
|
+
};
|
|
@@ -21,7 +21,10 @@ export interface IParagraphAccent extends HTMLAttributes<HTMLDivElement> {
|
|
|
21
21
|
|
|
22
22
|
export const Paragraph1 = (props: ParagraphType) => {
|
|
23
23
|
return (
|
|
24
|
-
<div
|
|
24
|
+
<div
|
|
25
|
+
{...props}
|
|
26
|
+
className={`lp-sys-typo-paragraph1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}
|
|
27
|
+
>
|
|
25
28
|
{props.children}
|
|
26
29
|
</div>
|
|
27
30
|
);
|
package/src/index.ts
CHANGED
|
File without changes
|