@react-spectrum/s2 3.0.0-nightly-63d4359d6-250428 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/ColorField.cjs

@@ -54,60 +54,60 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
         ref: domRef,
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
-            let rules = " .";
-            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)[^\s]+/g) || [];
-            rules += matches.join('');
-            let $__b = false;
-            let $__c = false;
+            let rules = " ";
+            let gridColumnStart = false;
+            let gridColumnEnd = false;
+            let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
             for (let p of matches){
-                if (/^\s*__b/.test(p)) $__b = true;
-                if (/^\s*__c/.test(p)) $__c = true;
+                if (p[1] === "L") gridColumnStart = true;
+                if (p[1] === "N") gridColumnEnd = true;
+                rules += p[0];
             }
-            rules += ' _0f';
-            if (!$__b) {
-                if (props.isInForm) rules += ' __b-3t1y';
+            rules += ' mb';
+            if (props.isInForm) {
+                if (!gridColumnStart) rules += ' L2mU';
             }
-            if (!$__c) {
-                if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
+            if (props.isInForm) {
+                if (props.labelPosition === "side") {
+                    if (!gridColumnEnd) rules += ' NvoofG';
                 }
             }
-            if (props.isInForm) rules += ' __i-1a97rzt';
+            if (props.isInForm) rules += ' SLwlgod';
             else {
-                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
-                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
+                if (props.labelPosition === "side") rules += ' SPlN5qb';
+                else if (props.labelPosition === "top") rules += ' SM8Mfn';
             }
-            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
-            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
-            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
-            else if (props.labelPosition === "top") rules += ' __k-1srn173';
+            if (props.labelPosition === "side") rules += ' _FPlN5qb';
+            else if (props.labelPosition === "top") rules += ' _F4w1sLc';
+            if (props.labelPosition === "side") rules += ' _ubRM95c';
+            else if (props.labelPosition === "top") rules += ' _uxaocre';
             if (props.size === "XL") {
-                rules += ' _ebj';
-                rules += ' _ei';
+                rules += ' ah';
+                rules += ' aac';
             } else if (props.size === "L") {
-                rules += ' _ebh';
-                rules += ' _eg';
+                rules += ' ae';
+                rules += ' aad';
             } else if (props.size === "S") {
-                rules += ' _ebd';
-                rules += ' _ec';
+                rules += ' af';
+                rules += ' aag';
             } else if (props.size === "XS") {
-                rules += ' _ebb';
-                rules += ' _ea';
+                rules += ' ai';
+                rules += ' aaj';
             } else {
-                rules += ' _ebf';
-                rules += ' _ee';
+                rules += ' aa';
+                rules += ' aab';
             }
-            rules += ' _2d';
-            rules += ' _g-1x99dlob';
-            rules += ' _ga';
-            if (props.size === "XL") rules += ' -aqrvqh_k-j';
-            else if (props.size === "L") rules += ' -aqrvqh_k-i';
-            else if (props.size === "S") rules += ' -aqrvqh_k-h';
-            else if (props.size === "XS") rules += ' -aqrvqh_k-g';
-            else rules += ' -aqrvqh_k-f';
-            rules += ' -_1inj1bc_i--prjw07';
-            rules += ' je';
-            rules += ' __S-yksgrp';
+            rules += ' Fb';
+            rules += ' gb';
+            rules += ' gca';
+            if (props.size === "XL") rules += ' -BhX7R-ee';
+            else if (props.size === "L") rules += ' -BhX7R-ed';
+            else if (props.size === "S") rules += ' -BhX7R-eb';
+            else if (props.size === "XS") rules += ' -BhX7R-ea';
+            else rules += ' -BhX7R-ec';
+            rules += ' -AJjOLd-p8R8pb';
+            rules += ' ka';
+            rules += ' _Ga';
             return rules;
         }({
             size: props.size,

package/dist/ColorField.css

@@ -1,133 +1,133 @@
 @layer _.a {
-  ._0f {
+  .mb {
     display: grid;
   }
 
-  .__b-3t1y {
+  .L2mU {
     grid-column-start: 1;
   }
 
-  .__c-yqnebx {
+  .NvoofG {
     grid-column-end: span 2;
   }
 
-  .__i-2wzs0i {
+  .SM8Mfn {
     grid-template-columns: 1fr;
   }
 
-  .__i-ar5vcf {
+  .SPlN5qb {
     grid-template-columns: auto 1fr;
   }
 
-  .__i-1a97rzt {
+  .SLwlgod {
     grid-template-columns: subgrid;
   }
 
-  .__j-1a6w430 {
+  ._F4w1sLc {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__j-ar5vcf {
+  ._FPlN5qb {
     grid-template-rows: auto 1fr;
   }
 
-  .__k-1srn173 {
+  ._uxaocre {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__k-18h2yqz {
+  ._ubRM95c {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._ee {
+  .aa {
     font-size: .875rem;
   }
 
-  ._ea {
+  .ai {
     font-size: .6875rem;
   }
 
-  ._ec {
+  .af {
     font-size: .75rem;
   }
 
-  ._eg {
+  .ae {
     font-size: 1rem;
   }
 
-  ._ei {
+  .ah {
     font-size: 1.125rem;
   }
 
-  ._2d {
+  .Fb {
     align-items: baseline;
   }
 
-  ._ga {
+  .gb {
     line-height: 1.3;
   }
 
-  .-aqrvqh_k-f {
+  .-BhX7R-ec {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-aqrvqh_k-g {
+  .-BhX7R-ea {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-aqrvqh_k-h {
+  .-BhX7R-eb {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-aqrvqh_k-i {
+  .-BhX7R-ed {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-aqrvqh_k-j {
+  .-BhX7R-ee {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-_1inj1bc_i--prjw07 {
-    --field-gap: calc((var(--field-height)  - var(--u, 0px)  - var(--v, 0px)  - 1lh) / 2);
+  .-AJjOLd-p8R8pb {
+    --field-gap: calc((var(--field-height)  - var(--_n, 0px)  - var(--_m, 0px)  - 1lh) / 2);
   }
 
-  .je {
+  .ka {
     column-gap: .75rem;
   }
 
-  .__S-yksgrp {
+  ._Ga {
     -webkit-tap-highlight-color: #0000;
   }
 }
 
 @layer _.b {
-  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .gca:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
-@layer _.b.b {
+@layer _.b.a {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._ebf {
+    .aab {
       font-size: 1.0625rem;
     }
 
-    ._ebb {
+    .aaj {
       font-size: .8125rem;
     }
 
-    ._ebd {
+    .aag {
       font-size: .9375rem;
     }
 
-    ._ebh {
+    .aad {
       font-size: 1.1875rem;
     }
 
-    ._ebj {
+    .aac {
       font-size: 1.375rem;
     }
   }

package/dist/ColorField.mjs

@@ -47,60 +47,60 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
         ref: domRef,
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
-            let rules = " .";
-            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)[^\s]+/g) || [];
-            rules += matches.join('');
-            let $__b = false;
-            let $__c = false;
+            let rules = " ";
+            let gridColumnStart = false;
+            let gridColumnEnd = false;
+            let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
             for (let p of matches){
-                if (/^\s*__b/.test(p)) $__b = true;
-                if (/^\s*__c/.test(p)) $__c = true;
+                if (p[1] === "L") gridColumnStart = true;
+                if (p[1] === "N") gridColumnEnd = true;
+                rules += p[0];
             }
-            rules += ' _0f';
-            if (!$__b) {
-                if (props.isInForm) rules += ' __b-3t1y';
+            rules += ' mb';
+            if (props.isInForm) {
+                if (!gridColumnStart) rules += ' L2mU';
             }
-            if (!$__c) {
-                if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
+            if (props.isInForm) {
+                if (props.labelPosition === "side") {
+                    if (!gridColumnEnd) rules += ' NvoofG';
                 }
             }
-            if (props.isInForm) rules += ' __i-1a97rzt';
+            if (props.isInForm) rules += ' SLwlgod';
             else {
-                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
-                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
+                if (props.labelPosition === "side") rules += ' SPlN5qb';
+                else if (props.labelPosition === "top") rules += ' SM8Mfn';
             }
-            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
-            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
-            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
-            else if (props.labelPosition === "top") rules += ' __k-1srn173';
+            if (props.labelPosition === "side") rules += ' _FPlN5qb';
+            else if (props.labelPosition === "top") rules += ' _F4w1sLc';
+            if (props.labelPosition === "side") rules += ' _ubRM95c';
+            else if (props.labelPosition === "top") rules += ' _uxaocre';
             if (props.size === "XL") {
-                rules += ' _ebj';
-                rules += ' _ei';
+                rules += ' ah';
+                rules += ' aac';
             } else if (props.size === "L") {
-                rules += ' _ebh';
-                rules += ' _eg';
+                rules += ' ae';
+                rules += ' aad';
             } else if (props.size === "S") {
-                rules += ' _ebd';
-                rules += ' _ec';
+                rules += ' af';
+                rules += ' aag';
             } else if (props.size === "XS") {
-                rules += ' _ebb';
-                rules += ' _ea';
+                rules += ' ai';
+                rules += ' aaj';
             } else {
-                rules += ' _ebf';
-                rules += ' _ee';
+                rules += ' aa';
+                rules += ' aab';
             }
-            rules += ' _2d';
-            rules += ' _g-1x99dlob';
-            rules += ' _ga';
-            if (props.size === "XL") rules += ' -aqrvqh_k-j';
-            else if (props.size === "L") rules += ' -aqrvqh_k-i';
-            else if (props.size === "S") rules += ' -aqrvqh_k-h';
-            else if (props.size === "XS") rules += ' -aqrvqh_k-g';
-            else rules += ' -aqrvqh_k-f';
-            rules += ' -_1inj1bc_i--prjw07';
-            rules += ' je';
-            rules += ' __S-yksgrp';
+            rules += ' Fb';
+            rules += ' gb';
+            rules += ' gca';
+            if (props.size === "XL") rules += ' -BhX7R-ee';
+            else if (props.size === "L") rules += ' -BhX7R-ed';
+            else if (props.size === "S") rules += ' -BhX7R-eb';
+            else if (props.size === "XS") rules += ' -BhX7R-ea';
+            else rules += ' -BhX7R-ec';
+            rules += ' -AJjOLd-p8R8pb';
+            rules += ' ka';
+            rules += ' _Ga';
             return rules;
         }({
             size: props.size,

package/dist/ColorHandle.cjs

@@ -34,31 +34,31 @@ const $5b07976eb9e358fe$var$LOUPE_OFFSET = 12; // Offset from handle to loupe
 function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef, getPosition: getPosition }) {
     return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)((0, $8hzuN$reactariacomponents.ColorThumb), {
         className: function anonymous(props) {
-            let rules = " .";
-            rules += ' _P-1oihi8a';
-            rules += ' _R-375x7f';
-            rules += ' _Sa';
-            if (props.isFocusVisible) rules += ' lU';
-            else rules += ' lE';
-            if (props.isFocusVisible) rules += ' kU';
-            else rules += ' kE';
-            if (props.isDisabled) rules += ' bg';
-            rules += ' _wf';
-            rules += ' _xf';
-            rules += ' _yf';
-            rules += ' _zf';
-            rules += ' __oa';
+            let rules = " ";
+            rules += ' _iEw2M9d';
+            rules += ' _ka';
+            rules += ' _ea';
+            if (props.isFocusVisible) rules += ' fg';
+            else rules += ' ff';
+            if (props.isFocusVisible) rules += ' ec';
+            else rules += ' eg';
+            if (props.isDisabled) rules += ' ca';
+            rules += ' za';
+            rules += ' xa';
             rules += ' wa';
-            rules += ' uc';
-            rules += ' vc';
-            rules += ' sc';
-            rules += ' tc';
-            if (props.isDisabled) rules += ' ci';
-            else rules += ' cc';
-            rules += ' _Mb';
-            rules += ' _Ob';
-            rules += ' da_____I';
-            rules += ' db42';
+            rules += ' ya';
+            rules += ' _qa';
+            rules += ' Ra';
+            rules += ' _nb';
+            rules += ' _ma';
+            rules += ' _ta';
+            rules += ' _sa';
+            if (props.isDisabled) rules += ' qb';
+            else rules += ' qC';
+            rules += ' tb';
+            rules += ' _gb';
+            rules += ' Bk';
+            rules += ' Bbc';
             return rules;
         },
         style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
@@ -70,7 +70,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
         children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
                 children: [
                     /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
-                        className: " lb kb _wf _xf _yf _zf __oa wa ub vb sb tb cb42 ca_____I"
+                        className: " fa ef za xa wa ya _qa Ra _nc _mb _tc _sc qA qbc"
                     }),
                     /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
                         isOpen: isDragging,
@@ -119,8 +119,8 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
     let { x: thumbLeft, y: thumbTop } = getPosition();
     thumbTop *= containerRect.height;
     thumbLeft *= containerRect.width;
-    let enterAnimation = "-_16byv7u";
-    let exitAnimation = "-fqdrzt";
+    let enterAnimation = "AmkoXc";
+    let exitAnimation = "HaKxcb";
     return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)("svg", {
         style: {
             // Position relative to the viewport.
@@ -131,7 +131,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
             marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
             animationName: isExiting ? exitAnimation : enterAnimation
         },
-        className: " _vb __Ca _U-375x4t _Xb _Za __Ga",
+        className: " __ba _1a __Ec __ia _2a _9a",
         onAnimationEnd: (e)=>{
             if (e.animationName === exitAnimation) onExited();
         },
@@ -180,7 +180,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
                 fill: color.toString()
             }),
             /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("path", {
-                className: " xb f_____n fa_____K eA",
+                className: " __qa __gi __gba Og",
                 d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
             })
         ]