@spectrum-web-components/styles 0.20.1 → 0.22.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 (21) hide show
  1. package/express/spectrum-core-global.css +0 -295
  2. package/express/spectrum-scale-large.css +0 -9
  3. package/express/spectrum-scale-medium.css +0 -9
  4. package/express/spectrum-theme-dark.css +501 -0
  5. package/express/spectrum-theme-light.css +496 -0
  6. package/express/theme-dark.css +3 -486
  7. package/express/theme-light.css +3 -481
  8. package/package.json +4 -4
  9. package/spectrum-core-global.css +0 -285
  10. package/spectrum-scale-large.css +0 -9
  11. package/spectrum-scale-medium.css +0 -9
  12. package/spectrum-theme-dark.css +469 -0
  13. package/spectrum-theme-darkest.css +468 -0
  14. package/spectrum-theme-light.css +468 -0
  15. package/spectrum-theme-lightest.css +305 -0
  16. package/theme-dark.css +3 -454
  17. package/theme-darkest.css +3 -453
  18. package/theme-light.css +3 -453
  19. package/theme-lightest.css +3 -290
  20. package/tokens/express/global-vars.css +88 -0
  21. package/tokens/spectrum/global-vars.css +88 -0
package/express/spectrum-core-global.css CHANGED
@@ -1734,80 +1734,6 @@ governing permissions and limitations under the License.
1734
1734
  --spectrum-alias-search-padding-left-xl: var(
1735
1735
  --spectrum-global-dimension-size-225
1736
1736
  );
1737
- --spectrum-alias-tag-border-radius: var(
1738
- --spectrum-global-dimension-size-300
1739
- );
1740
- --spectrum-alias-tag-border-size-default: var(
1741
- --spectrum-global-dimension-static-size-25
1742
- );
1743
- --spectrum-alias-tag-border-size-disabled: var(
1744
- --spectrum-global-dimension-static-size-25
1745
- );
1746
- --spectrum-alias-tag-border-size-key-focus: var(
1747
- --spectrum-global-dimension-static-size-25
1748
- );
1749
- --spectrum-alias-tag-padding-right-s: var(
1750
- --spectrum-global-dimension-size-125
1751
- );
1752
- --spectrum-alias-tag-padding-right-m: var(
1753
- --spectrum-global-dimension-size-130
1754
- );
1755
- --spectrum-alias-tag-padding-right-l: var(
1756
- --spectrum-global-dimension-size-175
1757
- );
1758
- --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250);
1759
- --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300);
1760
- --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400);
1761
- --spectrum-alias-tag-font-size-s: var(
1762
- --spectrum-global-dimension-font-size-50
1763
- );
1764
- --spectrum-alias-tag-font-size-m: var(
1765
- --spectrum-global-dimension-font-size-75
1766
- );
1767
- --spectrum-alias-tag-font-size-l: var(
1768
- --spectrum-global-dimension-font-size-100
1769
- );
1770
- --spectrum-alias-tag-text-padding-top-m: var(
1771
- --spectrum-global-dimension-size-50
1772
- );
1773
- --spectrum-alias-tag-text-padding-top-l: var(
1774
- --spectrum-global-dimension-size-85
1775
- );
1776
- --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175);
1777
- --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200);
1778
- --spectrum-alias-tag-icon-margin-top-s: var(
1779
- --spectrum-global-dimension-size-40
1780
- );
1781
- --spectrum-alias-tag-icon-margin-top-m: var(
1782
- --spectrum-global-dimension-size-50
1783
- );
1784
- --spectrum-alias-tag-icon-margin-top-l: var(
1785
- --spectrum-global-dimension-size-85
1786
- );
1787
- --spectrum-alias-tag-clearbutton-width-s: var(
1788
- --spectrum-global-dimension-size-175
1789
- );
1790
- --spectrum-alias-tag-clearbutton-width-m: var(
1791
- --spectrum-global-dimension-size-225
1792
- );
1793
- --spectrum-alias-tag-clearbutton-width-l: var(
1794
- --spectrum-global-dimension-size-350
1795
- );
1796
- --spectrum-alias-tag-clearbutton-icon-margin-s: var(
1797
- --spectrum-global-dimension-size-30
1798
- );
1799
- --spectrum-alias-tag-clearbutton-icon-margin-m: var(
1800
- --spectrum-global-dimension-size-50
1801
- );
1802
- --spectrum-alias-tag-clearbutton-icon-margin-l: var(
1803
- --spectrum-global-dimension-size-100
1804
- );
1805
- --spectrum-alias-tag-focusring-border-radius: var(
1806
- --spectrum-global-dimension-size-300
1807
- );
1808
- --spectrum-alias-tag-focusring-gap: var(
1809
- --spectrum-global-dimension-size-25
1810
- );
1811
1737
  --spectrum-alias-colorloupe-width: var(
1812
1738
  --spectrum-global-dimension-static-size-450
1813
1739
  );
