@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/StatusLight.cjs

@@ -42,159 +42,159 @@ const $dad358896b5630fa$var$wrapper = function anonymous(props, overrides) {
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    rules += ' sd1';
-    rules += ' Uc1';
-    rules += ' Usd1';
-    rules += ' qc1';
-    rules += ' qsd1';
-    rules += ' ea1';
-    if (!width) rules += ' ZJ1';
+    rules += ' sd11';
+    rules += ' Uc11';
+    rules += ' Usd11';
+    rules += ' qc11';
+    rules += ' qsd11';
+    rules += ' ea11';
+    if (!width) rules += ' ZJ11';
     if (props.size === "XL") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "L") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "S") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "XS") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
     if (props.size === "XL") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "L") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "S") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "XS") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     }
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     }
-    if (props.variant === "neutral") rules += ' pn1';
-    else rules += ' pt1';
-    rules += ' __ca1';
+    if (props.variant === "neutral") rules += ' pn11';
+    else rules += ' pt11';
+    rules += ' __ca11';
     return rules;
 };
 const $dad358896b5630fa$var$light = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zk1';
-    else if (props.size === "L") rules += ' Zj1';
-    else if (props.size === "M") rules += ' Zi1';
-    else if (props.size === "S") rules += ' Zh1';
-    if (props.size === "XL") rules += ' Fl1';
-    else if (props.size === "L") rules += ' Fk1';
-    else if (props.size === "M") rules += ' Fj1';
-    else if (props.size === "S") rules += ' Fi1';
-    if (props.isSkeleton) rules += ' tn1';
-    else if (props.variant === "silver") rules += ' te1';
-    else if (props.variant === "brown") rules += ' th1';
-    else if (props.variant === "cinnamon") rules += ' tj1';
-    else if (props.variant === "turquoise") rules += ' tb1';
-    else if (props.variant === "pink") rules += ' to1';
-    else if (props.variant === "yellow") rules += ' tl1';
-    else if (props.variant === "seafoam") rules += ' tc1';
-    else if (props.variant === "indigo") rules += ' td1';
-    else if (props.variant === "magenta") rules += ' tp1';
-    else if (props.variant === "purple") rules += ' ti1';
-    else if (props.variant === "fuchsia") rules += ' tk1';
-    else if (props.variant === "cyan") rules += ' ts1';
-    else if (props.variant === "chartreuse") rules += ' tg1';
-    else if (props.variant === "celery") rules += ' tv1';
-    else if (props.variant === "negative") rules += ' tq1';
-    else if (props.variant === "notice") rules += ' tm1';
-    else if (props.variant === "positive") rules += ' tt1';
-    else if (props.variant === "neutral") rules += ' tf1';
-    else if (props.variant === "informative") rules += ' tu1';
-    rules += ' _Ne1';
-    rules += ' Pe1';
+    if (props.size === "XL") rules += ' Zk11';
+    else if (props.size === "L") rules += ' Zj11';
+    else if (props.size === "M") rules += ' Zi11';
+    else if (props.size === "S") rules += ' Zh11';
+    if (props.size === "XL") rules += ' Fl11';
+    else if (props.size === "L") rules += ' Fk11';
+    else if (props.size === "M") rules += ' Fj11';
+    else if (props.size === "S") rules += ' Fi11';
+    if (props.isSkeleton) rules += ' tn11';
+    else if (props.variant === "silver") rules += ' te11';
+    else if (props.variant === "brown") rules += ' th11';
+    else if (props.variant === "cinnamon") rules += ' tj11';
+    else if (props.variant === "turquoise") rules += ' tb11';
+    else if (props.variant === "pink") rules += ' to11';
+    else if (props.variant === "yellow") rules += ' tl11';
+    else if (props.variant === "seafoam") rules += ' tc11';
+    else if (props.variant === "indigo") rules += ' td11';
+    else if (props.variant === "magenta") rules += ' tp11';
+    else if (props.variant === "purple") rules += ' ti11';
+    else if (props.variant === "fuchsia") rules += ' tk11';
+    else if (props.variant === "cyan") rules += ' ts11';
+    else if (props.variant === "chartreuse") rules += ' tg11';
+    else if (props.variant === "celery") rules += ' tv11';
+    else if (props.variant === "negative") rules += ' tq11';
+    else if (props.variant === "notice") rules += ' tm11';
+    else if (props.variant === "positive") rules += ' tt11';
+    else if (props.variant === "neutral") rules += ' tf11';
+    else if (props.variant === "informative") rules += ' tu11';
+    rules += ' _Ne11';
+    rules += ' Pe11';
     return rules;
 };
 const $dad358896b5630fa$export$5f84c37a31c6e41c = /*#__PURE__*/ (0, $lz5dj$react.forwardRef)(function StatusLight(props, ref) {

package/dist/StatusLight.css

@@ -1,25 +1,25 @@
 @layer _.a {
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  .Uc1 {
+  .Uc11 {
     row-gap: .428571em;
   }
 
-  .qc1 {
+  .qc11 {
     column-gap: .428571em;
   }
 
-  .ea1 {
+  .ea11 {
     align-items: baseline;
   }
 
-  .ZJ1 {
+  .ZJ11 {
     width: fit-content;
   }
 
-  .uk1 {
+  .uk11 {
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
@@ -27,43 +27,43 @@
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .-_6BNtrc-c1 {
+  .-_6BNtrc-c11 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a1 {
+  .-_6BNtrc-a11 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b1 {
+  .-_6BNtrc-b11 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d1 {
+  .-_6BNtrc-d11 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e1 {
+  .-_6BNtrc-e11 {
     --fs: pow(1.125, 2);
   }
 
-  .vx1 {
+  .vx11 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .wb1 {
+  .wb11 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb1 {
+  .xb11 {
     font-weight: 400;
   }
 
-  ._xa1 {
+  ._xa11 {
     font-synthesis-weight: none;
   }
 
-  ._Fd1 {
+  ._Fd11 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
@@ -71,202 +71,202 @@
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pt1 {
+  .pt11 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pn1 {
+  .pn11 {
     color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .__ca1 {
+  .__ca11 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Zh1 {
+  .Zh11 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi1 {
+  .Zi11 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj1 {
+  .Zj11 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk1 {
+  .Zk11 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Fi1 {
+  .Fi11 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj1 {
+  .Fj11 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk1 {
+  .Fk11 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl1 {
+  .Fl11 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .tu1 {
+  .tu11 {
     fill: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
   }
 
-  .tf1 {
+  .tf11 {
     fill: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .tt1 {
+  .tt11 {
     fill: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
   }
 
-  .tm1 {
+  .tm11 {
     fill: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 
-  .tq1 {
+  .tq11 {
     fill: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .tv1 {
+  .tv11 {
     fill: var(--lightningcss-light, #52a119) var(--lightningcss-dark, #428612);
   }
 
-  .tg1 {
+  .tg11 {
     fill: var(--lightningcss-light, #8fac00) var(--lightningcss-dark, #7a9300);
   }
 
-  .ts1 {
+  .ts11 {
     fill: var(--lightningcss-light, #30a7fe) var(--lightningcss-dark, #188edc);
   }
 
-  .tk1 {
+  .tk11 {
     fill: var(--lightningcss-light, #c844dc) var(--lightningcss-dark, #d549eb);
   }
 
-  .ti1 {
+  .ti11 {
     fill: var(--lightningcss-light, #a65ce7) var(--lightningcss-dark, #ad69e9);
   }
 
-  .tp1 {
+  .tp11 {
     fill: var(--lightningcss-light, #f02d6e) var(--lightningcss-dark, #f37);
   }
 
-  .td1 {
+  .td11 {
     fill: var(--lightningcss-light, #7a6afd) var(--lightningcss-dark, #8077fe);
   }
 
-  .tc1 {
+  .tc11 {
     fill: var(--lightningcss-light, #0ba286) var(--lightningcss-dark, #088670);
   }
 
-  .tl1 {
+  .tl11 {
     fill: var(--lightningcss-light, #d29500) var(--lightningcss-dark, #da9f00);
   }
 
-  .to1 {
+  .to11 {
     fill: var(--lightningcss-light, #e434a3) var(--lightningcss-dark, #ec43af);
   }
 
-  .tb1 {
+  .tb11 {
     fill: var(--lightningcss-light, #0a8d99) var(--lightningcss-dark, #0b97a4);
   }
 
-  .tj1 {
+  .tj11 {
     fill: var(--lightningcss-light, #b86d46) var(--lightningcss-dark, #c07750);
   }
 
-  .th1 {
+  .th11 {
     fill: var(--lightningcss-light, #9a7b4d) var(--lightningcss-dark, #a38454);
   }
 
-  .te1 {
+  .te11 {
     fill: var(--lightningcss-light, gray) var(--lightningcss-dark, #898989);
   }
 
-  .tn1 {
+  .tn11 {
     fill: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  ._Ne1 {
+  ._Ne11 {
     overflow-x: visible;
   }
 
-  .Pe1 {
+  .Pe11 {
     overflow-y: visible;
   }
 }
 
 @layer _.b {
-  .uch1:lang(ar) {
+  .uch11:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FezxGHba1:is(:lang(ar), :lang(he)) {
+  ._FezxGHba11:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.c {
-  .udi1:lang(he) {
+  .udi11:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.d {
-  .uea1:lang(ja) {
+  .uea11:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb1:lang(ko) {
+  .ugb11:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd1:lang(zh) {
+  .uhd11:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje1:lang(zh-hant) {
+  .uje11:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .u2NhKxcl1:lang(zh-HK) {
+  .u2NhKxcl11:lang(zh-HK) {
     font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.i {
-  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.s {
   @media not ((hover: hover) and (pointer: fine)) {
-    .Usd1 {
+    .Usd11 {
       row-gap: .470588em;
     }
 
-    .qsd1 {
+    .qsd11 {
       column-gap: .470588em;
     }
   }