@liner-fe/design-token 2.0.58 → 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 (23) hide show
  1. package/global.css +87 -0
  2. package/lib/design/gap/index.d.ts +16 -0
  3. package/lib/design/opacity/index.d.ts +19 -12
  4. package/lib/design/padding/index.d.ts +20 -0
  5. package/lib/design/radius/type.d.ts +7 -7
  6. package/lib/design/size/index.d.ts +1 -1
  7. package/lib/design/size/type.d.ts +31 -28
  8. package/lib/index.cjs +130 -45
  9. package/lib/index.cjs.map +3 -3
  10. package/lib/index.d.ts +2 -0
  11. package/lib/index.mjs +130 -45
  12. package/lib/index.mjs.map +3 -3
  13. package/package.json +1 -1
  14. package/src/design/gap/index.ts +19 -0
  15. package/src/design/icon/index.ts +9 -0
  16. package/src/design/opacity/index.ts +20 -13
  17. package/src/design/padding/index.ts +23 -0
  18. package/src/design/radius/index.ts +7 -7
  19. package/src/design/radius/type.ts +7 -8
  20. package/src/design/size/index.ts +30 -27
  21. package/src/design/size/type.ts +31 -28
  22. package/src/index.ts +2 -0
  23. package/src/design/opacity/type.ts +0 -14
package/global.css CHANGED
@@ -196,6 +196,93 @@
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: 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
+ --lp-pri-color-opacity-80: 80%;
236
+ --lp-pri-color-opacity-72: 72%;
237
+ --lp-pri-color-opacity-64: 64%;
238
+ --lp-pri-color-opacity-56: 56%;
239
+ --lp-pri-color-opacity-50: 50%;
240
+ --lp-pri-color-opacity-48: 48%;
241
+ --lp-pri-color-opacity-44: 44%;
242
+ --lp-pri-color-opacity-40: 40%;
243
+ --lp-pri-color-opacity-36: 36%;
244
+ --lp-pri-color-opacity-32: 32%;
245
+ --lp-pri-color-opacity-28: 28%;
246
+ --lp-pri-color-opacity-24: 24%;
247
+ --lp-pri-color-opacity-20: 20%;
248
+ --lp-pri-color-opacity-16: 16%;
249
+ --lp-pri-color-opacity-12: 12%;
250
+ --lp-pri-color-opacity-8: 8%;
251
+ --lp-pri-color-opacity-4: 4%;
252
+ --lp-pri-color-opacity-1: 1%;
253
+ --lp-pri-color-opacity-0: 0%;
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;
199
286
  --lp-pri-font-size-8: 8px;
200
287
  --lp-pri-font-size-11: 11px;
201
288
  --lp-pri-font-size-12: 12px;
package/lib/design/gap/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export declare const gap: {
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
+ };
package/lib/design/opacity/index.d.ts CHANGED
@@ -1,14 +1,21 @@
1
1
  export declare const opacity: {
2
- 'lp-pri-90': string;
3
- 'lp-pri-80': string;
4
- 'lp-pri-70': string;
5
- 'lp-pri-60': string;
6
- 'lp-pri-50': string;
7
- 'lp-pri-40': string;
8
- 'lp-pri-30': string;
9
- 'lp-pri-20': string;
10
- 'lp-pri-12': string;
11
- 'lp-pri-8': string;
12
- 'lp-pri-5': string;
13
- 'lp-pri-0': string;
2
+ readonly 'lp-pri-color-opacity-80': "80%";
3
+ readonly 'lp-pri-color-opacity-72': "72%";
4
+ readonly 'lp-pri-color-opacity-64': "64%";
5
+ readonly 'lp-pri-color-opacity-56': "56%";
6
+ readonly 'lp-pri-color-opacity-50': "50%";
7
+ readonly 'lp-pri-color-opacity-48': "48%";
8
+ readonly 'lp-pri-color-opacity-44': "44%";
9
+ readonly 'lp-pri-color-opacity-40': "40%";
10
+ readonly 'lp-pri-color-opacity-36': "36%";
11
+ readonly 'lp-pri-color-opacity-32': "32%";
12
+ readonly 'lp-pri-color-opacity-28': "28%";
13
+ readonly 'lp-pri-color-opacity-24': "24%";
14
+ readonly 'lp-pri-color-opacity-20': "20%";
15
+ readonly 'lp-pri-color-opacity-16': "16%";
16
+ readonly 'lp-pri-color-opacity-12': "12%";
17
+ readonly 'lp-pri-color-opacity-8': "8%";
18
+ readonly 'lp-pri-color-opacity-4': "4%";
19
+ readonly 'lp-pri-color-opacity-1': "1%";
20
+ readonly 'lp-pri-color-opacity-0': "0%";
14
21
  };
