@l3mpire/tokens 0.10.0 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/components.css +1 -0
- package/dist/css/sizing.css +20 -17
- package/dist/css/tokens.css +21 -17
- package/dist/ts/tokens.ts +21 -17
- package/package.json +1 -1
package/dist/css/components.css
CHANGED
|
@@ -87,6 +87,7 @@
|
|
|
87
87
|
--comp-browser-tab-item-active-icon: var(--core-text-main-primary);
|
|
88
88
|
--comp-browser-tab-item-inactive-text: var(--core-text-main-tertiary);
|
|
89
89
|
--comp-browser-tab-item-inactive-icon: var(--core-text-main-tertiary);
|
|
90
|
+
--comp-browser-tab-item-hover-bg: var(--interactive-bg-white-hover);
|
|
90
91
|
--comp-browser-tab-item-hover-icon: var(--core-text-main-secondary);
|
|
91
92
|
--comp-bulk-action-bg: var(--core-bg-main-primary);
|
|
92
93
|
--comp-bulk-action-border: var(--core-border-main-primary);
|
package/dist/css/sizing.css
CHANGED
|
@@ -8,34 +8,37 @@
|
|
|
8
8
|
--radius-xs: 4px;
|
|
9
9
|
--radius-sm: 6px;
|
|
10
10
|
--radius-base: 8px;
|
|
11
|
-
--radius-md:
|
|
12
|
-
--radius-lg:
|
|
13
|
-
--radius-xl:
|
|
11
|
+
--radius-md: 10px;
|
|
12
|
+
--radius-lg: 12px;
|
|
13
|
+
--radius-xl: 16px;
|
|
14
|
+
--radius-2xl: 24px;
|
|
14
15
|
--radius-full: 9999px;
|
|
15
16
|
--spacing-none: 0;
|
|
16
17
|
--spacing-2xs: 2px;
|
|
17
18
|
--spacing-xs: 4px;
|
|
18
19
|
--spacing-sm: 6px;
|
|
19
20
|
--spacing-base: 8px;
|
|
20
|
-
--spacing-md:
|
|
21
|
-
--spacing-lg:
|
|
22
|
-
--spacing-xl:
|
|
23
|
-
--spacing-2xl:
|
|
24
|
-
--spacing-3xl:
|
|
25
|
-
--spacing-4xl:
|
|
26
|
-
--spacing-5xl:
|
|
21
|
+
--spacing-md: 10px;
|
|
22
|
+
--spacing-lg: 12px;
|
|
23
|
+
--spacing-xl: 16px;
|
|
24
|
+
--spacing-2xl: 24px;
|
|
25
|
+
--spacing-3xl: 32px;
|
|
26
|
+
--spacing-4xl: 40px;
|
|
27
|
+
--spacing-5xl: 48px;
|
|
28
|
+
--spacing-6xl: 56px;
|
|
27
29
|
--gap-none: 0;
|
|
28
30
|
--gap-2xs: 2px;
|
|
29
31
|
--gap-xs: 4px;
|
|
30
32
|
--gap-sm: 6px;
|
|
31
33
|
--gap-base: 8px;
|
|
32
|
-
--gap-md:
|
|
33
|
-
--gap-lg:
|
|
34
|
-
--gap-xl:
|
|
35
|
-
--gap-2xl:
|
|
36
|
-
--gap-3xl:
|
|
37
|
-
--gap-4xl:
|
|
38
|
-
--gap-5xl:
|
|
34
|
+
--gap-md: 10px;
|
|
35
|
+
--gap-lg: 12px;
|
|
36
|
+
--gap-xl: 16px;
|
|
37
|
+
--gap-2xl: 24px;
|
|
38
|
+
--gap-3xl: 32px;
|
|
39
|
+
--gap-4xl: 40px;
|
|
40
|
+
--gap-5xl: 48px;
|
|
41
|
+
--gap-6xl: 56px;
|
|
39
42
|
--stroke-none: 0;
|
|
40
43
|
--stroke-base: 1px;
|
|
41
44
|
--stroke-md: 2px;
|
package/dist/css/tokens.css
CHANGED
|
@@ -123,34 +123,37 @@
|
|
|
123
123
|
--radius-xs: 4px;
|
|
124
124
|
--radius-sm: 6px;
|
|
125
125
|
--radius-base: 8px;
|
|
126
|
-
--radius-md:
|
|
127
|
-
--radius-lg:
|
|
128
|
-
--radius-xl:
|
|
126
|
+
--radius-md: 10px;
|
|
127
|
+
--radius-lg: 12px;
|
|
128
|
+
--radius-xl: 16px;
|
|
129
|
+
--radius-2xl: 24px;
|
|
129
130
|
--radius-full: 9999px;
|
|
130
131
|
--spacing-none: 0;
|
|
131
132
|
--spacing-2xs: 2px;
|
|
132
133
|
--spacing-xs: 4px;
|
|
133
134
|
--spacing-sm: 6px;
|
|
134
135
|
--spacing-base: 8px;
|
|
135
|
-
--spacing-md:
|
|
136
|
-
--spacing-lg:
|
|
137
|
-
--spacing-xl:
|
|
138
|
-
--spacing-2xl:
|
|
139
|
-
--spacing-3xl:
|
|
140
|
-
--spacing-4xl:
|
|
141
|
-
--spacing-5xl:
|
|
136
|
+
--spacing-md: 10px;
|
|
137
|
+
--spacing-lg: 12px;
|
|
138
|
+
--spacing-xl: 16px;
|
|
139
|
+
--spacing-2xl: 24px;
|
|
140
|
+
--spacing-3xl: 32px;
|
|
141
|
+
--spacing-4xl: 40px;
|
|
142
|
+
--spacing-5xl: 48px;
|
|
143
|
+
--spacing-6xl: 56px;
|
|
142
144
|
--gap-none: 0;
|
|
143
145
|
--gap-2xs: 2px;
|
|
144
146
|
--gap-xs: 4px;
|
|
145
147
|
--gap-sm: 6px;
|
|
146
148
|
--gap-base: 8px;
|
|
147
|
-
--gap-md:
|
|
148
|
-
--gap-lg:
|
|
149
|
-
--gap-xl:
|
|
150
|
-
--gap-2xl:
|
|
151
|
-
--gap-3xl:
|
|
152
|
-
--gap-4xl:
|
|
153
|
-
--gap-5xl:
|
|
149
|
+
--gap-md: 10px;
|
|
150
|
+
--gap-lg: 12px;
|
|
151
|
+
--gap-xl: 16px;
|
|
152
|
+
--gap-2xl: 24px;
|
|
153
|
+
--gap-3xl: 32px;
|
|
154
|
+
--gap-4xl: 40px;
|
|
155
|
+
--gap-5xl: 48px;
|
|
156
|
+
--gap-6xl: 56px;
|
|
154
157
|
--stroke-none: 0;
|
|
155
158
|
--stroke-base: 1px;
|
|
156
159
|
--stroke-md: 2px;
|
|
@@ -389,6 +392,7 @@
|
|
|
389
392
|
--comp-browser-tab-item-active-icon: var(--core-text-main-primary);
|
|
390
393
|
--comp-browser-tab-item-inactive-text: var(--core-text-main-tertiary);
|
|
391
394
|
--comp-browser-tab-item-inactive-icon: var(--core-text-main-tertiary);
|
|
395
|
+
--comp-browser-tab-item-hover-bg: var(--interactive-bg-white-hover);
|
|
392
396
|
--comp-browser-tab-item-hover-icon: var(--core-text-main-secondary);
|
|
393
397
|
--comp-bulk-action-bg: var(--core-bg-main-primary);
|
|
394
398
|
--comp-bulk-action-border: var(--core-border-main-primary);
|
package/dist/ts/tokens.ts
CHANGED
|
@@ -252,34 +252,37 @@ export const tokens = {
|
|
|
252
252
|
"radius-xs": "4px",
|
|
253
253
|
"radius-sm": "6px",
|
|
254
254
|
"radius-base": "8px",
|
|
255
|
-
"radius-md": "
|
|
256
|
-
"radius-lg": "
|
|
257
|
-
"radius-xl": "
|
|
255
|
+
"radius-md": "10px",
|
|
256
|
+
"radius-lg": "12px",
|
|
257
|
+
"radius-xl": "16px",
|
|
258
|
+
"radius-2xl": "24px",
|
|
258
259
|
"radius-full": "9999px",
|
|
259
260
|
"spacing-none": "0",
|
|
260
261
|
"spacing-2xs": "2px",
|
|
261
262
|
"spacing-xs": "4px",
|
|
262
263
|
"spacing-sm": "6px",
|
|
263
264
|
"spacing-base": "8px",
|
|
264
|
-
"spacing-md": "
|
|
265
|
-
"spacing-lg": "
|
|
266
|
-
"spacing-xl": "
|
|
267
|
-
"spacing-2xl": "
|
|
268
|
-
"spacing-3xl": "
|
|
269
|
-
"spacing-4xl": "
|
|
270
|
-
"spacing-5xl": "
|
|
265
|
+
"spacing-md": "10px",
|
|
266
|
+
"spacing-lg": "12px",
|
|
267
|
+
"spacing-xl": "16px",
|
|
268
|
+
"spacing-2xl": "24px",
|
|
269
|
+
"spacing-3xl": "32px",
|
|
270
|
+
"spacing-4xl": "40px",
|
|
271
|
+
"spacing-5xl": "48px",
|
|
272
|
+
"spacing-6xl": "56px",
|
|
271
273
|
"gap-none": "0",
|
|
272
274
|
"gap-2xs": "2px",
|
|
273
275
|
"gap-xs": "4px",
|
|
274
276
|
"gap-sm": "6px",
|
|
275
277
|
"gap-base": "8px",
|
|
276
|
-
"gap-md": "
|
|
277
|
-
"gap-lg": "
|
|
278
|
-
"gap-xl": "
|
|
279
|
-
"gap-2xl": "
|
|
280
|
-
"gap-3xl": "
|
|
281
|
-
"gap-4xl": "
|
|
282
|
-
"gap-5xl": "
|
|
278
|
+
"gap-md": "10px",
|
|
279
|
+
"gap-lg": "12px",
|
|
280
|
+
"gap-xl": "16px",
|
|
281
|
+
"gap-2xl": "24px",
|
|
282
|
+
"gap-3xl": "32px",
|
|
283
|
+
"gap-4xl": "40px",
|
|
284
|
+
"gap-5xl": "48px",
|
|
285
|
+
"gap-6xl": "56px",
|
|
283
286
|
"stroke-none": "0",
|
|
284
287
|
"stroke-base": "1px",
|
|
285
288
|
"stroke-md": "2px",
|
|
@@ -340,6 +343,7 @@ export const tokens = {
|
|
|
340
343
|
"comp-browser-tab-item-active-icon": "#213856",
|
|
341
344
|
"comp-browser-tab-item-inactive-text": "#98a1ac",
|
|
342
345
|
"comp-browser-tab-item-inactive-icon": "#98a1ac",
|
|
346
|
+
"comp-browser-tab-item-hover-bg": "#fafafa",
|
|
343
347
|
"comp-browser-tab-item-hover-icon": "#566f8f",
|
|
344
348
|
"comp-bulk-action-bg": "#ffffff",
|
|
345
349
|
"comp-bulk-action-border": "#efefef",
|