@react-spectrum/s2 0.11.0 → 0.11.2

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 += ' sd11';
-    rules += ' Uc11';
-    rules += ' Usd11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' ea11';
-    if (!width) rules += ' ZJ11';
+    rules += ' sd112';
+    rules += ' Uc112';
+    rules += ' Usd112';
+    rules += ' qc112';
+    rules += ' qsd112';
+    rules += ' ea112';
+    if (!width) rules += ' ZJ112';
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk112';
+        rules += ' uch112';
+        rules += ' udi112';
+        rules += ' uea112';
+        rules += ' ugb112';
+        rules += ' uhd112';
+        rules += ' uje112';
+        rules += ' u2NhKxcl112';
+        rules += ' uic112';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk112';
+        rules += ' uch112';
+        rules += ' udi112';
+        rules += ' uea112';
+        rules += ' ugb112';
+        rules += ' uhd112';
+        rules += ' uje112';
+        rules += ' u2NhKxcl112';
+        rules += ' uic112';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk112';
+        rules += ' uch112';
+        rules += ' udi112';
+        rules += ' uea112';
+        rules += ' ugb112';
+        rules += ' uhd112';
+        rules += ' uje112';
+        rules += ' u2NhKxcl112';
+        rules += ' uic112';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk112';
+        rules += ' uch112';
+        rules += ' udi112';
+        rules += ' uea112';
+        rules += ' ugb112';
+        rules += ' uhd112';
+        rules += ' uje112';
+        rules += ' u2NhKxcl112';
+        rules += ' uic112';
     } else {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk112';
+        rules += ' uch112';
+        rules += ' udi112';
+        rules += ' uea112';
+        rules += ' ugb112';
+        rules += ' uhd112';
+        rules += ' uje112';
+        rules += ' u2NhKxcl112';
+        rules += ' uic112';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e112';
+        rules += ' vx112';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d112';
+        rules += ' vx112';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b112';
+        rules += ' vx112';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a112';
+        rules += ' vx112';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c112';
+        rules += ' vx112';
     }
     if (props.size === "XL") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb112';
+        rules += ' xb112';
+        rules += ' _xa112';
     } else if (props.size === "L") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb112';
+        rules += ' xb112';
+        rules += ' _xa112';
     } else if (props.size === "S") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb112';
+        rules += ' xb112';
+        rules += ' _xa112';
     } else if (props.size === "XS") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb112';
+        rules += ' xb112';
+        rules += ' _xa112';
     } else {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb112';
+        rules += ' xb112';
+        rules += ' _xa112';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd112';
+        rules += ' _FezxGHba112';
+        rules += ' _FnuYUweb112';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd112';
+        rules += ' _FezxGHba112';
+        rules += ' _FnuYUweb112';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd112';
+        rules += ' _FezxGHba112';
+        rules += ' _FnuYUweb112';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd112';
+        rules += ' _FezxGHba112';
+        rules += ' _FnuYUweb112';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd112';
+        rules += ' _FezxGHba112';
+        rules += ' _FnuYUweb112';
     }
