@l3mpire/tokens 0.10.1 → 0.12.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.
Files changed (5) hide show
  1. package/dist/css/components.css +7 -0
  2. package/dist/css/sizing.css +20 -17
  3. package/dist/css/tokens.css +27 -17
  4. package/dist/ts/tokens.ts +27 -17
  5. package/package.json +1 -1
package/dist/css/components.css CHANGED
@@ -188,6 +188,13 @@
188
188
  --comp-dropdown-item-icon: var(--core-text-main-secondary);
189
189
  --comp-dropdown-heading-text: var(--core-text-main-tertiary);
190
190
  --comp-dropdown-clear-text: var(--core-text-main-primary);
191
+ --comp-emoji-picker-bg: var(--core-bg-main-primary);
192
+ --comp-emoji-picker-border: var(--core-border-main-primary);
193
+ --comp-emoji-picker-search-bg: var(--core-bg-main-secondary);
194
+ --comp-emoji-picker-text: var(--core-text-main-primary);
195
+ --comp-emoji-picker-text-muted: var(--core-text-main-secondary);
196
+ --comp-emoji-picker-accent: var(--interactive-bg-primary-dark-default);
197
+ --comp-emoji-picker-category-bg: var(--core-bg-main-primary);
191
198
  --comp-filter-chip-bg: var(--core-bg-main-primary);
192
199
  --comp-filter-chip-border: var(--core-border-main-primary);
193
200
  --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
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: 12px;
12
- --radius-lg: 16px;
13
- --radius-xl: 24px;
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: 12px;
21
- --spacing-lg: 16px;
22
- --spacing-xl: 24px;
23
- --spacing-2xl: 32px;
24
- --spacing-3xl: 40px;
25
- --spacing-4xl: 48px;
26
- --spacing-5xl: 56px;
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: 12px;
33
- --gap-lg: 16px;
34
- --gap-xl: 24px;
35
- --gap-2xl: 32px;
36
- --gap-3xl: 40px;
37
- --gap-4xl: 48px;
38
- --gap-5xl: 56px;
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: 12px;
127
- --radius-lg: 16px;
128
- --radius-xl: 24px;
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: 12px;
136
- --spacing-lg: 16px;
137
- --spacing-xl: 24px;
138
- --spacing-2xl: 32px;
139
- --spacing-3xl: 40px;
140
- --spacing-4xl: 48px;
141
- --spacing-5xl: 56px;
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: 12px;
148
- --gap-lg: 16px;
149
- --gap-xl: 24px;
150
- --gap-2xl: 32px;
151
- --gap-3xl: 40px;
152
- --gap-4xl: 48px;
153
- --gap-5xl: 56px;
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;
@@ -490,6 +493,13 @@
490
493
  --comp-dropdown-item-icon: var(--core-text-main-secondary);
491
494
  --comp-dropdown-heading-text: var(--core-text-main-tertiary);
492
495
  --comp-dropdown-clear-text: var(--core-text-main-primary);
496
+ --comp-emoji-picker-bg: var(--core-bg-main-primary);
497
+ --comp-emoji-picker-border: var(--core-border-main-primary);
498
+ --comp-emoji-picker-search-bg: var(--core-bg-main-secondary);
499
+ --comp-emoji-picker-text: var(--core-text-main-primary);
500
+ --comp-emoji-picker-text-muted: var(--core-text-main-secondary);
501
+ --comp-emoji-picker-accent: var(--interactive-bg-primary-dark-default);
502
+ --comp-emoji-picker-category-bg: var(--core-bg-main-primary);
493
503
  --comp-filter-chip-bg: var(--core-bg-main-primary);
494
504
  --comp-filter-chip-border: var(--core-border-main-primary);
495
505
  --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
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": "12px",
256
- "radius-lg": "16px",
257
- "radius-xl": "24px",
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": "12px",
265
- "spacing-lg": "16px",
266
- "spacing-xl": "24px",
267
- "spacing-2xl": "32px",
268
- "spacing-3xl": "40px",
269
- "spacing-4xl": "48px",
270
- "spacing-5xl": "56px",
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": "12px",
277
- "gap-lg": "16px",
278
- "gap-xl": "24px",
279
- "gap-2xl": "32px",
280
- "gap-3xl": "40px",
281
- "gap-4xl": "48px",
282
- "gap-5xl": "56px",
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",
@@ -471,6 +474,13 @@ export const tokens = {
471
474
  "comp-dropdown-item-icon": "#566f8f",
472
475
  "comp-dropdown-heading-text": "#98a1ac",
473
476
  "comp-dropdown-clear-text": "#213856",
477
+ "comp-emoji-picker-bg": "#ffffff",
478
+ "comp-emoji-picker-border": "#efefef",
479
+ "comp-emoji-picker-search-bg": "#fafafa",
480
+ "comp-emoji-picker-text": "#213856",
481
+ "comp-emoji-picker-text-muted": "#566f8f",
482
+ "comp-emoji-picker-accent": "#316bff",
483
+ "comp-emoji-picker-category-bg": "#ffffff",
474
484
  "comp-filter-chip-bg": "#ffffff",
475
485
  "comp-filter-chip-border": "#efefef",
476
486
  "comp-filter-chip-segment-bg-hover": "#fafafa",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/tokens",
3
- "version": "0.10.1",
3
+ "version": "0.12.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"