@l3mpire/tokens 0.8.0 → 0.10.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/README.md +1 -0
- package/dist/css/components.css +17 -0
- package/dist/css/fonts.css +1 -0
- package/dist/css/tokens.css +18 -0
- package/dist/ts/tokens.ts +18 -0
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/css/components.css
CHANGED
|
@@ -241,6 +241,17 @@
|
|
|
241
241
|
--comp-modal-footer-border: var(--core-border-main-primary);
|
|
242
242
|
--comp-modal-footer-text: var(--core-text-main-secondary);
|
|
243
243
|
--comp-modal-footer-icon: var(--core-text-functional-info);
|
|
244
|
+
--comp-radio-card-bg-default: var(--interactive-bg-white-default);
|
|
245
|
+
--comp-radio-card-bg-hover: var(--interactive-bg-white-hover);
|
|
246
|
+
--comp-radio-card-bg-pressed: var(--interactive-bg-white-pressed);
|
|
247
|
+
--comp-radio-card-border-unselected: var(--core-border-main-primary);
|
|
248
|
+
--comp-radio-card-border-selected-default: var(--interactive-border-primary-dark-default);
|
|
249
|
+
--comp-radio-card-border-selected-hover: var(--interactive-border-primary-dark-hover);
|
|
250
|
+
--comp-radio-card-border-selected-pressed: var(--interactive-border-primary-dark-pressed);
|
|
251
|
+
--comp-radio-card-title: var(--core-text-main-primary);
|
|
252
|
+
--comp-radio-card-description: var(--core-text-main-secondary);
|
|
253
|
+
--comp-radio-card-icon: var(--core-text-main-secondary);
|
|
254
|
+
--comp-radio-card-group-label: var(--core-text-main-secondary);
|
|
244
255
|
--comp-radio-unselected-bg: var(--core-bg-main-primary);
|
|
245
256
|
--comp-radio-unselected-border-default: var(--core-border-main-secondary);
|
|
246
257
|
--comp-radio-unselected-border-hover: var(--interactive-border-primary-dark-hover);
|
|
@@ -287,6 +298,12 @@
|
|
|
287
298
|
--comp-sidebar-item-active-text: var(--core-text-main-primary);
|
|
288
299
|
--comp-sidebar-item-chevron: var(--core-text-main-primary);
|
|
289
300
|
--comp-sidebar-heading-text: var(--core-text-main-tertiary);
|
|
301
|
+
--comp-switch-card-bg-off: var(--core-bg-main-primary);
|
|
302
|
+
--comp-switch-card-bg-on: var(--core-bg-functional-invert-info);
|
|
303
|
+
--comp-switch-card-border: var(--core-border-main-primary);
|
|
304
|
+
--comp-switch-card-title: var(--core-text-main-primary);
|
|
305
|
+
--comp-switch-card-description: var(--core-text-main-secondary);
|
|
306
|
+
--comp-switch-card-icon: var(--core-text-main-secondary);
|
|
290
307
|
--comp-switch-on-track-default: var(--interactive-bg-primary-dark-default);
|
|
291
308
|
--comp-switch-on-track-hover: var(--interactive-bg-primary-dark-hover);
|
|
292
309
|
--comp-switch-label-text: var(--core-text-main-primary);
|
package/dist/css/fonts.css
CHANGED
package/dist/css/tokens.css
CHANGED
|
@@ -169,6 +169,7 @@
|
|
|
169
169
|
--font-size-size-lg: 20px;
|
|
170
170
|
--font-size-size-xl: 24px;
|
|
171
171
|
--font-weight-regular: 400;
|
|
172
|
+
--font-weight-medium: 500;
|
|
172
173
|
--font-weight-semibold: 600;
|
|
173
174
|
--font-weight-bold: 700;
|
|
174
175
|
--comp-btn-solid-brand-bg-gradient-to-default: #477bff;
|
|
@@ -542,6 +543,17 @@
|
|
|
542
543
|
--comp-modal-footer-border: var(--core-border-main-primary);
|
|
543
544
|
--comp-modal-footer-text: var(--core-text-main-secondary);
|
|
544
545
|
--comp-modal-footer-icon: var(--core-text-functional-info);
|
|
546
|
+
--comp-radio-card-bg-default: var(--interactive-bg-white-default);
|
|
547
|
+
--comp-radio-card-bg-hover: var(--interactive-bg-white-hover);
|
|
548
|
+
--comp-radio-card-bg-pressed: var(--interactive-bg-white-pressed);
|
|
549
|
+
--comp-radio-card-border-unselected: var(--core-border-main-primary);
|
|
550
|
+
--comp-radio-card-border-selected-default: var(--interactive-border-primary-dark-default);
|
|
551
|
+
--comp-radio-card-border-selected-hover: var(--interactive-border-primary-dark-hover);
|
|
552
|
+
--comp-radio-card-border-selected-pressed: var(--interactive-border-primary-dark-pressed);
|
|
553
|
+
--comp-radio-card-title: var(--core-text-main-primary);
|
|
554
|
+
--comp-radio-card-description: var(--core-text-main-secondary);
|
|
555
|
+
--comp-radio-card-icon: var(--core-text-main-secondary);
|
|
556
|
+
--comp-radio-card-group-label: var(--core-text-main-secondary);
|
|
545
557
|
--comp-radio-unselected-bg: var(--core-bg-main-primary);
|
|
546
558
|
--comp-radio-unselected-border-default: var(--core-border-main-secondary);
|
|
547
559
|
--comp-radio-unselected-border-hover: var(--interactive-border-primary-dark-hover);
|
|
@@ -588,6 +600,12 @@
|
|
|
588
600
|
--comp-sidebar-item-active-text: var(--core-text-main-primary);
|
|
589
601
|
--comp-sidebar-item-chevron: var(--core-text-main-primary);
|
|
590
602
|
--comp-sidebar-heading-text: var(--core-text-main-tertiary);
|
|
603
|
+
--comp-switch-card-bg-off: var(--core-bg-main-primary);
|
|
604
|
+
--comp-switch-card-bg-on: var(--core-bg-functional-invert-info);
|
|
605
|
+
--comp-switch-card-border: var(--core-border-main-primary);
|
|
606
|
+
--comp-switch-card-title: var(--core-text-main-primary);
|
|
607
|
+
--comp-switch-card-description: var(--core-text-main-secondary);
|
|
608
|
+
--comp-switch-card-icon: var(--core-text-main-secondary);
|
|
591
609
|
--comp-switch-on-track-default: var(--interactive-bg-primary-dark-default);
|
|
592
610
|
--comp-switch-on-track-hover: var(--interactive-bg-primary-dark-hover);
|
|
593
611
|
--comp-switch-label-text: var(--core-text-main-primary);
|
package/dist/ts/tokens.ts
CHANGED
|
@@ -298,6 +298,7 @@ export const tokens = {
|
|
|
298
298
|
"font-size-size-lg": "20px",
|
|
299
299
|
"font-size-size-xl": "24px",
|
|
300
300
|
"font-weight-regular": "400",
|
|
301
|
+
"font-weight-medium": "500",
|
|
301
302
|
"font-weight-semibold": "600",
|
|
302
303
|
"font-weight-bold": "700",
|
|
303
304
|
"comp-avatar-fallback-bg": "#316bff",
|
|
@@ -524,6 +525,17 @@ export const tokens = {
|
|
|
524
525
|
"comp-modal-footer-border": "#efefef",
|
|
525
526
|
"comp-modal-footer-text": "#566f8f",
|
|
526
527
|
"comp-modal-footer-icon": "#316bff",
|
|
528
|
+
"comp-radio-card-bg-default": "#ffffff",
|
|
529
|
+
"comp-radio-card-bg-hover": "#fafafa",
|
|
530
|
+
"comp-radio-card-bg-pressed": "#f2f2f2",
|
|
531
|
+
"comp-radio-card-border-unselected": "#efefef",
|
|
532
|
+
"comp-radio-card-border-selected-default": "#316bff",
|
|
533
|
+
"comp-radio-card-border-selected-hover": "#1f5eff",
|
|
534
|
+
"comp-radio-card-border-selected-pressed": "#134cdd",
|
|
535
|
+
"comp-radio-card-title": "#213856",
|
|
536
|
+
"comp-radio-card-description": "#566f8f",
|
|
537
|
+
"comp-radio-card-icon": "#566f8f",
|
|
538
|
+
"comp-radio-card-group-label": "#566f8f",
|
|
527
539
|
"comp-radio-unselected-bg": "#ffffff",
|
|
528
540
|
"comp-radio-unselected-border-default": "#e6e6e6",
|
|
529
541
|
"comp-radio-unselected-border-hover": "#1f5eff",
|
|
@@ -575,6 +587,12 @@ export const tokens = {
|
|
|
575
587
|
"comp-sidebar-item-active-text": "#213856",
|
|
576
588
|
"comp-sidebar-item-chevron": "#213856",
|
|
577
589
|
"comp-sidebar-heading-text": "#98a1ac",
|
|
590
|
+
"comp-switch-card-bg-off": "#ffffff",
|
|
591
|
+
"comp-switch-card-bg-on": "#f5f8ff",
|
|
592
|
+
"comp-switch-card-border": "#efefef",
|
|
593
|
+
"comp-switch-card-title": "#213856",
|
|
594
|
+
"comp-switch-card-description": "#566f8f",
|
|
595
|
+
"comp-switch-card-icon": "#566f8f",
|
|
578
596
|
"comp-switch-off-track-default": "#b7bec6",
|
|
579
597
|
"comp-switch-off-track-hover": "#98a1ac",
|
|
580
598
|
"comp-switch-off-track-disabled": "#e6e6e6",
|