package/lib/design/padding/index.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ export declare const padding: {
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
+ };
package/lib/design/radius/type.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { ISize } from '../size/type';
2
2
  export interface IRadius {
3
- 'lp-sys-xxs': ISize.lp_pri_2;
4
- 'lp-sys-xs': ISize.lp_pri_4;
5
- 'lp-sys-s': ISize.lp_pri_6;
6
- 'lp-sys-m': ISize.lp_pri_8;
7
- 'lp-sys-l': ISize.lp_pri_10;
8
- 'lp-sys-xl': ISize.lp_pri_12;
9
- 'lp-sys-xxl': ISize.lp_pri_200;
3
+ 'lp-sys-radius-xxs': (typeof ISize)['lp-pri-size-2'];
4
+ 'lp-sys-radius-xs': (typeof ISize)['lp-pri-size-4'];
5
+ 'lp-sys-radius-s': (typeof ISize)['lp-pri-size-6'];
6
+ 'lp-sys-radius-m': (typeof ISize)['lp-pri-size-8'];
7
+ 'lp-sys-radius-l': (typeof ISize)['lp-pri-size-10'];
8
+ 'lp-sys-radius-xl': (typeof ISize)['lp-pri-size-12'];
9
+ 'lp-sys-radius-xxl': (typeof ISize)['lp-pri-size-200'];
10
10
  }
