@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/StatusLight.cjs

@@ -42,149 +42,149 @@ const $dad358896b5630fa$var$wrapper = function anonymous(props, overrides) {
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    rules += ' sd11';
-    rules += ' Uc11';
-    rules += ' Usd11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' ea11';
-    if (!width) rules += ' ZJ11';
+    rules += ' sd12';
+    rules += ' Uc12';
+    rules += ' Usd12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' ea12';
+    if (!width) rules += ' ZJ12';
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.variant === "neutral") rules += ' pn11';
-    else rules += ' pt11';
-    rules += ' __ca11';
+    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 += ' 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';
+    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 {
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  .Uc11 {
+  .Uc12 {
     row-gap: .428571em;
   }
 
-  .qc11 {
+  .qc12 {
     column-gap: .428571em;
   }
 
-  .ea11 {
+  .ea12 {
     align-items: baseline;
   }
 
-  .ZJ11 {
+  .ZJ12 {
     width: fit-content;
   }
 
-  .uk11 {
+  .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-c11 {
+  .-_6BNtrc-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a11 {
+  .-_6BNtrc-a12 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d11 {
+  .-_6BNtrc-d12 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e11 {
+  .-_6BNtrc-e12 {
     --fs: pow(1.125, 2);
   }
 
-  .vx11 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .xb11 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa11 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fd11 {
+  ._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);
   }
 
-  .pt11 {
+  .pt12 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pn11 {
+  .pn12 {
     color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .__ca11 {
+  .__ca12 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Zh11 {
+  .Zh12 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi11 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj11 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk11 {
+  .Zk12 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Fi11 {
+  .Fi12 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj11 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk11 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl11 {
+  .Fl12 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .tu11 {
+  .tu12 {
     fill: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
   }
 
-  .tf11 {
+  .tf12 {
     fill: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .tt11 {
+  .tt12 {
     fill: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
   }
 
-  .tm11 {
+  .tm12 {
     fill: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 
-  .tq11 {
+  .tq12 {
     fill: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .tv11 {
+  .tv12 {
     fill: var(--lightningcss-light, #52a119) var(--lightningcss-dark, #428612);
   }
 
-  .tg11 {
+  .tg12 {
     fill: var(--lightningcss-light, #8fac00) var(--lightningcss-dark, #7a9300);
   }
 
-  .ts11 {
+  .ts12 {
     fill: var(--lightningcss-light, #30a7fe) var(--lightningcss-dark, #188edc);
   }
 
-  .tk11 {
+  .tk12 {
     fill: var(--lightningcss-light, #c844dc) var(--lightningcss-dark, #d549eb);
   }
 
-  .ti11 {
+  .ti12 {
     fill: var(--lightningcss-light, #a65ce7) var(--lightningcss-dark, #ad69e9);
   }
 
-  .tp11 {
+  .tp12 {
     fill: var(--lightningcss-light, #f02d6e) var(--lightningcss-dark, #f37);
   }
 
-  .td11 {
+  .td12 {
     fill: var(--lightningcss-light, #7a6afd) var(--lightningcss-dark, #8077fe);
   }
 
-  .tc11 {
+  .tc12 {
     fill: var(--lightningcss-light, #0ba286) var(--lightningcss-dark, #088670);
   }
 
-  .tl11 {
+  .tl12 {
     fill: var(--lightningcss-light, #d29500) var(--lightningcss-dark, #da9f00);
   }
 
-  .to11 {
+  .to12 {
     fill: var(--lightningcss-light, #e434a3) var(--lightningcss-dark, #ec43af);
   }
 
-  .tb11 {
+  .tb12 {
     fill: var(--lightningcss-light, #0a8d99) var(--lightningcss-dark, #0b97a4);
   }
 
-  .tj11 {
+  .tj12 {
     fill: var(--lightningcss-light, #b86d46) var(--lightningcss-dark, #c07750);
   }
 
-  .th11 {
+  .th12 {
     fill: var(--lightningcss-light, #9a7b4d) var(--lightningcss-dark, #a38454);
   }
 
-  .te11 {
+  .te12 {
     fill: var(--lightningcss-light, gray) var(--lightningcss-dark, #898989);
   }
 
-  .tn11 {
+  .tn12 {
     fill: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  ._Ne11 {
+  ._Ne12 {
     overflow-x: visible;
   }
 
-  .Pe11 {
+  .Pe12 {
     overflow-y: visible;
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb11:lang(ar) {
+  .ucJ9TBTb12:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb11: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 {
-  .ud3Euai11:lang(he) {
+  .ud3Euai12:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea11: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 {
-  .ugb11:lang(ko) {
+  .ugb12:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd11:lang(zh) {
+  .uhd12:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje11: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 {
-  .u2NhKxcl11: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 {
-  .uic11: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)) {
-    .Usd11 {
+    .Usd12 {
       row-gap: .470588em;
     }
 
-    .qsd11 {
+    .qsd12 {
       column-gap: .470588em;
     }
   }