@l3mpire/tokens 0.5.4 → 0.5.5

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 (4) hide show
  1. package/dist/css/components.css +29 -0
  2. package/dist/css/tokens.css +29 -0
  3. package/dist/ts/tokens.ts +29 -0
  4. package/package.json +6 -6
package/dist/css/components.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --comp-btn-outlined-neutral-bg-gradient-to-hover: var(--grey-50);
33
33
  --comp-btn-outlined-neutral-bg-gradient-to-pressed: var(--grey-100);
34
34
  --comp-checkbox-disabled-bg: var(--grey-200);
35
+ --comp-datepicker-day-today: var(--red-300);
35
36
  --comp-modal-overlay: var(--grey-900);
36
37
  --comp-select-bg-default: var(--grey-50);
37
38
  --comp-select-bg-gradient-to: var(--grey-white);
@@ -157,6 +158,23 @@
157
158
  --comp-checkbox-disabled-icon: var(--core-text-functional-disabled);
158
159
  --comp-checkbox-label-default: var(--core-text-main-primary);
159
160
  --comp-checkbox-label-disabled: var(--core-text-functional-disabled);
161
+ --comp-datepicker-bg: var(--core-bg-main-primary);
162
+ --comp-datepicker-border: var(--core-border-main-primary);
163
+ --comp-datepicker-day-text-default: var(--core-text-main-primary);
164
+ --comp-datepicker-day-text-disabled: var(--core-text-functional-disabled);
165
+ --comp-datepicker-day-text-selected: var(--core-text-main-invert-primary);
166
+ --comp-datepicker-day-text-range: var(--core-text-main-primary);
167
+ --comp-datepicker-day-bg-hover: var(--interactive-bg-primary-light-hover);
168
+ --comp-datepicker-day-bg-selected: var(--interactive-bg-primary-dark-default);
169
+ --comp-datepicker-day-bg-range: var(--interactive-bg-primary-light-hover);
170
+ --comp-datepicker-header-text: var(--core-text-main-primary);
171
+ --comp-datepicker-header-weekday: var(--core-text-main-secondary);
172
+ --comp-datepicker-header-nav: var(--core-text-main-primary);
173
+ --comp-datepicker-suggestion-heading: var(--core-text-main-tertiary);
174
+ --comp-datepicker-suggestion-text: var(--core-text-main-primary);
175
+ --comp-datepicker-suggestion-date: var(--core-text-main-secondary);
176
+ --comp-datepicker-suggestion-hover: var(--interactive-bg-primary-light-hover);
177
+ --comp-datepicker-footer-border: var(--core-border-main-primary);
160
178
  --comp-dropdown-bg: var(--core-bg-main-primary);
161
179
  --comp-dropdown-border: var(--core-border-main-primary);
162
180
  --comp-dropdown-item-text: var(--core-text-main-primary);
@@ -165,6 +183,17 @@
165
183
  --comp-dropdown-item-icon: var(--core-text-main-secondary);
166
184
  --comp-dropdown-heading-text: var(--core-text-main-tertiary);
167
185
  --comp-dropdown-clear-text: var(--core-text-main-primary);
186
+ --comp-filter-chip-bg: var(--core-bg-main-primary);
187
+ --comp-filter-chip-border: var(--core-border-main-primary);
188
+ --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
189
+ --comp-filter-chip-segment-bg-pressed: var(--interactive-bg-white-pressed);
190
+ --comp-filter-chip-segment-border: var(--core-border-main-primary);
191
+ --comp-filter-chip-segment-text: var(--core-text-main-primary);
192
+ --comp-filter-chip-segment-icon: var(--core-text-main-secondary);
193
+ --comp-filter-chip-segment-placeholder: var(--core-text-main-tertiary);
194
+ --comp-filter-chip-badge-bg: var(--core-bg-functional-invert-info);
195
+ --comp-filter-chip-badge-text: var(--core-text-functional-info);
196
+ --comp-filter-chip-kebab-text: var(--core-text-main-primary);
168
197
  --comp-info-message-info-bg: var(--core-bg-functional-invert-info);
