@liner-fe/design-token 2.0.59 → 2.0.60

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 (10) hide show
  1. package/global.css +68 -68
  2. package/lib/design/gap/index.d.ts +14 -14
  3. package/lib/design/padding/index.d.ts +18 -18
  4. package/lib/design/size/type.d.ts +29 -29
  5. package/lib/index.cjs +29 -29
  6. package/lib/index.cjs.map +1 -1
  7. package/lib/index.mjs +29 -29
  8. package/lib/index.mjs.map +1 -1
  9. package/package.json +1 -1
  10. package/src/design/size/type.ts +29 -29
package/global.css CHANGED
@@ -196,42 +196,42 @@
196
196
  --lp-pri-brand-original-alpha-4: rgba(4, 17, 102, 0.04);
197
197
  --lp-pri-brand-original-alpha-1: rgba(4, 17, 102, 0.01);
198
198
  --lp-pri-brand-original-alpha-0: rgba(4, 17, 102, 0);
199
- --lp-sys-radius-xxs: 2;
200
- --lp-sys-radius-xs: 4;
201
- --lp-sys-radius-s: 6;
202
- --lp-sys-radius-m: 8;
203
- --lp-sys-radius-l: 10;
204
- --lp-sys-radius-xl: 12;
205
- --lp-sys-radius-xxl: 200;
206
- --lp-pri-size-minus6: -6;
207
- --lp-pri-size-minus4: -4;
208
- --lp-pri-size-minus2: -2;
209
- --lp-pri-size-0: 0;
210
- --lp-pri-size-1: 1;
211
- --lp-pri-size-2: 2;
212
- --lp-pri-size-3: 3;
213
- --lp-pri-size-4: 4;
214
- --lp-pri-size-6: 6;
215
- --lp-pri-size-8: 8;
216
- --lp-pri-size-10: 10;
217
- --lp-pri-size-12: 12;
218
- --lp-pri-size-14: 14;
219
- --lp-pri-size-16: 16;
220
- --lp-pri-size-18: 18;
221
- --lp-pri-size-20: 20;
222
- --lp-pri-size-24: 24;
223
- --lp-pri-size-32: 32;
224
- --lp-pri-size-40: 40;
225
- --lp-pri-size-48: 48;
226
- --lp-pri-size-56: 56;
227
- --lp-pri-size-64: 64;
228
- --lp-pri-size-80: 80;
229
- --lp-pri-size-100: 100;
230
- --lp-pri-size-120: 120;
231
- --lp-pri-size-140: 140;
232
- --lp-pri-size-160: 160;
233
- --lp-pri-size-180: 180;
234
- --lp-pri-size-200: 200;
199
+ --lp-sys-radius-xxs: 2px;
200
+ --lp-sys-radius-xs: 4px;
201
+ --lp-sys-radius-s: 6px;
202
+ --lp-sys-radius-m: 8px;
203
+ --lp-sys-radius-l: 10px;
204
+ --lp-sys-radius-xl: 12px;
205
+ --lp-sys-radius-xxl: 200px;
206
+ --lp-pri-size-minus6: -6px;
207
+ --lp-pri-size-minus4: -4px;
208
+ --lp-pri-size-minus2: -2px;
209
+ --lp-pri-size-0: 0px;
210
+ --lp-pri-size-1: 1px;
211
+ --lp-pri-size-2: 2px;
212
+ --lp-pri-size-3: 3px;
213
+ --lp-pri-size-4: 4px;
214
+ --lp-pri-size-6: 6px;
215
+ --lp-pri-size-8: 8px;
216
+ --lp-pri-size-10: 10px;
217
+ --lp-pri-size-12: 12px;
218
+ --lp-pri-size-14: 14px;
219
+ --lp-pri-size-16: 16px;
220
+ --lp-pri-size-18: 18px;
221
+ --lp-pri-size-20: 20px;
222
+ --lp-pri-size-24: 24px;
223
+ --lp-pri-size-32: 32px;
224
+ --lp-pri-size-40: 40px;
225
+ --lp-pri-size-48: 48px;
226
+ --lp-pri-size-56: 56px;
227
+ --lp-pri-size-64: 64px;
228
+ --lp-pri-size-80: 80px;
229
+ --lp-pri-size-100: 100px;
230
+ --lp-pri-size-120: 120px;
231
+ --lp-pri-size-140: 140px;
232
+ --lp-pri-size-160: 160px;
233
+ --lp-pri-size-180: 180px;
234
+ --lp-pri-size-200: 200px;
235
235
  --lp-pri-color-opacity-80: 80%;
236
236
  --lp-pri-color-opacity-72: 72%;
237
237
  --lp-pri-color-opacity-64: 64%;
@@ -251,38 +251,38 @@
251
251
  --lp-pri-color-opacity-4: 4%;
252
252
  --lp-pri-color-opacity-1: 1%;
253
253
  --lp-pri-color-opacity-0: 0%;
