@react-spectrum/s2 1.0.0 → 1.1.0

package/dist/IllustratedMessage.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .se1 {
+  .se11 {
     display: grid;
   }
 
-  .uk1 {
+  .uk11 {
     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-a1 {
+  .-_6BNtrc-a11 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-e1 {
+  .-_6BNtrc-e11 {
     --fs: pow(1.125, 2);
   }
 
-  ._Fd1 {
+  ._Fd11 {
     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);
   }
 
-  .Li1 {
+  .Li11 {
     max-width: calc(23.75rem * var(--s2-scale));
   }
 
-  .Lj1 {
+  .Lj11 {
     max-width: calc(33rem * var(--s2-scale));
   }
 
-  .CPmblS1 {
+  .CPmblS11 {
     grid-template-areas: ". illustration ."
                          ". . ."
                          "heading heading heading"
@@ -44,282 +44,282 @@
                          ". buttonGroup .";
   }
 
-  .CLJajOe1 {
+  .CLJajOe11 {
     grid-template-areas: "illustration . heading"
                          "illustration . ."
                          "illustration . content"
                          "illustration . buttonGroup";
   }
 
-  .E02fTrb1 {
+  .E02fTrb11 {
     grid-template-rows: min-content calc(.75rem * var(--s2-scale)) min-content calc(.25rem * var(--s2-scale)) min-content min-content;
   }
 
-  .EdL7991 {
+  .EdL79911 {
     grid-template-rows: min-content calc(.5rem * var(--s2-scale)) min-content calc(.25rem * var(--s2-scale)) min-content min-content;
   }
 
-  .E6zxP8c1 {
+  .E6zxP8c11 {
     grid-template-rows: 1fr calc(.25rem * var(--s2-scale)) 1fr;
   }
 
-  .DrSmbR1 {
+  .DrSmbR11 {
     grid-template-columns: 1fr calc(.75rem * var(--s2-scale)) auto;
   }
 
-  ._Da1 {
+  ._Da11 {
     justify-items: center;
   }
 
-  ._Dc1 {
+  ._Dc11 {
     justify-items: start;
   }
 
-  ._Wa1 {
+  ._Wa11 {
     text-align: center;
   }
 
-  .zTZ8xtd1 {
+  .zTZ8xtd11 {
     grid-column-start: illustration;
   }
 
-  .yTZ8xtd1 {
+  .yTZ8xtd11 {
     grid-column-end: illustration;
   }
 
-  .BTZ8xtd1 {
+  .BTZ8xtd11 {
     grid-row-start: illustration;
   }
 
-  .ATZ8xtd1 {
+  .ATZ8xtd11 {
     grid-row-end: illustration;
   }
 
-  ._dc1 {
+  ._dc11 {
     align-self: center;
   }
 
-  .-_8sjo0b-pt1 {
+  .-_8sjo0b-pt11 {
     --iconPrimary: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .-_8sjo0b-pu1 {
+  .-_8sjo0b-pu11 {
     --iconPrimary: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
   }
 
-  .zPCJngb1 {
+  .zPCJngb11 {
     grid-column-start: heading;
   }
 
-  .yPCJngb1 {
+  .yPCJngb11 {
     grid-column-end: heading;
   }
 
-  .BPCJngb1 {
+  .BPCJngb11 {
     grid-row-start: heading;
   }
 
-  .APCJngb1 {
+  .APCJngb11 {
     grid-row-end: heading;
   }
 
-  .-_6BNtrc-d1 {
+  .-_6BNtrc-d11 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-f1 {
+  .-_6BNtrc-f11 {
     --fs: pow(1.125, 3);
   }
 
-  .-_6BNtrc-g1 {
+  .-_6BNtrc-g11 {
     --fs: pow(1.125, 4);
   }
 
-  .xd1 {
+  .xd11 {
     font-weight: 700;
   }
 
-  ._Fd1 {
+  ._Fd11 {
     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);
   }
 
-  .po1 {
+  .po11 {
     color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._dd1 {
+  ._dd11 {
     align-self: end;
   }
 
-  .Jy1 {
+  .Jy11 {
     margin-top: 0;
   }
 
-  .Gy1 {
+  .Gy11 {
     margin-bottom: 0;
   }
 
-  .Iy1 {
+  .Iy11 {
     margin-inline-start: 0;
   }
 
-  .Hy1 {
+  .Hy11 {
     margin-inline-end: 0;
   }
 
-  .uk1 {
+  .uk11 {
     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-b1 {
+  .-_6BNtrc-b11 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-c1 {
+  .-_6BNtrc-c11 {
     --fs: pow(1.125, 0);
   }
 
-  .vx1 {
+  .vx11 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .xb1 {
+  .xb11 {
     font-weight: 400;
   }
 
-  ._xa1 {
+  ._xa11 {
     font-synthesis-weight: none;
   }
 
-  ._Fb1 {
+  ._Fb11 {
     line-height: 1.5;
   }
 
-  .pt1 {
+  .pt11 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .zk52g2d1 {
+  .zk52g2d11 {
     grid-column-start: content;
   }
 
-  .yk52g2d1 {
+  .yk52g2d11 {
     grid-column-end: content;
   }
 
-  .Bk52g2d1 {
+  .Bk52g2d11 {
     grid-row-start: content;
   }
 
-  .Ak52g2d1 {
+  .Ak52g2d11 {
     grid-row-end: content;
   }
 
-  ._de1 {
+  ._de11 {
     align-self: start;
   }
 
-  .zmlKpq1 {
+  .zmlKpq11 {
     grid-column-start: buttonGroup;
   }
 
-  .ymlKpq1 {
+  .ymlKpq11 {
     grid-column-end: buttonGroup;
   }
 
-  .BmlKpq1 {
+  .BmlKpq11 {
     grid-row-start: buttonGroup;
   }
 
-  .AmlKpq1 {
+  .AmlKpq11 {
     grid-row-end: buttonGroup;
   }
 
-  .JC1 {
+  .JC11 {
     margin-top: 1rem;
   }
 }
 
 @layer _.b {
-  .xX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)) {
+  .xX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
     font-weight: 500;
   }
 
-  ._xX0cczba1:is(:lang(ja), :lang(ko), :lang(zh)) {
+  ._xX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)) {
     font-synthesis-weight: none;
   }
 
-  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 
-  .ucJ9TBTb1:lang(ar) {
+  .ucJ9TBTb11:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUwec1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUwec11: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 {
-  .xfd1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .xfd11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 700;
   }
 
-  ._xfa1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._xfa11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-synthesis-weight: none;
   }
 
-  .ud3Euai1:lang(he) {
+  .ud3Euai11:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .xfX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .xfX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 500;
   }
 
-  ._xfX0cczba1:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._xfX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-synthesis-weight: none;
   }
 
-  .uea1:lang(ja) {
+  .uea11: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 {
-  .ugb1:lang(ko) {
+  .ugb11:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd1:lang(zh) {
+  .uhd11:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje1:lang(zh-hant) {
+  .uje11: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 {
-  .u2NhKxcl1:lang(zh-HK) {
+  .u2NhKxcl11: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 {
-  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic11: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;
   }
 }