@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/StatusLight.css

@@ -1,25 +1,25 @@
 @layer _.a {
-  .sd1 {
+  .sd12 {
     display: flex;
   }
 
-  .Uc1 {
+  .Uc12 {
     row-gap: .428571em;
   }
 
-  .qc1 {
+  .qc12 {
     column-gap: .428571em;
   }
 
-  .ea1 {
+  .ea12 {
     align-items: baseline;
   }
 
-  .ZJ1 {
+  .ZJ12 {
     width: fit-content;
   }
 
-  .uk1 {
+  .uk12 {
     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,39 +27,39 @@
     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-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a1 {
+  .-_6BNtrc-a12 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b1 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d1 {
+  .-_6BNtrc-d12 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e1 {
+  .-_6BNtrc-e12 {
     --fs: pow(1.125, 2);
   }
 
-  .vx1 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .xb1 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa1 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fd1 {
+  ._Fd12 {
     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);
@@ -67,198 +67,198 @@
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pt1 {
+  .pt12 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pn1 {
+  .pn12 {
     color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .__ca1 {
+  .__ca12 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Zh1 {
+  .Zh12 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi1 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj1 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk1 {
+  .Zk12 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Fi1 {
+  .Fi12 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj1 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk1 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl1 {
+  .Fl12 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .tu1 {
+  .tu12 {
     fill: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
   }
 
-  .tf1 {
+  .tf12 {
     fill: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .tt1 {
+  .tt12 {
     fill: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
   }
 
-  .tm1 {
+  .tm12 {
     fill: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 
-  .tq1 {
+  .tq12 {
     fill: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .tv1 {
+  .tv12 {
     fill: var(--lightningcss-light, #52a119) var(--lightningcss-dark, #428612);
   }
 
-  .tg1 {
+  .tg12 {
     fill: var(--lightningcss-light, #8fac00) var(--lightningcss-dark, #7a9300);
   }
 
-  .ts1 {
+  .ts12 {
     fill: var(--lightningcss-light, #30a7fe) var(--lightningcss-dark, #188edc);
   }
 
-  .tk1 {
+  .tk12 {
     fill: var(--lightningcss-light, #c844dc) var(--lightningcss-dark, #d549eb);
   }
 
-  .ti1 {
+  .ti12 {
     fill: var(--lightningcss-light, #a65ce7) var(--lightningcss-dark, #ad69e9);
   }
 
-  .tp1 {
+  .tp12 {
     fill: var(--lightningcss-light, #f02d6e) var(--lightningcss-dark, #f37);
   }
 
-  .td1 {
+  .td12 {
     fill: var(--lightningcss-light, #7a6afd) var(--lightningcss-dark, #8077fe);
   }
 
-  .tc1 {
+  .tc12 {
     fill: var(--lightningcss-light, #0ba286) var(--lightningcss-dark, #088670);
   }
 
-  .tl1 {
+  .tl12 {
     fill: var(--lightningcss-light, #d29500) var(--lightningcss-dark, #da9f00);
   }
 
-  .to1 {
+  .to12 {
     fill: var(--lightningcss-light, #e434a3) var(--lightningcss-dark, #ec43af);
   }
 
-  .tb1 {
+  .tb12 {
     fill: var(--lightningcss-light, #0a8d99) var(--lightningcss-dark, #0b97a4);
   }
 
-  .tj1 {
+  .tj12 {
     fill: var(--lightningcss-light, #b86d46) var(--lightningcss-dark, #c07750);
   }
 
-  .th1 {
+  .th12 {
     fill: var(--lightningcss-light, #9a7b4d) var(--lightningcss-dark, #a38454);
   }
 
-  .te1 {
+  .te12 {
     fill: var(--lightningcss-light, gray) var(--lightningcss-dark, #898989);
   }
 
-  .tn1 {
+  .tn12 {
     fill: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  ._Ne1 {
+  ._Ne12 {
     overflow-x: visible;
   }
 
-  .Pe1 {
+  .Pe12 {
     overflow-y: visible;
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb1:lang(ar) {
+  .ucJ9TBTb12:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, 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)) {
+  ._FnuYUweb12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  .ud3Euai1:lang(he) {
+  .ud3Euai12:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea1:lang(ja) {
+  .uea12: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) {
+  .ugb12:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd1:lang(zh) {
+  .uhd12:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje1:lang(zh-hant) {
+  .uje12: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) {
+  .u2NhKxcl12: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)) {
+  .uic12: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 {
+    .Usd12 {
       row-gap: .470588em;
     }
 
-    .qsd1 {
+    .qsd12 {
       column-gap: .470588em;
     }
   }

package/dist/StatusLight.mjs

@@ -30,154 +30,154 @@ const $cd71613dba8ee178$export$d8f8c0b091d8cb9b = /*#__PURE__*/ (0, $2PVgW$creat
 const $cd71613dba8ee178$var$wrapper = function anonymous(props, overrides) {
     let rules = " ";
     let width = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
     for (let p of matches){
         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 += ' sd12';
+    rules += ' Uc12';
+    rules += ' Usd12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' ea12';
+    if (!width) rules += ' ZJ12';
     if (props.size === "XL") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.variant === "neutral") rules += ' pn1';
-    else rules += ' pt1';
-    rules += ' __ca1';
+    if (props.variant === "neutral") rules += ' pn12';
+    else rules += ' pt12';
+    rules += ' __ca12';
     return rules;
 };
 const $cd71613dba8ee178$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 += ' Zk12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    else if (props.size === "S") rules += ' Zh12';
+    if (props.size === "XL") rules += ' Fl12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
+    else if (props.size === "S") rules += ' Fi12';
+    if (props.isSkeleton) rules += ' tn12';
+    else if (props.variant === "silver") rules += ' te12';
+    else if (props.variant === "brown") rules += ' th12';
+    else if (props.variant === "cinnamon") rules += ' tj12';
+    else if (props.variant === "turquoise") rules += ' tb12';
+    else if (props.variant === "pink") rules += ' to12';
+    else if (props.variant === "yellow") rules += ' tl12';
+    else if (props.variant === "seafoam") rules += ' tc12';
+    else if (props.variant === "indigo") rules += ' td12';
+    else if (props.variant === "magenta") rules += ' tp12';
+    else if (props.variant === "purple") rules += ' ti12';
+    else if (props.variant === "fuchsia") rules += ' tk12';
+    else if (props.variant === "cyan") rules += ' ts12';
+    else if (props.variant === "chartreuse") rules += ' tg12';
+    else if (props.variant === "celery") rules += ' tv12';
+    else if (props.variant === "negative") rules += ' tq12';
+    else if (props.variant === "notice") rules += ' tm12';
+    else if (props.variant === "positive") rules += ' tt12';
+    else if (props.variant === "neutral") rules += ' tf12';
+    else if (props.variant === "informative") rules += ' tu12';
+    rules += ' _Ne12';
+    rules += ' Pe12';
     return rules;
 };
 const $cd71613dba8ee178$export$5f84c37a31c6e41c = /*#__PURE__*/ (0, $2PVgW$forwardRef)(function StatusLight(props, ref) {