@@ -1977,29 +1903,6 @@ governing permissions and limitations under the License.
1977
1903
  --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1978
1904
  --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1979
1905
  --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1980
- --spectrum-alias-tag-border-size: var(
1981
- --spectrum-global-dimension-static-size-25
1982
- );
1983
- --spectrum-alias-tag-icon-margin-right-s: var(
1984
- --spectrum-global-dimension-size-85
1985
- );
1986
- --spectrum-alias-tag-icon-margin-right-m: var(
1987
- --spectrum-global-dimension-size-100
1988
- );
1989
- --spectrum-alias-tag-icon-margin-right-l: var(
1990
- --spectrum-global-dimension-size-115
1991
- );
1992
- --spectrum-alias-tag-focusring-size: var(
1993
- --spectrum-global-dimension-size-25
1994
- );
1995
- --spectrum-alias-tag-focusring-gap-selected: var(
1996
- --spectrum-global-dimension-size-25
1997
- );
1998
- }
1999
- :host,
2000
- :root {
2001
- /* spectrum-colorAliases.css */
2002
- --spectrum-alias-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
2003
1906
  --spectrum-alias-component-text-color-selected-default: var(
2004
1907
  --spectrum-global-color-gray-50
2005
1908
  );
@@ -2129,54 +2032,6 @@ governing permissions and limitations under the License.
2129
2032
  --spectrum-alias-toggle-border-color-key-focus: var(
2130
2033
  --spectrum-global-color-gray-900
2131
2034
  );
2132
- --spectrum-alias-tag-border-color-default: var(
2133
- --spectrum-global-color-gray-300
2134
- );
2135
- --spectrum-alias-tag-border-color-hover: var(
2136
- --spectrum-global-color-gray-400
2137
- );
2138
- --spectrum-alias-tag-border-color-down: var(
2139
- --spectrum-global-color-gray-500
2140
- );
2141
- --spectrum-alias-tag-border-color-key-focus: var(
2142
- --spectrum-global-color-gray-400
2143
- );
2144
- --spectrum-alias-tag-border-color-disabled-default: var(
2145
- --spectrum-global-color-gray-200
2146
- );
2147
- --spectrum-alias-tag-border-color-error-key-focus: var(
2148
- --spectrum-semantic-negative-color-default
2149
- );
2150
- --spectrum-alias-tag-focusring-border-color-key-focus: var(
2151
- --spectrum-alias-focus-ring-color
2152
- );
2153
- --spectrum-alias-tag-background-color-disabled: var(
2154
- --spectrum-global-color-gray-100
2155
- );
2156
- --spectrum-alias-tag-background-color-default: var(
2157
- --spectrum-global-color-gray-100
2158
- );
2159
- --spectrum-alias-tag-background-color-hover: var(
2160
- --spectrum-global-color-gray-300
2161
- );
2162
- --spectrum-alias-tag-background-color-down: var(
2163
- --spectrum-global-color-gray-400
2164
- );
2165
- --spectrum-alias-tag-background-color-key-focus: var(
2166
- --spectrum-global-color-gray-300
2167
- );
2168
- --spectrum-alias-tag-background-color-error-default: var(
2169
- --spectrum-alias-tag-background-color-default
2170
- );
2171
- --spectrum-alias-tag-background-color-error-hover: var(
2172
- --spectrum-alias-tag-background-color-hover
2173
- );
2174
- --spectrum-alias-tag-background-color-error-down: var(
2175
- --spectrum-alias-tag-background-color-down
2176
- );
2177
- --spectrum-alias-tag-background-color-error-key-focus: var(
2178
- --spectrum-alias-tag-background-color-key-focus
2179
- );
2180
2035
  --spectrum-alias-avatar-border-color-disabled: var(
2181
2036
  --spectrum-alias-background-color-transparent
2182
2037
  );
@@ -2192,30 +2047,6 @@ governing permissions and limitations under the License.
2192
2047
  --spectrum-alias-avatar-border-color-selected-key-focus: var(
2193
2048
  --spectrum-global-color-gray-900
2194
2049
  );
2195
- --spectrum-alias-link-primary-text-color-default: var(
2196
- --spectrum-global-color-indigo-600
2197
- );
2198
- --spectrum-alias-link-primary-text-color-hover: var(
2199
- --spectrum-global-color-indigo-600
2200
- );
2201
- --spectrum-alias-link-primary-text-color-down: var(
2202
- --spectrum-global-color-indigo-700
2203
- );
2204
- --spectrum-alias-link-primary-text-color-key-focus: var(
2205
- --spectrum-alias-text-color-key-focus
2206
- );
2207
- --spectrum-alias-link-secondary-text-color-default: var(
2208
- --spectrum-alias-text-color
2209
- );
2210
- --spectrum-alias-link-secondary-text-color-hover: var(
2211
- --spectrum-alias-link-primary-text-color-hover
2212
- );
2213
- --spectrum-alias-link-secondary-text-color-down: var(
2214
- --spectrum-alias-link-primary-text-color-down
2215
- );
2216
- --spectrum-alias-link-secondary-text-color-key-focus: var(
2217
- --spectrum-alias-link-primary-text-color-key-focus
2218
- );
2219
2050
  --spectrum-alias-button-primary-background-color-default: var(
2220
2051
  --spectrum-alias-button-primary-border-color-default
2221
2052
  );
@@ -2643,126 +2474,6 @@ governing permissions and limitations under the License.
2643
2474
  --spectrum-alias-component-border-color-emphasized-selected: var(
2644
2475
  --spectrum-alias-component-border-color-emphasized-selected-default
2645
2476
  );
2646
- --spectrum-alias-tag-border-color-error-default: var(
2647
- --spectrum-semantic-negative-color-default
2648
- );
2649
- --spectrum-alias-tag-border-color-error-hover: var(
2650
- --spectrum-semantic-negative-color-hover
2651
- );
2652
- --spectrum-alias-tag-border-color-error-down: var(
2653
- --spectrum-semantic-negative-color-hover
2654
- );
2655
- --spectrum-alias-tag-border-color-error-selected: var(
2656
- --spectrum-semantic-negative-color-default
2657
- );
2658
- --spectrum-alias-tag-border-color-selected: var(
2659
- --spectrum-alias-tag-background-color-selected-default
2660
- );
2661
- --spectrum-alias-tag-border-color: var(
2662
- --spectrum-alias-tag-border-color-default
2663
- );
2664
- --spectrum-alias-tag-border-color-disabled: var(
2665
- --spectrum-alias-border-color-disabled
2666
- );
2667
- --spectrum-alias-tag-border-color-error: var(
2668
- --spectrum-alias-tag-border-color-error-default
2669
- );
2670
- --spectrum-alias-tag-text-color-default: var(
2671
- --spectrum-alias-label-text-color
2672
- );
2673
- --spectrum-alias-tag-text-color-hover: var(
2674
- --spectrum-alias-text-color-hover
2675
- );
2676
- --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2677
- --spectrum-alias-tag-text-color-key-focus: var(
2678
- --spectrum-alias-text-color-hover
2679
- );
2680
- --spectrum-alias-tag-text-color-disabled: var(
2681
- --spectrum-global-color-gray-500
2682
- );
2683
- --spectrum-alias-tag-text-color: var(
2684
- --spectrum-alias-tag-text-color-default
2685
- );
2686
- --spectrum-alias-tag-text-color-error-default: var(
2687
- --spectrum-global-color-red-600
2688
- );
2689
- --spectrum-alias-tag-text-color-error-hover: var(
2690
- --spectrum-global-color-red-700
2691
- );
2692
- --spectrum-alias-tag-text-color-error-down: var(
2693
- --spectrum-global-color-red-700
2694
- );
2695
- --spectrum-alias-tag-text-color-error-key-focus: var(
2696
- --spectrum-global-color-red-700
2697
- );
2698
- --spectrum-alias-tag-text-color-error: var(
2699
- --spectrum-alias-tag-text-color-error-default
2700
- );
2701
- --spectrum-alias-tag-text-color-selected: var(
2702
- --spectrum-global-color-gray-50
2703
- );
2704
- --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2705
- --spectrum-alias-tag-icon-color-hover: var(
2706
- --spectrum-alias-icon-color-hover
2707
- );
2708
- --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2709
- --spectrum-alias-tag-icon-color-key-focus: var(
2710
- --spectrum-alias-icon-color-hover
2711
- );
2712
- --spectrum-alias-tag-icon-color-disabled: var(
2713
- --spectrum-alias-icon-color-disabled
2714
- );
2715
- --spectrum-alias-tag-icon-color: var(
2716
- --spectrum-alias-tag-icon-color-default
2717
- );
2718
- --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2719
- --spectrum-alias-tag-icon-color-selected: var(
2720
- --spectrum-global-color-gray-50
2721
- );
2722
- --spectrum-alias-tag-background-color: var(
2723
- --spectrum-alias-tag-background-color-default
2724
- );
2725
- --spectrum-alias-tag-background-color-error: var(
2726
- --spectrum-alias-tag-background-color-error-default
2727
- );
2728
- --spectrum-alias-tag-background-color-error-selected-default: var(
2729
- --spectrum-semantic-negative-color-default
2730
- );
2731
- --spectrum-alias-tag-background-color-error-selected-hover: var(
2732
- --spectrum-semantic-negative-color-hover
2733
- );
2734
- --spectrum-alias-tag-background-color-error-selected-down: var(
2735
- --spectrum-semantic-negative-color-hover
2736
- );
2737
- --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2738
- --spectrum-global-color-red-600
2739
- );
2740
- --spectrum-alias-tag-background-color-error-selected: var(
2741
- --spectrum-alias-tag-background-color-error-selected-default
2742
- );
2743
- --spectrum-alias-tag-background-color-selected-default: var(
2744
- --spectrum-global-color-gray-700
2745
- );
2746
- --spectrum-alias-tag-background-color-selected-hover: var(
2747
- --spectrum-global-color-gray-800
2748
- );
2749
- --spectrum-alias-tag-background-color-selected-down: var(
2750
- --spectrum-global-color-gray-900
2751
- );
2752
- --spectrum-alias-tag-background-color-selected-key-focus: var(
2753
- --spectrum-global-color-gray-900
2754
- );
2755
- --spectrum-alias-tag-background-color-selected: var(
2756
- --spectrum-alias-tag-background-color-selected-default
2757
- );
2758
- --spectrum-alias-tag-focusring-border-color-default: transparent;
2759
- --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2760
- --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2761
- --spectrum-alias-focus-ring-color
2762
- );
2763
- --spectrum-alias-tag-focusring-border-color: var(
2764
- --spectrum-alias-tag-focusring-border-color-default
2765
- );
2766
2477
  --spectrum-alias-avatar-border-color: var(
2767
2478
  --spectrum-alias-avatar-border-color-default
2768
2479
  );
