@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/StatusLight.cjs

@@ -37,164 +37,164 @@ const $dad358896b5630fa$export$d8f8c0b091d8cb9b = /*#__PURE__*/ (0, $lz5dj$react
 const $dad358896b5630fa$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|Z|N|L)[^\s]+/g);
+    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);
     for (let p of matches){
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    rules += ' sd112';
-    rules += ' Uc112';
-    rules += ' Usd112';
-    rules += ' qc112';
-    rules += ' qsd112';
-    rules += ' ea112';
-    if (!width) rules += ' ZJ112';
+    rules += ' sd12';
+    rules += ' Uc12';
+    rules += ' Usd12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' ea12';
+    if (!width) rules += ' ZJ12';
     if (props.size === "XL") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.variant === "neutral") rules += ' pn112';
-    else rules += ' pt112';
-    rules += ' __ca112';
+    if (props.variant === "neutral") rules += ' pn12';
+    else rules += ' pt12';
+    rules += ' __ca12';
     return rules;
 };
 const $dad358896b5630fa$var$light = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zk112';
-    else if (props.size === "L") rules += ' Zj112';
-    else if (props.size === "M") rules += ' Zi112';
-    else if (props.size === "S") rules += ' Zh112';
-    if (props.size === "XL") rules += ' Fl112';
-    else if (props.size === "L") rules += ' Fk112';
-    else if (props.size === "M") rules += ' Fj112';
-    else if (props.size === "S") rules += ' Fi112';
-    if (props.isSkeleton) rules += ' tn112';
-    else if (props.variant === "silver") rules += ' te112';
-    else if (props.variant === "brown") rules += ' th112';
-    else if (props.variant === "cinnamon") rules += ' tj112';
-    else if (props.variant === "turquoise") rules += ' tb112';
-    else if (props.variant === "pink") rules += ' to112';
-    else if (props.variant === "yellow") rules += ' tl112';
-    else if (props.variant === "seafoam") rules += ' tc112';
-    else if (props.variant === "indigo") rules += ' td112';
-    else if (props.variant === "magenta") rules += ' tp112';
-    else if (props.variant === "purple") rules += ' ti112';
-    else if (props.variant === "fuchsia") rules += ' tk112';
-    else if (props.variant === "cyan") rules += ' ts112';
-    else if (props.variant === "chartreuse") rules += ' tg112';
-    else if (props.variant === "celery") rules += ' tv112';
-    else if (props.variant === "negative") rules += ' tq112';
-    else if (props.variant === "notice") rules += ' tm112';
-    else if (props.variant === "positive") rules += ' tt112';
-    else if (props.variant === "neutral") rules += ' tf112';
-    else if (props.variant === "informative") rules += ' tu112';
-    rules += ' _Ne112';
-    rules += ' Pe112';
+    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 $dad358896b5630fa$export$5f84c37a31c6e41c = /*#__PURE__*/ (0, $lz5dj$react.forwardRef)(function StatusLight(props, ref) {

package/dist/StatusLight.css

@@ -1,25 +1,25 @@
 @layer _.a {
-  .sd112 {
+  .sd12 {
     display: flex;
   }
 
-  .Uc112 {
+  .Uc12 {
     row-gap: .428571em;
   }
 
-  .qc112 {
+  .qc12 {
     column-gap: .428571em;
   }
 
-  .ea112 {
+  .ea12 {
     align-items: baseline;
   }
 
-  .ZJ112 {
+  .ZJ12 {
     width: fit-content;
   }
 
-  .uk112 {
+  .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,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-c112 {
+  .-_6BNtrc-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a112 {
+  .-_6BNtrc-a12 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b112 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d112 {
+  .-_6BNtrc-d12 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e112 {
+  .-_6BNtrc-e12 {
     --fs: pow(1.125, 2);
   }
 
-  .vx112 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .wb112 {
+  .wb12 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb112 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa112 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fd112 {
+  ._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);
@@ -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);
   }
 
-  .pt112 {
+  .pt12 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pn112 {
+  .pn12 {
     color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .__ca112 {
+  .__ca12 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Zh112 {
+  .Zh12 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi112 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj112 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk112 {
+  .Zk12 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Fi112 {
+  .Fi12 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj112 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk112 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl112 {
+  .Fl12 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .tu112 {
+  .tu12 {
     fill: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
   }
 
-  .tf112 {
+  .tf12 {
     fill: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .tt112 {
+  .tt12 {
     fill: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
   }
 
-  .tm112 {
+  .tm12 {
     fill: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 
-  .tq112 {
+  .tq12 {
     fill: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .tv112 {
+  .tv12 {
     fill: var(--lightningcss-light, #52a119) var(--lightningcss-dark, #428612);
   }
 
-  .tg112 {
+  .tg12 {
     fill: var(--lightningcss-light, #8fac00) var(--lightningcss-dark, #7a9300);
   }
 
-  .ts112 {
+  .ts12 {
     fill: var(--lightningcss-light, #30a7fe) var(--lightningcss-dark, #188edc);
   }
 
-  .tk112 {
+  .tk12 {
     fill: var(--lightningcss-light, #c844dc) var(--lightningcss-dark, #d549eb);
   }
 
-  .ti112 {
+  .ti12 {
     fill: var(--lightningcss-light, #a65ce7) var(--lightningcss-dark, #ad69e9);
   }
 
-  .tp112 {
+  .tp12 {
     fill: var(--lightningcss-light, #f02d6e) var(--lightningcss-dark, #f37);
   }
 
-  .td112 {
+  .td12 {
     fill: var(--lightningcss-light, #7a6afd) var(--lightningcss-dark, #8077fe);
   }
 
-  .tc112 {
+  .tc12 {
     fill: var(--lightningcss-light, #0ba286) var(--lightningcss-dark, #088670);
   }
 
-  .tl112 {
+  .tl12 {
     fill: var(--lightningcss-light, #d29500) var(--lightningcss-dark, #da9f00);
   }
 
-  .to112 {
+  .to12 {
     fill: var(--lightningcss-light, #e434a3) var(--lightningcss-dark, #ec43af);
   }
 
-  .tb112 {
+  .tb12 {
     fill: var(--lightningcss-light, #0a8d99) var(--lightningcss-dark, #0b97a4);
   }
 
-  .tj112 {
+  .tj12 {
     fill: var(--lightningcss-light, #b86d46) var(--lightningcss-dark, #c07750);
   }
 
-  .th112 {
+  .th12 {
     fill: var(--lightningcss-light, #9a7b4d) var(--lightningcss-dark, #a38454);
   }
 
-  .te112 {
+  .te12 {
     fill: var(--lightningcss-light, gray) var(--lightningcss-dark, #898989);
   }
 
-  .tn112 {
+  .tn12 {
     fill: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  ._Ne112 {
+  ._Ne12 {
     overflow-x: visible;
   }
 
-  .Pe112 {
+  .Pe12 {
     overflow-y: visible;
   }
 }
 
 @layer _.b {
-  .uch112:lang(ar) {
+  .uch12:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FezxGHba112:is(:lang(ar), :lang(he)) {
+  ._FezxGHba12:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.c {
-  .udi112:lang(he) {
+  .udi12:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb112: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 _.d {
-  .uea112: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 {
-  .ugb112:lang(ko) {
+  .ugb12:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd112:lang(zh) {
+  .uhd12:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje112: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 {
-  .u2NhKxcl112: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 {
-  .uic112: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)) {
-    .Usd112 {
+    .Usd12 {
       row-gap: .470588em;
     }
 
-    .qsd112 {
+    .qsd12 {
       column-gap: .470588em;
     }
   }