@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/IllustratedMessage.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .se11 {
+  .se12 {
     display: grid;
   }
 
-  .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;
@@ -11,15 +11,15 @@
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .-_6BNtrc-a11 {
+  .-_6BNtrc-a12 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-e11 {
+  .-_6BNtrc-e12 {
     --fs: pow(1.125, 2);
   }
 
-  ._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);
@@ -27,15 +27,15 @@
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .Li11 {
+  .Li12 {
     max-width: calc(23.75rem * var(--s2-scale));
   }
 
-  .Lj11 {
+  .Lj12 {
     max-width: calc(33rem * var(--s2-scale));
   }
 
-  .CPmblS11 {
+  .CPmblS12 {
     grid-template-areas: ". illustration ."
                          ". . ."
                          "heading heading heading"
@@ -44,306 +44,306 @@
                          ". buttonGroup .";
   }
 
-  .CLJajOe11 {
+  .CLJajOe12 {
     grid-template-areas: "illustration . heading"
                          "illustration . ."
                          "illustration . content"
                          "illustration . buttonGroup";
   }
 
-  .E4ICjXd11 {
+  .E4ICjXd12 {
     grid-template-rows: min-content .75rem min-content .25rem min-content min-content;
   }
 
-  .EbQCrs11 {
+  .EbQCrs12 {
     grid-template-rows: min-content .5rem min-content .25rem min-content min-content;
   }
 
-  .ECIGjJc11 {
+  .ECIGjJc12 {
     grid-template-rows: 1fr .25rem 1fr;
   }
 
-  .DpdPjR11 {
+  .DpdPjR12 {
     grid-template-columns: 1fr .75rem auto;
   }
 
-  ._Da11 {
+  ._Da12 {
     justify-items: center;
   }
 
-  ._Dc11 {
+  ._Dc12 {
     justify-items: start;
   }
 
-  ._Wa11 {
+  ._Wa12 {
     text-align: center;
   }
 
-  .zTZ8xtd11 {
+  .zTZ8xtd12 {
     grid-column-start: illustration;
   }
 
-  .yTZ8xtd11 {
+  .yTZ8xtd12 {
     grid-column-end: illustration;
   }
 
-  .BTZ8xtd11 {
+  .BTZ8xtd12 {
     grid-row-start: illustration;
   }
 
-  .ATZ8xtd11 {
+  .ATZ8xtd12 {
     grid-row-end: illustration;
   }
 
-  ._dc11 {
+  ._dc12 {
     align-self: center;
   }
 
-  .-_8sjo0b-pt11 {
+  .-_8sjo0b-pt12 {
     --iconPrimary: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .-_8sjo0b-pu11 {
+  .-_8sjo0b-pu12 {
     --iconPrimary: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
   }
 
-  .zPCJngb11 {
+  .zPCJngb12 {
     grid-column-start: heading;
   }
 
-  .yPCJngb11 {
+  .yPCJngb12 {
     grid-column-end: heading;
   }
 
-  .BPCJngb11 {
+  .BPCJngb12 {
     grid-row-start: heading;
   }
 
-  .APCJngb11 {
+  .APCJngb12 {
     grid-row-end: heading;
   }
 
-  .-_6BNtrc-d11 {
+  .-_6BNtrc-d12 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-f11 {
+  .-_6BNtrc-f12 {
     --fs: pow(1.125, 3);
   }
 
-  .-_6BNtrc-g11 {
+  .-_6BNtrc-g12 {
     --fs: pow(1.125, 4);
   }
 
-  .wd11 {
+  .wd12 {
     font-variation-settings: "wght" 700;
   }
 
-  .xd11 {
+  .xd12 {
     font-weight: 700;
   }
 
-  ._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);
   }
 
-  .po11 {
+  .po12 {
     color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._dd11 {
+  ._dd12 {
     align-self: end;
   }
 
-  .Jy11 {
+  .Jy12 {
     margin-top: 0;
   }
 
-  .Gy11 {
+  .Gy12 {
     margin-bottom: 0;
   }
 
-  .Iy11 {
+  .Iy12 {
     margin-inline-start: 0;
   }
 
-  .Hy11 {
+  .Hy12 {
     margin-inline-end: 0;
   }
 
-  .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;
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-c11 {
+  .-_6BNtrc-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .vx11 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .wb11 {
+  .wb12 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb11 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa11 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fb11 {
+  ._Fb12 {
     line-height: 1.5;
   }
 
-  .pt11 {
+  .pt12 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .zk52g2d11 {
+  .zk52g2d12 {
     grid-column-start: content;
   }
 
-  .yk52g2d11 {
+  .yk52g2d12 {
     grid-column-end: content;
   }
 
-  .Bk52g2d11 {
+  .Bk52g2d12 {
     grid-row-start: content;
   }
 
-  .Ak52g2d11 {
+  .Ak52g2d12 {
     grid-row-end: content;
   }
 
-  ._de11 {
+  ._de12 {
     align-self: start;
   }
 
-  .zmlKpq11 {
+  .zmlKpq12 {
     grid-column-start: buttonGroup;
   }
 
-  .ymlKpq11 {
+  .ymlKpq12 {
     grid-column-end: buttonGroup;
   }
 
-  .BmlKpq11 {
+  .BmlKpq12 {
     grid-row-start: buttonGroup;
   }
 
-  .AmlKpq11 {
+  .AmlKpq12 {
     grid-row-end: buttonGroup;
   }
 
-  .JC11 {
+  .JC12 {
     margin-top: 1rem;
   }
 }
 
 @layer _.b {
-  .wX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
+  .wX0cczbc12:is(:lang(ja), :lang(ko), :lang(zh)) {
     font-variation-settings: "wght" 500;
   }
 
-  .xX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
+  .xX0cczbc12:is(:lang(ja), :lang(ko), :lang(zh)) {
     font-weight: 500;
   }
 
-  ._xX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)) {
+  ._xX0cczba12:is(:lang(ja), :lang(ko), :lang(zh)) {
     font-synthesis-weight: none;
   }
 
-  ._FezxGHba11:is(:lang(ar), :lang(he)) {
+  ._FezxGHba12:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 
-  .uch11:lang(ar) {
+  .uch12:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUwec11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUwec12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.7;
   }
 }
 
 @layer _.c {
-  .wfd11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .wfd12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-variation-settings: "wght" 700;
   }
 
-  .xfd11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .xfd12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 700;
   }
 
-  ._xfa11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._xfa12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-synthesis-weight: none;
   }
 
-  ._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;
   }
 
-  .udi11:lang(he) {
+  .udi12:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .wfX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .wfX0cczbc12:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-variation-settings: "wght" 500;
   }
 
-  .xfX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .xfX0cczbc12:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 500;
   }
 
-  ._xfX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._xfX0cczba12:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-synthesis-weight: none;
   }
 
-  .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;
   }
 }