package/lib/design/size/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { ISize } from './type';
2
- export declare const size: Record<keyof typeof ISize, ISize>;
2
+ export declare const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]>;
package/lib/design/size/type.d.ts CHANGED
@@ -1,28 +1,31 @@
1
- export declare enum ISize {
2
- 'lp_pri_0' = 0,
3
- 'lp_pri_1' = 1,
4
- 'lp_pri_2' = 2,
5
- 'lp_pri_3' = 3,
6
- 'lp_pri_4' = 4,
7
- 'lp_pri_6' = 6,
8
- 'lp_pri_8' = 8,
9
- 'lp_pri_10' = 10,
10
- 'lp_pri_12' = 12,
11
- 'lp_pri_14' = 14,
12
- 'lp_pri_16' = 16,
13
- 'lp_pri_18' = 18,
14
- 'lp_pri_20' = 20,
15
- 'lp_pri_24' = 24,
16
- 'lp_pri_32' = 32,
17
- 'lp_pri_40' = 40,
18
- 'lp_pri_48' = 48,
19
- 'lp_pri_56' = 56,
20
- 'lp_pri_64' = 64,
21
- 'lp_pri_80' = 80,
22
- 'lp_pri_100' = 100,
23
- 'lp_pri_120' = 120,
24
- 'lp_pri_140' = 140,
25
- 'lp_pri_160' = 160,
26
- 'lp_pri_180' = 180,
27
- 'lp_pri_200' = 200
28
- }
1
+ export declare const ISize: {
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
+ };
package/lib/index.cjs CHANGED
@@ -33,7 +33,9 @@ var src_exports = {};
33
33
  __export(src_exports, {
34
34
  DesignSystemHead: () => DesignSystemHead,
35
35
  font: () => font,
36
+ gap: () => gap,
36
37
  opacity: () => opacity,
38
+ padding: () => padding,
37
39
  radius: () => radius,
38
40
  size: () => size,
39
41
  useDarkTheme: () => useDarkTheme,
@@ -42,61 +44,104 @@ __export(src_exports, {
42
44
  });
43
45
  module.exports = __toCommonJS(src_exports);
44
46
 
47
+ // src/design/size/type.ts
48
+ var ISize = {
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
+ };
79
+
45
80
  // src/design/radius/index.ts
46
81
  var radius = {
47
- "lp-sys-xxs": 2 /* lp_pri_2 */,
48
- "lp-sys-xs": 4 /* lp_pri_4 */,
49
- "lp-sys-s": 6 /* lp_pri_6 */,
50
- "lp-sys-m": 8 /* lp_pri_8 */,
51
- "lp-sys-l": 10 /* lp_pri_10 */,
52
- "lp-sys-xl": 12 /* lp_pri_12 */,
53
- "lp-sys-xxl": 200 /* lp_pri_200 */
82
+ "lp-sys-radius-xxs": ISize["lp-pri-size-2"],
83
+ "lp-sys-radius-xs": ISize["lp-pri-size-4"],
84
+ "lp-sys-radius-s": ISize["lp-pri-size-6"],
85
+ "lp-sys-radius-m": ISize["lp-pri-size-8"],
86
+ "lp-sys-radius-l": ISize["lp-pri-size-10"],
87
+ "lp-sys-radius-xl": ISize["lp-pri-size-12"],
88
+ "lp-sys-radius-xxl": ISize["lp-pri-size-200"]
54
89
  };
55
90
 
56
91
  // src/design/opacity/index.ts
57
92
  var opacity = {
58
- "lp-pri-90": "90%",
59
- "lp-pri-80": "80%",
60
- "lp-pri-70": "70%",
61
- "lp-pri-60": "60%",
62
- "lp-pri-50": "50%",
63
- "lp-pri-40": "40%",
64
- "lp-pri-30": "30%",
65
- "lp-pri-20": "20%",
66
- "lp-pri-12": "12%",
67
- "lp-pri-8": "8%",
68
- "lp-pri-5": "5%",
69
- "lp-pri-0": "0%"
93
+ "lp-pri-color-opacity-80": "80%",
94
+ "lp-pri-color-opacity-72": "72%",
95
+ "lp-pri-color-opacity-64": "64%",
96
+ "lp-pri-color-opacity-56": "56%",
97
+ "lp-pri-color-opacity-50": "50%",
98
+ "lp-pri-color-opacity-48": "48%",
99
+ "lp-pri-color-opacity-44": "44%",
100
+ "lp-pri-color-opacity-40": "40%",
101
+ "lp-pri-color-opacity-36": "36%",
102
+ "lp-pri-color-opacity-32": "32%",
103
+ "lp-pri-color-opacity-28": "28%",
104
+ "lp-pri-color-opacity-24": "24%",
105
+ "lp-pri-color-opacity-20": "20%",
106
+ "lp-pri-color-opacity-16": "16%",
107
+ "lp-pri-color-opacity-12": "12%",
108
+ "lp-pri-color-opacity-8": "8%",
109
+ "lp-pri-color-opacity-4": "4%",
110
+ "lp-pri-color-opacity-1": "1%",
111
+ "lp-pri-color-opacity-0": "0%"
70
112
  };
71
113
 
72
114
  // src/design/size/index.ts
73
115
  var size = {
74
- lp_pri_0: 0 /* lp_pri_0 */,
75
- lp_pri_1: 1 /* lp_pri_1 */,
76
- lp_pri_2: 2 /* lp_pri_2 */,
77
- lp_pri_3: 3 /* lp_pri_3 */,
78
- lp_pri_4: 4 /* lp_pri_4 */,
79
- lp_pri_6: 6 /* lp_pri_6 */,
80
- lp_pri_8: 8 /* lp_pri_8 */,
81
- lp_pri_10: 10 /* lp_pri_10 */,
82
- lp_pri_12: 12 /* lp_pri_12 */,
83
- lp_pri_14: 14 /* lp_pri_14 */,
84
- lp_pri_16: 16 /* lp_pri_16 */,
85
- lp_pri_18: 18 /* lp_pri_18 */,
86
- lp_pri_20: 20 /* lp_pri_20 */,
87
- lp_pri_24: 24 /* lp_pri_24 */,
88
- lp_pri_32: 32 /* lp_pri_32 */,
89
- lp_pri_40: 40 /* lp_pri_40 */,
90
- lp_pri_48: 48 /* lp_pri_48 */,
91
- lp_pri_56: 56 /* lp_pri_56 */,
92
- lp_pri_64: 64 /* lp_pri_64 */,
93
- lp_pri_80: 80 /* lp_pri_80 */,
94
- lp_pri_100: 100 /* lp_pri_100 */,
95
- lp_pri_120: 120 /* lp_pri_120 */,
96
- lp_pri_140: 140 /* lp_pri_140 */,
97
- lp_pri_160: 160 /* lp_pri_160 */,
98
- lp_pri_180: 180 /* lp_pri_180 */,
99
- lp_pri_200: 200 /* lp_pri_200 */
116
+ ["lp-pri-size-minus6"]: ISize["lp-pri-size-minus6"],
117
+ ["lp-pri-size-minus4"]: ISize["lp-pri-size-minus4"],
118
+ ["lp-pri-size-minus2"]: ISize["lp-pri-size-minus2"],
119
+ ["lp-pri-size-0"]: ISize["lp-pri-size-0"],
120
+ ["lp-pri-size-1"]: ISize["lp-pri-size-1"],
121
+ ["lp-pri-size-2"]: ISize["lp-pri-size-2"],
122
+ ["lp-pri-size-3"]: ISize["lp-pri-size-3"],
123
+ ["lp-pri-size-4"]: ISize["lp-pri-size-4"],
124
+ ["lp-pri-size-6"]: ISize["lp-pri-size-6"],
125
+ ["lp-pri-size-8"]: ISize["lp-pri-size-8"],
126
+ ["lp-pri-size-10"]: ISize["lp-pri-size-10"],
127
+ ["lp-pri-size-12"]: ISize["lp-pri-size-12"],
128
+ ["lp-pri-size-14"]: ISize["lp-pri-size-14"],
129
+ ["lp-pri-size-16"]: ISize["lp-pri-size-16"],
130
+ ["lp-pri-size-18"]: ISize["lp-pri-size-18"],
131
+ ["lp-pri-size-20"]: ISize["lp-pri-size-20"],
132
+ ["lp-pri-size-24"]: ISize["lp-pri-size-24"],
133
+ ["lp-pri-size-32"]: ISize["lp-pri-size-32"],
134
+ ["lp-pri-size-40"]: ISize["lp-pri-size-40"],
135
+ ["lp-pri-size-48"]: ISize["lp-pri-size-48"],
136
+ ["lp-pri-size-56"]: ISize["lp-pri-size-56"],
137
+ ["lp-pri-size-64"]: ISize["lp-pri-size-64"],
138
+ ["lp-pri-size-80"]: ISize["lp-pri-size-80"],
139
+ ["lp-pri-size-100"]: ISize["lp-pri-size-100"],
140
+ ["lp-pri-size-120"]: ISize["lp-pri-size-120"],
141
+ ["lp-pri-size-140"]: ISize["lp-pri-size-140"],
142
+ ["lp-pri-size-160"]: ISize["lp-pri-size-160"],
143
+ ["lp-pri-size-180"]: ISize["lp-pri-size-180"],
144
+ ["lp-pri-size-200"]: ISize["lp-pri-size-200"]
100
145
  };
101
146
 
102
147
  // src/design/typography/primitive.ts
@@ -137,6 +182,46 @@ var weight = {
137
182
  };
138
183
  var font = { weight, lineHeight, size: size2 };
139
184
 
185
+ // src/design/padding/index.ts
186
+ var padding = {
187
+ "lp-sys-padding-component-100": ISize["lp-pri-size-4"],
188
+ "lp-sys-padding-component-200": ISize["lp-pri-size-8"],
189
+ "lp-sys-padding-component-300": ISize["lp-pri-size-12"],
190
+ "lp-sys-padding-component-400": ISize["lp-pri-size-16"],
191
+ "lp-sys-padding-component-500": ISize["lp-pri-size-20"],
192
+ "lp-sys-padding-component-600": ISize["lp-pri-size-24"],
193
+ "lp-sys-padding-component-700": ISize["lp-pri-size-32"],
194
+ "lp-sys-padding-component-800": ISize["lp-pri-size-40"],
195
+ "lp-sys-padding-component-900": ISize["lp-pri-size-48"],
196
+ "lp-sys-padding-section-100": ISize["lp-pri-size-24"],
197
+ "lp-sys-padding-section-200": ISize["lp-pri-size-32"],
198
+ "lp-sys-padding-section-300": ISize["lp-pri-size-40"],
199
+ "lp-sys-padding-section-400": ISize["lp-pri-size-48"],
200
+ "lp-sys-padding-section-500": ISize["lp-pri-size-56"],
201
+ "lp-sys-padding-section-600": ISize["lp-pri-size-64"],
202
+ "lp-sys-padding-section-700": ISize["lp-pri-size-80"],
203
+ "lp-sys-padding-section-800": ISize["lp-pri-size-100"],
204
+ "lp-sys-padding-section-900": ISize["lp-pri-size-120"]
205
+ };
206
+
207
+ // src/design/gap/index.ts
208
+ var gap = {
209
+ "lp-sys-gap-positive-50": ISize["lp-pri-size-2"],
210
+ "lp-sys-gap-positive-100": ISize["lp-pri-size-4"],
211
+ "lp-sys-gap-positive-150": ISize["lp-pri-size-6"],
212
+ "lp-sys-gap-positive-200": ISize["lp-pri-size-8"],
213
+ "lp-sys-gap-positive-300": ISize["lp-pri-size-12"],
214
+ "lp-sys-gap-positive-400": ISize["lp-pri-size-16"],
215
+ "lp-sys-gap-positive-500": ISize["lp-pri-size-20"],
216
+ "lp-sys-gap-positive-600": ISize["lp-pri-size-24"],
217
+ "lp-sys-gap-positive-700": ISize["lp-pri-size-32"],
218
+ "lp-sys-gap-positive-800": ISize["lp-pri-size-40"],
219
+ "lp-sys-gap-positive-900": ISize["lp-pri-size-48"],
220
+ "lp-sys-gap-negative-700": ISize["lp-pri-size-minus2"],
221
+ "lp-sys-gap-negative-800": ISize["lp-pri-size-minus4"],
222
+ "lp-sys-gap-negative-900": ISize["lp-pri-size-minus6"]
223
+ };
224
+
140
225
  // src/hooks/useDarkTheme.ts
141
226
  var import_react = require("react");
142
227
  var useDarkTheme = /* @__PURE__ */ __name(() => {
package/lib/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../src/index.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.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';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './design/vars';\n", "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 { 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
- "mappings": "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",
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': '-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
+ "mappings": "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",
6
6
  "names": ["size", "import_react", "React"]
7
7
  }
package/lib/index.d.ts CHANGED
@@ -2,6 +2,8 @@ export * from './design/radius';
2
2
  export * from './design/opacity';
3
3
  export * from './design/size';
4
4
  export * from './design/typography';
5
+ export * from './design/padding';
6
+ export * from './design/gap';
5
7
  export * from './hooks/useDarkTheme';
6
8
  export * from './hooks/useLanguage';
7
9
  export * from './components/Head';
package/lib/index.mjs CHANGED
@@ -1,61 +1,104 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
3
 
4
+ // src/design/size/type.ts
5
+ var ISize = {
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
+ };
36
+
4
37
  // src/design/radius/index.ts
5
38
  var radius = {
6
- "lp-sys-xxs": 2 /* lp_pri_2 */,
7
- "lp-sys-xs": 4 /* lp_pri_4 */,
8
- "lp-sys-s": 6 /* lp_pri_6 */,
9
- "lp-sys-m": 8 /* lp_pri_8 */,
10
- "lp-sys-l": 10 /* lp_pri_10 */,
11
- "lp-sys-xl": 12 /* lp_pri_12 */,
12
- "lp-sys-xxl": 200 /* lp_pri_200 */
39
+ "lp-sys-radius-xxs": ISize["lp-pri-size-2"],
40
+ "lp-sys-radius-xs": ISize["lp-pri-size-4"],
41
+ "lp-sys-radius-s": ISize["lp-pri-size-6"],
42
+ "lp-sys-radius-m": ISize["lp-pri-size-8"],
43
+ "lp-sys-radius-l": ISize["lp-pri-size-10"],
44
+ "lp-sys-radius-xl": ISize["lp-pri-size-12"],
45
+ "lp-sys-radius-xxl": ISize["lp-pri-size-200"]
13
46
  };
14
47
 
15
48
  // src/design/opacity/index.ts
16
49
  var opacity = {
17
- "lp-pri-90": "90%",
18
- "lp-pri-80": "80%",
19
- "lp-pri-70": "70%",
20
- "lp-pri-60": "60%",
21
- "lp-pri-50": "50%",
22
- "lp-pri-40": "40%",
23
- "lp-pri-30": "30%",
24
- "lp-pri-20": "20%",
25
- "lp-pri-12": "12%",
26
- "lp-pri-8": "8%",
27
- "lp-pri-5": "5%",
28
- "lp-pri-0": "0%"
50
+ "lp-pri-color-opacity-80": "80%",
51
+ "lp-pri-color-opacity-72": "72%",
52
+ "lp-pri-color-opacity-64": "64%",
53
+ "lp-pri-color-opacity-56": "56%",
54
+ "lp-pri-color-opacity-50": "50%",
55
+ "lp-pri-color-opacity-48": "48%",
56
+ "lp-pri-color-opacity-44": "44%",
57
+ "lp-pri-color-opacity-40": "40%",
58
+ "lp-pri-color-opacity-36": "36%",
59
+ "lp-pri-color-opacity-32": "32%",
60
+ "lp-pri-color-opacity-28": "28%",
61
+ "lp-pri-color-opacity-24": "24%",
62
+ "lp-pri-color-opacity-20": "20%",
63
+ "lp-pri-color-opacity-16": "16%",
64
+ "lp-pri-color-opacity-12": "12%",
65
+ "lp-pri-color-opacity-8": "8%",
66
+ "lp-pri-color-opacity-4": "4%",
67
+ "lp-pri-color-opacity-1": "1%",
68
+ "lp-pri-color-opacity-0": "0%"
29
69
  };
30
70
 
31
71
  // src/design/size/index.ts
32
72
  var size = {
33
- lp_pri_0: 0 /* lp_pri_0 */,
34
- lp_pri_1: 1 /* lp_pri_1 */,
35
- lp_pri_2: 2 /* lp_pri_2 */,
36
- lp_pri_3: 3 /* lp_pri_3 */,
37
- lp_pri_4: 4 /* lp_pri_4 */,
38
- lp_pri_6: 6 /* lp_pri_6 */,
39
- lp_pri_8: 8 /* lp_pri_8 */,
40
- lp_pri_10: 10 /* lp_pri_10 */,
41
- lp_pri_12: 12 /* lp_pri_12 */,
42
- lp_pri_14: 14 /* lp_pri_14 */,
43
- lp_pri_16: 16 /* lp_pri_16 */,
44
- lp_pri_18: 18 /* lp_pri_18 */,
45
- lp_pri_20: 20 /* lp_pri_20 */,
46
- lp_pri_24: 24 /* lp_pri_24 */,
47
- lp_pri_32: 32 /* lp_pri_32 */,
48
- lp_pri_40: 40 /* lp_pri_40 */,
49
- lp_pri_48: 48 /* lp_pri_48 */,
50
- lp_pri_56: 56 /* lp_pri_56 */,
51
- lp_pri_64: 64 /* lp_pri_64 */,
52
- lp_pri_80: 80 /* lp_pri_80 */,
53
- lp_pri_100: 100 /* lp_pri_100 */,
54
- lp_pri_120: 120 /* lp_pri_120 */,
55
- lp_pri_140: 140 /* lp_pri_140 */,
56
- lp_pri_160: 160 /* lp_pri_160 */,
57
- lp_pri_180: 180 /* lp_pri_180 */,
58
- lp_pri_200: 200 /* lp_pri_200 */
73
+ ["lp-pri-size-minus6"]: ISize["lp-pri-size-minus6"],
74
+ ["lp-pri-size-minus4"]: ISize["lp-pri-size-minus4"],
75
+ ["lp-pri-size-minus2"]: ISize["lp-pri-size-minus2"],
76
+ ["lp-pri-size-0"]: ISize["lp-pri-size-0"],
77
+ ["lp-pri-size-1"]: ISize["lp-pri-size-1"],
78
+ ["lp-pri-size-2"]: ISize["lp-pri-size-2"],
79
+ ["lp-pri-size-3"]: ISize["lp-pri-size-3"],
80
+ ["lp-pri-size-4"]: ISize["lp-pri-size-4"],
81
+ ["lp-pri-size-6"]: ISize["lp-pri-size-6"],
82
+ ["lp-pri-size-8"]: ISize["lp-pri-size-8"],
83
+ ["lp-pri-size-10"]: ISize["lp-pri-size-10"],
84
+ ["lp-pri-size-12"]: ISize["lp-pri-size-12"],
85
+ ["lp-pri-size-14"]: ISize["lp-pri-size-14"],
86
+ ["lp-pri-size-16"]: ISize["lp-pri-size-16"],
87
+ ["lp-pri-size-18"]: ISize["lp-pri-size-18"],
88
+ ["lp-pri-size-20"]: ISize["lp-pri-size-20"],
89
+ ["lp-pri-size-24"]: ISize["lp-pri-size-24"],
90
+ ["lp-pri-size-32"]: ISize["lp-pri-size-32"],
91
+ ["lp-pri-size-40"]: ISize["lp-pri-size-40"],
92
+ ["lp-pri-size-48"]: ISize["lp-pri-size-48"],
93
+ ["lp-pri-size-56"]: ISize["lp-pri-size-56"],
94
+ ["lp-pri-size-64"]: ISize["lp-pri-size-64"],
95
+ ["lp-pri-size-80"]: ISize["lp-pri-size-80"],
96
+ ["lp-pri-size-100"]: ISize["lp-pri-size-100"],
97
+ ["lp-pri-size-120"]: ISize["lp-pri-size-120"],
98
+ ["lp-pri-size-140"]: ISize["lp-pri-size-140"],
99
+ ["lp-pri-size-160"]: ISize["lp-pri-size-160"],
100
+ ["lp-pri-size-180"]: ISize["lp-pri-size-180"],
101
+ ["lp-pri-size-200"]: ISize["lp-pri-size-200"]
59
102
  };
60
103
 
61
104
  // src/design/typography/primitive.ts
@@ -96,6 +139,46 @@ var weight = {
96
139
  };
97
140
  var font = { weight, lineHeight, size: size2 };
98
141
 
142
+ // src/design/padding/index.ts
143
+ var padding = {
144
+ "lp-sys-padding-component-100": ISize["lp-pri-size-4"],
145
+ "lp-sys-padding-component-200": ISize["lp-pri-size-8"],
146
+ "lp-sys-padding-component-300": ISize["lp-pri-size-12"],
147
+ "lp-sys-padding-component-400": ISize["lp-pri-size-16"],
148
+ "lp-sys-padding-component-500": ISize["lp-pri-size-20"],
149
+ "lp-sys-padding-component-600": ISize["lp-pri-size-24"],
150
+ "lp-sys-padding-component-700": ISize["lp-pri-size-32"],
151
+ "lp-sys-padding-component-800": ISize["lp-pri-size-40"],
152
+ "lp-sys-padding-component-900": ISize["lp-pri-size-48"],
153
+ "lp-sys-padding-section-100": ISize["lp-pri-size-24"],
154
+ "lp-sys-padding-section-200": ISize["lp-pri-size-32"],
155
+ "lp-sys-padding-section-300": ISize["lp-pri-size-40"],
156
+ "lp-sys-padding-section-400": ISize["lp-pri-size-48"],
157
+ "lp-sys-padding-section-500": ISize["lp-pri-size-56"],
158
+ "lp-sys-padding-section-600": ISize["lp-pri-size-64"],
159
+ "lp-sys-padding-section-700": ISize["lp-pri-size-80"],
160
+ "lp-sys-padding-section-800": ISize["lp-pri-size-100"],
161
+ "lp-sys-padding-section-900": ISize["lp-pri-size-120"]
162
+ };
163
+
164
+ // src/design/gap/index.ts
165
+ var gap = {
166
+ "lp-sys-gap-positive-50": ISize["lp-pri-size-2"],
167
+ "lp-sys-gap-positive-100": ISize["lp-pri-size-4"],
168
+ "lp-sys-gap-positive-150": ISize["lp-pri-size-6"],
169
+ "lp-sys-gap-positive-200": ISize["lp-pri-size-8"],
170
+ "lp-sys-gap-positive-300": ISize["lp-pri-size-12"],
171
+ "lp-sys-gap-positive-400": ISize["lp-pri-size-16"],
172
+ "lp-sys-gap-positive-500": ISize["lp-pri-size-20"],
173
+ "lp-sys-gap-positive-600": ISize["lp-pri-size-24"],
174
+ "lp-sys-gap-positive-700": ISize["lp-pri-size-32"],
175
+ "lp-sys-gap-positive-800": ISize["lp-pri-size-40"],
176
+ "lp-sys-gap-positive-900": ISize["lp-pri-size-48"],
177
+ "lp-sys-gap-negative-700": ISize["lp-pri-size-minus2"],
178
+ "lp-sys-gap-negative-800": ISize["lp-pri-size-minus4"],
179
+ "lp-sys-gap-negative-900": ISize["lp-pri-size-minus6"]
180
+ };
181
+
99
182
  // src/hooks/useDarkTheme.ts
100
183
  import { useLayoutEffect, useState } from "react";
101
184
  var useDarkTheme = /* @__PURE__ */ __name(() => {
@@ -147,7 +230,9 @@ var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-low
147
230
  export {
148
231
  DesignSystemHead,
149
232
  font,
233
+ gap,
150
234
  opacity,
235
+ padding,
151
236
  radius,
152
237
  size,
153
238
  useDarkTheme,
package/lib/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/design/vars.ts"],
4
- "sourcesContent": ["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 { 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
- "mappings": "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",
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': '-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
+ "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.58",
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/gap/index.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { ISize } from '../size/type';
2
+
3
+ export const gap = {
4
+ 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],
5
+ 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],
6
+ 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],
7
+ 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],
8
+ 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],
9
+ 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],
10
+ 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],
11
+ 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],
12
+ 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],
13
+ 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],
14
+ 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],
15
+
16
+ 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],
17
+ 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],
18
+ 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],
19
+ } as const;
package/src/design/icon/index.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { ISize } from '../size/type';
2
+
3
+ export const iconSize = {
4
+ 'lp-sys-icon-size-xs': ISize['lp-pri-size-16'],
5
+ 'lp-sys-icon-size-s': ISize['lp-pri-size-20'],
6
+ 'lp-sys-icon-size-m': ISize['lp-pri-size-24'],
7
+ 'lp-sys-icon-size-l': ISize['lp-pri-size-32'],
8
+ 'lp-sys-icon-size-xl': ISize['lp-pri-size-40'],
9
+ } as const;
package/src/design/opacity/index.ts CHANGED
@@ -1,14 +1,21 @@
1
1
  export const opacity = {
2
- 'lp-pri-90': '90%',
3
- 'lp-pri-80': '80%',
4
- 'lp-pri-70': '70%',
5
- 'lp-pri-60': '60%',
6
- 'lp-pri-50': '50%',
7
- 'lp-pri-40': '40%',
8
- 'lp-pri-30': '30%',
9
- 'lp-pri-20': '20%',
10
- 'lp-pri-12': '12%',
11
- 'lp-pri-8': '8%',
12
- 'lp-pri-5': '5%',
13
- 'lp-pri-0': '0%',
14
- };
2
+ 'lp-pri-color-opacity-80': '80%',
3
+ 'lp-pri-color-opacity-72': '72%',
4
+ 'lp-pri-color-opacity-64': '64%',
5
+ 'lp-pri-color-opacity-56': '56%',
6
+ 'lp-pri-color-opacity-50': '50%',
7
+ 'lp-pri-color-opacity-48': '48%',
8
+ 'lp-pri-color-opacity-44': '44%',
9
+ 'lp-pri-color-opacity-40': '40%',
10
+ 'lp-pri-color-opacity-36': '36%',
11
+ 'lp-pri-color-opacity-32': '32%',
12
+ 'lp-pri-color-opacity-28': '28%',
13
+ 'lp-pri-color-opacity-24': '24%',
14
+ 'lp-pri-color-opacity-20': '20%',
15
+ 'lp-pri-color-opacity-16': '16%',
16
+ 'lp-pri-color-opacity-12': '12%',
17
+ 'lp-pri-color-opacity-8': '8%',
18
+ 'lp-pri-color-opacity-4': '4%',
19
+ 'lp-pri-color-opacity-1': '1%',
20
+ 'lp-pri-color-opacity-0': '0%',
21
+ } as const;
package/src/design/padding/index.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { ISize } from '../size/type';
2
+
3
+ export const padding = {
4
+ 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],
5
+ 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],
6
+ 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],
7
+ 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],
8
+ 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],
9
+ 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],
10
+ 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],
11
+ 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],
12
+ 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],
13
+
14
+ 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],
15
+ 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],
16
+ 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],
17
+ 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],
18
+ 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],
19
+ 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],
20
+ 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],
21
+ 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],
22
+ 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],
23
+ } as const;
package/src/design/radius/index.ts CHANGED
@@ -2,11 +2,11 @@ import { ISize } from '../size/type';
2
2
  import { IRadius } from './type';
