@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250520

package/dist/NotificationBadge.css

@@ -1,191 +1,191 @@
 @layer _.a {
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  .sk8 {
+  .sk9 {
     display: none;
   }
 
-  .ug8 {
+  .ug9 {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .va8 {
+  .va9 {
     font-size: .6875rem;
   }
 
-  .vb8 {
+  .vb9 {
     font-size: .75rem;
   }
 
-  .vd8 {
+  .vd9 {
     font-size: .875rem;
   }
 
-  .wb8 {
+  .wb9 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb8 {
+  .xb9 {
     font-weight: 400;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .px8 {
+  .px9 {
     color: #fff;
   }
 
-  .ph8 {
+  .ph9 {
     color: lch(from var(--g, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Ca8 {
+  ._Ca9 {
     justify-content: center;
   }
 
-  .eb8 {
+  .eb9 {
     align-items: center;
   }
 
-  .gqMFGYc8 {
+  .gqMFGYc9 {
     background-color: var(--g);
   }
 
-  .FRuFGYc8 {
+  .FRuFGYc9 {
     height: var(--F);
   }
 
-  .fa8 {
+  .fa9 {
     aspect-ratio: 1;
     aspect-ratio: 1;
   }
 
-  .ZK8 {
+  .ZK9 {
     width: max-content;
   }
 
-  .Sv8 {
+  .Sv9 {
     padding-inline-start: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .Rv8 {
+  .Rv9 {
     padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .oh8 {
+  .oh9 {
     border-start-start-radius: calc(var(--F, var(--M, 9999px)) / 2);
   }
 
-  .nh8 {
+  .nh9 {
     border-start-end-radius: calc(var(--F, var(--M, 9999px)) / 2);
   }
 
-  .kh8 {
+  .kh9 {
     border-end-start-radius: calc(var(--F, var(--M, 9999px)) / 2);
   }
 
-  .jh8 {
+  .jh9 {
     border-end-end-radius: calc(var(--F, var(--M, 9999px)) / 2);
   }
 
-  .-g_-g28 {
+  .-g_-g29 {
     --g: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
   }
 
-  .-g_-g_c8 {
+  .-g_-g_c9 {
     --g: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  .-F_-Fk8 {
+  .-F_-Fk9 {
     --F: calc(.75rem * var(--s2-scale));
   }
 
-  .-F_-FLb8KJ8 {
+  .-F_-FLb8KJ9 {
     --F: 1.28571em;
   }
 
-  .-F_-Fi8 {
+  .-F_-Fi9 {
     --F: calc(.5rem * var(--s2-scale));
   }
 
-  .-F_-Ft8 {
+  .-F_-Ft9 {
     --F: calc(1rem * var(--s2-scale));
   }
 
-  .-F_-Fm8 {
+  .-F_-Fm9 {
     --F: calc(1.125rem * var(--s2-scale));
   }
 
-  .-F_-Fspvr8c8 {
+  .-F_-Fspvr8c9 {
     --F: .857143em;
   }
 }
 
 @layer _.b {
-  .uch8:lang(ar) {
+  .uch9:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._Ffb8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._Ffb9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  .udi8:lang(he) {
+  .udi9:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea8:lang(ja) {
+  .uea9: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 {
-  .ugb8:lang(ko) {
+  .ugb9:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd8:lang(zh) {
+  .uhd9:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje8:lang(zh-hant) {
+  .uje9: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 {
-  .uic8:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic9: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)) {
-    .vsc8 {
+    .vsc9 {
       font-size: .8125rem;
     }
 
-    .vse8 {
+    .vse9 {
       font-size: .9375rem;
     }
 
-    .vsf8 {
+    .vsf9 {
       font-size: 1.0625rem;
     }
   }
@@ -193,35 +193,35 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .plb8 {
+    .plb9 {
       color: buttontext;
     }
 
-    ._jlf8 {
+    ._jlf9 {
       border-style: solid;
     }
 
-    ._klb8 {
+    ._klb9 {
       border-top-width: 1px;
     }
 
-    .hlb8 {
+    .hlb9 {
       border-bottom-width: 1px;
     }
 
-    .mlb8 {
+    .mlb9 {
       border-inline-start-width: 1px;
     }
 
-    .llb8 {
+    .llb9 {
       border-inline-end-width: 1px;
     }
 
-    .ila8 {
+    .ila9 {
       border-color: buttonborder;
     }
 
-    .-g_-lgb8 {
+    .-g_-lgb9 {
       --g: ButtonFace;
     }
   }

package/dist/NotificationBadge.mjs

@@ -39,71 +39,71 @@ const $bfb270fb056fefc5$var$badge = function anonymous(props, overrides) {
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.isDisabled) rules += ' sk8';
-    else rules += ' sd8';
-    rules += ' ug8';
-    rules += ' uch8';
-    rules += ' udi8';
-    rules += ' uea8';
-    rules += ' ugb8';
-    rules += ' uhd8';
-    rules += ' uje8';
-    rules += ' uic8';
+    if (props.isDisabled) rules += ' sk9';
+    else rules += ' sd9';
+    rules += ' ug9';
+    rules += ' uch9';
+    rules += ' udi9';
+    rules += ' uea9';
+    rules += ' ugb9';
+    rules += ' uhd9';
+    rules += ' uje9';
+    rules += ' uic9';
     if (props.size === "XL") {
-        rules += ' vd8';
-        rules += ' vsf8';
+        rules += ' vd9';
+        rules += ' vsf9';
     } else if (props.size === "L") {
-        rules += ' vb8';
-        rules += ' vse8';
+        rules += ' vb9';
+        rules += ' vse9';
     } else if (props.size === "M") {
-        rules += ' va8';
-        rules += ' vsc8';
+        rules += ' va9';
+        rules += ' vsc9';
     } else if (props.size === "S") {
-        rules += ' va8';
-        rules += ' vsc8';
+        rules += ' va9';
+        rules += ' vsc9';
     }
-    rules += ' wb8';
-    rules += ' xb8';
-    rules += ' _xa8';
-    rules += ' _Fa8';
-    rules += ' _Ffb8';
-    if (props.isStaticColor) rules += ' ph8';
-    else rules += ' px8';
-    rules += ' plb8';
-    rules += ' _jlf8';
-    rules += ' _klb8';
-    rules += ' hlb8';
-    rules += ' mlb8';
-    rules += ' llb8';
-    rules += ' ila8';
-    rules += ' _Ca8';
-    rules += ' eb8';
-    rules += ' gqMFGYc8';
-    rules += ' FRuFGYc8';
-    if (props.isSingleDigit) rules += ' fa8';
-    else if (props.isIndicatorOnly) rules += ' fa8';
-    if (!width) rules += ' ZK8';
-    if (props.isDoubleDigit) rules += ' Sv8';
-    if (props.isDoubleDigit) rules += ' Rv8';
-    rules += ' oh8';
-    rules += ' nh8';
-    rules += ' kh8';
-    rules += ' jh8';
-    if (props.isStaticColor) rules += ' -g_-g_c8';
-    else rules += ' -g_-g28';
-    rules += ' -g_-lgb8';
+    rules += ' wb9';
+    rules += ' xb9';
+    rules += ' _xa9';
+    rules += ' _Fa9';
+    rules += ' _Ffb9';
+    if (props.isStaticColor) rules += ' ph9';
+    else rules += ' px9';
+    rules += ' plb9';
+    rules += ' _jlf9';
+    rules += ' _klb9';
+    rules += ' hlb9';
+    rules += ' mlb9';
+    rules += ' llb9';
+    rules += ' ila9';
+    rules += ' _Ca9';
+    rules += ' eb9';
+    rules += ' gqMFGYc9';
+    rules += ' FRuFGYc9';
+    if (props.isSingleDigit) rules += ' fa9';
+    else if (props.isIndicatorOnly) rules += ' fa9';
+    if (!width) rules += ' ZK9';
+    if (props.isDoubleDigit) rules += ' Sv9';
+    if (props.isDoubleDigit) rules += ' Rv9';
+    rules += ' oh9';
+    rules += ' nh9';
+    rules += ' kh9';
+    rules += ' jh9';
+    if (props.isStaticColor) rules += ' -g_-g_c9';
+    else rules += ' -g_-g29';
+    rules += ' -g_-lgb9';
     if (props.size === "XL") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c8';
-        else rules += ' -F_-Fm8';
+        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c9';
+        else rules += ' -F_-Fm9';
     } else if (props.size === "L") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c8';
-        else rules += ' -F_-Ft8';
+        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c9';
+        else rules += ' -F_-Ft9';
     } else if (props.size === "M") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fi8';
-        else rules += ' -F_-FLb8KJ8';
+        if (props.isIndicatorOnly) rules += ' -F_-Fi9';
+        else rules += ' -F_-FLb8KJ9';
     } else if (props.size === "S") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fi8';
-        else rules += ' -F_-Fk8';
+        if (props.isIndicatorOnly) rules += ' -F_-Fi9';
+        else rules += ' -F_-Fk9';
     }
     return rules;
 };