169
198
  --comp-info-message-info-icon: var(--core-text-functional-info);
170
199
  --comp-info-message-success-bg: var(--core-bg-functional-invert-success);
package/dist/css/tokens.css CHANGED
@@ -333,6 +333,7 @@
333
333
  --comp-btn-outlined-neutral-bg-gradient-to-hover: var(--grey-50);
334
334
  --comp-btn-outlined-neutral-bg-gradient-to-pressed: var(--grey-100);
335
335
  --comp-checkbox-disabled-bg: var(--grey-200);
336
+ --comp-datepicker-day-today: var(--red-300);
336
337
  --comp-modal-overlay: var(--grey-900);
337
338
  --comp-select-bg-default: var(--grey-50);
338
339
  --comp-select-bg-gradient-to: var(--grey-white);
@@ -458,6 +459,23 @@
458
459
  --comp-checkbox-disabled-icon: var(--core-text-functional-disabled);
459
460
  --comp-checkbox-label-default: var(--core-text-main-primary);
460
461
  --comp-checkbox-label-disabled: var(--core-text-functional-disabled);
462
+ --comp-datepicker-bg: var(--core-bg-main-primary);
463
+ --comp-datepicker-border: var(--core-border-main-primary);
464
+ --comp-datepicker-day-text-default: var(--core-text-main-primary);
465
+ --comp-datepicker-day-text-disabled: var(--core-text-functional-disabled);
466
+ --comp-datepicker-day-text-selected: var(--core-text-main-invert-primary);
467
+ --comp-datepicker-day-text-range: var(--core-text-main-primary);
468
+ --comp-datepicker-day-bg-hover: var(--interactive-bg-primary-light-hover);
469
+ --comp-datepicker-day-bg-selected: var(--interactive-bg-primary-dark-default);
470
+ --comp-datepicker-day-bg-range: var(--interactive-bg-primary-light-hover);
471
+ --comp-datepicker-header-text: var(--core-text-main-primary);
472
+ --comp-datepicker-header-weekday: var(--core-text-main-secondary);
473
+ --comp-datepicker-header-nav: var(--core-text-main-primary);
474
+ --comp-datepicker-suggestion-heading: var(--core-text-main-tertiary);
475
+ --comp-datepicker-suggestion-text: var(--core-text-main-primary);
476
+ --comp-datepicker-suggestion-date: var(--core-text-main-secondary);
477
+ --comp-datepicker-suggestion-hover: var(--interactive-bg-primary-light-hover);
478
+ --comp-datepicker-footer-border: var(--core-border-main-primary);
461
479
  --comp-dropdown-bg: var(--core-bg-main-primary);
462
480
  --comp-dropdown-border: var(--core-border-main-primary);
463
481
  --comp-dropdown-item-text: var(--core-text-main-primary);
@@ -466,6 +484,17 @@
466
484
  --comp-dropdown-item-icon: var(--core-text-main-secondary);
467
485
  --comp-dropdown-heading-text: var(--core-text-main-tertiary);
468
486
  --comp-dropdown-clear-text: var(--core-text-main-primary);
487
+ --comp-filter-chip-bg: var(--core-bg-main-primary);
488
+ --comp-filter-chip-border: var(--core-border-main-primary);
489
+ --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
490
+ --comp-filter-chip-segment-bg-pressed: var(--interactive-bg-white-pressed);
491
+ --comp-filter-chip-segment-border: var(--core-border-main-primary);
492
+ --comp-filter-chip-segment-text: var(--core-text-main-primary);
493
+ --comp-filter-chip-segment-icon: var(--core-text-main-secondary);
494
+ --comp-filter-chip-segment-placeholder: var(--core-text-main-tertiary);
495
+ --comp-filter-chip-badge-bg: var(--core-bg-functional-invert-info);
496
+ --comp-filter-chip-badge-text: var(--core-text-functional-info);
497
+ --comp-filter-chip-kebab-text: var(--core-text-main-primary);
469
498
  --comp-info-message-info-bg: var(--core-bg-functional-invert-info);