254
- --lp-sys-padding-component-100: 4;
255
- --lp-sys-padding-component-200: 8;
256
- --lp-sys-padding-component-300: 12;
257
- --lp-sys-padding-component-400: 16;
258
- --lp-sys-padding-component-500: 20;
259
- --lp-sys-padding-component-600: 24;
260
- --lp-sys-padding-component-700: 32;
261
- --lp-sys-padding-component-800: 40;
262
- --lp-sys-padding-component-900: 48;
263
- --lp-sys-padding-section-100: 24;
264
- --lp-sys-padding-section-200: 32;
265
- --lp-sys-padding-section-300: 40;
266
- --lp-sys-padding-section-400: 48;
267
- --lp-sys-padding-section-500: 56;
268
- --lp-sys-padding-section-600: 64;
269
- --lp-sys-padding-section-700: 80;
270
- --lp-sys-padding-section-800: 100;
271
- --lp-sys-padding-section-900: 120;
272
- --lp-sys-gap-positive-50: 2;
273
- --lp-sys-gap-positive-100: 4;
274
- --lp-sys-gap-positive-150: 6;
275
- --lp-sys-gap-positive-200: 8;
276
- --lp-sys-gap-positive-300: 12;
277
- --lp-sys-gap-positive-400: 16;
278
- --lp-sys-gap-positive-500: 20;
279
- --lp-sys-gap-positive-600: 24;
280
- --lp-sys-gap-positive-700: 32;
281
- --lp-sys-gap-positive-800: 40;
282
- --lp-sys-gap-positive-900: 48;
283
- --lp-sys-gap-negative-700: -2;
284
- --lp-sys-gap-negative-800: -4;
285
- --lp-sys-gap-negative-900: -6;
254
+ --lp-sys-padding-component-100: 4px;
255
+ --lp-sys-padding-component-200: 8px;
256
+ --lp-sys-padding-component-300: 12px;
257
+ --lp-sys-padding-component-400: 16px;
258
+ --lp-sys-padding-component-500: 20px;
259
+ --lp-sys-padding-component-600: 24px;
260
+ --lp-sys-padding-component-700: 32px;
261
+ --lp-sys-padding-component-800: 40px;
262
+ --lp-sys-padding-component-900: 48px;
263
+ --lp-sys-padding-section-100: 24px;
264
+ --lp-sys-padding-section-200: 32px;
265
+ --lp-sys-padding-section-300: 40px;
266
+ --lp-sys-padding-section-400: 48px;
267
+ --lp-sys-padding-section-500: 56px;
268
+ --lp-sys-padding-section-600: 64px;
269
+ --lp-sys-padding-section-700: 80px;
270
+ --lp-sys-padding-section-800: 100px;
271
+ --lp-sys-padding-section-900: 120px;
272
+ --lp-sys-gap-positive-50: 2px;
273
+ --lp-sys-gap-positive-100: 4px;
274
+ --lp-sys-gap-positive-150: 6px;
275
+ --lp-sys-gap-positive-200: 8px;
276
+ --lp-sys-gap-positive-300: 12px;
277
+ --lp-sys-gap-positive-400: 16px;
278
+ --lp-sys-gap-positive-500: 20px;
279
+ --lp-sys-gap-positive-600: 24px;
280
+ --lp-sys-gap-positive-700: 32px;
281
+ --lp-sys-gap-positive-800: 40px;
282
+ --lp-sys-gap-positive-900: 48px;
283
+ --lp-sys-gap-negative-700: -2px;
284
+ --lp-sys-gap-negative-800: -4px;
285
+ --lp-sys-gap-negative-900: -6px;
286
286
  --lp-pri-font-size-8: 8px;
287
287
  --lp-pri-font-size-11: 11px;
288
288
  --lp-pri-font-size-12: 12px;
package/lib/design/gap/index.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  export declare const gap: {
2
- readonly 'lp-sys-gap-positive-50': 2;
3
- readonly 'lp-sys-gap-positive-100': 4;
4
- readonly 'lp-sys-gap-positive-150': 6;
5
- readonly 'lp-sys-gap-positive-200': 8;
6
- readonly 'lp-sys-gap-positive-300': 12;
7
- readonly 'lp-sys-gap-positive-400': 16;
8
- readonly 'lp-sys-gap-positive-500': 20;
9
- readonly 'lp-sys-gap-positive-600': 24;
10
- readonly 'lp-sys-gap-positive-700': 32;
11
- readonly 'lp-sys-gap-positive-800': 40;
12
- readonly 'lp-sys-gap-positive-900': 48;
13
- readonly 'lp-sys-gap-negative-700': -2;
14
- readonly 'lp-sys-gap-negative-800': -4;
15
- readonly 'lp-sys-gap-negative-900': -6;
2
+ readonly 'lp-sys-gap-positive-50': " 2px";
3
+ readonly 'lp-sys-gap-positive-100': " 4px";
4
+ readonly 'lp-sys-gap-positive-150': " 6px";
5
+ readonly 'lp-sys-gap-positive-200': " 8px";
6
+ readonly 'lp-sys-gap-positive-300': " 12px";
7
+ readonly 'lp-sys-gap-positive-400': " 16px";
8
+ readonly 'lp-sys-gap-positive-500': " 20px";
9
+ readonly 'lp-sys-gap-positive-600': " 24px";
10
+ readonly 'lp-sys-gap-positive-700': " 32px";
11
+ readonly 'lp-sys-gap-positive-800': " 40px";
12
+ readonly 'lp-sys-gap-positive-900': " 48px";
13
+ readonly 'lp-sys-gap-negative-700': "-2px";
14
+ readonly 'lp-sys-gap-negative-800': "-4px";
15
+ readonly 'lp-sys-gap-negative-900': "-6px";
16
16
  };
package/lib/design/padding/index.d.ts CHANGED
@@ -1,20 +1,20 @@
1
1
  export declare const padding: {
2
- readonly 'lp-sys-padding-component-100': 4;
3
- readonly 'lp-sys-padding-component-200': 8;
4
- readonly 'lp-sys-padding-component-300': 12;
5
- readonly 'lp-sys-padding-component-400': 16;
6
- readonly 'lp-sys-padding-component-500': 20;
7
- readonly 'lp-sys-padding-component-600': 24;
8
- readonly 'lp-sys-padding-component-700': 32;
9
- readonly 'lp-sys-padding-component-800': 40;
10
- readonly 'lp-sys-padding-component-900': 48;
11
- readonly 'lp-sys-padding-section-100': 24;
12
- readonly 'lp-sys-padding-section-200': 32;
13
- readonly 'lp-sys-padding-section-300': 40;
14
- readonly 'lp-sys-padding-section-400': 48;
15
- readonly 'lp-sys-padding-section-500': 56;
16
- readonly 'lp-sys-padding-section-600': 64;
17
- readonly 'lp-sys-padding-section-700': 80;
18
- readonly 'lp-sys-padding-section-800': 100;
19
- readonly 'lp-sys-padding-section-900': 120;
2
+ readonly 'lp-sys-padding-component-100': " 4px";
3
+ readonly 'lp-sys-padding-component-200': " 8px";
4
+ readonly 'lp-sys-padding-component-300': " 12px";
5
+ readonly 'lp-sys-padding-component-400': " 16px";
6
+ readonly 'lp-sys-padding-component-500': " 20px";
7
+ readonly 'lp-sys-padding-component-600': " 24px";
8
+ readonly 'lp-sys-padding-component-700': " 32px";
9
+ readonly 'lp-sys-padding-component-800': " 40px";
10
+ readonly 'lp-sys-padding-component-900': " 48px";
11
+ readonly 'lp-sys-padding-section-100': " 24px";
12
+ readonly 'lp-sys-padding-section-200': " 32px";
13
+ readonly 'lp-sys-padding-section-300': " 40px";
14
+ readonly 'lp-sys-padding-section-400': " 48px";
15
+ readonly 'lp-sys-padding-section-500': " 56px";
16
+ readonly 'lp-sys-padding-section-600': " 64px";
17
+ readonly 'lp-sys-padding-section-700': " 80px";
18
+ readonly 'lp-sys-padding-section-800': " 100px";
19
+ readonly 'lp-sys-padding-section-900': " 120px";
20
20
  };