@@ -3064,12 +2775,6 @@ governing permissions and limitations under the License.
3064
2775
  0.2
3065
2776
  );
3066
2777
  --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
3067
- --spectrum-alias-link-primary-text-color: var(
3068
- --spectrum-alias-link-primary-text-color-default
3069
- );
3070
- --spectrum-alias-link-secondary-text-color: var(
3071
- --spectrum-alias-link-secondary-text-color-default
3072
- );
3073
2778
  --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
3074
2779
  --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
3075
2780
  --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
package/express/spectrum-scale-large.css CHANGED
@@ -136,12 +136,6 @@ governing permissions and limitations under the License.
136
136
  --spectrum-alias-control-three-width-xl: var(
137
137
  --spectrum-global-dimension-static-size-550
138
138
  );
139
- --spectrum-alias-tag-text-padding-top-s: var(
140
- --spectrum-global-dimension-size-40
141
- );
142
- --spectrum-alias-tag-icon-size-l: var(
143
- --spectrum-global-dimension-static-size-275
144
- );
145
139
  --spectrum-alias-focus-ring-radius-default: var(
146
140
  --spectrum-global-dimension-static-size-115
147
141
  );
@@ -316,9 +310,6 @@ governing permissions and limitations under the License.
316
310
  --spectrum-progressbar-xl-border-radius: var(
317
311
  --spectrum-global-dimension-static-size-75
318
312
  );
