@react-spectrum/color 3.0.0 → 3.0.2

package/dist/ColorPicker.main.js

@@ -1,4 +1,4 @@
-require("./ColorPicker.ab9f47c0.css");
+require("./ColorPicker.96797a19.css");
 var $f076f5c85640192a$exports = require("./ColorSwatch.main.js");
 var $64NP6$reactariacomponents = require("react-aria-components");
 var $64NP6$reactspectrumview = require("@react-spectrum/view");
@@ -46,30 +46,30 @@ function $0c330b4a4fe337a6$var$ColorPicker(props, ref) {
         ref: domRef,
         className: function anonymous(props) {
             let rules = "";
-            rules += ' ba';
-            rules += ' Af';
-            rules += ' Ia';
-            rules += ' Ja';
-            rules += ' Ga';
-            rules += ' Ha';
-            rules += ' _Sd';
-            rules += ' _Uc';
-            rules += ' lM';
-            rules += ' mM';
-            rules += ' _Ea';
-            rules += ' _5-bc1l9oh';
-            rules += ' _5-1uotwbwg';
-            rules += ' _5-eo0c6sf';
-            rules += ' _5-enzzrge';
-            rules += ' _5-enzykdd';
-            rules += ' _5-enzwzjc';
-            rules += ' _5-enzrfpb';
-            rules += ' _5a';
-            rules += ' a___K';
-            if (props.size === "L") rules += ' _6d';
-            else if (props.size === "M") rules += ' _6c';
-            else if (props.size === "S") rules += ' _6b';
-            else if (props.size === "XS") rules += ' _6a';
+            rules += ' s1-bs1-a';
+            rules += ' s1-As1-f';
+            rules += ' s1-Is1-a';
+            rules += ' s1-Js1-a';
+            rules += ' s1-Gs1-a';
+            rules += ' s1-Hs1-a';
+            rules += ' s1-_Ss1-d';
+            rules += ' s1-_Us1-c';
+            rules += ' s1-ls1-M';
+            rules += ' s1-ms1-M';
+            rules += ' s1-_Es1-a';
+            rules += ' s1-5-bc1l9os1-h';
+            rules += ' s1-5-1uotwbws1-g';
+            rules += ' s1-5-eo0c6ss1-f';
+            rules += ' s1-5-enzzrgs1-e';
+            rules += ' s1-5-enzykds1-d';
+            rules += ' s1-5-enzwzjs1-c';
+            rules += ' s1-5-enzrfps1-b';
+            rules += ' s1-5s1-a';
+            rules += ' s1-as1-___K';
+            if (props.size === "L") rules += ' s1-6s1-d';
+            else if (props.size === "M") rules += ' s1-6s1-c';
+            else if (props.size === "S") rules += ' s1-6s1-b';
+            else if (props.size === "XS") rules += ' s1-6s1-a';
             return rules;
         }({
             size: props.size || 'M'
@@ -77,16 +77,16 @@ function $0c330b4a4fe337a6$var$ColorPicker(props, ref) {
     }, ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement((0, ($parcel$interopDefault($64NP6$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement("div", {
             className: function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += ' _Eb';
-                else rules += ' _Ea';
-                rules += ' da___D';
-                rules += ' d___I';
-                rules += ' _Gc';
-                rules += ' _Fc';
-                rules += ' _pc';
-                rules += ' _qc';
-                rules += ' _rc';
-                rules += ' _sc';
+                if (props.isFocusVisible) rules += ' s1-_Es1-b';
+                else rules += ' s1-_Es1-a';
+                rules += ' s1-ds1-as1-___D';
+                rules += ' s1-ds1-___I';
+                rules += ' s1-_Gs1-c';
+                rules += ' s1-_Fs1-c';
+                rules += ' s1-_ps1-c';
+                rules += ' s1-_qs1-c';
+                rules += ' s1-_rs1-c';
+                rules += ' s1-_ss1-c';
                 return rules;
             }({
                 isFocusVisible: isFocusVisible

package/dist/ColorPicker.mjs

@@ -1,4 +1,4 @@
-import "./ColorPicker.ab9f47c0.css";
+import "./ColorPicker.96797a19.css";
 import {ColorSwatch as $d68786ae409fa722$export$cae13e90592f246a} from "./ColorSwatch.mjs";
 import {ColorPicker as $5bRyn$ColorPicker, Button as $5bRyn$Button} from "react-aria-components";
 import {Content as $5bRyn$Content} from "@react-spectrum/view";
@@ -36,30 +36,30 @@ function $d9654c66f3a7e70a$var$ColorPicker(props, ref) {
         ref: domRef,
         className: function anonymous(props) {
             let rules = "";
-            rules += ' ba';
-            rules += ' Af';
-            rules += ' Ia';
-            rules += ' Ja';
-            rules += ' Ga';
-            rules += ' Ha';
-            rules += ' _Sd';
-            rules += ' _Uc';
-            rules += ' lM';
-            rules += ' mM';
-            rules += ' _Ea';
-            rules += ' _5-bc1l9oh';
-            rules += ' _5-1uotwbwg';
-            rules += ' _5-eo0c6sf';
-            rules += ' _5-enzzrge';
-            rules += ' _5-enzykdd';
-            rules += ' _5-enzwzjc';
-            rules += ' _5-enzrfpb';
-            rules += ' _5a';
-            rules += ' a___K';
-            if (props.size === "L") rules += ' _6d';
-            else if (props.size === "M") rules += ' _6c';
-            else if (props.size === "S") rules += ' _6b';
-            else if (props.size === "XS") rules += ' _6a';
+            rules += ' s1-bs1-a';
+            rules += ' s1-As1-f';
+            rules += ' s1-Is1-a';
+            rules += ' s1-Js1-a';
+            rules += ' s1-Gs1-a';
+            rules += ' s1-Hs1-a';
+            rules += ' s1-_Ss1-d';
+            rules += ' s1-_Us1-c';
+            rules += ' s1-ls1-M';
+            rules += ' s1-ms1-M';
+            rules += ' s1-_Es1-a';
+            rules += ' s1-5-bc1l9os1-h';
+            rules += ' s1-5-1uotwbws1-g';
+            rules += ' s1-5-eo0c6ss1-f';
+            rules += ' s1-5-enzzrgs1-e';
+            rules += ' s1-5-enzykds1-d';
+            rules += ' s1-5-enzwzjs1-c';
+            rules += ' s1-5-enzrfps1-b';
+            rules += ' s1-5s1-a';
+            rules += ' s1-as1-___K';
+            if (props.size === "L") rules += ' s1-6s1-d';
+            else if (props.size === "M") rules += ' s1-6s1-c';
+            else if (props.size === "S") rules += ' s1-6s1-b';
+            else if (props.size === "XS") rules += ' s1-6s1-a';
             return rules;
         }({
             size: props.size || 'M'
@@ -67,16 +67,16 @@ function $d9654c66f3a7e70a$var$ColorPicker(props, ref) {
     }, ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, $5bRyn$react).createElement((0, $5bRyn$react).Fragment, null, /*#__PURE__*/ (0, $5bRyn$react).createElement("div", {
             className: function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += ' _Eb';
-                else rules += ' _Ea';
-                rules += ' da___D';
-                rules += ' d___I';
-                rules += ' _Gc';
-                rules += ' _Fc';
-                rules += ' _pc';
-                rules += ' _qc';
-                rules += ' _rc';
-                rules += ' _sc';
+                if (props.isFocusVisible) rules += ' s1-_Es1-b';
+                else rules += ' s1-_Es1-a';
+                rules += ' s1-ds1-as1-___D';
+                rules += ' s1-ds1-___I';
+                rules += ' s1-_Gs1-c';
+                rules += ' s1-_Fs1-c';
+                rules += ' s1-_ps1-c';
+                rules += ' s1-_qs1-c';
+                rules += ' s1-_rs1-c';
+                rules += ' s1-_ss1-c';
                 return rules;
             }({
                 isFocusVisible: isFocusVisible

package/dist/ColorPicker.module.js

@@ -1,4 +1,4 @@
-import "./ColorPicker.ab9f47c0.css";
+import "./ColorPicker.96797a19.css";
 import {ColorSwatch as $d68786ae409fa722$export$cae13e90592f246a} from "./ColorSwatch.module.js";
 import {ColorPicker as $5bRyn$ColorPicker, Button as $5bRyn$Button} from "react-aria-components";
 import {Content as $5bRyn$Content} from "@react-spectrum/view";
@@ -36,30 +36,30 @@ function $d9654c66f3a7e70a$var$ColorPicker(props, ref) {
         ref: domRef,
         className: function anonymous(props) {
             let rules = "";
-            rules += ' ba';
-            rules += ' Af';
-            rules += ' Ia';
-            rules += ' Ja';
-            rules += ' Ga';
-            rules += ' Ha';
-            rules += ' _Sd';
-            rules += ' _Uc';
-            rules += ' lM';
-            rules += ' mM';
-            rules += ' _Ea';
-            rules += ' _5-bc1l9oh';
-            rules += ' _5-1uotwbwg';
-            rules += ' _5-eo0c6sf';
-            rules += ' _5-enzzrge';
-            rules += ' _5-enzykdd';
-            rules += ' _5-enzwzjc';
-            rules += ' _5-enzrfpb';
-            rules += ' _5a';
-            rules += ' a___K';
-            if (props.size === "L") rules += ' _6d';
-            else if (props.size === "M") rules += ' _6c';
-            else if (props.size === "S") rules += ' _6b';
-            else if (props.size === "XS") rules += ' _6a';
+            rules += ' s1-bs1-a';
+            rules += ' s1-As1-f';
+            rules += ' s1-Is1-a';
+            rules += ' s1-Js1-a';
+            rules += ' s1-Gs1-a';
+            rules += ' s1-Hs1-a';
+            rules += ' s1-_Ss1-d';
+            rules += ' s1-_Us1-c';
+            rules += ' s1-ls1-M';
+            rules += ' s1-ms1-M';
+            rules += ' s1-_Es1-a';
+            rules += ' s1-5-bc1l9os1-h';
+            rules += ' s1-5-1uotwbws1-g';
+            rules += ' s1-5-eo0c6ss1-f';
+            rules += ' s1-5-enzzrgs1-e';
+            rules += ' s1-5-enzykds1-d';
+            rules += ' s1-5-enzwzjs1-c';
+            rules += ' s1-5-enzrfps1-b';
+            rules += ' s1-5s1-a';
+            rules += ' s1-as1-___K';
+            if (props.size === "L") rules += ' s1-6s1-d';
+            else if (props.size === "M") rules += ' s1-6s1-c';
+            else if (props.size === "S") rules += ' s1-6s1-b';
+            else if (props.size === "XS") rules += ' s1-6s1-a';
             return rules;
         }({
             size: props.size || 'M'
@@ -67,16 +67,16 @@ function $d9654c66f3a7e70a$var$ColorPicker(props, ref) {
     }, ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, $5bRyn$react).createElement((0, $5bRyn$react).Fragment, null, /*#__PURE__*/ (0, $5bRyn$react).createElement("div", {
             className: function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += ' _Eb';
-                else rules += ' _Ea';
-                rules += ' da___D';
-                rules += ' d___I';
-                rules += ' _Gc';
-                rules += ' _Fc';
-                rules += ' _pc';
-                rules += ' _qc';
-                rules += ' _rc';
-                rules += ' _sc';
+                if (props.isFocusVisible) rules += ' s1-_Es1-b';
+                else rules += ' s1-_Es1-a';
+                rules += ' s1-ds1-as1-___D';
+                rules += ' s1-ds1-___I';
+                rules += ' s1-_Gs1-c';
+                rules += ' s1-_Fs1-c';
+                rules += ' s1-_ps1-c';
+                rules += ' s1-_qs1-c';
+                rules += ' s1-_rs1-c';
+                rules += ' s1-_ss1-c';
                 return rules;
             }({
                 isFocusVisible: isFocusVisible

package/dist/ColorSwatch.fabed858.css

@@ -0,0 +1,260 @@
+@layer s1-a, s1-b;
+
+@layer a {
+  .s1-os1-e {
+    width: calc(1rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-os1-g {
+    width: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-os1-i {
+    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-os1-k {
+    width: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-ns1-e {
+    height: calc(1rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-ns1-g {
+    height: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-ns1-i {
+    height: calc(2rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-ns1-k {
+    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .s1-_ps1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ps1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ps1-c:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ps1-c:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ps1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: 0;
+  }
+
+  .s1-_ps1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: 0;
+  }
+
+  .s1-_ps1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: 0;
+  }
+
+  .s1-_ps1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: 0;
+  }
+
+  .s1-_ps1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: 9999px;
+  }
+
+  .s1-_ps1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-left-radius: 9999px;
+  }
+
+  .s1-_ps1-f:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: 9999px;
+  }
+
+  .s1-_ps1-f:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-right-radius: 9999px;
+  }
+
+  .s1-_qs1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_qs1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_qs1-c:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_qs1-c:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_qs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: 0;
+  }
+
+  .s1-_qs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: 0;
+  }
+
+  .s1-_qs1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: 0;
+  }
+
+  .s1-_qs1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: 0;
+  }
+
+  .s1-_qs1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: 9999px;
+  }
+
+  .s1-_qs1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-top-right-radius: 9999px;
+  }
+
+  .s1-_qs1-f:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: 9999px;
+  }
+
+  .s1-_qs1-f:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-top-left-radius: 9999px;
+  }
+
+  .s1-_rs1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_rs1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_rs1-c:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_rs1-c:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_rs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: 0;
+  }
+
+  .s1-_rs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: 0;
+  }
+
+  .s1-_rs1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 0;
+  }
+
+  .s1-_rs1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 0;
+  }
+
+  .s1-_rs1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .s1-_rs1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .s1-_rs1-f:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .s1-_rs1-f:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .s1-_ss1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ss1-c:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ss1-c:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ss1-c:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  }
+
+  .s1-_ss1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: 0;
+  }
+
+  .s1-_ss1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: 0;
+  }
+
+  .s1-_ss1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
+  }
+
+  .s1-_ss1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
+  }
+
+  .s1-_ss1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .s1-_ss1-f:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .s1-_ss1-f:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .s1-_ss1-f:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .s1-c-1n5whoe {
+    border-color: color-mix(in srgb, var(--spectrum-gray-900), transparent 49%);
+  }
+
+  .s1-ws1-b {
+    border-top-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .s1-xs1-b {
+    border-bottom-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .s1-us1-b {
+    border-inline-start-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .s1-vs1-b {
+    border-inline-end-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .s1-As1-a {
+    border-style: solid;
+  }
+
+  .s1-__ks1-a {
+    box-sizing: border-box;
+  }
+
+  .s1-_ts1-b {
+    forced-color-adjust: none;
+  }
+}
+/*# sourceMappingURL=ColorSwatch.fabed858.css.map */

package/dist/ColorSwatch.fabed858.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;AAEA;EACE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA","sources":["packages/@react-spectrum/color/src/ColorSwatch.tsx"],"sourcesContent":["@layer s1-a, s1-b;\n\n@layer a {\n  .s1-os1-e {\n    width: calc(1rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-os1-g {\n    width: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-os1-i {\n    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-os1-k {\n    width: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-ns1-e {\n    height: calc(1rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-ns1-g {\n    height: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-ns1-i {\n    height: calc(2rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-ns1-k {\n    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .s1-_ps1-c {\n    border-start-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  .s1-_ps1-a {\n    border-start-start-radius: 0px;\n  }\n}\n\n@layer a {\n  .s1-_ps1-f {\n    border-start-start-radius: 9999px;\n  }\n}\n\n@layer a {\n  .s1-_qs1-c {\n    border-start-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  .s1-_qs1-a {\n    border-start-end-radius: 0px;\n  }\n}\n\n@layer a {\n  .s1-_qs1-f {\n    border-start-end-radius: 9999px;\n  }\n}\n\n@layer a {\n  .s1-_rs1-c {\n    border-end-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  .s1-_rs1-a {\n    border-end-start-radius: 0px;\n  }\n}\n\n@layer a {\n  .s1-_rs1-f {\n    border-end-start-radius: 9999px;\n  }\n}\n\n@layer a {\n  .s1-_ss1-c {\n    border-end-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  .s1-_ss1-a {\n    border-end-end-radius: 0px;\n  }\n}\n\n@layer a {\n  .s1-_ss1-f {\n    border-end-end-radius: 9999px;\n  }\n}\n\n@layer a {\n  .s1-c-1n5whoe {\n    border-color: color-mix(in srgb, var(--spectrum-gray-900), transparent 49%);\n  }\n}\n\n@layer a {\n  .s1-ws1-b {\n    border-top-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .s1-xs1-b {\n    border-bottom-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .s1-us1-b {\n    border-inline-start-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .s1-vs1-b {\n    border-inline-end-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .s1-As1-a {\n    border-style: solid;\n  }\n}\n\n@layer a {\n  .s1-__ks1-a {\n    box-sizing: border-box;\n  }\n}\n\n@layer a {\n  .s1-_ts1-b {\n    forced-color-adjust: none;\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorSwatch.fabed858.css.map"}

package/dist/ColorSwatch.main.js

@@ -1,4 +1,4 @@
-require("./ColorSwatch.f6e6f811.css");
+require("./ColorSwatch.fabed858.css");
 var $ikjCA$reactariacolor = require("@react-aria/color");
 var $ikjCA$reactariacomponents = require("react-aria-components");
 var $ikjCA$react = require("react");
@@ -48,34 +48,34 @@ function $f076f5c85640192a$var$ColorSwatch(props, ref) {
         },
         className: styleProps.className + function anonymous(props) {
             let rules = "";
-            if (props.size === "L") rules += ' ok';
-            else if (props.size === "M") rules += ' oi';
-            else if (props.size === "S") rules += ' og';
-            else if (props.size === "XS") rules += ' oe';
-            if (props.size === "L") rules += ' nk';
-            else if (props.size === "M") rules += ' ni';
-            else if (props.size === "S") rules += ' ng';
-            else if (props.size === "XS") rules += ' ne';
-            if (props.rounding === "full") rules += ' _pf';
-            else if (props.rounding === "none") rules += ' _pa';
-            else if (props.rounding === "default") rules += ' _pc';
-            if (props.rounding === "full") rules += ' _qf';
-            else if (props.rounding === "none") rules += ' _qa';
-            else if (props.rounding === "default") rules += ' _qc';
-            if (props.rounding === "full") rules += ' _rf';
-            else if (props.rounding === "none") rules += ' _ra';
-            else if (props.rounding === "default") rules += ' _rc';
-            if (props.rounding === "full") rules += ' _sf';
-            else if (props.rounding === "none") rules += ' _sa';
-            else if (props.rounding === "default") rules += ' _sc';
-            rules += ' c-1n5whoe';
-            rules += ' wb';
-            rules += ' xb';
-            rules += ' ub';
-            rules += ' vb';
-            rules += ' Aa';
-            rules += ' __ka';
-            rules += ' _tb';
+            if (props.size === "L") rules += ' s1-os1-k';
+            else if (props.size === "M") rules += ' s1-os1-i';
+            else if (props.size === "S") rules += ' s1-os1-g';
+            else if (props.size === "XS") rules += ' s1-os1-e';
+            if (props.size === "L") rules += ' s1-ns1-k';
+            else if (props.size === "M") rules += ' s1-ns1-i';
+            else if (props.size === "S") rules += ' s1-ns1-g';
+            else if (props.size === "XS") rules += ' s1-ns1-e';
+            if (props.rounding === "full") rules += ' s1-_ps1-f';
+            else if (props.rounding === "none") rules += ' s1-_ps1-a';
+            else if (props.rounding === "default") rules += ' s1-_ps1-c';
+            if (props.rounding === "full") rules += ' s1-_qs1-f';
+            else if (props.rounding === "none") rules += ' s1-_qs1-a';
+            else if (props.rounding === "default") rules += ' s1-_qs1-c';
+            if (props.rounding === "full") rules += ' s1-_rs1-f';
+            else if (props.rounding === "none") rules += ' s1-_rs1-a';
+            else if (props.rounding === "default") rules += ' s1-_rs1-c';
+            if (props.rounding === "full") rules += ' s1-_ss1-f';
+            else if (props.rounding === "none") rules += ' s1-_ss1-a';
+            else if (props.rounding === "default") rules += ' s1-_ss1-c';
+            rules += ' s1-c-1n5whoe';
+            rules += ' s1-ws1-b';
+            rules += ' s1-xs1-b';
+            rules += ' s1-us1-b';
+            rules += ' s1-vs1-b';
+            rules += ' s1-As1-a';
+            rules += ' s1-__ks1-a';
+            rules += ' s1-_ts1-b';
             return rules;
         }({
             size: size,