package/lib/design/size/type.d.ts CHANGED
@@ -1,31 +1,31 @@
1
1
  export declare const ISize: {
2
- readonly 'lp-pri-size-minus6': -6;
3
- readonly 'lp-pri-size-minus4': -4;
4
- readonly 'lp-pri-size-minus2': -2;
5
- readonly 'lp-pri-size-0': 0;
6
- readonly 'lp-pri-size-1': 1;
7
- readonly 'lp-pri-size-2': 2;
8
- readonly 'lp-pri-size-3': 3;
9
- readonly 'lp-pri-size-4': 4;
10
- readonly 'lp-pri-size-6': 6;
11
- readonly 'lp-pri-size-8': 8;
12
- readonly 'lp-pri-size-10': 10;
13
- readonly 'lp-pri-size-12': 12;
14
- readonly 'lp-pri-size-14': 14;
15
- readonly 'lp-pri-size-16': 16;
16
- readonly 'lp-pri-size-18': 18;
17
- readonly 'lp-pri-size-20': 20;
18
- readonly 'lp-pri-size-24': 24;
19
- readonly 'lp-pri-size-32': 32;
20
- readonly 'lp-pri-size-40': 40;
21
- readonly 'lp-pri-size-48': 48;
22
- readonly 'lp-pri-size-56': 56;
23
- readonly 'lp-pri-size-64': 64;
24
- readonly 'lp-pri-size-80': 80;
25
- readonly 'lp-pri-size-100': 100;
26
- readonly 'lp-pri-size-120': 120;
27
- readonly 'lp-pri-size-140': 140;
28
- readonly 'lp-pri-size-160': 160;
29
- readonly 'lp-pri-size-180': 180;
30
- readonly 'lp-pri-size-200': 200;
2
+ readonly 'lp-pri-size-minus6': "-6px";
3
+ readonly 'lp-pri-size-minus4': "-4px";
4
+ readonly 'lp-pri-size-minus2': "-2px";
5
+ readonly 'lp-pri-size-0': " 0px";
6
+ readonly 'lp-pri-size-1': " 1px";
7
+ readonly 'lp-pri-size-2': " 2px";
8
+ readonly 'lp-pri-size-3': " 3px";
9
+ readonly 'lp-pri-size-4': " 4px";
10
+ readonly 'lp-pri-size-6': " 6px";
11
+ readonly 'lp-pri-size-8': " 8px";
12
+ readonly 'lp-pri-size-10': " 10px";
13
+ readonly 'lp-pri-size-12': " 12px";
14
+ readonly 'lp-pri-size-14': " 14px";
15
+ readonly 'lp-pri-size-16': " 16px";
16
+ readonly 'lp-pri-size-18': " 18px";
17
+ readonly 'lp-pri-size-20': " 20px";
18
+ readonly 'lp-pri-size-24': " 24px";
19
+ readonly 'lp-pri-size-32': " 32px";
20
+ readonly 'lp-pri-size-40': " 40px";
21
+ readonly 'lp-pri-size-48': " 48px";
22
+ readonly 'lp-pri-size-56': " 56px";
23
+ readonly 'lp-pri-size-64': " 64px";
24
+ readonly 'lp-pri-size-80': " 80px";
25
+ readonly 'lp-pri-size-100': " 100px";
26
+ readonly 'lp-pri-size-120': " 120px";
27
+ readonly 'lp-pri-size-140': " 140px";
28
+ readonly 'lp-pri-size-160': " 160px";
29
+ readonly 'lp-pri-size-180': " 180px";
30
+ readonly 'lp-pri-size-200': " 200px";
31
31
  };
package/lib/index.cjs CHANGED
@@ -46,35 +46,35 @@ module.exports = __toCommonJS(src_exports);
46
46
 
47
47
  // src/design/size/type.ts