319
- --spectrum-tag-m-texticon-padding-left: var(
320
- --spectrum-global-dimension-static-size-150
321
- );
322
313
  --spectrum-textfield-m-texticon-padding-left: var(
323
314
  --spectrum-global-dimension-static-size-150
324
315
  );
package/express/spectrum-scale-medium.css CHANGED
@@ -140,12 +140,6 @@ governing permissions and limitations under the License.
140
140
  --spectrum-alias-control-three-width-xl: var(
141
141
  --spectrum-global-dimension-static-size-500
142
142
  );
143
- --spectrum-alias-tag-text-padding-top-s: var(
144
- --spectrum-global-dimension-size-25
145
- );
146
- --spectrum-alias-tag-icon-size-l: var(
147
- --spectrum-global-dimension-static-size-225
148
- );
149
143
  --spectrum-alias-focus-ring-radius-default: var(
150
144
  --spectrum-global-dimension-static-size-100
151
145
  );
@@ -324,9 +318,6 @@ governing permissions and limitations under the License.
324
318
  --spectrum-progressbar-xl-border-radius: var(
325
319
  --spectrum-global-dimension-static-size-65
326
320
  );
327
- --spectrum-tag-m-texticon-padding-left: var(
328
- --spectrum-global-dimension-size-125
329
- );
330
321
  --spectrum-textfield-m-texticon-padding-left: var(
331
322
  --spectrum-global-dimension-size-125
332
323
  );