@liner-fe/design-token 2.0.31 → 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.
Files changed (8) hide show
  1. package/global.css +159 -0
  2. package/lib/design/color/vars.d.ts +1 -68
  3. package/lib/index.cjs +1 -1
  4. package/lib/index.cjs.map +2 -2
  5. package/lib/index.mjs +1 -1
  6. package/lib/index.mjs.map +2 -2
  7. package/package.json +4 -2
  8. package/src/design/color/vars.ts +1 -1
package/global.css ADDED
@@ -0,0 +1,159 @@
1
+ /* global.css */
2
+ :root {
3
+ --lp-pri-achromatic-white: #ffffff;
4
+ --lp-pri-achromatic-black: #000000;
5
+ --lp-pri-gray-cool-950: #f7f8ff;
6
+ --lp-pri-gray-cool-900: #eef0f7;
7
+ --lp-pri-gray-cool-800: #dfe3f3;
8
+ --lp-pri-gray-cool-700: #c7cfe9;
9
+ --lp-pri-gray-cool-600: #97a5d6;
10
+ --lp-pri-gray-cool-500: #7487c4;
11
+ --lp-pri-gray-cool-400: #5b6ba4;
12
+ --lp-pri-gray-cool-300: #4a5889;
13
+ --lp-pri-gray-cool-200: #39426a;
14
+ --lp-pri-gray-cool-100: #282c3e;
15
+ --lp-pri-gray-cool-50: #1f2131;
16
+ --lp-pri-brand-original-950: #f5f6ff;
17
+ --lp-pri-brand-original-900: #e9ebff;
18
+ --lp-pri-brand-original-800: #d4d7ff;
19
+ --lp-pri-brand-original-700: #adb3ff;
20
+ --lp-pri-brand-original-600: #8690ff;
21
+ --lp-pri-brand-original-500: #5f6cff;
22
+ --lp-pri-brand-original-400: #3b49e3;
23
+ --lp-pri-brand-original-300: #303cb5;
24
+ --lp-pri-brand-original-200: #242f86;
25
+ --lp-pri-brand-original-100: #1b2366;
26
+ --lp-pri-brand-original-50: #151a4d;
27
+ --lp-pri-brand-variation-950: #f6f4fe;
28
+ --lp-pri-brand-variation-900: #ede9fe;
29
+ --lp-pri-brand-variation-800: #dbd3fe;
30
+ --lp-pri-brand-variation-700: #b8a7fe;
31
+ --lp-pri-brand-variation-600: #947bfe;
32
+ --lp-pri-brand-variation-500: #704ffd;
33
+ --lp-pri-brand-variation-400: #593aff;
34
+ --lp-pri-brand-variation-300: #422bce;
35
+ --lp-pri-brand-variation-200: #321f9b;
36
+ --lp-pri-brand-variation-100: #24156e;
37
+ --lp-pri-brand-variation-50: #1a1052;
38
+ --lp-pri-red-900: #ffe9eb;
39
+ --lp-pri-red-800: #ffcdd1;
40
+ --lp-pri-red-700: #ff9aa2;
41
+ --lp-pri-red-600: #ff6773;
42
+ --lp-pri-red-500: #ff3445;
43
+ --lp-pri-red-400: #fa1d2f;
44
+ --lp-pri-red-300: #c2172c;
45
+ --lp-pri-red-200: #910b1d;
46
+ --lp-pri-red-100: #68081a;
47
+ --lp-pri-red-50: #4a0616;
48
+ --lp-pri-orange-900: #ffeee6;
49
+ --lp-pri-orange-800: #ffd2b8;
50
+ --lp-pri-orange-700: #ffa970;
51
+ --lp-pri-orange-600: #ff8842;
52
+ --lp-pri-orange-500: #ff6215;
53
+ --lp-pri-orange-400: #f84b10;
54
+ --lp-pri-orange-300: #bd3512;
55
+ --lp-pri-orange-200: #8a220d;
56
+ --lp-pri-orange-100: #61170e;
57
+ --lp-pri-orange-50: #45110e;
58
+ --lp-pri-green-900: #e2f6e5;
59
+ --lp-pri-green-800: #bdeac4;
60
+ --lp-pri-green-700: #83d88e;
61
+ --lp-pri-green-600: #51c760;
62
+ --lp-pri-green-500: #26af3e;
63
+ --lp-pri-green-400: #1b9632;
64
+ --lp-pri-green-300: #137728;
65
+ --lp-pri-green-200: #0c5b1f;
66
+ --lp-pri-green-100: #074218;
67
+ --lp-pri-green-50: #053014;
68
+ --lp-pri-font-size-8: 8px;
69
+ --lp-pri-font-size-11: 11px;
70
+ --lp-pri-font-size-12: 12px;
71
+ --lp-pri-font-size-13: 13px;
72
+ --lp-pri-font-size-14: 14px;
73
+ --lp-pri-font-size-15: 15px;
74
+ --lp-pri-font-size-16: 16px;
75
+ --lp-pri-font-size-17: 17px;
76
+ --lp-pri-font-size-20: 20px;
77
+ --lp-pri-font-size-24: 24px;
78
+ --lp-pri-font-size-28: 28px;
79
+ --lp-pri-font-size-32: 32px;
80
+ --lp-pri-font-size-40: 40px;
81
+ --lp-pri-font-size-64: 64px;
82
+ --lp-pri-font-size-72: 72px;
83
+ --lp-pri-font-lineheight-120: 120%;
84
+ --lp-pri-font-lineheight-130: 130%;
85
+ --lp-pri-font-lineheight-150: 150%;
86
+ --lp-pri-font-lineheight-180: 180%;
87
+ --lp-pri-font-weight-300: 300;
88
+ --lp-pri-font-weight-350: 350;
89
+ --lp-pri-font-weight-400: 400;
90
+ --lp-pri-font-weight-420: 420;
91
+ --lp-pri-font-weight-450: 450;
92
+ --lp-pri-font-weight-500: 500;
93
+ --lp-pri-font-weight-600: 600;
94
+ --lp-pri-font-weight-650: 650;
95
+ --lp-pri-font-weight-700: 700;
96
+ --lp-pri-font-weight-800: 800;
97
+ }
98
+ :root .lp-sys-typo-title1-normal-medium {
99
+ font-family: lp-pri-font-family-pretendard-jp;
100
+ font-size: var(--lp-pri-font-size-72);
101
+ font-weight: var(--lp-pri-font-weight-800);
102
+ line-height: var(--lp-pri-font-lineheight-120);
103
+ }
104
+ :root[color-theme=dark] {
105
+ --lp-neutral-primary: var(--lp-pri-gray-cool-950);
106
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-900);
107
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
108
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
109
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
110
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
111
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
112
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
113
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
114
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
115
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
116
+ --lp-accent-primary: var(--lp-pri-brand-original-600);
117
+ --lp-accent-container-primary: var(--lp-pri-brand-original-500);
118
+ --lp-positive-primary: var(--lp-pri-green-600);
119
+ --lp-positive-container-primary: var(--lp-pri-green-500);
120
+ --lp-caution-primary: var(--lp-pri-orange-600);
121
+ --lp-caution-container-primary: var(--lp-pri-orange-500);
122
+ --lp-negative-primary: var(--lp-pri-red-600);
123
+ --lp-negative-container-primary: var(--lp-pri-red-500);
124
+ --lp-link-primary: var(--lp-pri-brand-original-700);
125
+ --lp-dim: var(--lp-pri-gray-cool-100);
126
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
127
+ --lp-status-accent-primary: var(--lp-pri-brand-original-500);
128
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
129
+ }
130
+ :root[color-theme=light] {
131
+ --lp-neutral-primary: var(--lp-pri-gray-cool-50);
132
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-100);
133
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-200);
134
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-black);
135
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-300);
136
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-400);
137
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
138
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-600);
139
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-700);
140
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-800);
141
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-900);
142
+ --lp-accent-primary: var(--lp-pri-brand-original-400);
143
+ --lp-accent-container-primary: var(--lp-pri-brand-original-300);
144
+ --lp-positive-primary: var(--lp-pri-green-400);
145
+ --lp-positive-container-primary: var(--lp-pri-green-300);
146
+ --lp-caution-primary: var(--lp-pri-orange-400);
147
+ --lp-caution-container-primary: var(--lp-pri-orange-300);
148
+ --lp-negative-primary: var(--lp-pri-red-400);
149
+ --lp-negative-container-primary: var(--lp-pri-red-300);
150
+ --lp-link-primary: var(--lp-pri-brand-original-500);
151
+ --lp-dim: var(--lp-pri-gray-cool-50);
152
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-50);
153
+ --lp-status-accent-primary: var(--lp-pri-brand-original-400);
154
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-200);
155
+ }
156
+ :root[language=en] {
157
+ }
158
+ /*! For license information please see global.css.LEGAL.txt */
159
+ /*# sourceMappingURL=global.css.map */
package/lib/design/color/vars.d.ts CHANGED
@@ -1,72 +1,5 @@
1
1
  export declare const vars: {
2
- primitive: {
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 = { "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)" } };
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 = { "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)" } };
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.0.31",
3
+ "version": "2.0.33",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "devDependencies": {
6
6
  "@types/react": "^18.2.48",
@@ -29,6 +29,7 @@
29
29
  "import": "./lib/index.mjs",
30
30
  "require": "./lib/index.cjs"
31
31
  },
32
+ "./global.css": "./global.css",
32
33
  "./package.json": "./package.json"
33
34
  },
34
35
  "maintainers": [
@@ -41,6 +42,7 @@
41
42
  "types": "./lib/index.d.ts",
42
43
  "files": [
43
44
  "lib",
44
- "src"
45
+ "src",
46
+ "global.css"
45
47
  ]
46
48
  }
package/src/design/color/vars.ts CHANGED
@@ -1 +1 @@
1
- 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)"}}
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)"}}