470
499
  --comp-info-message-info-icon: var(--core-text-functional-info);
471
500
  --comp-info-message-success-bg: var(--core-bg-functional-invert-success);
package/dist/ts/tokens.ts CHANGED
@@ -440,6 +440,24 @@ export const tokens = {
440
440
  "comp-checkbox-disabled-icon": "#b7bec6",
441
441
  "comp-checkbox-label-default": "#213856",
442
442
  "comp-checkbox-label-disabled": "#b7bec6",
443
+ "comp-datepicker-bg": "#ffffff",
444
+ "comp-datepicker-border": "#efefef",
445
+ "comp-datepicker-day-text-default": "#213856",
446
+ "comp-datepicker-day-text-disabled": "#b7bec6",
447
+ "comp-datepicker-day-text-selected": "#ffffff",
448
+ "comp-datepicker-day-text-range": "#213856",
449
+ "comp-datepicker-day-bg-hover": "#f5f8ff",
450
+ "comp-datepicker-day-bg-selected": "#316bff",
451
+ "comp-datepicker-day-bg-range": "#f5f8ff",
452
+ "comp-datepicker-day-today": "#f8b1b1",
453
+ "comp-datepicker-header-text": "#213856",
454
+ "comp-datepicker-header-weekday": "#566f8f",
455
+ "comp-datepicker-header-nav": "#213856",
456
+ "comp-datepicker-suggestion-heading": "#98a1ac",
457
+ "comp-datepicker-suggestion-text": "#213856",
458
+ "comp-datepicker-suggestion-date": "#566f8f",
459
+ "comp-datepicker-suggestion-hover": "#f5f8ff",
460
+ "comp-datepicker-footer-border": "#efefef",
443
461
  "comp-dropdown-bg": "#ffffff",
444
462
  "comp-dropdown-border": "#efefef",
445
463
  "comp-dropdown-item-text": "#213856",
@@ -448,6 +466,17 @@ export const tokens = {
448
466
  "comp-dropdown-item-icon": "#566f8f",
449
467
  "comp-dropdown-heading-text": "#98a1ac",
450
468
  "comp-dropdown-clear-text": "#213856",
469
+ "comp-filter-chip-bg": "#ffffff",
470
+ "comp-filter-chip-border": "#efefef",
471
+ "comp-filter-chip-segment-bg-hover": "#fafafa",
472
+ "comp-filter-chip-segment-bg-pressed": "#f2f2f2",
473
+ "comp-filter-chip-segment-border": "#efefef",
474
+ "comp-filter-chip-segment-text": "#213856",
475
+ "comp-filter-chip-segment-icon": "#566f8f",
476
+ "comp-filter-chip-segment-placeholder": "#98a1ac",
477
+ "comp-filter-chip-badge-bg": "#f5f8ff",
478
+ "comp-filter-chip-badge-text": "#316bff",
479
+ "comp-filter-chip-kebab-text": "#213856",
451
480
  "comp-info-message-info-bg": "#f5f8ff",
452
481
  "comp-info-message-info-icon": "#316bff",
453
482
  "comp-info-message-success-bg": "#f0fdf0",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/tokens",
3
- "version": "0.5.4",
3
+ "version": "0.5.5",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"
@@ -18,13 +18,13 @@
18
18
  "files": [
19
19
  "dist"
20
20
  ],
21
+ "scripts": {
22
+ "build": "tsx style-dictionary.config.ts",
23
+ "clean": "rm -rf dist .turbo"
24
+ },
21
25
  "devDependencies": {
22
26
  "style-dictionary": "^4",
23
27
  "tsx": "^4",
24
28
  "typescript": "^5"
25
- },
26
- "scripts": {
27
- "build": "tsx style-dictionary.config.ts",
28
- "clean": "rm -rf dist .turbo"
29
29
  }
30
- }
30
+ }