@react-spectrum/color 3.0.0 → 3.0.2

package/dist/ColorSwatch.mjs

@@ -1,4 +1,4 @@
-import "./ColorSwatch.f6e6f811.css";
+import "./ColorSwatch.fabed858.css";
 import {useColorSwatch as $5Pjc1$useColorSwatch} from "@react-aria/color";
 import {useContextProps as $5Pjc1$useContextProps, ColorSwatchContext as $5Pjc1$ColorSwatchContext} from "react-aria-components";
 import $5Pjc1$react, {createContext as $5Pjc1$createContext, useContext as $5Pjc1$useContext, forwardRef as $5Pjc1$forwardRef} from "react";
@@ -37,34 +37,34 @@ function $d68786ae409fa722$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,

package/dist/ColorSwatch.module.js

@@ -1,4 +1,4 @@
-import "./ColorSwatch.f6e6f811.css";
+import "./ColorSwatch.fabed858.css";
 import {useColorSwatch as $5Pjc1$useColorSwatch} from "@react-aria/color";
 import {useContextProps as $5Pjc1$useContextProps, ColorSwatchContext as $5Pjc1$ColorSwatchContext} from "react-aria-components";
 import $5Pjc1$react, {createContext as $5Pjc1$createContext, useContext as $5Pjc1$useContext, forwardRef as $5Pjc1$forwardRef} from "react";
@@ -37,34 +37,34 @@ function $d68786ae409fa722$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,

package/dist/ColorSwatchPicker.25f8fb63.css

@@ -0,0 +1,356 @@
+@layer s1-a, s1-b;
+
+@layer a {
+  .s1-_Ss1-d {
+    display: flex;
+  }
+
+  .s1-_0s1-a {
+    flex-wrap: wrap;
+  }
+
+  .s1-ls1-F {
+    row-gap: .125rem;
+  }
+
+  .s1-ls1-b {
+    row-gap: .25rem;
+  }
+
+  .s1-ls1-c {
+    row-gap: .5rem;
+  }
+
+  .s1-ms1-F {
+    column-gap: .125rem;
+  }
+
+  .s1-ms1-b {
+    column-gap: .25rem;
+  }
+
+  .s1-ms1-c {
+    column-gap: .5rem;
+  }
+
+  .s1-_Es1-a {
+    outline-style: none;
+  }
+
+  .s1-_Es1-b {
+    outline-style: solid;
+  }
+
+  .s1-ds1-___I {
+    outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
+  }
+
+  .s1-_Gs1-c {
+    outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
+  }
+
+  .s1-_Fs1-c {
+    outline-offset: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
+  }
+
+  .s1-Xs1-c {
+    position: relative;
+  }
+
+  .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-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-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-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-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-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-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-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-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-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-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-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-Xs1-a {
+    position: absolute;
+  }
+
+  .s1-__ys1-a {
+    pointer-events: none;
+  }
+
+  .s1-0s1-a {
+    top: 0;
+  }
+
+  .s1-2s1-a {
+    bottom: 0;
+  }
+
+  .s1-1s1-a {
+    left: 0;
+  }
+
+  .s1-3s1-a {
+    right: 0;
+  }
+
+  .s1-_o-1icpv9v {
+    box-shadow: inset 0 0 0 2px var(--spectrum-gray-900), inset 0 0 0 4px var(--spectrum-gray-50);
+  }
+
+  .s1-_ts1-b {
+    forced-color-adjust: none;
+  }
+
+  .s1-_p-17zqamw: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: inherit;
+  }
+
+  .s1-_p-17zqamw: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: inherit;
+  }
+
+  .s1-_p-17zqamw:-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: inherit;
+  }
+
+  .s1-_p-17zqamw: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: inherit;
+  }
+
+  .s1-_q-17zqamw: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: inherit;
+  }
+
+  .s1-_q-17zqamw: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: inherit;
+  }
+
+  .s1-_q-17zqamw:-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: inherit;
+  }
+
+  .s1-_q-17zqamw: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: inherit;
+  }
+
+  .s1-_r-17zqamw: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: inherit;
+  }
+
+  .s1-_r-17zqamw: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: inherit;
+  }
+
+  .s1-_r-17zqamw:-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: inherit;
+  }
+
+  .s1-_r-17zqamw: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: inherit;
+  }
+
+  .s1-_s-17zqamw: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: inherit;
+  }
+
+  .s1-_s-17zqamw: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: inherit;
+  }
+
+  .s1-_s-17zqamw:-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: inherit;
+  }
+
+  .s1-_s-17zqamw: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: inherit;
+  }
+}
+
+@layer s1-b.s1-a {
+  @media (forced-colors: active) {
+    .s1-ds1-as1-___D {
+      outline-color: highlight;
+    }
+  }
+}
+/*# sourceMappingURL=ColorSwatchPicker.25f8fb63.css.map */

package/dist/ColorSwatchPicker.25f8fb63.css.map

