@liner-fe/design-token 2.0.39 → 2.0.41
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 +7 -3
- package/lib/design/typography/usage/Display.d.ts +3 -2
- package/lib/design/typography/usage/index.d.ts +1 -0
- package/lib/design/vars.d.ts +53 -0
- package/lib/index.cjs +21 -7
- package/lib/index.cjs.map +4 -4
- package/lib/index.d.ts +1 -1
- package/lib/index.mjs +19 -5
- package/lib/index.mjs.map +4 -4
- package/package.json +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/design/typography/usage/index.ts +1 -0
- package/src/index.ts +1 -1
- /package/src/design/{color/vars.ts → vars.ts} +0 -0
package/global.css
CHANGED
|
@@ -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 */
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
3
|
interface IProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
type: 'accent'
|
|
4
|
+
type: 'accent';
|
|
5
|
+
weight: 'black';
|
|
5
6
|
}
|
|
6
|
-
export declare const
|
|
7
|
+
export declare const Display1: (props: IProps) => React.JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -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
|
@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
// src/index.ts
|
|
32
32
|
var src_exports = {};
|
|
33
33
|
__export(src_exports, {
|
|
34
|
+
Display1: () => Display1,
|
|
34
35
|
Heading1: () => Heading1,
|
|
35
36
|
Heading2: () => Heading2,
|
|
36
37
|
color: () => color,
|
|
@@ -49,7 +50,7 @@ module.exports = __toCommonJS(src_exports);
|
|
|
49
50
|
// src/design/color/index.ts
|
|
50
51
|
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
52
|
|
|
52
|
-
// src/design/
|
|
53
|
+
// src/design/vars.ts
|
|
53
54
|
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
55
|
|
|
55
56
|
// src/design/radius/index.ts
|
|
@@ -149,16 +150,16 @@ var font = { weight, lineHeight, size: size2 };
|
|
|
149
150
|
|
|
150
151
|
// src/design/typography/semantic.ts
|
|
151
152
|
var typographyEnglish = {
|
|
152
|
-
"lp-sys-typo-
|
|
153
|
+
"lp-sys-typo-display1-accent-black": {
|
|
153
154
|
family: "lp-pri-font-family-poppins",
|
|
154
155
|
weight: "lp-pri-font-weight-800",
|
|
155
156
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
156
|
-
size: "lp-pri-font-size-
|
|
157
|
+
size: "lp-pri-font-size-24"
|
|
157
158
|
}
|
|
158
159
|
};
|
|
159
160
|
var typography = {
|
|
160
|
-
"lp-sys-typo-
|
|
161
|
-
family: "lp-pri-font-family-pretendard
|
|
161
|
+
"lp-sys-typo-display1-accent-black": {
|
|
162
|
+
family: "lp-pri-font-family-variables-pretendard",
|
|
162
163
|
weight: "lp-pri-font-weight-800",
|
|
163
164
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
164
165
|
size: "lp-pri-font-size-72"
|
|
@@ -174,8 +175,21 @@ var Heading2 = /* @__PURE__ */ __name((props) => {
|
|
|
174
175
|
return /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: `lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ""}` }, props.children);
|
|
175
176
|
}, "Heading2");
|
|
176
177
|
|
|
178
|
+
// src/design/typography/usage/Display.tsx
|
|
179
|
+
var import_react2 = __toESM(require("react"));
|
|
180
|
+
var Display1 = /* @__PURE__ */ __name((props) => {
|
|
181
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
182
|
+
"div",
|
|
183
|
+
{
|
|
184
|
+
...props,
|
|
185
|
+
className: `lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ""}`
|
|
186
|
+
},
|
|
187
|
+
props.children
|
|
188
|
+
);
|
|
189
|
+
}, "Display1");
|
|
190
|
+
|
|
177
191
|
// src/hooks/useDarkTheme.ts
|
|
178
|
-
var
|
|
192
|
+
var import_react3 = require("react");
|
|
179
193
|
var LOCAL_STORAGE_KEY = "theme";
|
|
180
194
|
var useDarkTheme = /* @__PURE__ */ __name(() => {
|
|
181
195
|
const isUserColorTheme = localStorage.getItem("color-theme");
|
|
@@ -190,7 +204,7 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
|
|
|
190
204
|
document.documentElement.setAttribute("color-theme", willChangeTheme);
|
|
191
205
|
localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);
|
|
192
206
|
}, "toggleTheme");
|
|
193
|
-
(0,
|
|
207
|
+
(0, import_react3.useLayoutEffect)(() => {
|
|
194
208
|
const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);
|
|
195
209
|
if (prevTheme) {
|
|
196
210
|
if (prevTheme === "dark") {
|
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\":\"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-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": "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
|
|
6
|
-
"names": ["size", "React", "import_react"]
|
|
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/design/typography/usage/Display.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 React from 'react';\nimport { HTMLAttributes } from 'react';\n\ninterface IProps extends HTMLAttributes<HTMLDivElement> {\n type: 'accent';\n weight: 'black';\n}\n\nexport const Display1 = (props: IProps) => {\n return (\n <div\n {...props}\n className={`lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}\n >\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
|
+
"names": ["size", "React", "import_react", "React", "import_react"]
|
|
7
7
|
}
|
package/lib/index.d.ts
CHANGED
package/lib/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
|
|
|
4
4
|
// src/design/color/index.ts
|
|
5
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"
|
|
@@ -129,6 +129,19 @@ var Heading2 = /* @__PURE__ */ __name((props) => {
|
|
|
129
129
|
return /* @__PURE__ */ React.createElement("div", { ...props, className: `lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ""}` }, props.children);
|
|
130
130
|
}, "Heading2");
|
|
131
131
|
|
|
132
|
+
// src/design/typography/usage/Display.tsx
|
|
133
|
+
import React2 from "react";
|
|
134
|
+
var Display1 = /* @__PURE__ */ __name((props) => {
|
|
135
|
+
return /* @__PURE__ */ React2.createElement(
|
|
136
|
+
"div",
|
|
137
|
+
{
|
|
138
|
+
...props,
|
|
139
|
+
className: `lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ""}`
|
|
140
|
+
},
|
|
141
|
+
props.children
|
|
142
|
+
);
|
|
143
|
+
}, "Display1");
|
|
144
|
+
|
|
132
145
|
// src/hooks/useDarkTheme.ts
|
|
133
146
|
import { useLayoutEffect } from "react";
|
|
134
147
|
var LOCAL_STORAGE_KEY = "theme";
|
|
@@ -168,6 +181,7 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
|
|
|
168
181
|
var useLanguage = /* @__PURE__ */ __name(() => {
|
|
169
182
|
}, "useLanguage");
|
|
170
183
|
export {
|
|
184
|
+
Display1,
|
|
171
185
|
Heading1,
|
|
172
186
|
Heading2,
|
|
173
187
|
color,
|
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\":\"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-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": "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
|
|
6
|
-
"names": ["size"]
|
|
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/design/typography/usage/Display.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 React from 'react';\nimport { HTMLAttributes } from 'react';\n\ninterface IProps extends HTMLAttributes<HTMLDivElement> {\n type: 'accent';\n weight: 'black';\n}\n\nexport const Display1 = (props: IProps) => {\n return (\n <div\n {...props}\n className={`lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}\n >\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
|
+
"names": ["size", "React", "React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -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
|