@spectrum-web-components/theme 0.10.1 → 0.10.2

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/src/theme.css.js CHANGED
@@ -139,6 +139,14 @@ const styles = css `
139
139
  --spectrum-global-color-static-blue-800
140
140
  );--spectrum-semantic-cta-background-color-key-focus:var(
141
141
  --spectrum-global-color-static-blue-600
142
+ );--spectrum-semantic-emphasized-border-color-default:var(
143
+ --spectrum-global-color-blue-500
144
+ );--spectrum-semantic-emphasized-border-color-hover:var(
145
+ --spectrum-global-color-blue-600
146
+ );--spectrum-semantic-emphasized-border-color-down:var(
147
+ --spectrum-global-color-blue-700
148
+ );--spectrum-semantic-emphasized-border-color-key-focus:var(
149
+ --spectrum-global-color-blue-600
142
150
  );--spectrum-semantic-neutral-background-color-default:var(
143
151
  --spectrum-global-color-static-gray-700
144
152
  );--spectrum-semantic-neutral-background-color-hover:var(
@@ -155,7 +163,7 @@ const styles = css `
155
163
  --spectrum-global-color-static-yellow-400
156
164
  );--spectrum-semantic-presence-color-4:#4bcca2;--spectrum-semantic-presence-color-5:#00c7ff;--spectrum-semantic-presence-color-6:#008cb8;--spectrum-semantic-presence-color-7:#7e4bf3;--spectrum-semantic-presence-color-8:var(
157
165
  --spectrum-global-color-static-fuchsia-600
