@liner-fe/design-token 2.0.32 → 2.0.33
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/lib/design/color/vars.d.ts +1 -68
- package/lib/index.cjs +1 -1
- package/lib/index.cjs.map +2 -2
- package/lib/index.mjs +1 -1
- package/lib/index.mjs.map +2 -2
- package/package.json +1 -1
- package/src/design/color/vars.ts +1 -1
|
@@ -1,72 +1,5 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
|
-
|
|
3
|
-
"lp-pri-achromatic-white": string;
|
|
4
|
-
"lp-pri-achromatic-black": string;
|
|
5
|
-
"lp-pri-gray-cool-950": string;
|
|
6
|
-
"lp-pri-gray-cool-900": string;
|
|
7
|
-
"lp-pri-gray-cool-800": string;
|
|
8
|
-
"lp-pri-gray-cool-700": string;
|
|
9
|
-
"lp-pri-gray-cool-600": string;
|
|
10
|
-
"lp-pri-gray-cool-500": string;
|
|
11
|
-
"lp-pri-gray-cool-400": string;
|
|
12
|
-
"lp-pri-gray-cool-300": string;
|
|
13
|
-
"lp-pri-gray-cool-200": string;
|
|
14
|
-
"lp-pri-gray-cool-100": string;
|
|
15
|
-
"lp-pri-gray-cool-50": string;
|
|
16
|
-
"lp-pri-brand-original-950": string;
|
|
17
|
-
"lp-pri-brand-original-900": string;
|
|
18
|
-
"lp-pri-brand-original-800": string;
|
|
19
|
-
"lp-pri-brand-original-700": string;
|
|
20
|
-
"lp-pri-brand-original-600": string;
|
|
21
|
-
"lp-pri-brand-original-500": string;
|
|
22
|
-
"lp-pri-brand-original-400": string;
|
|
23
|
-
"lp-pri-brand-original-300": string;
|
|
24
|
-
"lp-pri-brand-original-200": string;
|
|
25
|
-
"lp-pri-brand-original-100": string;
|
|
26
|
-
"lp-pri-brand-original-50": string;
|
|
27
|
-
"lp-pri-brand-variation-950": string;
|
|
28
|
-
"lp-pri-brand-variation-900": string;
|
|
29
|
-
"lp-pri-brand-variation-800": string;
|
|
30
|
-
"lp-pri-brand-variation-700": string;
|
|
31
|
-
"lp-pri-brand-variation-600": string;
|
|
32
|
-
"lp-pri-brand-variation-500": string;
|
|
33
|
-
"lp-pri-brand-variation-400": string;
|
|
34
|
-
"lp-pri-brand-variation-300": string;
|
|
35
|
-
"lp-pri-brand-variation-200": string;
|
|
36
|
-
"lp-pri-brand-variation-100": string;
|
|
37
|
-
"lp-pri-brand-variation-50": string;
|
|
38
|
-
"lp-pri-red-900": string;
|
|
39
|
-
"lp-pri-red-800": string;
|
|
40
|
-
"lp-pri-red-700": string;
|
|
41
|
-
"lp-pri-red-600": string;
|
|
42
|
-
"lp-pri-red-500": string;
|
|
43
|
-
"lp-pri-red-400": string;
|
|
44
|
-
"lp-pri-red-300": string;
|
|
45
|
-
"lp-pri-red-200": string;
|
|
46
|
-
"lp-pri-red-100": string;
|
|
47
|
-
"lp-pri-red-50": string;
|
|
48
|
-
"lp-pri-orange-900": string;
|
|
49
|
-
"lp-pri-orange-800": string;
|
|
50
|
-
"lp-pri-orange-700": string;
|
|
51
|
-
"lp-pri-orange-600": string;
|
|
52
|
-
"lp-pri-orange-500": string;
|
|
53
|
-
"lp-pri-orange-400": string;
|
|
54
|
-
"lp-pri-orange-300": string;
|
|
55
|
-
"lp-pri-orange-200": string;
|
|
56
|
-
"lp-pri-orange-100": string;
|
|
57
|
-
"lp-pri-orange-50": string;
|
|
58
|
-
"lp-pri-green-900": string;
|
|
59
|
-
"lp-pri-green-800": string;
|
|
60
|
-
"lp-pri-green-700": string;
|
|
61
|
-
"lp-pri-green-600": string;
|
|
62
|
-
"lp-pri-green-500": string;
|
|
63
|
-
"lp-pri-green-400": string;
|
|
64
|
-
"lp-pri-green-300": string;
|
|
65
|
-
"lp-pri-green-200": string;
|
|
66
|
-
"lp-pri-green-100": string;
|
|
67
|
-
"lp-pri-green-50": string;
|
|
68
|
-
};
|
|
69
|
-
system: {
|
|
2
|
+
color: {
|
|
70
3
|
"lp-neutral-primary": string;
|
|
71
4
|
"lp-neutral-secondary": string;
|
|
72
5
|
"lp-neutral-tertiary": string;
|
package/lib/index.cjs
CHANGED
|
@@ -172,7 +172,7 @@ var color = {
|
|
|
172
172
|
};
|
|
173
173
|
|
|
174
174
|
// src/design/color/vars.ts
|
|
175
|
-
var vars = { "
|
|
175
|
+
var vars = { "color": { "lp-neutral-primary": "var(--lp-neutral-primary)", "lp-neutral-secondary": "var(--lp-neutral-secondary)", "lp-neutral-tertiary": "var(--lp-neutral-tertiary)", "lp-inverse-neutral-primary": "var(--lp-inverse-neutral-primary)", "lp-neutral-container-primary": "var(--lp-neutral-container-primary)", "lp-neutral-container-secondary": "var(--lp-neutral-container-secondary)", "lp-neutral-container-tertiary": "var(--lp-neutral-container-tertiary)", "lp-neutral-border-primary": "var(--lp-neutral-border-primary)", "lp-neutral-border-secondary": "var(--lp-neutral-border-secondary)", "lp-neutral-border-tertiary": "var(--lp-neutral-border-tertiary)", "lp-neutral-placeholder": "var(--lp-neutral-placeholder)", "lp-accent-primary": "var(--lp-accent-primary)", "lp-accent-container-primary": "var(--lp-accent-container-primary)", "lp-positive-primary": "var(--lp-positive-primary)", "lp-positive-container-primary": "var(--lp-positive-container-primary)", "lp-caution-primary": "var(--lp-caution-primary)", "lp-caution-container-primary": "var(--lp-caution-container-primary)", "lp-negative-primary": "var(--lp-negative-primary)", "lp-negative-container-primary": "var(--lp-negative-container-primary)", "lp-link-primary": "var(--lp-link-primary)", "lp-dim": "var(--lp-dim)", "lp-status-neutral-primary": "var(--lp-status-neutral-primary)", "lp-status-accent-primary": "var(--lp-status-accent-primary)", "lp-status-disabled-primary": "var(--lp-status-disabled-primary)" } };
|
|
176
176
|
|
|
177
177
|
// src/design/radius/index.ts
|
|
178
178
|
var radius = {
|
package/lib/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts", "../src/design/color/index.ts", "../src/design/color/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './design/color';\nexport * from './design/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", "import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"primitive\":{\"lp-pri-achromatic-white\":\"var(--lp-pri-achromatic-white)\",\"lp-pri-achromatic-black\":\"var(--lp-pri-achromatic-black)\",\"lp-pri-gray-cool-950\":\"var(--lp-pri-gray-cool-950)\",\"lp-pri-gray-cool-900\":\"var(--lp-pri-gray-cool-900)\",\"lp-pri-gray-cool-800\":\"var(--lp-pri-gray-cool-800)\",\"lp-pri-gray-cool-700\":\"var(--lp-pri-gray-cool-700)\",\"lp-pri-gray-cool-600\":\"var(--lp-pri-gray-cool-600)\",\"lp-pri-gray-cool-500\":\"var(--lp-pri-gray-cool-500)\",\"lp-pri-gray-cool-400\":\"var(--lp-pri-gray-cool-400)\",\"lp-pri-gray-cool-300\":\"var(--lp-pri-gray-cool-300)\",\"lp-pri-gray-cool-200\":\"var(--lp-pri-gray-cool-200)\",\"lp-pri-gray-cool-100\":\"var(--lp-pri-gray-cool-100)\",\"lp-pri-gray-cool-50\":\"var(--lp-pri-gray-cool-50)\",\"lp-pri-brand-original-950\":\"var(--lp-pri-brand-original-950)\",\"lp-pri-brand-original-900\":\"var(--lp-pri-brand-original-900)\",\"lp-pri-brand-original-800\":\"var(--lp-pri-brand-original-800)\",\"lp-pri-brand-original-700\":\"var(--lp-pri-brand-original-700)\",\"lp-pri-brand-original-600\":\"var(--lp-pri-brand-original-600)\",\"lp-pri-brand-original-500\":\"var(--lp-pri-brand-original-500)\",\"lp-pri-brand-original-400\":\"var(--lp-pri-brand-original-400)\",\"lp-pri-brand-original-300\":\"var(--lp-pri-brand-original-300)\",\"lp-pri-brand-original-200\":\"var(--lp-pri-brand-original-200)\",\"lp-pri-brand-original-100\":\"var(--lp-pri-brand-original-100)\",\"lp-pri-brand-original-50\":\"var(--lp-pri-brand-original-50)\",\"lp-pri-brand-variation-950\":\"var(--lp-pri-brand-variation-950)\",\"lp-pri-brand-variation-900\":\"var(--lp-pri-brand-variation-900)\",\"lp-pri-brand-variation-800\":\"var(--lp-pri-brand-variation-800)\",\"lp-pri-brand-variation-700\":\"var(--lp-pri-brand-variation-700)\",\"lp-pri-brand-variation-600\":\"var(--lp-pri-brand-variation-600)\",\"lp-pri-brand-variation-500\":\"var(--lp-pri-brand-variation-500)\",\"lp-pri-brand-variation-400\":\"var(--lp-pri-brand-variation-400)\",\"lp-pri-brand-variation-300\":\"var(--lp-pri-brand-variation-300)\",\"lp-pri-brand-variation-200\":\"var(--lp-pri-brand-variation-200)\",\"lp-pri-brand-variation-100\":\"var(--lp-pri-brand-variation-100)\",\"lp-pri-brand-variation-50\":\"var(--lp-pri-brand-variation-50)\",\"lp-pri-red-900\":\"var(--lp-pri-red-900)\",\"lp-pri-red-800\":\"var(--lp-pri-red-800)\",\"lp-pri-red-700\":\"var(--lp-pri-red-700)\",\"lp-pri-red-600\":\"var(--lp-pri-red-600)\",\"lp-pri-red-500\":\"var(--lp-pri-red-500)\",\"lp-pri-red-400\":\"var(--lp-pri-red-400)\",\"lp-pri-red-300\":\"var(--lp-pri-red-300)\",\"lp-pri-red-200\":\"var(--lp-pri-red-200)\",\"lp-pri-red-100\":\"var(--lp-pri-red-100)\",\"lp-pri-red-50\":\"var(--lp-pri-red-50)\",\"lp-pri-orange-900\":\"var(--lp-pri-orange-900)\",\"lp-pri-orange-800\":\"var(--lp-pri-orange-800)\",\"lp-pri-orange-700\":\"var(--lp-pri-orange-700)\",\"lp-pri-orange-600\":\"var(--lp-pri-orange-600)\",\"lp-pri-orange-500\":\"var(--lp-pri-orange-500)\",\"lp-pri-orange-400\":\"var(--lp-pri-orange-400)\",\"lp-pri-orange-300\":\"var(--lp-pri-orange-300)\",\"lp-pri-orange-200\":\"var(--lp-pri-orange-200)\",\"lp-pri-orange-100\":\"var(--lp-pri-orange-100)\",\"lp-pri-orange-50\":\"var(--lp-pri-orange-50)\",\"lp-pri-green-900\":\"var(--lp-pri-green-900)\",\"lp-pri-green-800\":\"var(--lp-pri-green-800)\",\"lp-pri-green-700\":\"var(--lp-pri-green-700)\",\"lp-pri-green-600\":\"var(--lp-pri-green-600)\",\"lp-pri-green-500\":\"var(--lp-pri-green-500)\",\"lp-pri-green-400\":\"var(--lp-pri-green-400)\",\"lp-pri-green-300\":\"var(--lp-pri-green-300)\",\"lp-pri-green-200\":\"var(--lp-pri-green-200)\",\"lp-pri-green-100\":\"var(--lp-pri-green-100)\",\"lp-pri-green-50\":\"var(--lp-pri-green-50)\"},\"system\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "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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
|
|
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", "import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"color\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "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
6
|
"names": ["size", "React", "import_react"]
|
|
7
7
|
}
|
package/lib/index.mjs
CHANGED
|
@@ -127,7 +127,7 @@ var color = {
|
|
|
127
127
|
};
|
|
128
128
|
|
|
129
129
|
// src/design/color/vars.ts
|
|
130
|
-
var vars = { "
|
|
130
|
+
var vars = { "color": { "lp-neutral-primary": "var(--lp-neutral-primary)", "lp-neutral-secondary": "var(--lp-neutral-secondary)", "lp-neutral-tertiary": "var(--lp-neutral-tertiary)", "lp-inverse-neutral-primary": "var(--lp-inverse-neutral-primary)", "lp-neutral-container-primary": "var(--lp-neutral-container-primary)", "lp-neutral-container-secondary": "var(--lp-neutral-container-secondary)", "lp-neutral-container-tertiary": "var(--lp-neutral-container-tertiary)", "lp-neutral-border-primary": "var(--lp-neutral-border-primary)", "lp-neutral-border-secondary": "var(--lp-neutral-border-secondary)", "lp-neutral-border-tertiary": "var(--lp-neutral-border-tertiary)", "lp-neutral-placeholder": "var(--lp-neutral-placeholder)", "lp-accent-primary": "var(--lp-accent-primary)", "lp-accent-container-primary": "var(--lp-accent-container-primary)", "lp-positive-primary": "var(--lp-positive-primary)", "lp-positive-container-primary": "var(--lp-positive-container-primary)", "lp-caution-primary": "var(--lp-caution-primary)", "lp-caution-container-primary": "var(--lp-caution-container-primary)", "lp-negative-primary": "var(--lp-negative-primary)", "lp-negative-container-primary": "var(--lp-negative-container-primary)", "lp-link-primary": "var(--lp-link-primary)", "lp-dim": "var(--lp-dim)", "lp-status-neutral-primary": "var(--lp-status-neutral-primary)", "lp-status-accent-primary": "var(--lp-status-accent-primary)", "lp-status-disabled-primary": "var(--lp-status-disabled-primary)" } };
|
|
131
131
|
|
|
132
132
|
// src/design/radius/index.ts
|
|
133
133
|
var radius = {
|
package/lib/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/design/color/index.ts", "../src/design/color/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
|
|
4
|
-
"sourcesContent": ["import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"primitive\":{\"lp-pri-achromatic-white\":\"var(--lp-pri-achromatic-white)\",\"lp-pri-achromatic-black\":\"var(--lp-pri-achromatic-black)\",\"lp-pri-gray-cool-950\":\"var(--lp-pri-gray-cool-950)\",\"lp-pri-gray-cool-900\":\"var(--lp-pri-gray-cool-900)\",\"lp-pri-gray-cool-800\":\"var(--lp-pri-gray-cool-800)\",\"lp-pri-gray-cool-700\":\"var(--lp-pri-gray-cool-700)\",\"lp-pri-gray-cool-600\":\"var(--lp-pri-gray-cool-600)\",\"lp-pri-gray-cool-500\":\"var(--lp-pri-gray-cool-500)\",\"lp-pri-gray-cool-400\":\"var(--lp-pri-gray-cool-400)\",\"lp-pri-gray-cool-300\":\"var(--lp-pri-gray-cool-300)\",\"lp-pri-gray-cool-200\":\"var(--lp-pri-gray-cool-200)\",\"lp-pri-gray-cool-100\":\"var(--lp-pri-gray-cool-100)\",\"lp-pri-gray-cool-50\":\"var(--lp-pri-gray-cool-50)\",\"lp-pri-brand-original-950\":\"var(--lp-pri-brand-original-950)\",\"lp-pri-brand-original-900\":\"var(--lp-pri-brand-original-900)\",\"lp-pri-brand-original-800\":\"var(--lp-pri-brand-original-800)\",\"lp-pri-brand-original-700\":\"var(--lp-pri-brand-original-700)\",\"lp-pri-brand-original-600\":\"var(--lp-pri-brand-original-600)\",\"lp-pri-brand-original-500\":\"var(--lp-pri-brand-original-500)\",\"lp-pri-brand-original-400\":\"var(--lp-pri-brand-original-400)\",\"lp-pri-brand-original-300\":\"var(--lp-pri-brand-original-300)\",\"lp-pri-brand-original-200\":\"var(--lp-pri-brand-original-200)\",\"lp-pri-brand-original-100\":\"var(--lp-pri-brand-original-100)\",\"lp-pri-brand-original-50\":\"var(--lp-pri-brand-original-50)\",\"lp-pri-brand-variation-950\":\"var(--lp-pri-brand-variation-950)\",\"lp-pri-brand-variation-900\":\"var(--lp-pri-brand-variation-900)\",\"lp-pri-brand-variation-800\":\"var(--lp-pri-brand-variation-800)\",\"lp-pri-brand-variation-700\":\"var(--lp-pri-brand-variation-700)\",\"lp-pri-brand-variation-600\":\"var(--lp-pri-brand-variation-600)\",\"lp-pri-brand-variation-500\":\"var(--lp-pri-brand-variation-500)\",\"lp-pri-brand-variation-400\":\"var(--lp-pri-brand-variation-400)\",\"lp-pri-brand-variation-300\":\"var(--lp-pri-brand-variation-300)\",\"lp-pri-brand-variation-200\":\"var(--lp-pri-brand-variation-200)\",\"lp-pri-brand-variation-100\":\"var(--lp-pri-brand-variation-100)\",\"lp-pri-brand-variation-50\":\"var(--lp-pri-brand-variation-50)\",\"lp-pri-red-900\":\"var(--lp-pri-red-900)\",\"lp-pri-red-800\":\"var(--lp-pri-red-800)\",\"lp-pri-red-700\":\"var(--lp-pri-red-700)\",\"lp-pri-red-600\":\"var(--lp-pri-red-600)\",\"lp-pri-red-500\":\"var(--lp-pri-red-500)\",\"lp-pri-red-400\":\"var(--lp-pri-red-400)\",\"lp-pri-red-300\":\"var(--lp-pri-red-300)\",\"lp-pri-red-200\":\"var(--lp-pri-red-200)\",\"lp-pri-red-100\":\"var(--lp-pri-red-100)\",\"lp-pri-red-50\":\"var(--lp-pri-red-50)\",\"lp-pri-orange-900\":\"var(--lp-pri-orange-900)\",\"lp-pri-orange-800\":\"var(--lp-pri-orange-800)\",\"lp-pri-orange-700\":\"var(--lp-pri-orange-700)\",\"lp-pri-orange-600\":\"var(--lp-pri-orange-600)\",\"lp-pri-orange-500\":\"var(--lp-pri-orange-500)\",\"lp-pri-orange-400\":\"var(--lp-pri-orange-400)\",\"lp-pri-orange-300\":\"var(--lp-pri-orange-300)\",\"lp-pri-orange-200\":\"var(--lp-pri-orange-200)\",\"lp-pri-orange-100\":\"var(--lp-pri-orange-100)\",\"lp-pri-orange-50\":\"var(--lp-pri-orange-50)\",\"lp-pri-green-900\":\"var(--lp-pri-green-900)\",\"lp-pri-green-800\":\"var(--lp-pri-green-800)\",\"lp-pri-green-700\":\"var(--lp-pri-green-700)\",\"lp-pri-green-600\":\"var(--lp-pri-green-600)\",\"lp-pri-green-500\":\"var(--lp-pri-green-500)\",\"lp-pri-green-400\":\"var(--lp-pri-green-400)\",\"lp-pri-green-300\":\"var(--lp-pri-green-300)\",\"lp-pri-green-200\":\"var(--lp-pri-green-200)\",\"lp-pri-green-100\":\"var(--lp-pri-green-100)\",\"lp-pri-green-50\":\"var(--lp-pri-green-50)\"},\"system\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "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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
|
|
4
|
+
"sourcesContent": ["import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"color\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "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
6
|
"names": ["size"]
|
|
7
7
|
}
|
package/package.json
CHANGED
package/src/design/color/vars.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const vars = {"
|
|
1
|
+
export const vars = {"color":{"lp-neutral-primary":"var(--lp-neutral-primary)","lp-neutral-secondary":"var(--lp-neutral-secondary)","lp-neutral-tertiary":"var(--lp-neutral-tertiary)","lp-inverse-neutral-primary":"var(--lp-inverse-neutral-primary)","lp-neutral-container-primary":"var(--lp-neutral-container-primary)","lp-neutral-container-secondary":"var(--lp-neutral-container-secondary)","lp-neutral-container-tertiary":"var(--lp-neutral-container-tertiary)","lp-neutral-border-primary":"var(--lp-neutral-border-primary)","lp-neutral-border-secondary":"var(--lp-neutral-border-secondary)","lp-neutral-border-tertiary":"var(--lp-neutral-border-tertiary)","lp-neutral-placeholder":"var(--lp-neutral-placeholder)","lp-accent-primary":"var(--lp-accent-primary)","lp-accent-container-primary":"var(--lp-accent-container-primary)","lp-positive-primary":"var(--lp-positive-primary)","lp-positive-container-primary":"var(--lp-positive-container-primary)","lp-caution-primary":"var(--lp-caution-primary)","lp-caution-container-primary":"var(--lp-caution-container-primary)","lp-negative-primary":"var(--lp-negative-primary)","lp-negative-container-primary":"var(--lp-negative-container-primary)","lp-link-primary":"var(--lp-link-primary)","lp-dim":"var(--lp-dim)","lp-status-neutral-primary":"var(--lp-status-neutral-primary)","lp-status-accent-primary":"var(--lp-status-accent-primary)","lp-status-disabled-primary":"var(--lp-status-disabled-primary)"}}
|