@spectrum-web-components/styles 1.12.0-testing.20260223092154 → 1.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.
- package/global-action-button.css +310 -0
- package/global-button.css +468 -0
- package/global-elements.css +14 -0
- package/global-elements.d.ts +13 -0
- package/global-elements.dev.js +4 -0
- package/global-elements.dev.js.map +7 -0
- package/global-elements.js +2 -0
- package/global-elements.js.map +7 -0
- package/package.json +8 -2
- package/src/global-elements.css +14 -0
- package/src/global-elements.css.d.ts +2 -0
- package/src/global-elements.css.dev.js +7 -0
- package/src/global-elements.css.dev.js.map +7 -0
- package/src/global-elements.css.js +4 -0
- package/src/global-elements.css.js.map +7 -0
- package/tokens/express/system-theme-bridge.css +22 -11
- package/tokens/spectrum/system-theme-bridge.css +22 -11
- package/tokens-v2/system-theme-bridge.css +33 -14
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
--system-action-button-border-color-down: transparent;
|
|
32
32
|
--system-action-button-border-color-focus: transparent;
|
|
33
33
|
--system-action-button-border-color-disabled: transparent;
|
|
34
|
-
--system-action-button-content-color-selected: var(--spectrum-gray-
|
|
34
|
+
--system-action-button-content-color-selected: var(--spectrum-gray-25);
|
|
35
35
|
--system-action-button-size-m-border-radius-default: var(--spectrum-corner-radius-medium-size-medium);
|
|
36
36
|
--system-action-button-size-xs-border-radius-default: var(--spectrum-corner-radius-medium-size-extra-small);
|
|
37
37
|
--system-action-button-size-s-border-radius-default: var(--spectrum-corner-radius-medium-size-small);
|
|
@@ -54,11 +54,15 @@
|
|
|
54
54
|
--system-action-button-static-black-background-color-hover: var(--spectrum-transparent-black-200);
|
|
55
55
|
--system-action-button-static-black-background-color-down: var(--spectrum-transparent-black-200);
|
|
56
56
|
--system-action-button-static-black-background-color-focus: var(--spectrum-transparent-black-200);
|
|
57
|
+
--system-action-button-static-black-content-color-default: var(--spectrum-transparent-black-800);
|
|
58
|
+
--system-action-button-static-black-content-color-hover: var(--spectrum-transparent-black-900);
|
|
59
|
+
--system-action-button-static-black-content-color-down: var(--spectrum-transparent-black-900);
|
|
60
|
+
--system-action-button-static-black-content-color-focus: var(--spectrum-transparent-black-900);
|
|
57
61
|
--system-action-button-static-black-quiet-background-color-default: transparent;
|
|
58
62
|
--system-action-button-static-black-quiet-background-color-hover: var(--spectrum-transparent-black-200);
|
|
59
63
|
--system-action-button-static-black-quiet-background-color-down: var(--spectrum-transparent-black-200);
|
|
60
64
|
--system-action-button-static-black-quiet-background-color-focus: var(--spectrum-transparent-black-200);
|
|
61
|
-
--system-action-button-static-black-quiet-background-color-disabled: transparent;
|
|
65
|
+
--system-action-button-static-black-quiet-background-color-disabled: var(--spectrum-transparent-black-25);
|
|
62
66
|
--system-action-button-static-white-border-color-default: transparent;
|
|
63
67
|
--system-action-button-static-white-border-color-hover: transparent;
|
|
64
68
|
--system-action-button-static-white-border-color-down: transparent;
|
|
@@ -70,11 +74,15 @@
|
|
|
70
74
|
--system-action-button-static-white-background-color-hover: var(--spectrum-transparent-white-200);
|
|
71
75
|
--system-action-button-static-white-background-color-down: var(--spectrum-transparent-white-200);
|
|
72
76
|
--system-action-button-static-white-background-color-focus: var(--spectrum-transparent-white-200);
|
|
77
|
+
--system-action-button-static-white-content-color-default: var(--spectrum-transparent-white-800);
|
|
78
|
+
--system-action-button-static-white-content-color-hover: var(--spectrum-transparent-white-900);
|
|
79
|
+
--system-action-button-static-white-content-color-down: var(--spectrum-transparent-white-900);
|
|
80
|
+
--system-action-button-static-white-content-color-focus: var(--spectrum-transparent-white-900);
|
|
73
81
|
--system-action-button-static-white-quiet-background-color-default: transparent;
|
|
74
82
|
--system-action-button-static-white-quiet-background-color-hover: var(--spectrum-transparent-white-200);
|
|
75
83
|
--system-action-button-static-white-quiet-background-color-down: var(--spectrum-transparent-white-200);
|
|
76
84
|
--system-action-button-static-white-quiet-background-color-focus: var(--spectrum-transparent-white-200);
|
|
77
|
-
--system-action-button-static-white-quiet-background-color-disabled: transparent;
|
|
85
|
+
--system-action-button-static-white-quiet-background-color-disabled: var(--spectrum-transparent-white-25);
|
|
78
86
|
--system-action-group-gap-size-compact: 0;
|
|
79
87
|
--system-action-group-horizontal-spacing-compact: -1px;
|
|
80
88
|
--system-action-group-vertical-spacing-compact: -1px;
|
|
@@ -591,17 +599,28 @@
|
|
|
591
599
|
--system-swatch-group-spacing-compact: var(--spectrum-spacing-50);
|
|
592
600
|
--system-swatch-group-spacing-regular: var(--spectrum-spacing-75);
|
|
593
601
|
--system-swatch-group-spacing-spacious: var(--spectrum-spacing-100);
|
|
594
|
-
--system-switch-
|
|
595
|
-
--system-switch-
|
|
596
|
-
--system-switch-
|
|
597
|
-
--system-switch-
|
|
598
|
-
--system-switch-
|
|
599
|
-
--system-switch-
|
|
600
|
-
--system-switch-
|
|
601
|
-
--system-switch-
|
|
602
|
-
--system-switch-
|
|
603
|
-
--system-switch-
|
|
604
|
-
--system-switch-handle-
|
|
602
|
+
--system-switch-border-color-selected-default: var(--spectrum-neutral-background-color-default);
|
|
603
|
+
--system-switch-border-color-selected-hover: var(--spectrum-neutral-background-color-hover);
|
|
604
|
+
--system-switch-border-color-selected-down: var(--spectrum-neutral-background-color-down);
|
|
605
|
+
--system-switch-border-color-selected-focus: var(--spectrum-neutral-background-color-key-focus);
|
|
606
|
+
--system-switch-border-color-default: var(--spectrum-neutral-content-color-default);
|
|
607
|
+
--system-switch-border-color-hover: var(--spectrum-neutral-content-color-hover);
|
|
608
|
+
--system-switch-border-color-down: var(--spectrum-neutral-content-color-down);
|
|
609
|
+
--system-switch-border-color-focus: var(--spectrum-neutral-content-color-key-focus);
|
|
610
|
+
--system-switch-handle-border-color: var(--spectrum-gray-25);
|
|
611
|
+
--system-switch-handle-border-color-selected: var(--spectrum-gray-25);
|
|
612
|
+
--system-switch-handle-border-color-disabled: var(--spectrum-gray-25);
|
|
613
|
+
--system-switch-handle-border-color-selected-disabled: var(--spectrum-gray-25);
|
|
614
|
+
--system-switch-handle-background-color-disabled: var(--spectrum-disabled-content-color);
|
|
615
|
+
--system-switch-handle-background-color-selected-disabled: var(--spectrum-gray-25);
|
|
616
|
+
--system-switch-background-color: var(--spectrum-gray-25);
|
|
617
|
+
--system-switch-background-color-emphasized-selected-down: var(--spectrum-accent-color-1000);
|
|
618
|
+
--system-switch-background-color-disabled: var(--spectrum-gray-25);
|
|
619
|
+
--system-switch-handle-background-color-default: var(--spectrum-neutral-content-color-default);
|
|
620
|
+
--system-switch-handle-background-color-hover: var(--spectrum-neutral-content-color-hover);
|
|
621
|
+
--system-switch-handle-background-color-down: var(--spectrum-neutral-content-color-down);
|
|
622
|
+
--system-switch-handle-background-color-focus: var(--spectrum-neutral-content-color-key-focus);
|
|
623
|
+
--system-switch-handle-background-color-selected: var(--spectrum-gray-25);
|
|
605
624
|
--system-table-header-background-color: var(--spectrum-transparent-white-25);
|
|
606
625
|
--system-table-border-color: var(--spectrum-gray-200);
|
|
607
626
|
--system-table-divider-color: var(--spectrum-gray-200);
|