158
- );--spectrum-global-dimension-static-percent-50:50%;--spectrum-global-dimension-static-percent-70:70%;--spectrum-global-dimension-static-percent-100:100%;--spectrum-global-dimension-static-breakpoint-xsmall:304px;--spectrum-global-dimension-static-breakpoint-small:768px;--spectrum-global-dimension-static-breakpoint-medium:1280px;--spectrum-global-dimension-static-breakpoint-large:1768px;--spectrum-global-dimension-static-breakpoint-xlarge:2160px;--spectrum-global-dimension-static-grid-columns:12;--spectrum-global-dimension-static-grid-fluid-width:100%;--spectrum-global-dimension-static-grid-fixed-max-width:1280px;--spectrum-global-dimension-static-size-0:0px;--spectrum-global-dimension-static-size-10:1px;--spectrum-global-dimension-static-size-25:2px;--spectrum-global-dimension-static-size-40:3px;--spectrum-global-dimension-static-size-50:4px;--spectrum-global-dimension-static-size-65:5px;--spectrum-global-dimension-static-size-75:6px;--spectrum-global-dimension-static-size-85:7px;--spectrum-global-dimension-static-size-100:8px;--spectrum-global-dimension-static-size-115:9px;--spectrum-global-dimension-static-size-125:10px;--spectrum-global-dimension-static-size-130:11px;--spectrum-global-dimension-static-size-150:12px;--spectrum-global-dimension-static-size-160:13px;--spectrum-global-dimension-static-size-175:14px;--spectrum-global-dimension-static-size-200:16px;--spectrum-global-dimension-static-size-225:18px;--spectrum-global-dimension-static-size-250:20px;--spectrum-global-dimension-static-size-275:22px;--spectrum-global-dimension-static-size-300:24px;--spectrum-global-dimension-static-size-325:26px;--spectrum-global-dimension-static-size-400:32px;--spectrum-global-dimension-static-size-450:36px;--spectrum-global-dimension-static-size-500:40px;--spectrum-global-dimension-static-size-550:44px;--spectrum-global-dimension-static-size-600:48px;--spectrum-global-dimension-static-size-700:56px;--spectrum-global-dimension-static-size-800:64px;--spectrum-global-dimension-static-size-900:72px;--spectrum-global-dimension-static-size-1000:80px;--spectrum-global-dimension-static-size-1200:96px;--spectrum-global-dimension-static-size-1700:136px;--spectrum-global-dimension-static-size-2400:192px;--spectrum-global-dimension-static-size-2500:200px;--spectrum-global-dimension-static-size-2600:208px;--spectrum-global-dimension-static-size-2800:224px;--spectrum-global-dimension-static-size-3200:256px;--spectrum-global-dimension-static-size-3400:272px;--spectrum-global-dimension-static-size-3500:280px;--spectrum-global-dimension-static-size-3600:288px;--spectrum-global-dimension-static-size-3800:304px;--spectrum-global-dimension-static-size-4600:368px;--spectrum-global-dimension-static-size-5000:400px;--spectrum-global-dimension-static-size-6000:480px;--spectrum-global-dimension-static-size-16000:1280px;--spectrum-global-dimension-static-font-size-50:11px;--spectrum-global-dimension-static-font-size-75:12px;--spectrum-global-dimension-static-font-size-100:14px;--spectrum-global-dimension-static-font-size-150:15px;--spectrum-global-dimension-static-font-size-200:16px;--spectrum-global-dimension-static-font-size-300:18px;--spectrum-global-dimension-static-font-size-400:20px;--spectrum-global-dimension-static-font-size-500:22px;--spectrum-global-dimension-static-font-size-600:25px;--spectrum-global-dimension-static-font-size-700:28px;--spectrum-global-dimension-static-font-size-800:32px;--spectrum-global-dimension-static-font-size-900:36px;--spectrum-global-dimension-static-font-size-1000:40px;--spectrum-global-font-family-base:adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-family-serif:adobe-clean-serif,"Source Serif Pro",Georgia,serif;--spectrum-global-font-family-code:"Source Code Pro",Monaco,monospace;--spectrum-global-font-weight-thin:100;--spectrum-global-font-weight-ultra-light:200;--spectrum-global-font-weight-light:300;--spectrum-global-font-weight-regular:400;--spectrum-global-font-weight-medium:500;--spectrum-global-font-weight-semi-bold:600;--spectrum-global-font-weight-bold:700;--spectrum-global-font-weight-extra-bold:800;--spectrum-global-font-weight-black:900;--spectrum-global-font-style-regular:normal;--spectrum-global-font-style-italic:italic;--spectrum-global-font-letter-spacing-none:0;--spectrum-global-font-letter-spacing-small:0.0125em;--spectrum-global-font-letter-spacing-han:0.05em;--spectrum-global-font-letter-spacing-medium:0.06em;--spectrum-global-font-line-height-large:1.7;--spectrum-global-font-line-height-medium:1.5;--spectrum-global-font-line-height-small:1.3;--spectrum-global-font-multiplier-0:0em;--spectrum-global-font-multiplier-25:0.25em;--spectrum-global-font-multiplier-75:0.75em;--spectrum-global-font-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-zh:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light","sans-serif";--spectrum-global-font-font-family-zhhans:adobe-clean-han-simplified-c,source-han-simplified-c,"SimSun","Heiti SC Light","sans-serif";--spectrum-global-font-font-family-ko:adobe-clean-han-korean,source-han-korean,"Malgun Gothic","Apple Gothic","sans-serif";--spectrum-global-font-font-family-ja:adobe-clean-han-japanese,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Osaka",YuGothic,"Yu Gothic","メイリオ",Meiryo,"MS Pゴシック","MS PGothic","sans-serif";--spectrum-global-font-font-family-condensed:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light",adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-alias-loupe-entry-animation-duration:var(
166
+ );--spectrum-global-dimension-static-percent-50:50%;--spectrum-global-dimension-static-percent-70:70%;--spectrum-global-dimension-static-percent-100:100%;--spectrum-global-dimension-static-breakpoint-xsmall:304px;--spectrum-global-dimension-static-breakpoint-small:768px;--spectrum-global-dimension-static-breakpoint-medium:1280px;--spectrum-global-dimension-static-breakpoint-large:1768px;--spectrum-global-dimension-static-breakpoint-xlarge:2160px;--spectrum-global-dimension-static-grid-columns:12;--spectrum-global-dimension-static-grid-fluid-width:100%;--spectrum-global-dimension-static-grid-fixed-max-width:1280px;--spectrum-global-dimension-static-size-0:0px;--spectrum-global-dimension-static-size-10:1px;--spectrum-global-dimension-static-size-25:2px;--spectrum-global-dimension-static-size-40:3px;--spectrum-global-dimension-static-size-50:4px;--spectrum-global-dimension-static-size-65:5px;--spectrum-global-dimension-static-size-75:6px;--spectrum-global-dimension-static-size-85:7px;--spectrum-global-dimension-static-size-100:8px;--spectrum-global-dimension-static-size-115:9px;--spectrum-global-dimension-static-size-125:10px;--spectrum-global-dimension-static-size-130:11px;--spectrum-global-dimension-static-size-150:12px;--spectrum-global-dimension-static-size-160:13px;--spectrum-global-dimension-static-size-175:14px;--spectrum-global-dimension-static-size-185:15px;--spectrum-global-dimension-static-size-200:16px;--spectrum-global-dimension-static-size-225:18px;--spectrum-global-dimension-static-size-250:20px;--spectrum-global-dimension-static-size-275:22px;--spectrum-global-dimension-static-size-300:24px;--spectrum-global-dimension-static-size-325:26px;--spectrum-global-dimension-static-size-350:28px;--spectrum-global-dimension-static-size-400:32px;--spectrum-global-dimension-static-size-450:36px;--spectrum-global-dimension-static-size-500:40px;--spectrum-global-dimension-static-size-550:44px;--spectrum-global-dimension-static-size-600:48px;--spectrum-global-dimension-static-size-700:56px;--spectrum-global-dimension-static-size-800:64px;--spectrum-global-dimension-static-size-900:72px;--spectrum-global-dimension-static-size-1000:80px;--spectrum-global-dimension-static-size-1200:96px;--spectrum-global-dimension-static-size-1700:136px;--spectrum-global-dimension-static-size-2400:192px;--spectrum-global-dimension-static-size-2500:200px;--spectrum-global-dimension-static-size-2600:208px;--spectrum-global-dimension-static-size-2800:224px;--spectrum-global-dimension-static-size-3200:256px;--spectrum-global-dimension-static-size-3400:272px;--spectrum-global-dimension-static-size-3500:280px;--spectrum-global-dimension-static-size-3600:288px;--spectrum-global-dimension-static-size-3800:304px;--spectrum-global-dimension-static-size-4600:368px;--spectrum-global-dimension-static-size-5000:400px;--spectrum-global-dimension-static-size-6000:480px;--spectrum-global-dimension-static-size-16000:1280px;--spectrum-global-dimension-static-font-size-50:11px;--spectrum-global-dimension-static-font-size-75:12px;--spectrum-global-dimension-static-font-size-100:14px;--spectrum-global-dimension-static-font-size-150:15px;--spectrum-global-dimension-static-font-size-200:16px;--spectrum-global-dimension-static-font-size-300:18px;--spectrum-global-dimension-static-font-size-400:20px;--spectrum-global-dimension-static-font-size-500:22px;--spectrum-global-dimension-static-font-size-600:25px;--spectrum-global-dimension-static-font-size-700:28px;--spectrum-global-dimension-static-font-size-800:32px;--spectrum-global-dimension-static-font-size-900:36px;--spectrum-global-dimension-static-font-size-1000:40px;--spectrum-global-font-family-base:adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-family-serif:adobe-clean-serif,"Source Serif Pro",Georgia,serif;--spectrum-global-font-family-code:"Source Code Pro",Monaco,monospace;--spectrum-global-font-weight-thin:100;--spectrum-global-font-weight-ultra-light:200;--spectrum-global-font-weight-light:300;--spectrum-global-font-weight-regular:400;--spectrum-global-font-weight-medium:500;--spectrum-global-font-weight-semi-bold:600;--spectrum-global-font-weight-bold:700;--spectrum-global-font-weight-extra-bold:800;--spectrum-global-font-weight-black:900;--spectrum-global-font-style-regular:normal;--spectrum-global-font-style-italic:italic;--spectrum-global-font-letter-spacing-none:0;--spectrum-global-font-letter-spacing-small:0.0125em;--spectrum-global-font-letter-spacing-han:0.05em;--spectrum-global-font-letter-spacing-medium:0.06em;--spectrum-global-font-line-height-large:1.7;--spectrum-global-font-line-height-medium:1.5;--spectrum-global-font-line-height-small:1.3;--spectrum-global-font-multiplier-0:0em;--spectrum-global-font-multiplier-25:0.25em;--spectrum-global-font-multiplier-75:0.75em;--spectrum-global-font-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-zh:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light","sans-serif";--spectrum-global-font-font-family-zhhans:adobe-clean-han-simplified-c,source-han-simplified-c,"SimSun","Heiti SC Light","sans-serif";--spectrum-global-font-font-family-ko:adobe-clean-han-korean,source-han-korean,"Malgun Gothic","Apple Gothic","sans-serif";--spectrum-global-font-font-family-ja:adobe-clean-han-japanese,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Osaka",YuGothic,"Yu Gothic","メイリオ",Meiryo,"MS Pゴシック","MS PGothic","sans-serif";--spectrum-global-font-font-family-condensed:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light",adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-alias-loupe-entry-animation-duration:var(
159
167
  --spectrum-global-animation-duration-300
