@liner-fe/design-token 2.0.59 → 2.0.61

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 (37) hide show
  1. package/global.css +68 -68
  2. package/lib/generated/vars.d.ts +176 -0
  3. package/lib/index.cjs +2 -186
  4. package/lib/index.cjs.map +4 -4
  5. package/lib/index.d.ts +1 -7
  6. package/lib/index.mjs +2 -186
  7. package/lib/index.mjs.map +4 -4
  8. package/package.json +1 -1
  9. package/src/generated/vars.ts +1 -0
  10. package/src/index.ts +1 -8
  11. package/lib/design/gap/index.d.ts +0 -16
  12. package/lib/design/opacity/index.d.ts +0 -21
  13. package/lib/design/padding/index.d.ts +0 -20
  14. package/lib/design/radius/index.d.ts +0 -2
  15. package/lib/design/radius/type.d.ts +0 -10
  16. package/lib/design/size/index.d.ts +0 -2
  17. package/lib/design/size/type.d.ts +0 -31
  18. package/lib/design/typography/index.d.ts +0 -1
  19. package/lib/design/typography/primitive.d.ts +0 -37
  20. package/lib/design/typography/usage/Display.d.ts +0 -8
  21. package/lib/design/typography/usage/Heading.d.ts +0 -4
  22. package/lib/design/typography/usage/index.d.ts +0 -2
  23. package/lib/design/typography/usage/types.d.ts +0 -24
  24. package/lib/design/vars.d.ts +0 -79
  25. package/src/@types/custom.d.ts +0 -4
  26. package/src/design/color/index.ts +0 -1
  27. package/src/design/gap/index.ts +0 -19
  28. package/src/design/icon/index.ts +0 -9
  29. package/src/design/opacity/index.ts +0 -21
  30. package/src/design/padding/index.ts +0 -23
  31. package/src/design/radius/index.ts +0 -12
  32. package/src/design/radius/type.ts +0 -10
  33. package/src/design/size/index.ts +0 -33
  34. package/src/design/size/type.ts +0 -31
  35. package/src/design/typography/index.ts +0 -1
  36. package/src/design/typography/primitive.ts +0 -39
  37. package/src/design/vars.ts +0 -1
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;
@@ -0,0 +1,176 @@
1
+ export declare const vars: {
2
+ color: {
3
+ "neutral-container-lowest": string;
4
+ "neutral-container-lowest-hover": string;
5
+ "neutral-container-low": string;
6
+ "neutral-container-low-hover": string;
7
+ "neutral-container-mid": string;
8
+ "neutral-container-mid-hover": string;
9
+ "neutral-container-high": string;
10
+ "neutral-container-high-hover": string;
11
+ "neutral-container-highest": string;
12
+ "neutral-container-static-lowest": string;
13
+ "neutral-container-static-lowest-hover": string;
14
+ "neutral-fill-lowest": string;
15
+ "neutral-fill-lowest-hover": string;
16
+ "neutral-fill-low": string;
17
+ "neutral-fill-low-hover": string;
18
+ "neutral-fill-mid": string;
19
+ "neutral-fill-mid-hover": string;
20
+ "neutral-fill-high": string;
21
+ "neutral-fill-high-hover": string;
22
+ "neutral-label-primary": string;
23
+ "neutral-label-secondary": string;
24
+ "neutral-label-tertiary": string;
25
+ "neutral-label-quaternary": string;
26
+ "neutral-label-static-primary": string;
27
+ "neutral-label-static-secondary": string;
28
+ "neutral-border-overlay-strong": string;
29
+ "neutral-border-overlay-normal": string;
30
+ "neutral-border-overlay-subtle": string;
31
+ "neutral-border-opaque-strong": string;
32
+ "neutral-border-opaque-normal": string;
33
+ "neutral-border-opaque-subtle": string;
34
+ "inverse-container-lowest": string;
35
+ "inverse-container-lowest-hover": string;
36
+ "inverse-container-low": string;
37
+ "inverse-container-low-hover": string;
38
+ "inverse-container-mid": string;
39
+ "inverse-container-mid-hover": string;
40
+ "inverse-container-high": string;
41
+ "inverse-container-high-hover": string;
42
+ "inverse-container-static-high": string;
43
+ "inverse-container-static-high-hover": string;
44
+ "inverse-container-highest": string;
45
+ "inverse-fill-mid": string;
46
+ "inverse-fill-mid-hover": string;
47
+ "inverse-label-primary": string;
48
+ "inverse-label-secondary": string;
49
+ "inverse-label-tertiary": string;
50
+ "inverse-label-quaternary": string;
51
+ "inverse-label-static-primary": string;
52
+ "inverse-label-static-secondary": string;
53
+ "inverse-border-overlay-strong": string;
54
+ "inverse-border-overlay-normal": string;
55
+ "inverse-border-overlay-subtle": string;
56
+ "inverse-border-opaque-strong": string;
57
+ "inverse-border-opaque-normal": string;
58
+ "inverse-border-opaque-subtle": string;
59
+ "brand-container-mid": string;
60
+ "brand-container-mid-hover": string;
61
+ "brand-container-high": string;
62
+ "brand-label-primary": string;
63
+ "brand-label-secondary": string;
64
+ "brand-border-opaque-normal": string;
65
+ "brand-border-overlay-normal": string;
66
+ "accent-container-yellow": string;
67
+ "accent-mint": string;
68
+ "accent-cyan": string;
69
+ "accent-purple": string;
70
+ "accent-pink": string;
71
+ "function-container-positive": string;
72
+ "function-container-negative": string;
73
+ "function-container-negative-hover": string;
74
+ "function-container-caution": string;
75
+ "function-label-positive": string;
76
+ "function-label-negative": string;
77
+ "function-label-caution": string;
78
+ };
79
+ radius: {
80
+ "lp-sys-radius-xxs": string;
81
+ "lp-sys-radius-xs": string;
82
+ "lp-sys-radius-s": string;
83
+ "lp-sys-radius-m": string;
84
+ "lp-sys-radius-l": string;
85
+ "lp-sys-radius-xl": string;
86
+ "lp-sys-radius-xxl": string;
87
+ };
88
+ opacity: {
89
+ "lp-pri-color-opacity-80": string;
90
+ "lp-pri-color-opacity-72": string;
91
+ "lp-pri-color-opacity-64": string;
92
+ "lp-pri-color-opacity-56": string;
93
+ "lp-pri-color-opacity-50": string;
94
+ "lp-pri-color-opacity-48": string;
95
+ "lp-pri-color-opacity-44": string;
96
+ "lp-pri-color-opacity-40": string;
97
+ "lp-pri-color-opacity-36": string;
98
+ "lp-pri-color-opacity-32": string;
99
+ "lp-pri-color-opacity-28": string;
100
+ "lp-pri-color-opacity-24": string;
101
+ "lp-pri-color-opacity-20": string;
102
+ "lp-pri-color-opacity-16": string;
103
+ "lp-pri-color-opacity-12": string;
104
+ "lp-pri-color-opacity-8": string;
105
+ "lp-pri-color-opacity-4": string;
106
+ "lp-pri-color-opacity-1": string;
107
+ "lp-pri-color-opacity-0": string;
108
+ };
109
+ padding: {
110
+ "lp-sys-padding-component-100": string;
111
+ "lp-sys-padding-component-200": string;
112
+ "lp-sys-padding-component-300": string;
113
+ "lp-sys-padding-component-400": string;
114
+ "lp-sys-padding-component-500": string;
115
+ "lp-sys-padding-component-600": string;
116
+ "lp-sys-padding-component-700": string;
117
+ "lp-sys-padding-component-800": string;
118
+ "lp-sys-padding-component-900": string;
119
+ "lp-sys-padding-section-100": string;
120
+ "lp-sys-padding-section-200": string;
121
+ "lp-sys-padding-section-300": string;
122
+ "lp-sys-padding-section-400": string;
123
+ "lp-sys-padding-section-500": string;
124
+ "lp-sys-padding-section-600": string;
125
+ "lp-sys-padding-section-700": string;
126
+ "lp-sys-padding-section-800": string;
127
+ "lp-sys-padding-section-900": string;
128
+ };
129
+ size: {
130
+ "lp-pri-size-minus6": string;
131
+ "lp-pri-size-minus4": string;
132
+ "lp-pri-size-minus2": string;
133
+ "lp-pri-size-0": string;
134
+ "lp-pri-size-1": string;
135
+ "lp-pri-size-2": string;
136
+ "lp-pri-size-3": string;
137
+ "lp-pri-size-4": string;
138
+ "lp-pri-size-6": string;
139
+ "lp-pri-size-8": string;
140
+ "lp-pri-size-10": string;
141
+ "lp-pri-size-12": string;
142
+ "lp-pri-size-14": string;
143
+ "lp-pri-size-16": string;
144
+ "lp-pri-size-18": string;
145
+ "lp-pri-size-20": string;
146
+ "lp-pri-size-24": string;
147
+ "lp-pri-size-32": string;
148
+ "lp-pri-size-40": string;
149
+ "lp-pri-size-48": string;
150
+ "lp-pri-size-56": string;
151
+ "lp-pri-size-64": string;
152
+ "lp-pri-size-80": string;
153
+ "lp-pri-size-100": string;
154
+ "lp-pri-size-120": string;
155
+ "lp-pri-size-140": string;
156
+ "lp-pri-size-160": string;
157
+ "lp-pri-size-180": string;
158
+ "lp-pri-size-200": string;
159
+ };
160
+ gap: {
161
+ "lp-sys-gap-positive-50": string;
162
+ "lp-sys-gap-positive-100": string;
163
+ "lp-sys-gap-positive-150": string;
164
+ "lp-sys-gap-positive-200": string;
165
+ "lp-sys-gap-positive-300": string;
166
+ "lp-sys-gap-positive-400": string;
167
+ "lp-sys-gap-positive-500": string;
168
+ "lp-sys-gap-positive-600": string;
169
+ "lp-sys-gap-positive-700": string;
170
+ "lp-sys-gap-positive-800": string;
171
+ "lp-sys-gap-positive-900": string;
172
+ "lp-sys-gap-negative-700": string;
173
+ "lp-sys-gap-negative-800": string;
174
+ "lp-sys-gap-negative-900": string;
175
+ };
176
+ };
package/lib/index.cjs CHANGED
@@ -32,196 +32,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
32
32
  var src_exports = {};