3
3
 
4
4
  export const radius: IRadius = {
5
- 'lp-sys-xxs': ISize.lp_pri_2,
6
- 'lp-sys-xs': ISize.lp_pri_4,
7
- 'lp-sys-s': ISize.lp_pri_6,
8
- 'lp-sys-m': ISize.lp_pri_8,
9
- 'lp-sys-l': ISize.lp_pri_10,
10
- 'lp-sys-xl': ISize.lp_pri_12,
11
- 'lp-sys-xxl': ISize.lp_pri_200,
5
+ 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],
6
+ 'lp-sys-radius-xs': ISize['lp-pri-size-4'],
7
+ 'lp-sys-radius-s': ISize['lp-pri-size-6'],
8
+ 'lp-sys-radius-m': ISize['lp-pri-size-8'],
9
+ 'lp-sys-radius-l': ISize['lp-pri-size-10'],
10
+ 'lp-sys-radius-xl': ISize['lp-pri-size-12'],
11
+ 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],
12
12
  } as const;
package/src/design/radius/type.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import { ISize } from '../size/type';
2
-
3
2
  export interface IRadius {
4
- 'lp-sys-xxs': ISize.lp_pri_2;
5
- 'lp-sys-xs': ISize.lp_pri_4;
6
- 'lp-sys-s': ISize.lp_pri_6;
7
- 'lp-sys-m': ISize.lp_pri_8;
8
- 'lp-sys-l': ISize.lp_pri_10;
9
- 'lp-sys-xl': ISize.lp_pri_12;
10
- 'lp-sys-xxl': ISize.lp_pri_200;
3
+ 'lp-sys-radius-xxs': (typeof ISize)['lp-pri-size-2'];
4
+ 'lp-sys-radius-xs': (typeof ISize)['lp-pri-size-4'];
5
+ 'lp-sys-radius-s': (typeof ISize)['lp-pri-size-6'];
6
+ 'lp-sys-radius-m': (typeof ISize)['lp-pri-size-8'];
7
+ 'lp-sys-radius-l': (typeof ISize)['lp-pri-size-10'];
8
+ 'lp-sys-radius-xl': (typeof ISize)['lp-pri-size-12'];
9
+ 'lp-sys-radius-xxl': (typeof ISize)['lp-pri-size-200'];
11
10
  }