-    if (props.variant === "neutral") rules += ' pn11';
-    else rules += ' pt11';
-    rules += ' __ca11';
+    if (props.variant === "neutral") rules += ' pn112';
+    else rules += ' pt112';
+    rules += ' __ca112';
     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 += ' 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';
     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 {
+  .sd112 {
     display: flex;
   }
 
-  .Uc11 {
+  .Uc112 {
     row-gap: .428571em;
   }
 
-  .qc11 {
+  .qc112 {
     column-gap: .428571em;
   }
 
-  .ea11 {
+  .ea112 {
     align-items: baseline;
   }
 
-  .ZJ11 {
+  .ZJ112 {
     width: fit-content;
   }
 
-  .uk11 {
+  .uk112 {
     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-c11 {
+  .-_6BNtrc-c112 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a11 {
+  .-_6BNtrc-a112 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b112 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d11 {
+  .-_6BNtrc-d112 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e11 {
+  .-_6BNtrc-e112 {
     --fs: pow(1.125, 2);
   }
 
-  .vx11 {
+  .vx112 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .wb11 {
+  .wb112 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb11 {
+  .xb112 {
     font-weight: 400;
   }
 
-  ._xa11 {
+  ._xa112 {
     font-synthesis-weight: none;
   }
 
-  ._Fd11 {
+  ._Fd112 {
     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);
   }
 
-  .pt11 {
+  .pt112 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pn11 {
+  .pn112 {
     color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .__ca11 {
+  .__ca112 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Zh11 {
+  .Zh112 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi11 {
+  .Zi112 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj11 {
+  .Zj112 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk11 {
+  .Zk112 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Fi11 {
+  .Fi112 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj11 {
+  .Fj112 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk11 {
+  .Fk112 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl11 {
+  .Fl112 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .tu11 {
+  .tu112 {
     fill: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
   }
 
-  .tf11 {
+  .tf112 {
     fill: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
   }
 
-  .tt11 {
+  .tt112 {
     fill: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
   }
 
-  .tm11 {
+  .tm112 {
     fill: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 
-  .tq11 {
+  .tq112 {
     fill: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .tv11 {
+  .tv112 {
     fill: var(--lightningcss-light, #52a119) var(--lightningcss-dark, #428612);
   }
 
-  .tg11 {
+  .tg112 {
     fill: var(--lightningcss-light, #8fac00) var(--lightningcss-dark, #7a9300);
   }
 
-  .ts11 {
+  .ts112 {
     fill: var(--lightningcss-light, #30a7fe) var(--lightningcss-dark, #188edc);
   }
 
-  .tk11 {
+  .tk112 {
     fill: var(--lightningcss-light, #c844dc) var(--lightningcss-dark, #d549eb);
   }
 
-  .ti11 {
+  .ti112 {
     fill: var(--lightningcss-light, #a65ce7) var(--lightningcss-dark, #ad69e9);
   }
 
-  .tp11 {
+  .tp112 {
     fill: var(--lightningcss-light, #f02d6e) var(--lightningcss-dark, #f37);
   }
 
-  .td11 {
+  .td112 {
     fill: var(--lightningcss-light, #7a6afd) var(--lightningcss-dark, #8077fe);
   }
 
-  .tc11 {
+  .tc112 {
     fill: var(--lightningcss-light, #0ba286) var(--lightningcss-dark, #088670);
   }
 
-  .tl11 {
+  .tl112 {
     fill: var(--lightningcss-light, #d29500) var(--lightningcss-dark, #da9f00);
   }
 
-  .to11 {
+  .to112 {
     fill: var(--lightningcss-light, #e434a3) var(--lightningcss-dark, #ec43af);
   }
 
-  .tb11 {
+  .tb112 {
     fill: var(--lightningcss-light, #0a8d99) var(--lightningcss-dark, #0b97a4);
   }
 
-  .tj11 {
+  .tj112 {
     fill: var(--lightningcss-light, #b86d46) var(--lightningcss-dark, #c07750);
   }
 
-  .th11 {
+  .th112 {
     fill: var(--lightningcss-light, #9a7b4d) var(--lightningcss-dark, #a38454);
   }
 
-  .te11 {
+  .te112 {
     fill: var(--lightningcss-light, gray) var(--lightningcss-dark, #898989);
   }
 
-  .tn11 {
+  .tn112 {
     fill: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  ._Ne11 {
+  ._Ne112 {
     overflow-x: visible;
   }
 
-  .Pe11 {
+  .Pe112 {
     overflow-y: visible;
   }
 }
 
 @layer _.b {
-  .uch11:lang(ar) {
+  .uch112:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FezxGHba11:is(:lang(ar), :lang(he)) {
+  ._FezxGHba112:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.c {
-  .udi11:lang(he) {
+  .udi112:lang(he) {
     font-family: myriad-hebrew, 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)) {
+  ._FnuYUweb112: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 {
-  .uea11:lang(ja) {
+  .uea112: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) {
+  .ugb112:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd11:lang(zh) {
+  .uhd112:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje11:lang(zh-hant) {
+  .uje112: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) {
+  .u2NhKxcl112: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)) {
+  .uic112: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 {
+    .Usd112 {
       row-gap: .470588em;
     }
 
-    .qsd11 {
+    .qsd112 {
       column-gap: .470588em;
     }
   }