48
48
  var ISize = {
49
- "lp-pri-size-minus6": -6,
50
- "lp-pri-size-minus4": -4,
51
- "lp-pri-size-minus2": -2,
52
- "lp-pri-size-0": 0,
53
- "lp-pri-size-1": 1,
54
- "lp-pri-size-2": 2,
55
- "lp-pri-size-3": 3,
56
- "lp-pri-size-4": 4,
57
- "lp-pri-size-6": 6,
58
- "lp-pri-size-8": 8,
59
- "lp-pri-size-10": 10,
60
- "lp-pri-size-12": 12,
61
- "lp-pri-size-14": 14,
62
- "lp-pri-size-16": 16,
63
- "lp-pri-size-18": 18,
64
- "lp-pri-size-20": 20,
65
- "lp-pri-size-24": 24,
66
- "lp-pri-size-32": 32,
67
- "lp-pri-size-40": 40,
68
- "lp-pri-size-48": 48,
69
- "lp-pri-size-56": 56,
70
- "lp-pri-size-64": 64,
71
- "lp-pri-size-80": 80,
72
- "lp-pri-size-100": 100,
73
- "lp-pri-size-120": 120,
74
- "lp-pri-size-140": 140,
75
- "lp-pri-size-160": 160,
76
- "lp-pri-size-180": 180,
77
- "lp-pri-size-200": 200
49
+ "lp-pri-size-minus6": "-6px",
50
+ "lp-pri-size-minus4": "-4px",
51
+ "lp-pri-size-minus2": "-2px",
52
+ "lp-pri-size-0": " 0px",
53
+ "lp-pri-size-1": " 1px",
54
+ "lp-pri-size-2": " 2px",
55
+ "lp-pri-size-3": " 3px",
56
+ "lp-pri-size-4": " 4px",
57
+ "lp-pri-size-6": " 6px",
58
+ "lp-pri-size-8": " 8px",
59
+ "lp-pri-size-10": " 10px",
60
+ "lp-pri-size-12": " 12px",
61
+ "lp-pri-size-14": " 14px",
62
+ "lp-pri-size-16": " 16px",
63
+ "lp-pri-size-18": " 18px",
64
+ "lp-pri-size-20": " 20px",
65
+ "lp-pri-size-24": " 24px",
66
+ "lp-pri-size-32": " 32px",
67
+ "lp-pri-size-40": " 40px",
68
+ "lp-pri-size-48": " 48px",
69
+ "lp-pri-size-56": " 56px",
70
+ "lp-pri-size-64": " 64px",
71
+ "lp-pri-size-80": " 80px",
72
+ "lp-pri-size-100": " 100px",
73
+ "lp-pri-size-120": " 120px",
74
+ "lp-pri-size-140": " 140px",
75
+ "lp-pri-size-160": " 160px",
76
+ "lp-pri-size-180": " 180px",
77
+ "lp-pri-size-200": " 200px"
78
78
  };
79
79
 
80
80
  // src/design/radius/index.ts