160
168
  );--spectrum-alias-loupe-exit-animation-duration:var(
161
169
  --spectrum-global-animation-duration-300
@@ -545,8 +553,6 @@ const styles = css `
545
553
  --spectrum-global-dimension-static-size-10
546
554
  );--spectrum-alias-component-focusring-size-emphasized:var(
547
555
  --spectrum-global-dimension-static-size-25
548
- );--spectrum-alias-component-focusring-border-radius:var(
549
- --spectrum-global-dimension-size-75
550
556
  );--spectrum-alias-input-border-size:var(
551
557
  --spectrum-global-dimension-static-size-10
552
558
  );--spectrum-alias-input-focusring-gap:var(
@@ -571,6 +577,16 @@ const styles = css `
571
577
  --spectrum-global-dimension-size-115
572
578
  );--spectrum-alias-control-two-border-radius-xxl:var(
573
579
  --spectrum-global-dimension-size-125
580
+ );--spectrum-alias-control-two-focus-ring-border-radius-s:var(
581
+ --spectrum-global-dimension-size-125
582
+ );--spectrum-alias-control-two-focus-ring-border-radius-m:var(
583
+ --spectrum-global-dimension-size-130
584
+ );--spectrum-alias-control-two-focus-ring-border-radius-l:var(
585
+ --spectrum-global-dimension-size-150
586
+ );--spectrum-alias-control-two-focus-ring-border-radius-xl:var(
587
+ --spectrum-global-dimension-size-160
588
+ );--spectrum-alias-control-two-focus-ring-border-radius-xxl:var(
589
+ --spectrum-global-dimension-size-175
574
590
  );--spectrum-alias-control-three-height-m:var(
575
591
  --spectrum-global-dimension-size-175
576
592
  );--spectrum-alias-control-three-height-l:var(
@@ -781,6 +797,16 @@ const styles = css `
781
797
  --spectrum-global-dimension-size-200
782
798
  );--spectrum-alias-border-radius-xlarge:var(
783
799
  --spectrum-global-dimension-size-300
800
+ );--spectrum-alias-focus-ring-border-radius-xsmall:var(
801
+ --spectrum-global-dimension-size-50
802
+ );--spectrum-alias-focus-ring-border-radius-small:var(
803
+ --spectrum-global-dimension-static-size-65
804
+ );--spectrum-alias-focus-ring-border-radius-medium:var(
805
+ --spectrum-global-dimension-size-150
806
+ );--spectrum-alias-focus-ring-border-radius-large:var(
807
+ --spectrum-global-dimension-size-250
808
+ );--spectrum-alias-focus-ring-border-radius-xlarge:var(
809
+ --spectrum-global-dimension-size-350
784
810
  );--spectrum-alias-single-line-height:var(
785
811
  --spectrum-global-dimension-size-400
786
812
  );--spectrum-alias-single-line-width:var(
@@ -867,8 +893,6 @@ const styles = css `
867
893
  --spectrum-global-dimension-size-150
868
894
  );--spectrum-alias-tag-clearbutton-icon-margin-l:var(
869
895
  --spectrum-global-dimension-size-185
870
- );--spectrum-alias-tag-focusring-border-radius:var(
871
- --spectrum-global-dimension-size-75
872
896
  );--spectrum-alias-tag-focusring-size:var(
873
897
  --spectrum-global-dimension-size-25
874
898
  );--spectrum-alias-tag-focusring-gap:var(
@@ -1216,13 +1240,13 @@ const styles = css `
1216
1240
  );--spectrum-alias-toggle-background-color:var(
1217
1241
  --spectrum-alias-toggle-background-color-default
1218
1242
  );--spectrum-alias-toggle-background-color-emphasized-selected-default:var(
1219
- --spectrum-semantic-cta-background-color-default
1243
+ --spectrum-global-color-blue-500
1220
1244
  );--spectrum-alias-toggle-background-color-emphasized-selected-hover:var(
1221
- --spectrum-semantic-cta-background-color-hover
1245
+ --spectrum-global-color-blue-600
1222
1246
  );--spectrum-alias-toggle-background-color-emphasized-selected-down:var(
1223
- --spectrum-semantic-cta-background-color-down
1247
+ --spectrum-global-color-blue-700
1224
1248
  );--spectrum-alias-toggle-background-color-emphasized-selected-key-focus:var(
1225
- --spectrum-semantic-cta-background-color-key-focus
1249
+ --spectrum-global-color-blue-600
1226
1250
  );--spectrum-alias-toggle-background-color-emphasized-selected:var(
1227
1251
  --spectrum-alias-toggle-background-color-emphasized-selected-default
1228
1252
  );--spectrum-alias-toggle-border-color-default:var(
@@ -1238,7 +1262,7 @@ const styles = css `
1238
1262
  );--spectrum-alias-toggle-icon-color-selected:var(
1239
1263
  --spectrum-global-color-gray-75
1240
1264
  );--spectrum-alias-toggle-icon-color-emphasized-selected:var(
1241
- --spectrum-alias-component-icon-color-emphasized-selected-default
1265
+ --spectrum-global-color-gray-75
1242
1266
  );--spectrum-alias-button-primary-background-color-default:var(
1243
1267
  --spectrum-alias-background-color-transparent
1244
1268
  );--spectrum-alias-button-primary-background-color-hover:var(
@@ -1495,6 +1519,14 @@ const styles = css `
1495
1519
  --spectrum-alias-tabitem-text-color-default
1496
1520
  );--spectrum-alias-tabitem-icon-color-emphasized-selected:var(
1497
1521
  --spectrum-alias-tabitem-text-color-emphasized-selected-default
1522
+ );--spectrum-alias-assetcard-selectionindicator-background-color-ordered:var(
1523
+ --spectrum-global-color-blue-500
1524
+ );--spectrum-alias-assetcard-overlay-background-color:rgba(38,128,235,.1);--spectrum-alias-assetcard-border-color-selected:var(
1525
+ --spectrum-global-color-blue-500
1526
+ );--spectrum-alias-assetcard-border-color-selected-hover:var(
1527
+ --spectrum-global-color-blue-500
1528
+ );--spectrum-alias-assetcard-border-color-selected-down:var(
1529
+ --spectrum-global-color-blue-600
1498
1530
  );--spectrum-alias-background-color-default:var(
1499
1531
  --spectrum-global-color-gray-100
1500
1532
  );--spectrum-alias-background-color-disabled:var(
@@ -1635,14 +1667,18 @@ const styles = css `
1635
1667
  --spectrum-global-color-static-transparent-black-200
1636
1668
  );--spectrum-colorloupe-outer-stroke-width:var(
1637
1669
  --spectrum-alias-border-size-thick
1638
- );--spectrum-colorhandle-background-offset:calc(var(--spectrum-global-dimension-static-size-25)*-1);--spectrum-colorhandle-outer-shadow-color:rgba(0,0,0,.42);--spectrum-colorhandle-inner-shadow-color:var(
1670
+ );--spectrum-colorhandle-background-offset:calc(var(--spectrum-global-dimension-static-size-25)*-1);--spectrum-colorhandle-inner-shadow-color:var(
1639
1671
  --spectrum-colorhandle-outer-shadow-color
1640
- );--spectrum-colorhandle-outer-shadow-blur:0;--spectrum-colorhandle-outer-shadow-spread:var(
1672
+ );--spectrum-colorhandle-outer-shadow-color:rgba(0,0,0,.42);--spectrum-colorhandle-outer-shadow-blur:0;--spectrum-colorhandle-outer-shadow-spread:var(
1641
1673
  --spectrum-alias-border-size-thin
1642
1674
  );--spectrum-colorcontrol-checkerboard-light-color:var(
1643
1675
  --spectrum-global-color-static-white
1644
1676
  );--spectrum-colorcontrol-checkerboard-dark-color:var(
1645
1677
  --spectrum-global-color-static-gray-300
1678
+ );--spectrum-slider-m-track-inside-border-radius:var(
1679
+ --spectrum-slider-m-track-border-radius
1680
+ );--spectrum-slider-label-text-size:var(
1681
+ --spectrum-global-dimension-font-size-75
1646
1682
  )}:host,:root{font-family:var(--spectrum-alias-body-text-font-family);font-size:var(--spectrum-alias-font-size-default)}:host:lang(ar),:root:lang(ar){font-family:var(--spectrum-alias-font-family-ar)}:host:lang(he),:root:lang(he){font-family:var(--spectrum-alias-font-family-he)}:host:lang(zh-Hans),:root:lang(zh-Hans){font-family:var(--spectrum-alias-font-family-zhhans)}:host:lang(zh-Hant),:root:lang(zh-Hant){font-family:var(--spectrum-alias-font-family-zh)}:host:lang(zh),:root:lang(zh){font-family:var(--spectrum-alias-font-family-zh)}:host:lang(ko),:root:lang(ko){font-family:var(--spectrum-alias-font-family-ko)}:host:lang(ja),:root:lang(ja){font-family:var(--spectrum-alias-font-family-ja)}:host{display:block}#scale,#theme{height:100%;width:100%}
1647
1683
  `;
1648
1684
  export default styles;