@react-spectrum/s2 3.0.0-nightly-d87cc4422-250109 → 3.0.0-nightly-101d0772b-250111

package/dist/Modal.cjs

@@ -44,8 +44,8 @@ const $8e678305a8c10028$var$modalOverlayStyles = function anonymous(props) {
     rules += ' _0d';
     rules += ' _2c';
     rules += ' _3d';
-    if (props.isExiting) rules += ' _T-1nys8p3';
-    else if (props.isEntering) rules += ' _T-1nys8p3';
+    if (props.isExiting) rules += ' _T-jzzex7';
+    else if (props.isEntering) rules += ' _T-jzzex7';
     if (props.isExiting) rules += ' _U-375x5l';
     else if (props.isEntering) rules += ' _U-375y1o';
     if (props.isExiting) rules += ' _Za';
@@ -106,8 +106,8 @@ const $8e678305a8c10028$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $j6TWk$react
                     else rules += ' p-yjhhbg';
                     rules += ' -_1de2x0q_b-______x';
                     rules += ' b-1de2x0q';
-                    if (props.isExiting) rules += ' _T-1nys8p3';
-                    else if (props.isEntering) rules += ' _T-3zirke';
+                    if (props.isExiting) rules += ' _T-jzzex7';
+                    else if (props.isEntering) rules += ' _T-1addjaq';
                     if (props.isExiting) rules += ' _U-375x5l';
                     else if (props.isEntering) rules += ' _U-375y1o';
                     if (props.isExiting) rules += ' _Za';

package/dist/Modal.css

@@ -178,11 +178,11 @@
     background-color: var(--s2-container-bg);
   }
 