package/lib/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../src/design/size/type.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/padding/index.ts", "../src/design/gap/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/design/vars.ts"],
4
- "sourcesContent": ["export * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\nexport * from './design/padding';\nexport * from './design/gap';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './design/vars';\n", "export const ISize = {\n 'lp-pri-size-minus6': -6,\n 'lp-pri-size-minus4': -4,\n 'lp-pri-size-minus2': -2,\n 'lp-pri-size-0': 0,\n 'lp-pri-size-1': 1,\n 'lp-pri-size-2': 2,\n 'lp-pri-size-3': 3,\n 'lp-pri-size-4': 4,\n 'lp-pri-size-6': 6,\n 'lp-pri-size-8': 8,\n 'lp-pri-size-10': 10,\n 'lp-pri-size-12': 12,\n 'lp-pri-size-14': 14,\n 'lp-pri-size-16': 16,\n 'lp-pri-size-18': 18,\n 'lp-pri-size-20': 20,\n 'lp-pri-size-24': 24,\n 'lp-pri-size-32': 32,\n 'lp-pri-size-40': 40,\n 'lp-pri-size-48': 48,\n 'lp-pri-size-56': 56,\n 'lp-pri-size-64': 64,\n 'lp-pri-size-80': 80,\n 'lp-pri-size-100': 100,\n 'lp-pri-size-120': 120,\n 'lp-pri-size-140': 140,\n 'lp-pri-size-160': 160,\n 'lp-pri-size-180': 180,\n 'lp-pri-size-200': 200,\n} as const;\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],\n 'lp-sys-radius-xs': ISize['lp-pri-size-4'],\n 'lp-sys-radius-s': ISize['lp-pri-size-6'],\n 'lp-sys-radius-m': ISize['lp-pri-size-8'],\n 'lp-sys-radius-l': ISize['lp-pri-size-10'],\n 'lp-sys-radius-xl': ISize['lp-pri-size-12'],\n 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],\n} as const;\n", "export const opacity = {\n 'lp-pri-color-opacity-80': '80%',\n 'lp-pri-color-opacity-72': '72%',\n 'lp-pri-color-opacity-64': '64%',\n 'lp-pri-color-opacity-56': '56%',\n 'lp-pri-color-opacity-50': '50%',\n 'lp-pri-color-opacity-48': '48%',\n 'lp-pri-color-opacity-44': '44%',\n 'lp-pri-color-opacity-40': '40%',\n 'lp-pri-color-opacity-36': '36%',\n 'lp-pri-color-opacity-32': '32%',\n 'lp-pri-color-opacity-28': '28%',\n 'lp-pri-color-opacity-24': '24%',\n 'lp-pri-color-opacity-20': '20%',\n 'lp-pri-color-opacity-16': '16%',\n 'lp-pri-color-opacity-12': '12%',\n 'lp-pri-color-opacity-8': '8%',\n 'lp-pri-color-opacity-4': '4%',\n 'lp-pri-color-opacity-1': '1%',\n 'lp-pri-color-opacity-0': '0%',\n} as const;\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {\n ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],\n ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],\n ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],\n ['lp-pri-size-0']: ISize['lp-pri-size-0'],\n ['lp-pri-size-1']: ISize['lp-pri-size-1'],\n ['lp-pri-size-2']: ISize['lp-pri-size-2'],\n ['lp-pri-size-3']: ISize['lp-pri-size-3'],\n ['lp-pri-size-4']: ISize['lp-pri-size-4'],\n ['lp-pri-size-6']: ISize['lp-pri-size-6'],\n ['lp-pri-size-8']: ISize['lp-pri-size-8'],\n ['lp-pri-size-10']: ISize['lp-pri-size-10'],\n ['lp-pri-size-12']: ISize['lp-pri-size-12'],\n ['lp-pri-size-14']: ISize['lp-pri-size-14'],\n ['lp-pri-size-16']: ISize['lp-pri-size-16'],\n ['lp-pri-size-18']: ISize['lp-pri-size-18'],\n ['lp-pri-size-20']: ISize['lp-pri-size-20'],\n ['lp-pri-size-24']: ISize['lp-pri-size-24'],\n ['lp-pri-size-32']: ISize['lp-pri-size-32'],\n ['lp-pri-size-40']: ISize['lp-pri-size-40'],\n ['lp-pri-size-48']: ISize['lp-pri-size-48'],\n ['lp-pri-size-56']: ISize['lp-pri-size-56'],\n ['lp-pri-size-64']: ISize['lp-pri-size-64'],\n ['lp-pri-size-80']: ISize['lp-pri-size-80'],\n ['lp-pri-size-100']: ISize['lp-pri-size-100'],\n ['lp-pri-size-120']: ISize['lp-pri-size-120'],\n ['lp-pri-size-140']: ISize['lp-pri-size-140'],\n ['lp-pri-size-160']: ISize['lp-pri-size-160'],\n ['lp-pri-size-180']: ISize['lp-pri-size-180'],\n ['lp-pri-size-200']: ISize['lp-pri-size-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 { ISize } from '../size/type';\n\nexport const padding = {\n 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],\n 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],\n 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],\n 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],\n 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],\n 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],\n 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],\n 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],\n 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],\n 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],\n 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],\n 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],\n 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],\n 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],\n 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],\n 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],\n 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],\n} as const;\n", "import { ISize } from '../size/type';\n\nexport const gap = {\n 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],\n 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],\n 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],\n 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],\n 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],\n 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],\n 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],\n 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],\n 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],\n 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],\n 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],\n 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],\n 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],\n} as const;\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\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 setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\"}}"],
4
+ "sourcesContent": ["export * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\nexport * from './design/padding';\nexport * from './design/gap';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './design/vars';\n", "export const ISize = {\n 'lp-pri-size-minus6': '-6px',\n 'lp-pri-size-minus4': '-4px',\n 'lp-pri-size-minus2': '-2px',\n 'lp-pri-size-0': ' 0px',\n 'lp-pri-size-1': ' 1px',\n 'lp-pri-size-2': ' 2px',\n 'lp-pri-size-3': ' 3px',\n 'lp-pri-size-4': ' 4px',\n 'lp-pri-size-6': ' 6px',\n 'lp-pri-size-8': ' 8px',\n 'lp-pri-size-10': ' 10px',\n 'lp-pri-size-12': ' 12px',\n 'lp-pri-size-14': ' 14px',\n 'lp-pri-size-16': ' 16px',\n 'lp-pri-size-18': ' 18px',\n 'lp-pri-size-20': ' 20px',\n 'lp-pri-size-24': ' 24px',\n 'lp-pri-size-32': ' 32px',\n 'lp-pri-size-40': ' 40px',\n 'lp-pri-size-48': ' 48px',\n 'lp-pri-size-56': ' 56px',\n 'lp-pri-size-64': ' 64px',\n 'lp-pri-size-80': ' 80px',\n 'lp-pri-size-100': ' 100px',\n 'lp-pri-size-120': ' 120px',\n 'lp-pri-size-140': ' 140px',\n 'lp-pri-size-160': ' 160px',\n 'lp-pri-size-180': ' 180px',\n 'lp-pri-size-200': ' 200px',\n} as const;\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],\n 'lp-sys-radius-xs': ISize['lp-pri-size-4'],\n 'lp-sys-radius-s': ISize['lp-pri-size-6'],\n 'lp-sys-radius-m': ISize['lp-pri-size-8'],\n 'lp-sys-radius-l': ISize['lp-pri-size-10'],\n 'lp-sys-radius-xl': ISize['lp-pri-size-12'],\n 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],\n} as const;\n", "export const opacity = {\n 'lp-pri-color-opacity-80': '80%',\n 'lp-pri-color-opacity-72': '72%',\n 'lp-pri-color-opacity-64': '64%',\n 'lp-pri-color-opacity-56': '56%',\n 'lp-pri-color-opacity-50': '50%',\n 'lp-pri-color-opacity-48': '48%',\n 'lp-pri-color-opacity-44': '44%',\n 'lp-pri-color-opacity-40': '40%',\n 'lp-pri-color-opacity-36': '36%',\n 'lp-pri-color-opacity-32': '32%',\n 'lp-pri-color-opacity-28': '28%',\n 'lp-pri-color-opacity-24': '24%',\n 'lp-pri-color-opacity-20': '20%',\n 'lp-pri-color-opacity-16': '16%',\n 'lp-pri-color-opacity-12': '12%',\n 'lp-pri-color-opacity-8': '8%',\n 'lp-pri-color-opacity-4': '4%',\n 'lp-pri-color-opacity-1': '1%',\n 'lp-pri-color-opacity-0': '0%',\n} as const;\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {\n ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],\n ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],\n ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],\n ['lp-pri-size-0']: ISize['lp-pri-size-0'],\n ['lp-pri-size-1']: ISize['lp-pri-size-1'],\n ['lp-pri-size-2']: ISize['lp-pri-size-2'],\n ['lp-pri-size-3']: ISize['lp-pri-size-3'],\n ['lp-pri-size-4']: ISize['lp-pri-size-4'],\n ['lp-pri-size-6']: ISize['lp-pri-size-6'],\n ['lp-pri-size-8']: ISize['lp-pri-size-8'],\n ['lp-pri-size-10']: ISize['lp-pri-size-10'],\n ['lp-pri-size-12']: ISize['lp-pri-size-12'],\n ['lp-pri-size-14']: ISize['lp-pri-size-14'],\n ['lp-pri-size-16']: ISize['lp-pri-size-16'],\n ['lp-pri-size-18']: ISize['lp-pri-size-18'],\n ['lp-pri-size-20']: ISize['lp-pri-size-20'],\n ['lp-pri-size-24']: ISize['lp-pri-size-24'],\n ['lp-pri-size-32']: ISize['lp-pri-size-32'],\n ['lp-pri-size-40']: ISize['lp-pri-size-40'],\n ['lp-pri-size-48']: ISize['lp-pri-size-48'],\n ['lp-pri-size-56']: ISize['lp-pri-size-56'],\n ['lp-pri-size-64']: ISize['lp-pri-size-64'],\n ['lp-pri-size-80']: ISize['lp-pri-size-80'],\n ['lp-pri-size-100']: ISize['lp-pri-size-100'],\n ['lp-pri-size-120']: ISize['lp-pri-size-120'],\n ['lp-pri-size-140']: ISize['lp-pri-size-140'],\n ['lp-pri-size-160']: ISize['lp-pri-size-160'],\n ['lp-pri-size-180']: ISize['lp-pri-size-180'],\n ['lp-pri-size-200']: ISize['lp-pri-size-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 { ISize } from '../size/type';\n\nexport const padding = {\n 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],\n 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],\n 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],\n 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],\n 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],\n 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],\n 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],\n 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],\n 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],\n 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],\n 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],\n 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],\n 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],\n 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],\n 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],\n 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],\n 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],\n} as const;\n", "import { ISize } from '../size/type';\n\nexport const gap = {\n 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],\n 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],\n 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],\n 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],\n 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],\n 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],\n 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],\n 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],\n 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],\n 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],\n 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],\n 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],\n 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],\n} as const;\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\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 setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\"}}"],
5
5
  "mappings": "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",
