@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-d87cc4422-250109

package/dist/IllustratedMessage.css

@@ -1,13 +1,13 @@
 @layer _.a {
-  ._Zf {
+  ._0f {
     display: grid;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
@@ -19,7 +19,7 @@
     max-width: calc(33rem * var(--s2-scale));
   }
 
-  .__j-tu9mw5 {
+  .__k-tu9mw5 {
     grid-template-areas: ". illustration ."
                          ". . ."
                          "heading heading heading"
@@ -28,54 +28,54 @@
                          ". buttonGroup .";
   }
 
-  .__j-1t3dvev {
+  .__k-1t3dvev {
     grid-template-areas: "illustration . heading"
                          "illustration . ."
                          "illustration . content"
                          "illustration . buttonGroup";
   }
 
-  .__i-fd9mh8 {
+  .__j-fd9mh8 {
     grid-template-rows: min-content .75rem min-content .25rem min-content min-content;
   }
 
-  .__i-xadfxd {
+  .__j-xadfxd {
     grid-template-rows: min-content .5rem min-content .25rem min-content min-content;
   }
 
-  .__i-1efftez {
+  .__j-1efftez {
     grid-template-rows: 1fr .25rem 1fr;
   }
 
-  .__h-883psa {
+  .__i-883psa {
     grid-template-columns: 1fr .75rem auto;
   }
 
-  ._3c {
+  ._4c {
     justify-items: center;
   }
 
-  ._3a {
+  ._4a {
     justify-items: start;
   }
 
-  ._jb {
+  ._kb {
     text-align: center;
   }
 
-  .__a-1e6vo9b {
+  .__b-1e6vo9b {
     grid-column-start: illustration;
   }
 
-  .__b-1e6vo9b {
+  .__c-1e6vo9b {
     grid-column-end: illustration;
   }
 
-  .__c-1e6vo9b {
+  .__d-1e6vo9b {
     grid-row-start: illustration;
   }
 
-  .__d-1e6vo9b {
+  .__e-1e6vo9b {
     grid-row-end: illustration;
   }
 
@@ -97,7 +97,7 @@
     height: calc(10rem * var(--s2-scale));
   }
 
-  ._4d {
+  ._5d {
     align-self: center;
   }
 
@@ -117,35 +117,35 @@
     --iconPrimary: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
   }
 
-  .__a-go5hed {
+  .__b-go5hed {
     grid-column-start: heading;
   }
 
-  .__b-go5hed {
+  .__c-go5hed {
     grid-column-end: heading;
   }
 
-  .__c-go5hed {
+  .__d-go5hed {
     grid-row-start: heading;
   }
 
-  .__d-go5hed {
+  .__e-go5hed {
     grid-row-end: heading;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._dk {
+  ._ek {
     font-size: 1.25rem;
   }
 
-  ._dj {
+  ._ej {
     font-size: 1.375rem;
   }
 
-  ._ed {
+  ._fd {
     font-variation-settings: "wght" 700;
     font-synthesis-weight: none;
     font-variation-settings: "wght" 700;
@@ -155,7 +155,7 @@
     font-weight: 700;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -163,7 +163,7 @@
     color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._4c {
+  ._5c {
     align-self: end;
   }
 
@@ -183,19 +183,19 @@
     margin-inline-end: 0;
   }
 
-  ._ca {
+  ._da {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._eb {
+  ._fb {
     font-variation-settings: "wght" 400;
     font-synthesis-weight: none;
     font-variation-settings: "wght" 400;
@@ -205,7 +205,7 @@
     font-weight: 400;
   }
 
-  ._fb {
+  ._gb {
     line-height: 1.5;
   }
 
@@ -213,39 +213,39 @@
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .__a-1mod4sg {
+  .__b-1mod4sg {
     grid-column-start: content;
   }
 
-  .__b-1mod4sg {
+  .__c-1mod4sg {
     grid-column-end: content;
   }
 
-  .__c-1mod4sg {
+  .__d-1mod4sg {
     grid-row-start: content;
   }
 
-  .__d-1mod4sg {
+  .__e-1mod4sg {
     grid-row-end: content;
   }
 
-  ._4b {
+  ._5b {
     align-self: start;
   }
 
-  .__a-3yyxn2 {
+  .__b-3yyxn2 {
     grid-column-start: buttonGroup;
   }
 
-  .__b-3yyxn2 {
+  .__c-3yyxn2 {
     grid-column-end: buttonGroup;
   }
 
-  .__c-3yyxn2 {
+  .__d-3yyxn2 {
     grid-row-start: buttonGroup;
   }
 
-  .__d-3yyxn2 {
+  .__e-3yyxn2 {
     grid-row-end: buttonGroup;
   }
 
@@ -255,7 +255,7 @@
 }
 
 @layer _.b {
-  ._e-1x99dlod:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._f-1x99dlod:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-variation-settings: "wght" 700;
     font-synthesis-weight: none;
     font-variation-settings: "wght" 700;
@@ -265,51 +265,51 @@
     font-weight: 700;
   }
 
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 
-  ._c-enzrfpb:lang(ar) {
+  ._d-enzrfpb:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._f-1x99dloc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dloc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.7;
   }
 }
 
 @layer _.c {
-  ._c-enzwzjc:lang(he) {
+  ._d-enzwzjc:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._c-enzykdd:lang(ja) {
+  ._d-enzykdd: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 {
-  ._c-enzzrge:lang(ko) {
+  ._d-enzzrge:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._c-eo0c6sf:lang(zh) {
+  ._d-eo0c6sf:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._c-1uotwbwg:lang(zh-hant) {
+  ._d-1uotwbwg: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 {
-  ._c-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._d-bc1l9oh: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;
   }
 }
@@ -318,31 +318,31 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbl {
+    ._ebl {
       font-size: 1.5rem;
     }
 
-    ._dbm {
+    ._ebm {
       font-size: 1.6875rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
   }

package/dist/IllustratedMessage.mjs

@@ -30,65 +30,65 @@ import {useDOMRef as $3JmRZ$useDOMRef} from "@react-spectrum/utils";
 
 const $4950413ac998f607$var$illustratedMessage = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
     let $r = false;
     for (let p of matches)if (/^\s*r/.test(p)) $r = true;
-    rules += ' _Zf';
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
+    rules += ' _0f';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
     if (!$r) {
         if (props.orientation === "horizontal") rules += ' r________V';
         else if (props.orientation === "vertical") rules += ' r______x';
     }
-    if (props.orientation === "horizontal") rules += ' __j-1t3dvev';
-    else if (props.orientation === "vertical") rules += ' __j-tu9mw5';
-    if (props.orientation === "horizontal") rules += ' __i-1efftez';
+    if (props.orientation === "horizontal") rules += ' __k-1t3dvev';
+    else if (props.orientation === "vertical") rules += ' __k-tu9mw5';
+    if (props.orientation === "horizontal") rules += ' __j-1efftez';
     else if (props.orientation === "vertical") {
-        if (props.size === "L") rules += ' __i-xadfxd';
-        else rules += ' __i-fd9mh8';
+        if (props.size === "L") rules += ' __j-xadfxd';
+        else rules += ' __j-fd9mh8';
     }
-    if (props.orientation === "horizontal") rules += ' __h-883psa';
-    if (props.orientation === "horizontal") rules += ' _3a';
-    else if (props.orientation === "vertical") rules += ' _3c';
-    if (props.orientation === "vertical") rules += ' _jb';
+    if (props.orientation === "horizontal") rules += ' __i-883psa';
+    if (props.orientation === "horizontal") rules += ' _4a';
+    else if (props.orientation === "vertical") rules += ' _4c';
+    if (props.orientation === "vertical") rules += ' _kb';
     return rules;
 };
 const $4950413ac998f607$var$illustration = function anonymous(props) {
     let rules = " .";
-    rules += ' __a-1e6vo9b';
     rules += ' __b-1e6vo9b';
     rules += ' __c-1e6vo9b';
     rules += ' __d-1e6vo9b';
+    rules += ' __e-1e6vo9b';
     if (props.size === "L") rules += ' l__Y';
     else if (props.size === "M") rules += ' l_W';
     else if (props.size === "S") rules += ' l_W';
     if (props.size === "L") rules += ' k__Y';
     else if (props.size === "M") rules += ' k_W';
     else if (props.size === "S") rules += ' k_W';
-    rules += ' _4d';
+    rules += ' _5d';
     if (props.isDropTarget) {
         if (props.isPressed) rules += ' -rwx0fg_a-z';
         else if (props.isFocusVisible) rules += ' -rwx0fg_a-z';
@@ -104,72 +104,72 @@ const $4950413ac998f607$var$illustration = function anonymous(props) {
 };
 const $4950413ac998f607$var$heading = function anonymous(props) {
     let rules = " .";
-    rules += ' __a-go5hed';
     rules += ' __b-go5hed';
     rules += ' __c-go5hed';
     rules += ' __d-go5hed';
+    rules += ' __e-go5hed';
     if (props.size === "L") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "M") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "S") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     }
     if (props.size === "L") {
-        rules += ' _dbm';
-        rules += ' _dj';
+        rules += ' _ebm';
+        rules += ' _ej';
     } else if (props.size === "M") {
-        rules += ' _dbl';
-        rules += ' _dk';
+        rules += ' _ebl';
+        rules += ' _ek';
     } else if (props.size === "S") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     }
     if (props.size === "L") {
-        rules += ' _e-1x99dlod';
-        rules += ' _ed';
+        rules += ' _f-1x99dlod';
+        rules += ' _fd';
     } else if (props.size === "M") {
-        rules += ' _e-1x99dlod';
-        rules += ' _ed';
+        rules += ' _f-1x99dlod';
+        rules += ' _fd';
     } else if (props.size === "S") {
-        rules += ' _e-1x99dlod';
-        rules += ' _ed';
+        rules += ' _f-1x99dlod';
+        rules += ' _fd';
     }
     if (props.size === "L") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "M") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "S") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     }
     if (props.size === "L") rules += ' ao';
     else if (props.size === "M") rules += ' ao';
     else if (props.size === "S") rules += ' ao';
-    rules += ' _4c';
+    rules += ' _5c';
     rules += ' Aa';
     rules += ' Ba';
     rules += ' ya';
@@ -179,67 +179,67 @@ const $4950413ac998f607$var$heading = function anonymous(props) {
 const $4950413ac998f607$var$content = function anonymous(props) {
     let rules = " .";
     if (props.size === "L") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "M") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "S") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     }
     if (props.size === "L") {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     } else if (props.size === "M") {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     }
-    if (props.size === "L") rules += ' _eb';
-    else if (props.size === "M") rules += ' _eb';
-    else if (props.size === "S") rules += ' _eb';
+    if (props.size === "L") rules += ' _fb';
+    else if (props.size === "M") rules += ' _fb';
+    else if (props.size === "S") rules += ' _fb';
     if (props.size === "L") {
-        rules += ' _f-1x99dloc';
-        rules += ' _fb';
+        rules += ' _g-1x99dloc';
+        rules += ' _gb';
     } else if (props.size === "M") {
-        rules += ' _f-1x99dloc';
-        rules += ' _fb';
+        rules += ' _g-1x99dloc';
+        rules += ' _gb';
     } else if (props.size === "S") {
-        rules += ' _f-1x99dloc';
-        rules += ' _fb';
+        rules += ' _g-1x99dloc';
+        rules += ' _gb';
     }
     if (props.size === "L") rules += ' an';
     else if (props.size === "M") rules += ' an';
     else if (props.size === "S") rules += ' an';
-    rules += ' __a-1mod4sg';
     rules += ' __b-1mod4sg';
     rules += ' __c-1mod4sg';
     rules += ' __d-1mod4sg';
-    rules += ' _4b';
+    rules += ' __e-1mod4sg';
+    rules += ' _5b';
     return rules;
 };
-const $4950413ac998f607$var$buttonGroup = " . __a-3yyxn2 __b-3yyxn2 __c-3yyxn2 __d-3yyxn2 Af";
+const $4950413ac998f607$var$buttonGroup = " . __b-3yyxn2 __c-3yyxn2 __d-3yyxn2 __e-3yyxn2 Af";
 const $4950413ac998f607$export$d661ef89ad42d682 = /*#__PURE__*/ (0, $3JmRZ$createContext)(null);
 const $4950413ac998f607$export$406dbc84c317ece0 = /*#__PURE__*/ (0, $3JmRZ$forwardRef)(function IllustratedMessage(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4950413ac998f607$export$d661ef89ad42d682);