33
33
  __export(src_exports, {
34
34
  DesignSystemHead: () => DesignSystemHead,
35
- font: () => font,
36
- gap: () => gap,
37
- opacity: () => opacity,
38
- padding: () => padding,
39
- radius: () => radius,
40
- size: () => size,
41
35
  useDarkTheme: () => useDarkTheme,
42
36
  useLanguage: () => useLanguage,
43
37
  vars: () => vars
44
38
  });
45
39
  module.exports = __toCommonJS(src_exports);
46
40
 
47
- // src/design/size/type.ts
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
78
- };
79
-
80
- // src/design/radius/index.ts
81
- var radius = {
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"]
89
- };
90
-
91
- // src/design/opacity/index.ts
92
- var opacity = {
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%"
112
- };
113
-
114
- // src/design/size/index.ts
115
- var size = {
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"]
145
- };
146
-
147
- // src/design/typography/primitive.ts
148
- var lineHeight = {
149
- "lp-pri-font-lineheight-120": "120%",
150
- "lp-pri-font-lineheight-130": "130%",
151
- "lp-pri-font-lineheight-150": "150%",
152
- "lp-pri-font-lineheight-180": "180%"
153
- };
154
- var size2 = {
155
- "lp-pri-font-size-8": 8,
156
- "lp-pri-font-size-11": 11,
157
- "lp-pri-font-size-12": 12,
158
- "lp-pri-font-size-13": 13,
159
- "lp-pri-font-size-14": 14,
160
- "lp-pri-font-size-15": 15,
161
- "lp-pri-font-size-16": 16,
162
- "lp-pri-font-size-17": 17,
163
- "lp-pri-font-size-20": 20,
164
- "lp-pri-font-size-24": 24,
165
- "lp-pri-font-size-28": 28,
166
- "lp-pri-font-size-32": 32,
167
- "lp-pri-font-size-40": 40,
168
- "lp-pri-font-size-64": 64,
169
- "lp-pri-font-size-72": 72
170
- };
171
- var weight = {
172
- "lp-pri-font-weight-300": 300,
173
- "lp-pri-font-weight-350": 350,
174
- "lp-pri-font-weight-400": 400,
175
- "lp-pri-font-weight-420": 420,
176
- "lp-pri-font-weight-450": 450,
177
- "lp-pri-font-weight-500": 500,
178
- "lp-pri-font-weight-600": 600,
179
- "lp-pri-font-weight-650": 650,
180
- "lp-pri-font-weight-700": 700,
181
- "lp-pri-font-weight-800": 800
182
- };
183
- var font = { weight, lineHeight, size: size2 };
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
-
225
41
  // src/hooks/useDarkTheme.ts
