@solid-design-system/tokens 7.0.0-next.10 → 7.0.0-next.12
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/cdn/themes/bb/bb.css +1 -1
- package/cdn/themes/kid/kid.css +1 -1
- package/cdn/themes/legacy-variables.css +1 -0
- package/cdn/themes/sp/sp.css +1 -1
- package/cdn/themes/tailwind.css +178 -178
- package/cdn/themes/ui-dark/ui-dark.css +1 -1
- package/cdn/themes/ui-light/ui-light.css +1 -1
- package/cdn/themes/vb/vb.css +1 -1
- package/dist/theme.js +1 -1
- package/dist/themes/bb/bb.css +1 -80
- package/dist/themes/kid/kid.css +1 -80
- package/dist/themes/legacy-variables.css +49 -0
- package/dist/themes/sp/sp.css +1 -80
- package/dist/themes/tailwind.css +178 -178
- package/dist/themes/ui-dark/ui-dark.css +1 -44
- package/dist/themes/ui-light/ui-light.css +1 -44
- package/dist/themes/vb/vb.css +1 -80
- package/package.json +2 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
:root, .sd-theme-ui-light {
|
|
2
3
|
color-scheme: light;
|
|
3
4
|
|
|
@@ -510,47 +511,3 @@
|
|
|
510
511
|
--sd-video--play-button-color-background: 255 255 255 / 0.8;
|
|
511
512
|
--sd-video--play-button-color-icon-fill: var(--sd-color-primary);
|
|
512
513
|
}
|
|
513
|
-
|
|
514
|
-
:root, .sd-theme-ui-light {
|
|
515
|
-
/*
|
|
516
|
-
* Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
|
|
517
|
-
* Use the actual used value instead. Example:
|
|
518
|
-
* Instead of --sd-chip-font-size use --sd-marker-font-size for your overrides.
|
|
519
|
-
*/
|
|
520
|
-
--sd-button--size-lg-border-radius: var(--sd-button-border-radius);
|
|
521
|
-
--sd-button--size-md-border-radius: var(--sd-button-border-radius);
|
|
522
|
-
--sd-button--size-sm-border-radius: var(--sd-button-border-radius);
|
|
523
|
-
--sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
|
|
524
|
-
--sd-chip-font-size: var(--sd-marker-font-size);
|
|
525
|
-
--sd-chip-font-weight: var(--sd-marker-font-weight);
|
|
526
|
-
--sd-chip--primary-200-color-background: var(--sd-chip--primary-low-color-background);
|
|
527
|
-
--sd-chip--primary-200-color-border: var(--sd-chip--primary-subtle-color-filled-border);
|
|
528
|
-
--sd-chip--primary-300-color-background: var(--sd-chip--primary-medium-color-background);
|
|
529
|
-
--sd-chip--primary-300-color-border: var(--sd-chip--primary-medium-color-filled-border);
|
|
530
|
-
--sd-chip--primary-500-color-background: var(--sd-chip--primary-high-color-background);
|
|
531
|
-
--sd-chip--primary-500-color-border: var(--sd-chip--primary-high-color-filled-border);
|
|
532
|
-
--sd-chip--primary-500-color-text: var(--sd-color-white);
|
|
533
|
-
--sd-chip--white-color-border: var(--sd-chip--white-color-filled-border);
|
|
534
|
-
--sd-flag-border-radius: var(--sd-chip-border-radius);
|
|
535
|
-
--sd-flag-border-width: var(--sd-chip-border-width);
|
|
536
|
-
--sd-flag--neutral-200-color-background: var(--sd-chip--neutral-low-color-background);
|
|
537
|
-
--sd-flag--neutral-200-color-border: var(--sd-chip--neutral-low-color-filled-border);
|
|
538
|
-
--sd-flag--neutral-300-color-background: var(--sd-chip--neutral-medium-color-background);
|
|
539
|
-
--sd-flag--neutral-300-color-border: var(--sd-chip--neutral-medium-color-filled-border);
|
|
540
|
-
--sd-flag--neutral-500-color-background: var(--sd-chip--neutral-high-color-background);
|
|
541
|
-
--sd-flag--neutral-500-color-border: var(--sd-chip--neutral-high-color-filled-border);
|
|
542
|
-
--sd-flag--white-color-background: var(--sd-chip--white-color-background);
|
|
543
|
-
--sd-flag--white-color-border: var(--sd-chip--white-color-filled-border);
|
|
544
|
-
--sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
|
|
545
|
-
--sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
|
|
546
|
-
--sd-menu-color-text: var(--sd-menu-item-color-text);
|
|
547
|
-
--sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
|
|
548
|
-
--sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
|
|
549
|
-
--sd-tag-font-weight: var(--sd-choice-control-font-weight);
|
|
550
|
-
--sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
|
|
551
|
-
--sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
|
|
552
|
-
--sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
|
|
553
|
-
--sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
|
|
554
|
-
--sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
|
|
555
|
-
--sd-form-control__tooltip-color-icon: var(--sd-interactive--default-color-text);
|
|
556
|
-
}
|
package/dist/themes/vb/vb.css
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
:root, .sd-theme-vb {
|
|
2
3
|
color-scheme: light;
|
|
3
4
|
|
|
@@ -510,83 +511,3 @@
|
|
|
510
511
|
--sd-video--play-button-color-background: var(--sd-color-white);
|
|
511
512
|
--sd-video--play-button-color-icon-fill: var(--sd-color-primary-900);
|
|
512
513
|
}
|
|
513
|
-
|
|
514
|
-
:root, .sd-theme-vb {
|
|
515
|
-
.sd-theme-vb {
|
|
516
|
-
--sd-icon--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" clip-rule="evenodd"/></svg>';
|
|
517
|
-
--sd-icon--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z" clip-rule="evenodd"/></svg>';
|
|
518
|
-
--sd-icon--chevron-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.7 16.2a1 1 0 0 1-1.5 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.5 1.5L10.4 12z" clip-rule="evenodd"/></svg>';
|
|
519
|
-
--sd-icon--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z" clip-rule="evenodd"/></svg>';
|
|
520
|
-
--sd-icon--chevron-sm-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m10.94 12 4.24-4.24a1 1 0 0 0-1.41-1.42L8.82 11.3a1 1 0 0 0 0 1.42l4.95 4.95a1 1 0 1 0 1.41-1.42L10.94 12Z" clip-rule="evenodd"/></svg>';
|
|
521
|
-
--sd-icon--chevron-sm-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.06 12 8.82 7.76a1 1 0 0 1 1.41-1.42l4.95 4.95a1 1 0 0 1 0 1.42l-4.95 4.95a1 1 0 0 1-1.41-1.42L13.06 12Z" clip-rule="evenodd"/></svg>';
|
|
522
|
-
--sd-icon--chevron-up: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42" clip-rule="evenodd"/></svg>';
|
|
523
|
-
--sd-icon--chevrons-sm-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12.7 7.73a1 1 0 1 0-1.42-1.42l-5 4.99a1 1 0 0 0 0 1.42l4.97 4.97a1 1 0 0 0 1.43-1.42L8.42 12l4.28-4.28Zm.74 4.28 4.28-4.28A1 1 0 1 0 16.3 6.3l-5 4.99a1 1 0 0 0 0 1.42l4.97 4.97a1 1 0 0 0 1.43-1.42L13.44 12Z" clip-rule="evenodd"/></svg>';
|
|
524
|
-
--sd-icon--chevrons-sm-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.3 7.73a1 1 0 1 1 1.43-1.42l4.99 4.99a1 1 0 0 1 0 1.42l-4.97 4.97a1 1 0 0 1-1.43-1.42L15.58 12l-4.27-4.28ZM10.57 12 6.28 7.73A1 1 0 1 1 7.7 6.3l5 4.99a1 1 0 0 1 0 1.42L7.73 17.7a1 1 0 0 1-1.43-1.42L10.56 12Z" clip-rule="evenodd"/></svg>';
|
|
525
|
-
--sd-icon--clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 6v5.4l3.4 1.7a1 1 0 1 1-.8 1.8l-4-2a1 1 0 0 1-.6-.9V6a1 1 0 1 1 2 0m-1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16" clip-rule="evenodd"/></svg>';
|
|
526
|
-
--sd-icon--close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
|
|
527
|
-
--sd-icon--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
|
|
528
|
-
--sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
|
|
529
|
-
--sd-icon--exclamation-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';
|
|
530
|
-
--sd-icon--eye-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.6 1.5a1 1 0 0 1 1.9.8v.1L16 5.7q4 1.4 6.8 5.8a1 1 0 0 1 0 1Q18.6 19 12 19l-2-.2-1.6 3.6v.1a1 1 0 0 1-1.9-.8v-.1L8 18.3Q4 17 1.2 12.6a1 1 0 0 1 0-1.1Q5.4 5 12 5l2 .2zm-.5 6-.6 1.4a4 4 0 0 1-3.2 7l-.4 1h.4l.4.1h.3q5 0 8.5-4.6l.2-.3V12q-2.4-3.4-5.6-4.4M12 7q-5 0-8.5 4.6l-.2.3v.2q2.4 3.4 5.6 4.4l.6-1.4a4 4 0 0 1 3.2-7l.4-1h-.8zm1.6 3.8L12.2 14a2 2 0 0 0 1.4-3.2m-1.8-.8a2 2 0 0 0-1.4 3.2z" clip-rule="evenodd"/></svg>';
|
|
531
|
-
--sd-icon--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>';
|
|
532
|
-
--sd-icon--info-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 12a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0zm0-8a1 1 0 0 1-2 .1V8a1 1 0 0 1 2-.1z" clip-rule="evenodd"/></svg>';
|
|
533
|
-
--sd-icon--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/></svg>';
|
|
534
|
-
--sd-icon--minus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2H3Z" clip-rule="evenodd"/></svg>';
|
|
535
|
-
--sd-icon--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4" clip-rule="evenodd"/></svg>';
|
|
536
|
-
--sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5H4.6C3.8 21 3 20 3 19.2V4.8C3 3.9 3.8 3 4.6 3zm10 0q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5h-4.9c-.8 0-1.6-1-1.6-1.8V4.8c0-.9.8-1.8 1.6-1.8zM9 5H5v14h4zm10 0h-4v14h4z" clip-rule="evenodd"/></svg>';
|
|
537
|
-
--sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 11V3a1 1 0 1 1 2 0v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8Z" clip-rule="evenodd"/></svg>';
|
|
538
|
-
--sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18" clip-rule="evenodd"/></svg>';
|
|
539
|
-
--sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
|
|
540
|
-
--sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.1a1 1 0 0 1 0 1.8l-17 8A1 1 0 0 1 3 20V4a1 1 0 0 1 1.4-.9zm-2.7.9L5 5.6v12.8z" clip-rule="evenodd"/></svg>';
|
|
541
|
-
--sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
|
|
542
|
-
--sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" clip-rule="evenodd"/></svg>';
|
|
543
|
-
--sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z" clip-rule="evenodd"/></svg>';
|
|
544
|
-
--sd-icon--upload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" d="M20 19v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v4z" clip-rule="evenodd"/><path d="M11 15.02v-8.6L8.46 8.94a1 1 0 0 1-1.41-1.41l4.24-4.25a1 1 0 0 1 1.42 0l4.24 4.25a1 1 0 0 1-1.41 1.41L13 6.41v8.6a1 1 0 0 1-2 0"/></svg>';
|
|
545
|
-
--sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
|
|
546
|
-
--sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
|
|
547
|
-
}
|
|
548
|
-
}
|
|
549
|
-
|
|
550
|
-
:root, .sd-theme-vb {
|
|
551
|
-
/*
|
|
552
|
-
* Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
|
|
553
|
-
* Use the actual used value instead. Example:
|
|
554
|
-
* Instead of --sd-chip-font-size use --sd-marker-font-size for your overrides.
|
|
555
|
-
*/
|
|
556
|
-
--sd-button--size-lg-border-radius: var(--sd-button-border-radius);
|
|
557
|
-
--sd-button--size-md-border-radius: var(--sd-button-border-radius);
|
|
558
|
-
--sd-button--size-sm-border-radius: var(--sd-button-border-radius);
|
|
559
|
-
--sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
|
|
560
|
-
--sd-chip-font-size: var(--sd-marker-font-size);
|
|
561
|
-
--sd-chip-font-weight: var(--sd-marker-font-weight);
|
|
562
|
-
--sd-chip--primary-200-color-background: var(--sd-chip--primary-low-color-background);
|
|
563
|
-
--sd-chip--primary-200-color-border: var(--sd-chip--primary-subtle-color-filled-border);
|
|
564
|
-
--sd-chip--primary-300-color-background: var(--sd-chip--primary-medium-color-background);
|
|
565
|
-
--sd-chip--primary-300-color-border: var(--sd-chip--primary-medium-color-filled-border);
|
|
566
|
-
--sd-chip--primary-500-color-background: var(--sd-chip--primary-high-color-background);
|
|
567
|
-
--sd-chip--primary-500-color-border: var(--sd-chip--primary-high-color-filled-border);
|
|
568
|
-
--sd-chip--primary-500-color-text: var(--sd-color-white);
|
|
569
|
-
--sd-chip--white-color-border: var(--sd-chip--white-color-filled-border);
|
|
570
|
-
--sd-flag-border-radius: var(--sd-chip-border-radius);
|
|
571
|
-
--sd-flag-border-width: var(--sd-chip-border-width);
|
|
572
|
-
--sd-flag--neutral-200-color-background: var(--sd-chip--neutral-low-color-background);
|
|
573
|
-
--sd-flag--neutral-200-color-border: var(--sd-chip--neutral-low-color-filled-border);
|
|
574
|
-
--sd-flag--neutral-300-color-background: var(--sd-chip--neutral-medium-color-background);
|
|
575
|
-
--sd-flag--neutral-300-color-border: var(--sd-chip--neutral-medium-color-filled-border);
|
|
576
|
-
--sd-flag--neutral-500-color-background: var(--sd-chip--neutral-high-color-background);
|
|
577
|
-
--sd-flag--neutral-500-color-border: var(--sd-chip--neutral-high-color-filled-border);
|
|
578
|
-
--sd-flag--white-color-background: var(--sd-chip--white-color-background);
|
|
579
|
-
--sd-flag--white-color-border: var(--sd-chip--white-color-filled-border);
|
|
580
|
-
--sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
|
|
581
|
-
--sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
|
|
582
|
-
--sd-menu-color-text: var(--sd-menu-item-color-text);
|
|
583
|
-
--sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
|
|
584
|
-
--sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
|
|
585
|
-
--sd-tag-font-weight: var(--sd-choice-control-font-weight);
|
|
586
|
-
--sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
|
|
587
|
-
--sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
|
|
588
|
-
--sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
|
|
589
|
-
--sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
|
|
590
|
-
--sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
|
|
591
|
-
--sd-form-control__tooltip-color-icon: var(--sd-interactive--default-color-text);
|
|
592
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solid-design-system/tokens",
|
|
3
|
-
"version": "7.0.0-next.
|
|
3
|
+
"version": "7.0.0-next.12",
|
|
4
4
|
"description": "Solid Design System: Tokens",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"./package.json": "./package.json",
|
|
17
17
|
"./dist/tailwind.json": "./dist/tokens.tailwind.json",
|
|
18
18
|
"./dist/tailwind.css": "./dist/themes/tailwind.css",
|
|
19
|
+
"./dist/legacy-variables.css": "./dist/themes/legacy-variables.css",
|
|
19
20
|
"./dist/themes": "./dist/themes",
|
|
20
21
|
"./dist/themes/*": "./dist/themes/*",
|
|
21
22
|
"./dist/theme.js": "./dist/theme.js",
|