6
6
  "names": ["size", "import_react", "React"]
7
7
  }
package/lib/index.mjs CHANGED
@@ -3,35 +3,35 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
3
3
 
4
4
  // src/design/size/type.ts
5
5
  var ISize = {
6
- "lp-pri-size-minus6": -6,
7
- "lp-pri-size-minus4": -4,
8
- "lp-pri-size-minus2": -2,
9
- "lp-pri-size-0": 0,
10
- "lp-pri-size-1": 1,
11
- "lp-pri-size-2": 2,
12
- "lp-pri-size-3": 3,
13
- "lp-pri-size-4": 4,
14
- "lp-pri-size-6": 6,
15
- "lp-pri-size-8": 8,
16
- "lp-pri-size-10": 10,
17
- "lp-pri-size-12": 12,
18
- "lp-pri-size-14": 14,
19
- "lp-pri-size-16": 16,
20
- "lp-pri-size-18": 18,
21
- "lp-pri-size-20": 20,
22
- "lp-pri-size-24": 24,
23
- "lp-pri-size-32": 32,
24
- "lp-pri-size-40": 40,
25
- "lp-pri-size-48": 48,
26
- "lp-pri-size-56": 56,
27
- "lp-pri-size-64": 64,
28
- "lp-pri-size-80": 80,
29
- "lp-pri-size-100": 100,
30
- "lp-pri-size-120": 120,
31
- "lp-pri-size-140": 140,
32
- "lp-pri-size-160": 160,
33
- "lp-pri-size-180": 180,
34
- "lp-pri-size-200": 200
6
+ "lp-pri-size-minus6": "-6px",
7
+ "lp-pri-size-minus4": "-4px",
8
+ "lp-pri-size-minus2": "-2px",
9
+ "lp-pri-size-0": " 0px",
10
+ "lp-pri-size-1": " 1px",
11
+ "lp-pri-size-2": " 2px",
12
+ "lp-pri-size-3": " 3px",
13
+ "lp-pri-size-4": " 4px",
14
+ "lp-pri-size-6": " 6px",
15
+ "lp-pri-size-8": " 8px",
16
+ "lp-pri-size-10": " 10px",
17
+ "lp-pri-size-12": " 12px",
18
+ "lp-pri-size-14": " 14px",
19
+ "lp-pri-size-16": " 16px",
20
+ "lp-pri-size-18": " 18px",
21
+ "lp-pri-size-20": " 20px",
22
+ "lp-pri-size-24": " 24px",
23
+ "lp-pri-size-32": " 32px",
24
+ "lp-pri-size-40": " 40px",
25
+ "lp-pri-size-48": " 48px",
26
+ "lp-pri-size-56": " 56px",
27
+ "lp-pri-size-64": " 64px",
28
+ "lp-pri-size-80": " 80px",
29
+ "lp-pri-size-100": " 100px",
30
+ "lp-pri-size-120": " 120px",
31
+ "lp-pri-size-140": " 140px",
32
+ "lp-pri-size-160": " 160px",
33
+ "lp-pri-size-180": " 180px",
34
+ "lp-pri-size-200": " 200px"
35
35
  };
36
36
 
37
37
  // src/design/radius/index.ts