@@ -0,0 +1 @@
+{"mappings":"ACAA;;AAEA;EACE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EA1CA;;;;EAMA;;;;EAMA;;;;EAcA;;;;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;;;;EA9GA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAjDF;EACE;IACE","sources":["cdd25b8fe55df2e4","packages/@react-spectrum/color/src/ColorSwatchPicker.tsx"],"sourcesContent":["@import \"8c09881f86da33b8\";\n@import \"f06bfa769f1817df\";\n@import \"716a9b4865afe672\";\n","@layer s1-a, s1-b;\n\n@layer a {\n  .s1-_Ss1-d {\n    display: flex;\n  }\n}\n\n@layer a {\n  .s1-_0s1-a {\n    flex-wrap: wrap;\n  }\n}\n\n@layer a {\n  .s1-ls1-F {\n    row-gap: 0.125rem;\n  }\n}\n\n@layer a {\n  .s1-ls1-b {\n    row-gap: 0.25rem;\n  }\n}\n\n@layer a {\n  .s1-ls1-c {\n    row-gap: 0.5rem;\n  }\n}\n\n@layer a {\n  .s1-ms1-F {\n    column-gap: 0.125rem;\n  }\n}\n\n@layer a {\n  .s1-ms1-b {\n    column-gap: 0.25rem;\n  }\n}\n\n@layer a {\n  .s1-ms1-c {\n    column-gap: 0.5rem;\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorSwatchPicker.25f8fb63.css.map"}

package/dist/ColorSwatchPicker.main.js

@@ -1,4 +1,4 @@
-require("./ColorSwatchPicker.1575be06.css");
+require("./ColorSwatchPicker.25f8fb63.css");
 var $f076f5c85640192a$exports = require("./ColorSwatch.main.js");
 var $iY2T3$reactariacomponents = require("react-aria-components");
 var $iY2T3$react = require("react");
@@ -38,14 +38,14 @@ function $ba9a184bcae9b225$var$ColorSwatchPicker(props, ref) {
         ref: domRef,
         className: styleProps.className + function anonymous(props) {
             let rules = "";
-            rules += ' _Sd';
-            rules += ' _0a';
-            if (props.density === "spacious") rules += ' lc';
-            else if (props.density === "regular") rules += ' lb';
-            else if (props.density === "compact") rules += ' lF';
-            if (props.density === "spacious") rules += ' mc';
-            else if (props.density === "regular") rules += ' mb';
-            else if (props.density === "compact") rules += ' mF';
+            rules += ' s1-_Ss1-d';
+            rules += ' s1-_0s1-a';
+            if (props.density === "spacious") rules += ' s1-ls1-c';
+            else if (props.density === "regular") rules += ' s1-ls1-b';
+            else if (props.density === "compact") rules += ' s1-ls1-F';
+            if (props.density === "spacious") rules += ' s1-ms1-c';
+            else if (props.density === "regular") rules += ' s1-ms1-b';
+            else if (props.density === "compact") rules += ' s1-ms1-F';
             return rules;
         }({
             density: density
@@ -66,25 +66,25 @@ function $ba9a184bcae9b225$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += ' _Eb';
-                else rules += ' _Ea';
-                rules += ' da___D';
-                rules += ' d___I';
-                rules += ' _Gc';
-                rules += ' _Fc';
-                rules += ' Xc';
-                if (props.rounding === "full") rules += ' _pf';
-                else if (props.rounding === "default") rules += ' _pc';
-                else if (props.rounding === "none") rules += ' _pa';
-                if (props.rounding === "full") rules += ' _qf';
-                else if (props.rounding === "default") rules += ' _qc';
-                else if (props.rounding === "none") rules += ' _qa';
-                if (props.rounding === "full") rules += ' _rf';
-                else if (props.rounding === "default") rules += ' _rc';
-                else if (props.rounding === "none") rules += ' _ra';
-                if (props.rounding === "full") rules += ' _sf';
-                else if (props.rounding === "default") rules += ' _sc';
-                else if (props.rounding === "none") rules += ' _sa';
+                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-Xs1-c';
+                if (props.rounding === "full") rules += ' s1-_ps1-f';
+                else if (props.rounding === "default") rules += ' s1-_ps1-c';
+                else if (props.rounding === "none") rules += ' s1-_ps1-a';
+                if (props.rounding === "full") rules += ' s1-_qs1-f';
+                else if (props.rounding === "default") rules += ' s1-_qs1-c';
+                else if (props.rounding === "none") rules += ' s1-_qs1-a';
+                if (props.rounding === "full") rules += ' s1-_rs1-f';
+                else if (props.rounding === "default") rules += ' s1-_rs1-c';
+                else if (props.rounding === "none") rules += ' s1-_rs1-a';
+                if (props.rounding === "full") rules += ' s1-_ss1-f';
+                else if (props.rounding === "default") rules += ' s1-_ss1-c';
+                else if (props.rounding === "none") rules += ' s1-_ss1-a';
                 return rules;
             })({
                 ...renderProps,
@@ -94,18 +94,18 @@ function $ba9a184bcae9b225$var$useWrapper(swatch, color, rounding) {
             "aria-hidden": true,
             className: function anonymous(props) {
                 let rules = "";
-                rules += ' Xa';
-                rules += ' __ya';
-                rules += ' _0a';
-                rules += ' _2a';
-                rules += ' _1a';
-                rules += ' _3a';
-                rules += ' _o-1icpv9v';
-                rules += ' _tb';
-                rules += ' _p-17zqamw';
-                rules += ' _q-17zqamw';
-                rules += ' _r-17zqamw';
-                rules += ' _s-17zqamw';
+                rules += ' s1-Xs1-a';
+                rules += ' s1-__ys1-a';
+                rules += ' s1-0s1-a';
+                rules += ' s1-2s1-a';
+                rules += ' s1-1s1-a';
+                rules += ' s1-3s1-a';
+                rules += ' s1-_o-1icpv9v';
+                rules += ' s1-_ts1-b';
+                rules += ' s1-_p-17zqamw';
+                rules += ' s1-_q-17zqamw';
+                rules += ' s1-_r-17zqamw';
+                rules += ' s1-_s-17zqamw';
                 return rules;
             }()
         })));