-  ._T-3zirke {
+  ._T-1addjaq {
     animation-name: -_1mhijd;
   }
 
-  ._T-1nys8p3 {
+  ._T-jzzex7 {
     animation-name: -_1llqja1;
   }
 

package/dist/Modal.mjs

@@ -38,8 +38,8 @@ const $c46d159bd615e407$var$modalOverlayStyles = function anonymous(props) {
     rules += ' _0d';
     rules += ' _2c';
     rules += ' _3d';
-    if (props.isExiting) rules += ' _T-1nys8p3';
-    else if (props.isEntering) rules += ' _T-1nys8p3';
+    if (props.isExiting) rules += ' _T-jzzex7';
+    else if (props.isEntering) rules += ' _T-jzzex7';
     if (props.isExiting) rules += ' _U-375x5l';
     else if (props.isEntering) rules += ' _U-375y1o';
     if (props.isExiting) rules += ' _Za';
@@ -100,8 +100,8 @@ const $c46d159bd615e407$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $fdAcL$forwa
                     else rules += ' p-yjhhbg';
                     rules += ' -_1de2x0q_b-______x';
                     rules += ' b-1de2x0q';
-                    if (props.isExiting) rules += ' _T-1nys8p3';
-                    else if (props.isEntering) rules += ' _T-3zirke';
+                    if (props.isExiting) rules += ' _T-jzzex7';
+                    else if (props.isEntering) rules += ' _T-1addjaq';
                     if (props.isExiting) rules += ' _U-375x5l';
                     else if (props.isEntering) rules += ' _U-375y1o';
                     if (props.isExiting) rules += ' _Za';

package/dist/NumberField.cjs

@@ -180,18 +180,18 @@ const $a366ef8f467b1cb5$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $fwzUK$react
             }
             if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __i-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __i-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __j-fdenls';
-            if (props.labelPosition === "side") rules += ' __k-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
+            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.size === "XL") {
                 rules += ' _ebj';
                 rules += ' _ei';
@@ -245,10 +245,10 @@ const $a366ef8f467b1cb5$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $fwzUK$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __b-4cfph1';
-                            rules += ' __c-4cfph1';
-                            rules += ' __d-4cfph1';
-                            rules += ' __e-4cfph1';
+                            rules += ' __b-g2ozi1';
+                            rules += ' __c-g2ozi1';
+                            rules += ' __d-g2ozi1';
+                            rules += ' __e-g2ozi1';
                             if (props.size === "XL") rules += ' qj';
                             else if (props.size === "L") rules += ' qi';
                             else if (props.size === "S") rules += ' qh';

package/dist/NumberField.css

@@ -136,7 +136,7 @@
   }
 
   ._Pa {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
   ._R-375x7f {
@@ -235,37 +235,37 @@
     grid-column-start: 1;
   }
 
-  .__c-7u9dhl {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__i-375yi6 {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__i-jyg4vb {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__i-1cwd7ud {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__j-fdenls {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__j-jyg4vb {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__k-xlaqir {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__k-5eez8j {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }
@@ -330,19 +330,19 @@
     -webkit-tap-highlight-color: #0000;
   }
 
-  .__b-4cfph1 {
+  .__b-g2ozi1 {
     grid-column-start: input;
   }
 
-  .__c-4cfph1 {
+  .__c-g2ozi1 {
     grid-column-end: input;
   }
 
-  .__d-4cfph1 {
+  .__d-g2ozi1 {
     grid-row-start: input;
   }
 
-  .__e-4cfph1 {
+  .__e-g2ozi1 {
     grid-row-end: input;
   }
 

package/dist/NumberField.mjs

@@ -173,18 +173,18 @@ const $675eca1a78ccd399$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $5qJVF$forwa
             }
             if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __i-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __i-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __j-fdenls';
-            if (props.labelPosition === "side") rules += ' __k-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
+            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.size === "XL") {
                 rules += ' _ebj';
                 rules += ' _ei';
@@ -238,10 +238,10 @@ const $675eca1a78ccd399$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $5qJVF$forwa
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __b-4cfph1';
-                            rules += ' __c-4cfph1';
-                            rules += ' __d-4cfph1';
-                            rules += ' __e-4cfph1';
+                            rules += ' __b-g2ozi1';
+                            rules += ' __c-g2ozi1';
+                            rules += ' __d-g2ozi1';
+                            rules += ' __e-g2ozi1';
                             if (props.size === "XL") rules += ' qj';
                             else if (props.size === "L") rules += ' qi';
                             else if (props.size === "S") rules += ' qh';

package/dist/Picker.cjs

@@ -68,10 +68,10 @@ const $b9c30139cd63c62a$var$inputButton = function anonymous(props) {
     rules += ' dx';
     rules += ' _Oc';
     rules += ' _N-3t1z';
-    rules += ' __b-4cfph1';
-    rules += ' __c-4cfph1';
-    rules += ' __d-4cfph1';
-    rules += ' __e-4cfph1';
+    rules += ' __b-g2ozi1';
+    rules += ' __c-g2ozi1';
+    rules += ' __d-g2ozi1';
+    rules += ' __e-g2ozi1';
     if (props.size === "XL") rules += ' qj';
     else if (props.size === "L") rules += ' qi';
     else if (props.size === "S") rules += ' qh';
@@ -167,10 +167,10 @@ let $b9c30139cd63c62a$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " .";
     rules += ' _Ma';
     rules += ' _0f';
-    if (props.size === "XL") rules += ' __i-358ibk';
-    else if (props.size === "L") rules += ' __i-1w0s9l0';
-    else if (props.size === "M") rules += ' __i-1kgdida';
-    else if (props.size === "S") rules += ' __i-17i5a9u';
+    if (props.size === "XL") rules += ' __i-14g31og';
+    else if (props.size === "L") rules += ' __i-1pqbi84';
+    else if (props.size === "M") rules += ' __i-n6rb9a';
+    else if (props.size === "S") rules += ' __i-iov3cy';
     rules += ' __oa';
     rules += ' p-17zqamw';
     rules += ' __wa';
@@ -281,18 +281,18 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
             }
             if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __i-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __i-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __j-fdenls';
-            if (props.labelPosition === "side") rules += ' __k-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
+            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.size === "XL") {
                 rules += ' _ebj';
                 rules += ' _ei';

package/dist/Picker.css

@@ -15,19 +15,19 @@
     outline-offset: 2px;
   }
 
-  .__b-4cfph1 {
+  .__b-g2ozi1 {
     grid-column-start: input;
   }
 
-  .__c-4cfph1 {
+  .__c-g2ozi1 {
     grid-column-end: input;
   }
 
-  .__d-4cfph1 {
+  .__d-g2ozi1 {
     grid-row-start: input;
   }
 
-  .__e-4cfph1 {
+  .__e-g2ozi1 {
     grid-row-end: input;
   }
 
@@ -209,19 +209,19 @@
     outline-style: none;
   }
 
-  .__i-17i5a9u {
+  .__i-iov3cy {
     grid-template-columns: .5625rem auto auto minmax(0, 1fr) auto auto auto .5625rem;
   }
 
-  .__i-1kgdida {
+  .__i-n6rb9a {
     grid-template-columns: .75rem auto auto minmax(0, 1fr) auto auto auto .75rem;
   }
 
-  .__i-1w0s9l0 {
+  .__i-1pqbi84 {
     grid-template-columns: .9375rem auto auto minmax(0, 1fr) auto auto auto .9375rem;
   }
 
-  .__i-358ibk {
+  .__i-14g31og {
     grid-template-columns: 1.125rem auto auto minmax(0, 1fr) auto auto auto 1.125rem;
   }
 
@@ -334,7 +334,7 @@
   }
 
   ._Pa {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
   ._R-375x7f {
@@ -377,37 +377,37 @@
     grid-column-start: 1;
   }
 
-  .__c-7u9dhl {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__i-375yi6 {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__i-jyg4vb {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__i-1cwd7ud {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__j-fdenls {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__j-jyg4vb {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__k-xlaqir {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__k-5eez8j {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }

package/dist/Picker.mjs

@@ -58,10 +58,10 @@ const $b41c15d27fbaff7d$var$inputButton = function anonymous(props) {
     rules += ' dx';
     rules += ' _Oc';
     rules += ' _N-3t1z';
-    rules += ' __b-4cfph1';
-    rules += ' __c-4cfph1';
-    rules += ' __d-4cfph1';
-    rules += ' __e-4cfph1';
+    rules += ' __b-g2ozi1';
+    rules += ' __c-g2ozi1';
+    rules += ' __d-g2ozi1';
+    rules += ' __e-g2ozi1';
     if (props.size === "XL") rules += ' qj';
     else if (props.size === "L") rules += ' qi';
     else if (props.size === "S") rules += ' qh';
@@ -157,10 +157,10 @@ let $b41c15d27fbaff7d$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " .";
     rules += ' _Ma';
     rules += ' _0f';
-    if (props.size === "XL") rules += ' __i-358ibk';
-    else if (props.size === "L") rules += ' __i-1w0s9l0';
-    else if (props.size === "M") rules += ' __i-1kgdida';
-    else if (props.size === "S") rules += ' __i-17i5a9u';
+    if (props.size === "XL") rules += ' __i-14g31og';
+    else if (props.size === "L") rules += ' __i-1pqbi84';
+    else if (props.size === "M") rules += ' __i-n6rb9a';
+    else if (props.size === "S") rules += ' __i-iov3cy';
     rules += ' __oa';
     rules += ' p-17zqamw';
     rules += ' __wa';
@@ -271,18 +271,18 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
             }
             if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __i-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __i-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __j-fdenls';
-            if (props.labelPosition === "side") rules += ' __k-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
+            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.size === "XL") {
                 rules += ' _ebj';
                 rules += ' _ei';

package/dist/Popover.cjs

@@ -82,20 +82,20 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
         if (props.isArrowShown) rules += ' PG';
     }
     if (props.isSubmenu) {
-        if (props.isExiting) rules += ' _T-1nys8p3';
-        else if (props.isEntering) rules += ' _T-1nys8p3';
+        if (props.isExiting) rules += ' _T-jzzex7';
+        else if (props.isEntering) rules += ' _T-jzzex7';
     } else if (props.placement === "right") {
-        if (props.isExiting) rules += ' _T-tlelkz';
-        else if (props.isEntering) rules += ' _T-tlelkz';
+        if (props.isExiting) rules += ' _T-1t03fbb';
+        else if (props.isEntering) rules += ' _T-1t03fbb';
     } else if (props.placement === "left") {
-        if (props.isExiting) rules += ' _T-1hbwyb';
-        else if (props.isEntering) rules += ' _T-1hbwyb';
+        if (props.isExiting) rules += ' _T-1oo3k7r';
+        else if (props.isEntering) rules += ' _T-1oo3k7r';
     } else if (props.placement === "bottom") {
-        if (props.isExiting) rules += ' _T-crq4zk';
-        else if (props.isEntering) rules += ' _T-crq4zk';
+        if (props.isExiting) rules += ' _T-z116jo';
+        else if (props.isEntering) rules += ' _T-z116jo';
     } else if (props.placement === "top") {
-        if (props.isExiting) rules += ' _T-17xx2vw';
-        else if (props.isEntering) rules += ' _T-17xx2vw';
+        if (props.isExiting) rules += ' _T-1x9thj4';
+        else if (props.isEntering) rules += ' _T-1x9thj4';
     }
     if (props.isExiting) rules += ' _U-375xx3';
     else if (props.isEntering) rules += ' _U-375xx3';

package/dist/Popover.css

@@ -174,23 +174,23 @@
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._T-17xx2vw {
+  ._T-1x9thj4 {
     animation-name: -_2hjlm, -_1llqja1;
   }
 
-  ._T-crq4zk {
+  ._T-z116jo {
     animation-name: -xohm13, -_1llqja1;
   }
 
-  ._T-1hbwyb {
+  ._T-1oo3k7r {
     animation-name: -_1s1guk8, -_1llqja1;
   }
 
-  ._T-tlelkz {
+  ._T-1t03fbb {
     animation-name: -_1dp80kl, -_1llqja1;
   }
 
-  ._T-1nys8p3 {
+  ._T-jzzex7 {
     animation-name: -_1llqja1;
   }
 

package/dist/Popover.mjs

@@ -75,20 +75,20 @@ let $88b746eba92c8d0d$var$popover = function anonymous(props, overrides) {
         if (props.isArrowShown) rules += ' PG';
     }
     if (props.isSubmenu) {
-        if (props.isExiting) rules += ' _T-1nys8p3';
-        else if (props.isEntering) rules += ' _T-1nys8p3';
+        if (props.isExiting) rules += ' _T-jzzex7';
+        else if (props.isEntering) rules += ' _T-jzzex7';
     } else if (props.placement === "right") {
-        if (props.isExiting) rules += ' _T-tlelkz';
-        else if (props.isEntering) rules += ' _T-tlelkz';
+        if (props.isExiting) rules += ' _T-1t03fbb';
+        else if (props.isEntering) rules += ' _T-1t03fbb';
     } else if (props.placement === "left") {
-        if (props.isExiting) rules += ' _T-1hbwyb';
-        else if (props.isEntering) rules += ' _T-1hbwyb';
+        if (props.isExiting) rules += ' _T-1oo3k7r';
+        else if (props.isEntering) rules += ' _T-1oo3k7r';
     } else if (props.placement === "bottom") {
-        if (props.isExiting) rules += ' _T-crq4zk';
-        else if (props.isEntering) rules += ' _T-crq4zk';
+        if (props.isExiting) rules += ' _T-z116jo';
+        else if (props.isEntering) rules += ' _T-z116jo';
     } else if (props.placement === "top") {
-        if (props.isExiting) rules += ' _T-17xx2vw';
-        else if (props.isEntering) rules += ' _T-17xx2vw';
+        if (props.isExiting) rules += ' _T-1x9thj4';
+        else if (props.isEntering) rules += ' _T-1x9thj4';
     }
     if (props.isExiting) rules += ' _U-375xx3';
     else if (props.isEntering) rules += ' _U-375xx3';

package/dist/ProgressBar.cjs

@@ -53,18 +53,18 @@ const $83e59061dd392311$var$wrapper = function anonymous(props, overrides) {
     if (!$V) rules += ' Vc';
     rules += ' _0f';
     if (props.isIndeterminate) {
-        if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-        else if (props.labelPosition === "top") rules += ' __i-375yi6';
+        if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+        else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
     } else {
-        if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-        else if (props.labelPosition === "top") rules += ' __i-1egg2pz';
+        if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+        else if (props.labelPosition === "top") rules += ' __i-15pd573';
     }
     if (props.isIndeterminate) {
-        if (props.labelPosition === "side") rules += ' __k-1uh5wa';
-        else if (props.labelPosition === "top") rules += ' __k-h9yogq';
+        if (props.labelPosition === "side") rules += ' __k-jvvbum';
+        else if (props.labelPosition === "top") rules += ' __k-gz4mwy';
     } else {
-        if (props.labelPosition === "side") rules += ' __k-7y9rdj';
-        else if (props.labelPosition === "top") rules += ' __k-6w8ip8';
+        if (props.labelPosition === "side") rules += ' __k-1tip2u3';
+        else if (props.labelPosition === "top") rules += ' __k-3in7tg';
     }
     rules += ' _2d';
     rules += ' __Ga';
@@ -119,18 +119,18 @@ const $83e59061dd392311$var$valueStyles = function anonymous(props) {
         else rules += ' am';
     }
     rules += ' __Ib';
-    rules += ' __b-4lc1fm';
-    rules += ' __c-4lc1fm';
-    rules += ' __d-4lc1fm';
-    rules += ' __e-4lc1fm';
+    rules += ' __b-o8by7a';
+    rules += ' __c-o8by7a';
+    rules += ' __d-o8by7a';
+    rules += ' __e-o8by7a';
     return rules;
 };
 const $83e59061dd392311$var$trackStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-3773ju';
-    rules += ' __c-3773ju';
-    rules += ' __d-3773ju';
-    rules += ' __e-3773ju';
+    rules += ' __b-2y1eji';
+    rules += ' __c-2y1eji';
+    rules += ' __d-2y1eji';
+    rules += ' __e-2y1eji';
     if (props.size === "XL") rules += ' qj';
     else if (props.size === "L") rules += ' qi';
     else if (props.size === "S") rules += ' qh';
@@ -188,11 +188,11 @@ const $83e59061dd392311$var$fill = function anonymous(props) {
 };
 const $83e59061dd392311$var$indeterminateAnimation = function anonymous(props) {
     let rules = " .";
-    if (props.direction === "rtl") rules += ' _T-2vmxa6';
-    else if (props.direction === "ltr") rules += ' _T-1aanztv';
+    if (props.direction === "rtl") rules += ' _T-9t6rxe';
+    else if (props.direction === "ltr") rules += ' _T-ve7hif';
     rules += ' _U-yjb9nq';
     rules += ' _Za';
-    rules += ' _Y-twzmrf';
+    rules += ' _Y-1dohh1b';
     rules += ' __Qd';
     rules += ' Vc';
     return rules;