package/lib/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/design/size/type.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/padding/index.ts", "../src/design/gap/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/design/vars.ts"],
4
- "sourcesContent": ["export const ISize = {\n 'lp-pri-size-minus6': -6,\n 'lp-pri-size-minus4': -4,\n 'lp-pri-size-minus2': -2,\n 'lp-pri-size-0': 0,\n 'lp-pri-size-1': 1,\n 'lp-pri-size-2': 2,\n 'lp-pri-size-3': 3,\n 'lp-pri-size-4': 4,\n 'lp-pri-size-6': 6,\n 'lp-pri-size-8': 8,\n 'lp-pri-size-10': 10,\n 'lp-pri-size-12': 12,\n 'lp-pri-size-14': 14,\n 'lp-pri-size-16': 16,\n 'lp-pri-size-18': 18,\n 'lp-pri-size-20': 20,\n 'lp-pri-size-24': 24,\n 'lp-pri-size-32': 32,\n 'lp-pri-size-40': 40,\n 'lp-pri-size-48': 48,\n 'lp-pri-size-56': 56,\n 'lp-pri-size-64': 64,\n 'lp-pri-size-80': 80,\n 'lp-pri-size-100': 100,\n 'lp-pri-size-120': 120,\n 'lp-pri-size-140': 140,\n 'lp-pri-size-160': 160,\n 'lp-pri-size-180': 180,\n 'lp-pri-size-200': 200,\n} as const;\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],\n 'lp-sys-radius-xs': ISize['lp-pri-size-4'],\n 'lp-sys-radius-s': ISize['lp-pri-size-6'],\n 'lp-sys-radius-m': ISize['lp-pri-size-8'],\n 'lp-sys-radius-l': ISize['lp-pri-size-10'],\n 'lp-sys-radius-xl': ISize['lp-pri-size-12'],\n 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],\n} as const;\n", "export const opacity = {\n 'lp-pri-color-opacity-80': '80%',\n 'lp-pri-color-opacity-72': '72%',\n 'lp-pri-color-opacity-64': '64%',\n 'lp-pri-color-opacity-56': '56%',\n 'lp-pri-color-opacity-50': '50%',\n 'lp-pri-color-opacity-48': '48%',\n 'lp-pri-color-opacity-44': '44%',\n 'lp-pri-color-opacity-40': '40%',\n 'lp-pri-color-opacity-36': '36%',\n 'lp-pri-color-opacity-32': '32%',\n 'lp-pri-color-opacity-28': '28%',\n 'lp-pri-color-opacity-24': '24%',\n 'lp-pri-color-opacity-20': '20%',\n 'lp-pri-color-opacity-16': '16%',\n 'lp-pri-color-opacity-12': '12%',\n 'lp-pri-color-opacity-8': '8%',\n 'lp-pri-color-opacity-4': '4%',\n 'lp-pri-color-opacity-1': '1%',\n 'lp-pri-color-opacity-0': '0%',\n} as const;\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {\n ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],\n ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],\n ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],\n ['lp-pri-size-0']: ISize['lp-pri-size-0'],\n ['lp-pri-size-1']: ISize['lp-pri-size-1'],\n ['lp-pri-size-2']: ISize['lp-pri-size-2'],\n ['lp-pri-size-3']: ISize['lp-pri-size-3'],\n ['lp-pri-size-4']: ISize['lp-pri-size-4'],\n ['lp-pri-size-6']: ISize['lp-pri-size-6'],\n ['lp-pri-size-8']: ISize['lp-pri-size-8'],\n ['lp-pri-size-10']: ISize['lp-pri-size-10'],\n ['lp-pri-size-12']: ISize['lp-pri-size-12'],\n ['lp-pri-size-14']: ISize['lp-pri-size-14'],\n ['lp-pri-size-16']: ISize['lp-pri-size-16'],\n ['lp-pri-size-18']: ISize['lp-pri-size-18'],\n ['lp-pri-size-20']: ISize['lp-pri-size-20'],\n ['lp-pri-size-24']: ISize['lp-pri-size-24'],\n ['lp-pri-size-32']: ISize['lp-pri-size-32'],\n ['lp-pri-size-40']: ISize['lp-pri-size-40'],\n ['lp-pri-size-48']: ISize['lp-pri-size-48'],\n ['lp-pri-size-56']: ISize['lp-pri-size-56'],\n ['lp-pri-size-64']: ISize['lp-pri-size-64'],\n ['lp-pri-size-80']: ISize['lp-pri-size-80'],\n ['lp-pri-size-100']: ISize['lp-pri-size-100'],\n ['lp-pri-size-120']: ISize['lp-pri-size-120'],\n ['lp-pri-size-140']: ISize['lp-pri-size-140'],\n ['lp-pri-size-160']: ISize['lp-pri-size-160'],\n ['lp-pri-size-180']: ISize['lp-pri-size-180'],\n ['lp-pri-size-200']: ISize['lp-pri-size-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 { ISize } from '../size/type';\n\nexport const padding = {\n 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],\n 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],\n 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],\n 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],\n 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],\n 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],\n 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],\n 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],\n 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],\n 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],\n 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],\n 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],\n 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],\n 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],\n 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],\n 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],\n 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],\n} as const;\n", "import { ISize } from '../size/type';\n\nexport const gap = {\n 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],\n 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],\n 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],\n 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],\n 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],\n 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],\n 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],\n 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],\n 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],\n 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],\n 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],\n 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],\n 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],\n} as const;\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\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 setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\"}}"],
4
+ "sourcesContent": ["export const ISize = {\n 'lp-pri-size-minus6': '-6px',\n 'lp-pri-size-minus4': '-4px',\n 'lp-pri-size-minus2': '-2px',\n 'lp-pri-size-0': ' 0px',\n 'lp-pri-size-1': ' 1px',\n 'lp-pri-size-2': ' 2px',\n 'lp-pri-size-3': ' 3px',\n 'lp-pri-size-4': ' 4px',\n 'lp-pri-size-6': ' 6px',\n 'lp-pri-size-8': ' 8px',\n 'lp-pri-size-10': ' 10px',\n 'lp-pri-size-12': ' 12px',\n 'lp-pri-size-14': ' 14px',\n 'lp-pri-size-16': ' 16px',\n 'lp-pri-size-18': ' 18px',\n 'lp-pri-size-20': ' 20px',\n 'lp-pri-size-24': ' 24px',\n 'lp-pri-size-32': ' 32px',\n 'lp-pri-size-40': ' 40px',\n 'lp-pri-size-48': ' 48px',\n 'lp-pri-size-56': ' 56px',\n 'lp-pri-size-64': ' 64px',\n 'lp-pri-size-80': ' 80px',\n 'lp-pri-size-100': ' 100px',\n 'lp-pri-size-120': ' 120px',\n 'lp-pri-size-140': ' 140px',\n 'lp-pri-size-160': ' 160px',\n 'lp-pri-size-180': ' 180px',\n 'lp-pri-size-200': ' 200px',\n} as const;\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],\n 'lp-sys-radius-xs': ISize['lp-pri-size-4'],\n 'lp-sys-radius-s': ISize['lp-pri-size-6'],\n 'lp-sys-radius-m': ISize['lp-pri-size-8'],\n 'lp-sys-radius-l': ISize['lp-pri-size-10'],\n 'lp-sys-radius-xl': ISize['lp-pri-size-12'],\n 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],\n} as const;\n", "export const opacity = {\n 'lp-pri-color-opacity-80': '80%',\n 'lp-pri-color-opacity-72': '72%',\n 'lp-pri-color-opacity-64': '64%',\n 'lp-pri-color-opacity-56': '56%',\n 'lp-pri-color-opacity-50': '50%',\n 'lp-pri-color-opacity-48': '48%',\n 'lp-pri-color-opacity-44': '44%',\n 'lp-pri-color-opacity-40': '40%',\n 'lp-pri-color-opacity-36': '36%',\n 'lp-pri-color-opacity-32': '32%',\n 'lp-pri-color-opacity-28': '28%',\n 'lp-pri-color-opacity-24': '24%',\n 'lp-pri-color-opacity-20': '20%',\n 'lp-pri-color-opacity-16': '16%',\n 'lp-pri-color-opacity-12': '12%',\n 'lp-pri-color-opacity-8': '8%',\n 'lp-pri-color-opacity-4': '4%',\n 'lp-pri-color-opacity-1': '1%',\n 'lp-pri-color-opacity-0': '0%',\n} as const;\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {\n ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],\n ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],\n ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],\n ['lp-pri-size-0']: ISize['lp-pri-size-0'],\n ['lp-pri-size-1']: ISize['lp-pri-size-1'],\n ['lp-pri-size-2']: ISize['lp-pri-size-2'],\n ['lp-pri-size-3']: ISize['lp-pri-size-3'],\n ['lp-pri-size-4']: ISize['lp-pri-size-4'],\n ['lp-pri-size-6']: ISize['lp-pri-size-6'],\n ['lp-pri-size-8']: ISize['lp-pri-size-8'],\n ['lp-pri-size-10']: ISize['lp-pri-size-10'],\n ['lp-pri-size-12']: ISize['lp-pri-size-12'],\n ['lp-pri-size-14']: ISize['lp-pri-size-14'],\n ['lp-pri-size-16']: ISize['lp-pri-size-16'],\n ['lp-pri-size-18']: ISize['lp-pri-size-18'],\n ['lp-pri-size-20']: ISize['lp-pri-size-20'],\n ['lp-pri-size-24']: ISize['lp-pri-size-24'],\n ['lp-pri-size-32']: ISize['lp-pri-size-32'],\n ['lp-pri-size-40']: ISize['lp-pri-size-40'],\n ['lp-pri-size-48']: ISize['lp-pri-size-48'],\n ['lp-pri-size-56']: ISize['lp-pri-size-56'],\n ['lp-pri-size-64']: ISize['lp-pri-size-64'],\n ['lp-pri-size-80']: ISize['lp-pri-size-80'],\n ['lp-pri-size-100']: ISize['lp-pri-size-100'],\n ['lp-pri-size-120']: ISize['lp-pri-size-120'],\n ['lp-pri-size-140']: ISize['lp-pri-size-140'],\n ['lp-pri-size-160']: ISize['lp-pri-size-160'],\n ['lp-pri-size-180']: ISize['lp-pri-size-180'],\n ['lp-pri-size-200']: ISize['lp-pri-size-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 { ISize } from '../size/type';\n\nexport const padding = {\n 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],\n 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],\n 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],\n 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],\n 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],\n 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],\n 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],\n 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],\n 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],\n 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],\n 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],\n 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],\n 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],\n 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],\n 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],\n 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],\n 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],\n} as const;\n", "import { ISize } from '../size/type';\n\nexport const gap = {\n 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],\n 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],\n 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],\n 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],\n 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],\n 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],\n 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],\n 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],\n 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],\n 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],\n 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],\n 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],\n 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],\n} as const;\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\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 setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\"}}"],
5
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.59",
3
+ "version": "2.0.60",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "devDependencies": {
6
6
  "@types/react": "^18.2.48",
package/src/design/size/type.ts CHANGED
@@ -1,31 +1,31 @@
1
1
  export const ISize = {
2
- 'lp-pri-size-minus6': -6,
3
- 'lp-pri-size-minus4': -4,
4
- 'lp-pri-size-minus2': -2,
5
- 'lp-pri-size-0': 0,
6
- 'lp-pri-size-1': 1,
7
- 'lp-pri-size-2': 2,
8
- 'lp-pri-size-3': 3,
9
- 'lp-pri-size-4': 4,
10
- 'lp-pri-size-6': 6,
11
- 'lp-pri-size-8': 8,
12
- 'lp-pri-size-10': 10,
13
- 'lp-pri-size-12': 12,
14
- 'lp-pri-size-14': 14,
15
- 'lp-pri-size-16': 16,
16
- 'lp-pri-size-18': 18,
17
- 'lp-pri-size-20': 20,
18
- 'lp-pri-size-24': 24,
19
- 'lp-pri-size-32': 32,
20
- 'lp-pri-size-40': 40,
21
- 'lp-pri-size-48': 48,
22
- 'lp-pri-size-56': 56,
23
- 'lp-pri-size-64': 64,
24
- 'lp-pri-size-80': 80,
25
- 'lp-pri-size-100': 100,
26
- 'lp-pri-size-120': 120,
27
- 'lp-pri-size-140': 140,
28
- 'lp-pri-size-160': 160,
29
- 'lp-pri-size-180': 180,
30
- 'lp-pri-size-200': 200,
2
+ 'lp-pri-size-minus6': '-6px',
3
+ 'lp-pri-size-minus4': '-4px',
4
+ 'lp-pri-size-minus2': '-2px',
5
+ 'lp-pri-size-0': ' 0px',
6
+ 'lp-pri-size-1': ' 1px',
7
+ 'lp-pri-size-2': ' 2px',
8
+ 'lp-pri-size-3': ' 3px',
9
+ 'lp-pri-size-4': ' 4px',
10
+ 'lp-pri-size-6': ' 6px',
11
+ 'lp-pri-size-8': ' 8px',
12
+ 'lp-pri-size-10': ' 10px',
13
+ 'lp-pri-size-12': ' 12px',
14
+ 'lp-pri-size-14': ' 14px',
15
+ 'lp-pri-size-16': ' 16px',
16
+ 'lp-pri-size-18': ' 18px',
17
+ 'lp-pri-size-20': ' 20px',
18
+ 'lp-pri-size-24': ' 24px',
19
+ 'lp-pri-size-32': ' 32px',
20
+ 'lp-pri-size-40': ' 40px',
21
+ 'lp-pri-size-48': ' 48px',
22
+ 'lp-pri-size-56': ' 56px',
23
+ 'lp-pri-size-64': ' 64px',
24
+ 'lp-pri-size-80': ' 80px',
25
+ 'lp-pri-size-100': ' 100px',
26
+ 'lp-pri-size-120': ' 120px',
27
+ 'lp-pri-size-140': ' 140px',
28
+ 'lp-pri-size-160': ' 160px',
29
+ 'lp-pri-size-180': ' 180px',
30
+ 'lp-pri-size-200': ' 200px',
31
31
  } as const;