package/src/design/size/index.ts CHANGED
@@ -1,30 +1,33 @@
1
1
  import { ISize } from './type';
2
2
 
3
- export const size: Record<keyof typeof ISize, ISize> = {
4
- lp_pri_0: ISize.lp_pri_0,
5
- lp_pri_1: ISize.lp_pri_1,
6
- lp_pri_2: ISize.lp_pri_2,
7
- lp_pri_3: ISize.lp_pri_3,
8
- lp_pri_4: ISize.lp_pri_4,
9
- lp_pri_6: ISize.lp_pri_6,
10
- lp_pri_8: ISize.lp_pri_8,
11
- lp_pri_10: ISize.lp_pri_10,
12
- lp_pri_12: ISize.lp_pri_12,
13
- lp_pri_14: ISize.lp_pri_14,
14
- lp_pri_16: ISize.lp_pri_16,
15
- lp_pri_18: ISize.lp_pri_18,
16
- lp_pri_20: ISize.lp_pri_20,
17
- lp_pri_24: ISize.lp_pri_24,
18
- lp_pri_32: ISize.lp_pri_32,
19
- lp_pri_40: ISize.lp_pri_40,
20
- lp_pri_48: ISize.lp_pri_48,
21
- lp_pri_56: ISize.lp_pri_56,
22
- lp_pri_64: ISize.lp_pri_64,
23
- lp_pri_80: ISize.lp_pri_80,
24
- lp_pri_100: ISize.lp_pri_100,
25
- lp_pri_120: ISize.lp_pri_120,
26
- lp_pri_140: ISize.lp_pri_140,
27
- lp_pri_160: ISize.lp_pri_160,
28
- lp_pri_180: ISize.lp_pri_180,
29
- lp_pri_200: ISize.lp_pri_200,
3
+ export const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {
4
+ ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],
5
+ ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],
6
+ ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],
7
+ ['lp-pri-size-0']: ISize['lp-pri-size-0'],
8
+ ['lp-pri-size-1']: ISize['lp-pri-size-1'],
9
+ ['lp-pri-size-2']: ISize['lp-pri-size-2'],
10
+ ['lp-pri-size-3']: ISize['lp-pri-size-3'],
11
+ ['lp-pri-size-4']: ISize['lp-pri-size-4'],
12
+ ['lp-pri-size-6']: ISize['lp-pri-size-6'],
13
+ ['lp-pri-size-8']: ISize['lp-pri-size-8'],
14
+ ['lp-pri-size-10']: ISize['lp-pri-size-10'],
15
+ ['lp-pri-size-12']: ISize['lp-pri-size-12'],
16
+ ['lp-pri-size-14']: ISize['lp-pri-size-14'],
17
+ ['lp-pri-size-16']: ISize['lp-pri-size-16'],
18
+ ['lp-pri-size-18']: ISize['lp-pri-size-18'],
19
+ ['lp-pri-size-20']: ISize['lp-pri-size-20'],
20
+ ['lp-pri-size-24']: ISize['lp-pri-size-24'],
21
+ ['lp-pri-size-32']: ISize['lp-pri-size-32'],
22
+ ['lp-pri-size-40']: ISize['lp-pri-size-40'],
23
+ ['lp-pri-size-48']: ISize['lp-pri-size-48'],
24
+ ['lp-pri-size-56']: ISize['lp-pri-size-56'],
25
+ ['lp-pri-size-64']: ISize['lp-pri-size-64'],
26
+ ['lp-pri-size-80']: ISize['lp-pri-size-80'],
27
+ ['lp-pri-size-100']: ISize['lp-pri-size-100'],
28
+ ['lp-pri-size-120']: ISize['lp-pri-size-120'],
29
+ ['lp-pri-size-140']: ISize['lp-pri-size-140'],
30
+ ['lp-pri-size-160']: ISize['lp-pri-size-160'],
31
+ ['lp-pri-size-180']: ISize['lp-pri-size-180'],
32
+ ['lp-pri-size-200']: ISize['lp-pri-size-200'],
30
33
  };
