@spectrum-web-components/styles 0.21.0 → 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 -265
  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 +3 -3
  9. package/spectrum-core-global.css +0 -255
  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
  );
@@ -2619,126 +2474,6 @@ governing permissions and limitations under the License.
2619
2474
  --spectrum-alias-component-border-color-emphasized-selected: var(
2620
2475
  --spectrum-alias-component-border-color-emphasized-selected-default
2621
2476
  );
2622
- --spectrum-alias-tag-border-color-error-default: var(
2623
- --spectrum-semantic-negative-color-default
2624
- );
2625
- --spectrum-alias-tag-border-color-error-hover: var(
2626
- --spectrum-semantic-negative-color-hover
2627
- );
2628
- --spectrum-alias-tag-border-color-error-down: var(
2629
- --spectrum-semantic-negative-color-hover
2630
- );
2631
- --spectrum-alias-tag-border-color-error-selected: var(
2632
- --spectrum-semantic-negative-color-default
2633
- );
2634
- --spectrum-alias-tag-border-color-selected: var(
2635
- --spectrum-alias-tag-background-color-selected-default
2636
- );
2637
- --spectrum-alias-tag-border-color: var(
2638
- --spectrum-alias-tag-border-color-default
2639
- );
2640
- --spectrum-alias-tag-border-color-disabled: var(
2641
- --spectrum-alias-border-color-disabled
2642
- );
2643
- --spectrum-alias-tag-border-color-error: var(
2644
- --spectrum-alias-tag-border-color-error-default
2645
- );
2646
- --spectrum-alias-tag-text-color-default: var(
2647
- --spectrum-alias-label-text-color
2648
- );
2649
- --spectrum-alias-tag-text-color-hover: var(
2650
- --spectrum-alias-text-color-hover
2651
- );
2652
- --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2653
- --spectrum-alias-tag-text-color-key-focus: var(
2654
- --spectrum-alias-text-color-hover
2655
- );
2656
- --spectrum-alias-tag-text-color-disabled: var(
2657
- --spectrum-global-color-gray-500
2658
- );
2659
- --spectrum-alias-tag-text-color: var(
2660
- --spectrum-alias-tag-text-color-default
2661
- );
2662
- --spectrum-alias-tag-text-color-error-default: var(
2663
- --spectrum-global-color-red-600
2664
- );
2665
- --spectrum-alias-tag-text-color-error-hover: var(
2666
- --spectrum-global-color-red-700
2667
- );
2668
- --spectrum-alias-tag-text-color-error-down: var(
2669
- --spectrum-global-color-red-700
2670
- );
2671
- --spectrum-alias-tag-text-color-error-key-focus: var(
2672
- --spectrum-global-color-red-700
2673
- );
2674
- --spectrum-alias-tag-text-color-error: var(
2675
- --spectrum-alias-tag-text-color-error-default
2676
- );
2677
- --spectrum-alias-tag-text-color-selected: var(
2678
- --spectrum-global-color-gray-50
2679
- );
2680
- --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2681
- --spectrum-alias-tag-icon-color-hover: var(
2682
- --spectrum-alias-icon-color-hover
2683
- );
2684
- --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2685
- --spectrum-alias-tag-icon-color-key-focus: var(
2686
- --spectrum-alias-icon-color-hover
2687
- );
2688
- --spectrum-alias-tag-icon-color-disabled: var(
2689
- --spectrum-alias-icon-color-disabled
2690
- );
2691
- --spectrum-alias-tag-icon-color: var(
2692
- --spectrum-alias-tag-icon-color-default
2693
- );
2694
- --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2695
- --spectrum-alias-tag-icon-color-selected: var(
2696
- --spectrum-global-color-gray-50
2697
- );
2698
- --spectrum-alias-tag-background-color: var(
2699
- --spectrum-alias-tag-background-color-default
2700
- );
2701
- --spectrum-alias-tag-background-color-error: var(
2702
- --spectrum-alias-tag-background-color-error-default
2703
- );
2704
- --spectrum-alias-tag-background-color-error-selected-default: var(
2705
- --spectrum-semantic-negative-color-default
2706
- );
2707
- --spectrum-alias-tag-background-color-error-selected-hover: var(
2708
- --spectrum-semantic-negative-color-hover
2709
- );
2710
- --spectrum-alias-tag-background-color-error-selected-down: var(
2711
- --spectrum-semantic-negative-color-hover
2712
- );
2713
- --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2714
- --spectrum-global-color-red-600
2715
- );
2716
- --spectrum-alias-tag-background-color-error-selected: var(
2717
- --spectrum-alias-tag-background-color-error-selected-default
2718
- );
2719
- --spectrum-alias-tag-background-color-selected-default: var(
2720
- --spectrum-global-color-gray-700
2721
- );
2722
- --spectrum-alias-tag-background-color-selected-hover: var(
2723
- --spectrum-global-color-gray-800
2724
- );
2725
- --spectrum-alias-tag-background-color-selected-down: var(
2726
- --spectrum-global-color-gray-900
2727
- );
2728
- --spectrum-alias-tag-background-color-selected-key-focus: var(
2729
- --spectrum-global-color-gray-900
2730
- );
2731
- --spectrum-alias-tag-background-color-selected: var(
2732
- --spectrum-alias-tag-background-color-selected-default
2733
- );
2734
- --spectrum-alias-tag-focusring-border-color-default: transparent;
2735
- --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2736
- --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2737
- --spectrum-alias-focus-ring-color
2738
- );
2739
- --spectrum-alias-tag-focusring-border-color: var(
2740
- --spectrum-alias-tag-focusring-border-color-default
2741
- );
2742
2477
  --spectrum-alias-avatar-border-color: var(
2743
2478
  --spectrum-alias-avatar-border-color-default
2744
2479
  );
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
  );