226
42
  var import_react = require("react");
227
43
  var useDarkTheme = /* @__PURE__ */ __name(() => {
@@ -268,7 +84,7 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
268
84
  ));
269
85
  }, "DesignSystemHead");
270
86
 
271
- // src/design/vars.ts
272
- var 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)" } };
87
+ // src/generated/vars.ts
88
+ var 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)" }, "radius": { "lp-sys-radius-xxs": "var(--lp-sys-radius-xxs)", "lp-sys-radius-xs": "var(--lp-sys-radius-xs)", "lp-sys-radius-s": "var(--lp-sys-radius-s)", "lp-sys-radius-m": "var(--lp-sys-radius-m)", "lp-sys-radius-l": "var(--lp-sys-radius-l)", "lp-sys-radius-xl": "var(--lp-sys-radius-xl)", "lp-sys-radius-xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "lp-pri-color-opacity-80": "var(--lp-pri-color-opacity-80)", "lp-pri-color-opacity-72": "var(--lp-pri-color-opacity-72)", "lp-pri-color-opacity-64": "var(--lp-pri-color-opacity-64)", "lp-pri-color-opacity-56": "var(--lp-pri-color-opacity-56)", "lp-pri-color-opacity-50": "var(--lp-pri-color-opacity-50)", "lp-pri-color-opacity-48": "var(--lp-pri-color-opacity-48)", "lp-pri-color-opacity-44": "var(--lp-pri-color-opacity-44)", "lp-pri-color-opacity-40": "var(--lp-pri-color-opacity-40)", "lp-pri-color-opacity-36": "var(--lp-pri-color-opacity-36)", "lp-pri-color-opacity-32": "var(--lp-pri-color-opacity-32)", "lp-pri-color-opacity-28": "var(--lp-pri-color-opacity-28)", "lp-pri-color-opacity-24": "var(--lp-pri-color-opacity-24)", "lp-pri-color-opacity-20": "var(--lp-pri-color-opacity-20)", "lp-pri-color-opacity-16": "var(--lp-pri-color-opacity-16)", "lp-pri-color-opacity-12": "var(--lp-pri-color-opacity-12)", "lp-pri-color-opacity-8": "var(--lp-pri-color-opacity-8)", "lp-pri-color-opacity-4": "var(--lp-pri-color-opacity-4)", "lp-pri-color-opacity-1": "var(--lp-pri-color-opacity-1)", "lp-pri-color-opacity-0": "var(--lp-pri-color-opacity-0)" }, "padding": { "lp-sys-padding-component-100": "var(--lp-sys-padding-component-100)", "lp-sys-padding-component-200": "var(--lp-sys-padding-component-200)", "lp-sys-padding-component-300": "var(--lp-sys-padding-component-300)", "lp-sys-padding-component-400": "var(--lp-sys-padding-component-400)", "lp-sys-padding-component-500": "var(--lp-sys-padding-component-500)", "lp-sys-padding-component-600": "var(--lp-sys-padding-component-600)", "lp-sys-padding-component-700": "var(--lp-sys-padding-component-700)", "lp-sys-padding-component-800": "var(--lp-sys-padding-component-800)", "lp-sys-padding-component-900": "var(--lp-sys-padding-component-900)", "lp-sys-padding-section-100": "var(--lp-sys-padding-section-100)", "lp-sys-padding-section-200": "var(--lp-sys-padding-section-200)", "lp-sys-padding-section-300": "var(--lp-sys-padding-section-300)", "lp-sys-padding-section-400": "var(--lp-sys-padding-section-400)", "lp-sys-padding-section-500": "var(--lp-sys-padding-section-500)", "lp-sys-padding-section-600": "var(--lp-sys-padding-section-600)", "lp-sys-padding-section-700": "var(--lp-sys-padding-section-700)", "lp-sys-padding-section-800": "var(--lp-sys-padding-section-800)", "lp-sys-padding-section-900": "var(--lp-sys-padding-section-900)" }, "size": { "lp-pri-size-minus6": "var(--lp-pri-size-minus6)", "lp-pri-size-minus4": "var(--lp-pri-size-minus4)", "lp-pri-size-minus2": "var(--lp-pri-size-minus2)", "lp-pri-size-0": "var(--lp-pri-size-0)", "lp-pri-size-1": "var(--lp-pri-size-1)", "lp-pri-size-2": "var(--lp-pri-size-2)", "lp-pri-size-3": "var(--lp-pri-size-3)", "lp-pri-size-4": "var(--lp-pri-size-4)", "lp-pri-size-6": "var(--lp-pri-size-6)", "lp-pri-size-8": "var(--lp-pri-size-8)", "lp-pri-size-10": "var(--lp-pri-size-10)", "lp-pri-size-12": "var(--lp-pri-size-12)", "lp-pri-size-14": "var(--lp-pri-size-14)", "lp-pri-size-16": "var(--lp-pri-size-16)", "lp-pri-size-18": "var(--lp-pri-size-18)", "lp-pri-size-20": "var(--lp-pri-size-20)", "lp-pri-size-24": "var(--lp-pri-size-24)", "lp-pri-size-32": "var(--lp-pri-size-32)", "lp-pri-size-40": "var(--lp-pri-size-40)", "lp-pri-size-48": "var(--lp-pri-size-48)", "lp-pri-size-56": "var(--lp-pri-size-56)", "lp-pri-size-64": "var(--lp-pri-size-64)", "lp-pri-size-80": "var(--lp-pri-size-80)", "lp-pri-size-100": "var(--lp-pri-size-100)", "lp-pri-size-120": "var(--lp-pri-size-120)", "lp-pri-size-140": "var(--lp-pri-size-140)", "lp-pri-size-160": "var(--lp-pri-size-160)", "lp-pri-size-180": "var(--lp-pri-size-180)", "lp-pri-size-200": "var(--lp-pri-size-200)" }, "gap": { "lp-sys-gap-positive-50": "var(--lp-sys-gap-positive-50)", "lp-sys-gap-positive-100": "var(--lp-sys-gap-positive-100)", "lp-sys-gap-positive-150": "var(--lp-sys-gap-positive-150)", "lp-sys-gap-positive-200": "var(--lp-sys-gap-positive-200)", "lp-sys-gap-positive-300": "var(--lp-sys-gap-positive-300)", "lp-sys-gap-positive-400": "var(--lp-sys-gap-positive-400)", "lp-sys-gap-positive-500": "var(--lp-sys-gap-positive-500)", "lp-sys-gap-positive-600": "var(--lp-sys-gap-positive-600)", "lp-sys-gap-positive-700": "var(--lp-sys-gap-positive-700)", "lp-sys-gap-positive-800": "var(--lp-sys-gap-positive-800)", "lp-sys-gap-positive-900": "var(--lp-sys-gap-positive-900)", "lp-sys-gap-negative-700": "var(--lp-sys-gap-negative-700)", "lp-sys-gap-negative-800": "var(--lp-sys-gap-negative-800)", "lp-sys-gap-negative-900": "var(--lp-sys-gap-negative-900)" } };
273
89
  /*! For license information please see index.cjs.LEGAL.txt */
274
90
  //# sourceMappingURL=index.cjs.map