@react-spectrum/s2 3.0.0-nightly-d87cc4422-250109 → 3.0.0-nightly-e4497fdb6-250110

package/dist/Slider.css

@@ -21,27 +21,27 @@
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .__b-4e9m05 {
+  .__b-hr3t0p {
     grid-column-start: label;
   }
 
-  .__c-4e9m05 {
+  .__c-hr3t0p {
     grid-column-end: label;
   }
 
-  .__d-4e9m05 {
+  .__d-hr3t0p {
     grid-row-start: label;
   }
 
-  .__e-4e9m05 {
+  .__e-hr3t0p {
     grid-row-end: label;
   }
 
-  .__k-qdp51y {
+  .__k-1h4qke2 {
     grid-template-areas: "label output";
   }
 
-  .__i-u2tns7 {
+  .__i-1j10eqz {
     grid-template-columns: 1fr auto;
   }
 
@@ -57,19 +57,19 @@
     --field-gap: 0rem;
   }
 
-  .__b-5czzau {
+  .__b-ny5g4a {
     grid-column-start: output;
   }
 
-  .__c-5czzau {
+  .__c-ny5g4a {
     grid-column-end: output;
   }
 
-  .__d-5czzau {
+  .__d-ny5g4a {
     grid-row-start: output;
   }
 
-  .__e-5czzau {
+  .__e-ny5g4a {
     grid-row-end: output;
   }
 
@@ -83,19 +83,19 @@
     text-align: end;
   }
 
-  .__b-4ka10a {
+  .__b-n9hk5a {
     grid-column-start: track;
   }
 
-  .__c-4ka10a {
+  .__c-n9hk5a {
     grid-column-end: track;
   }
 
-  .__d-4ka10a {
+  .__d-n9hk5a {
     grid-row-start: track;
   }
 
-  .__e-4ka10a {
+  .__e-n9hk5a {
     grid-row-end: track;
   }
 
@@ -147,7 +147,7 @@
     left: 50%;
   }
 
-  .U-s83jgi {
+  .U-mn5ko6 {
     transform: translateY(-50%)translateX(-50%);
   }
 
@@ -348,37 +348,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";
   }
@@ -443,19 +443,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/Slider.mjs

@@ -82,13 +82,13 @@ const $8128d8480e67c400$var$slider = function anonymous(props, overrides) {
 const $8128d8480e67c400$var$labelContainer = function anonymous(props) {
     let rules = " .";
     if (props.labelPosition === "top") rules += ' _0f';
-    rules += ' __b-4e9m05';
-    rules += ' __c-4e9m05';
-    rules += ' __d-4e9m05';
-    rules += ' __e-4e9m05';
+    rules += ' __b-hr3t0p';
+    rules += ' __c-hr3t0p';
+    rules += ' __d-hr3t0p';
+    rules += ' __e-hr3t0p';
     rules += ' lb';
-    if (props.labelPosition === "top") rules += ' __k-qdp51y';
-    if (props.labelPosition === "top") rules += ' __i-u2tns7';
+    if (props.labelPosition === "top") rules += ' __k-1h4qke2';
+    if (props.labelPosition === "top") rules += ' __i-1j10eqz';
     if (props.labelPosition === "side") {
         if (props.labelAlign === "end") rules += ' _kc';
         else if (props.labelAlign === "start") rules += ' _ka';
@@ -98,10 +98,10 @@ const $8128d8480e67c400$var$labelContainer = function anonymous(props) {
 };
 const $8128d8480e67c400$var$output = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-5czzau';
-    rules += ' __c-5czzau';
-    rules += ' __d-5czzau';
-    rules += ' __e-5czzau';
+    rules += ' __b-ny5g4a';
+    rules += ' __c-ny5g4a';
+    rules += ' __d-ny5g4a';
+    rules += ' __e-ny5g4a';
     if (props.labelPosition === "side") {
         if (props.isInForm) rules += ' _kc';
         else if (props.direction === "rtl") rules += ' _kc';
@@ -114,10 +114,10 @@ const $8128d8480e67c400$var$output = function anonymous(props) {
 };
 let $8128d8480e67c400$export$6b2a7d5132615086 = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-4ka10a';
-    rules += ' __c-4ka10a';
-    rules += ' __d-4ka10a';
-    rules += ' __e-4ka10a';
+    rules += ' __b-n9hk5a';
+    rules += ' __c-n9hk5a';
+    rules += ' __d-n9hk5a';
+    rules += ' __e-n9hk5a';
     rules += ' Vc';
     rules += ' lb';
     if (props.size === "XL") rules += ' k_a';
@@ -180,7 +180,7 @@ let $8128d8480e67c400$export$becc9140d0e846f8 = function anonymous(props) {
     rules += ' Va';
     rules += ' Y-3760fj';
     rules += ' Z-3760fj';
-    rules += ' U-s83jgi';
+    rules += ' U-mn5ko6';
     if (props.thumbStyle === "precise") rules += ' lu';
     else if (props.thumbStyle === "default") {
         if (props.size === "XL") rules += ' lM';
@@ -305,17 +305,17 @@ function $8128d8480e67c400$export$9418495bb635ebde(props1) {
                 rules += ' _0f';
                 if (props.isInForm) rules += ' __b-3t1y';
                 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';
@@ -411,10 +411,10 @@ function $8128d8480e67c400$export$9418495bb635ebde(props1) {
                     /*#__PURE__*/ (0, $c5w2x$jsxs)("div", {
                         className: 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/Switch.cjs

@@ -88,7 +88,7 @@ const $0bb99ae32af8596c$var$wrapper = function anonymous(props, overrides) {
     rules += ' _R-375x7f';
     rules += ' _Sa';
     if (!$__b) {
-        if (props.isInForm) rules += ' __b-4a7c5l';
+        if (props.isInForm) rules += ' __b-e10s0d';
     }
     rules += ' __S-yksgrp';
     return rules;

package/dist/Switch.css

@@ -62,10 +62,10 @@
   }
 
   ._Pb {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke;
   }
 
-  .__b-4a7c5l {
+  .__b-e10s0d {
     grid-column-start: field;
   }
 
@@ -214,7 +214,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 {

package/dist/Switch.mjs

@@ -81,7 +81,7 @@ const $8926b17b75ae985d$var$wrapper = function anonymous(props, overrides) {
     rules += ' _R-375x7f';
     rules += ' _Sa';
     if (!$__b) {
-        if (props.isInForm) rules += ' __b-4a7c5l';
+        if (props.isInForm) rules += ' __b-e10s0d';
     }
     rules += ' __S-yksgrp';
     return rules;

package/dist/Tabs.css

@@ -162,7 +162,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 {

package/dist/TabsPicker.cjs

@@ -64,10 +64,10 @@ const $9d2c38978395d44a$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';
@@ -130,7 +130,7 @@ let $9d2c38978395d44a$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " .";
     rules += ' _Ma';
     rules += ' _0f';
-    rules += ' __i-1kgdida';
+    rules += ' __i-n6rb9a';
     rules += ' __oa';
     rules += ' p-17zqamw';
     rules += ' __wa';
@@ -170,10 +170,10 @@ const $9d2c38978395d44a$var$iconStyles = " . _9-3t1x R-3hn0u -rwx0fg_e-b";
 const $9d2c38978395d44a$var$iconCenterWrapper = function anonymous(props) {
     let rules = " .";
     rules += ' _0d';
-    rules += ' __b-ykjmzy';
-    rules += ' __c-ykjmzy';
-    rules += ' __d-ykjmzy';
-    rules += ' __e-ykjmzy';
+    rules += ' __b-qb5q8i';
+    rules += ' __c-qb5q8i';
+    rules += ' __d-qb5q8i';
+    rules += ' __e-qb5q8i';
     if (props.isIconOnly) rules += ' C-ve8p9e';
     return rules;
 };

package/dist/TabsPicker.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;
   }
 
@@ -126,7 +126,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 {
@@ -185,7 +185,7 @@
     display: grid;
   }
 
-  .__i-1kgdida {
+  .__i-n6rb9a {
     grid-template-columns: .75rem auto auto minmax(0, 1fr) auto auto auto .75rem;
   }
 
@@ -273,19 +273,19 @@
     display: flex;
   }
 
-  .__b-ykjmzy {
+  .__b-qb5q8i {
     grid-column-start: icon;
   }
 
-  .__c-ykjmzy {
+  .__c-qb5q8i {
     grid-column-end: icon;
   }
 
-  .__d-ykjmzy {
+  .__d-qb5q8i {
     grid-row-start: icon;
   }
 
-  .__e-ykjmzy {
+  .__e-qb5q8i {
     grid-row-end: icon;
   }
 

package/dist/TabsPicker.mjs

@@ -57,10 +57,10 @@ const $0067ea932a992b6a$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';
@@ -123,7 +123,7 @@ let $0067ea932a992b6a$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " .";
     rules += ' _Ma';
     rules += ' _0f';
-    rules += ' __i-1kgdida';
+    rules += ' __i-n6rb9a';
     rules += ' __oa';
     rules += ' p-17zqamw';
     rules += ' __wa';
@@ -163,10 +163,10 @@ const $0067ea932a992b6a$var$iconStyles = " . _9-3t1x R-3hn0u -rwx0fg_e-b";
 const $0067ea932a992b6a$var$iconCenterWrapper = function anonymous(props) {
     let rules = " .";
     rules += ' _0d';
-    rules += ' __b-ykjmzy';
-    rules += ' __c-ykjmzy';
-    rules += ' __d-ykjmzy';
-    rules += ' __e-ykjmzy';
+    rules += ' __b-qb5q8i';
+    rules += ' __c-qb5q8i';
+    rules += ' __d-qb5q8i';
+    rules += ' __e-qb5q8i';
     if (props.isIconOnly) rules += ' C-ve8p9e';
     return rules;
 };

package/dist/TagGroup.cjs

@@ -67,10 +67,10 @@ $parcel$export(module.exports, "Tag", () => $2e3ddd7543f4a901$export$3288d34c523
 const $2e3ddd7543f4a901$export$5b07b5dd2cbd96e3 = /*#__PURE__*/ (0, $chbGa$react.createContext)(null);
 const $2e3ddd7543f4a901$var$helpTextStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-1oa8qr7';
-    rules += ' __c-1oa8qr7';
-    rules += ' __d-1oa8qr7';
-    rules += ' __e-1oa8qr7';
+    rules += ' __b-1le9d6f';
+    rules += ' __c-1le9d6f';
+    rules += ' __d-1le9d6f';
+    rules += ' __e-1le9d6f';
     rules += ' _0d';
     rules += ' _2d';
     rules += ' ibH';
@@ -293,18 +293,18 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
             }
             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';
@@ -350,10 +350,10 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                 ref: containerRef,
                 className: 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';
                     rules += ' qb';
                     if (props.isEmpty) rules += ' ya';
                     else rules += ' yK';

package/dist/TagGroup.css

@@ -1,17 +1,17 @@
 @layer _.a {
-  .__b-1oa8qr7 {
+  .__b-1le9d6f {
     grid-column-start: helptext;
   }
 
-  .__c-1oa8qr7 {
+  .__c-1le9d6f {
     grid-column-end: helptext;
   }
 
-  .__d-1oa8qr7 {
+  .__d-1le9d6f {
     grid-row-start: helptext;
   }
 
-  .__e-1oa8qr7 {
+  .__e-1le9d6f {
     grid-row-end: helptext;
   }
 
@@ -47,37 +47,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";
   }
@@ -118,19 +118,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;
   }
 
@@ -281,7 +281,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 {

package/dist/TagGroup.mjs

@@ -59,10 +59,10 @@ function $parcel$interopDefault(a) {
 const $1d63bfab43d9ffe1$export$5b07b5dd2cbd96e3 = /*#__PURE__*/ (0, $kY5I6$createContext)(null);
 const $1d63bfab43d9ffe1$var$helpTextStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-1oa8qr7';
-    rules += ' __c-1oa8qr7';
-    rules += ' __d-1oa8qr7';
-    rules += ' __e-1oa8qr7';
+    rules += ' __b-1le9d6f';
+    rules += ' __c-1le9d6f';
+    rules += ' __d-1le9d6f';
+    rules += ' __e-1le9d6f';
     rules += ' _0d';
     rules += ' _2d';
     rules += ' ibH';
@@ -285,18 +285,18 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
             }
             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';
@@ -342,10 +342,10 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
                 ref: containerRef,
                 className: 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';
                     rules += ' qb';
                     if (props.isEmpty) rules += ' ya';
                     else rules += ' yK';