package/src/design/size/type.ts CHANGED
@@ -1,28 +1,31 @@
1
- export enum ISize {
2
- 'lp_pri_0' = 0,
3
- 'lp_pri_1' = 1,
4
- 'lp_pri_2' = 2,
5
- 'lp_pri_3' = 3,
6
- 'lp_pri_4' = 4,
7
- 'lp_pri_6' = 6,
8
- 'lp_pri_8' = 8,
9
- 'lp_pri_10' = 10,
10
- 'lp_pri_12' = 12,
11
- 'lp_pri_14' = 14,
12
- 'lp_pri_16' = 16,
13
- 'lp_pri_18' = 18,
14
- 'lp_pri_20' = 20,
15
- 'lp_pri_24' = 24,
16
- 'lp_pri_32' = 32,
17
- 'lp_pri_40' = 40,
18
- 'lp_pri_48' = 48,
19
- 'lp_pri_56' = 56,
20
- 'lp_pri_64' = 64,
21
- 'lp_pri_80' = 80,
22
- 'lp_pri_100' = 100,
23
- 'lp_pri_120' = 120,
24
- 'lp_pri_140' = 140,
25
- 'lp_pri_160' = 160,
26
- 'lp_pri_180' = 180,
27
- 'lp_pri_200' = 200,
28
- }
1
+ export const ISize = {
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
+ } as const;
package/src/index.ts CHANGED
@@ -2,6 +2,8 @@ export * from './design/radius';
2
2
  export * from './design/opacity';
3
3
  export * from './design/size';
4
4
  export * from './design/typography';
5
+ export * from './design/padding';
6
+ export * from './design/gap';
5
7
 
6
8
  export * from './hooks/useDarkTheme';
7
9
  export * from './hooks/useLanguage';
package/src/design/opacity/type.ts DELETED
@@ -1,14 +0,0 @@
1
- export interface IOpacity {
2
- 'lp-pri-90': '90%';
3
- 'lp-pri-80': '80%';
4
- 'lp-pri-70': '70%';
5
- 'lp-pri-60': '60%';
6
- 'lp-pri-50': '50%';
7
- 'lp-pri-40': '40%';
8
- 'lp-pri-30': '30%';
9
- 'lp-pri-20': '20%';
10
- 'lp-pri-12': '12%';
11
- 'lp-pri-8': '8%';
12
- 'lp-pri-5': '5%';
13
- 'lp-pri-0': '0%';
14
- }