@react-spectrum/color 3.0.0-nightly.4567 → 3.0.0-nightly.4582

package/dist/ColorSwatch.f6e6f811.css

@@ -0,0 +1,260 @@
+@layer a {
+  .oe {
+    width: calc(1rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .og {
+    width: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .oi {
+    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .ok {
+    width: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .ne {
+    height: calc(1rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .ng {
+    height: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .ni {
+    height: calc(2rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  .nk {
+    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
+  }
+
+  ._pc: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));
+  }
+
+  ._pc: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));
+  }
+
+  ._pc:-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));
+  }
+
+  ._pc: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));
+  }
+
+  ._pa: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;
+  }
+
+  ._pa: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;
+  }
+
+  ._pa:-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;
+  }
+
+  ._pa: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;
+  }
+
+  ._pf: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;
+  }
+
+  ._pf: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;
+  }
+
+  ._pf:-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;
+  }
+
+  ._pf: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;
+  }
+
+  ._qc: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));
+  }
+
+  ._qc: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));
+  }
+
+  ._qc:-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));
+  }
+
+  ._qc: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));
+  }
+
+  ._qa: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;
+  }
+
+  ._qa: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;
+  }
+
+  ._qa:-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;
+  }
+
+  ._qa: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;
+  }
+
+  ._qf: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;
+  }
+
+  ._qf: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;
+  }
+
+  ._qf:-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;
+  }
+
+  ._qf: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;
+  }
+
+  ._rc: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));
+  }
+
+  ._rc: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));
+  }
+
+  ._rc:-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));
+  }
+
+  ._rc: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));
+  }
+
+  ._ra: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;
+  }
+
+  ._ra: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;
+  }
+
+  ._ra:-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;
+  }
+
+  ._ra: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;
+  }
+
+  ._rf: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;
+  }
+
+  ._rf: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;
+  }
+
+  ._rf:-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;
+  }
+
+  ._rf: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;
+  }
+
+  ._sc: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));
+  }
+
+  ._sc: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));
+  }
+
+  ._sc:-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));
+  }
+
+  ._sc: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));
+  }
+
+  ._sa: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;
+  }
+
+  ._sa: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;
+  }
+
+  ._sa:-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;
+  }
+
+  ._sa: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;
+  }
+
+  ._sf: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;
+  }
+
+  ._sf: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;
+  }
+
+  ._sf:-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;
+  }
+
+  ._sf: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;
+  }
+
+  .c-1n5whoe {
+    border-color: color-mix(in srgb, var(--spectrum-gray-900), transparent 49%);
+  }
+
+  .wb {
+    border-top-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .xb {
+    border-bottom-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .ub {
+    border-inline-start-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .vb {
+    border-inline-end-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+  }
+
+  .Aa {
+    border-style: solid;
+  }
+
+  .__ka {
+    box-sizing: border-box;
+  }
+
+  ._tb {
+    forced-color-adjust: none;
+  }
+}
+
+@layer b;
+/*# sourceMappingURL=ColorSwatch.f6e6f811.css.map */

package/dist/ColorSwatch.f6e6f811.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;EAGE;;;;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;;;;;AArKF","sources":["packages/@react-spectrum/color/src/ColorSwatch.tsx"],"sourcesContent":["@layer a, b;\n\n@layer a {\n  .oe {\n    width: calc(1rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .og {\n    width: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .oi {\n    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .ok {\n    width: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .ne {\n    height: calc(1rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .ng {\n    height: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .ni {\n    height: calc(2rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  .nk {\n    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));\n  }\n}\n\n@layer a {\n  ._pc {\n    border-start-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  ._pa {\n    border-start-start-radius: 0px;\n  }\n}\n\n@layer a {\n  ._pf {\n    border-start-start-radius: 9999px;\n  }\n}\n\n@layer a {\n  ._qc {\n    border-start-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  ._qa {\n    border-start-end-radius: 0px;\n  }\n}\n\n@layer a {\n  ._qf {\n    border-start-end-radius: 9999px;\n  }\n}\n\n@layer a {\n  ._rc {\n    border-end-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  ._ra {\n    border-end-start-radius: 0px;\n  }\n}\n\n@layer a {\n  ._rf {\n    border-end-start-radius: 9999px;\n  }\n}\n\n@layer a {\n  ._sc {\n    border-end-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));\n  }\n}\n\n@layer a {\n  ._sa {\n    border-end-end-radius: 0px;\n  }\n}\n\n@layer a {\n  ._sf {\n    border-end-end-radius: 9999px;\n  }\n}\n\n@layer a {\n  .c-1n5whoe {\n    border-color: color-mix(in srgb, var(--spectrum-gray-900), transparent 49%);\n  }\n}\n\n@layer a {\n  .wb {\n    border-top-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .xb {\n    border-bottom-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));\n  }\n}\n\n@layer a {\n  .ub {\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  .vb {\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  .Aa {\n    border-style: solid;\n  }\n}\n\n@layer a {\n  .__ka {\n    box-sizing: border-box;\n  }\n}\n\n@layer a {\n  ._tb {\n    forced-color-adjust: none;\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorSwatch.f6e6f811.css.map"}

package/dist/ColorSwatch.main.js

@@ -0,0 +1,94 @@
+require("./ColorSwatch.f6e6f811.css");
+var $ikjCA$reactariacolor = require("@react-aria/color");
+var $ikjCA$reactariacomponents = require("react-aria-components");
+var $ikjCA$react = require("react");
+var $ikjCA$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SpectrumColorSwatchContext", () => $f076f5c85640192a$export$8529d7908a78c058);
+$parcel$export(module.exports, "ColorSwatch", () => $f076f5c85640192a$export$cae13e90592f246a);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $f076f5c85640192a$export$8529d7908a78c058 = /*#__PURE__*/ (0, $ikjCA$react.createContext)(null);
+function $f076f5c85640192a$var$ColorSwatch(props, ref) {
+    let domRef = (0, $ikjCA$reactspectrumutils.useDOMRef)(ref);
+    [props, domRef] = (0, $ikjCA$reactariacomponents.useContextProps)(props, domRef, (0, $ikjCA$reactariacomponents.ColorSwatchContext));
+    let { colorSwatchProps: colorSwatchProps, color: color } = (0, $ikjCA$reactariacolor.useColorSwatch)(props);
+    let { styleProps: styleProps } = (0, $ikjCA$reactspectrumutils.useStyleProps)(props);
+    let ctx = (0, $ikjCA$react.useContext)($f076f5c85640192a$export$8529d7908a78c058);
+    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || "M", rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || "default" } = props;
+    let swatch = /*#__PURE__*/ (0, ($parcel$interopDefault($ikjCA$react))).createElement("div", {
+        ...colorSwatchProps,
+        ...styleProps,
+        ref: domRef,
+        style: {
+            ...styleProps.style,
+            // TODO: should there be a distinction between transparent and no value (e.g. null)?
+            background: color.getChannelValue("alpha") > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : "linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat"
+        },
+        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";
+            return rules;
+        }({
+            size: size,
+            rounding: rounding
+        })
+    });
+    // ColorSwatchPicker needs to wrap the swatch in a ListBoxItem.
+    if (ctx) return ctx.useWrapper(swatch, color, rounding);
+    return swatch;
+}
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */ let $f076f5c85640192a$export$cae13e90592f246a = /*#__PURE__*/ (0, $ikjCA$react.forwardRef)($f076f5c85640192a$var$ColorSwatch);
+
+
+//# sourceMappingURL=ColorSwatch.main.js.map

package/dist/ColorSwatch.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA2BM,MAAM,0DAA6B,CAAA,GAAA,0BAAY,EAA0C;AAEhG,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,0CAAc,EAAE,OAAO,QAAQ,CAAA,GAAA,6CAAiB;IAClE,IAAI,oBAAC,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,oCAAa,EAAE;IAC/C,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,MAAM,CAAA,GAAA,uBAAS,EAAE;IACrB,IAAI,QACF,OAAO,CAAA,gBAAA,0BAAA,IAAK,IAAI,KAAI,eACpB,WAAW,CAAA,gBAAA,0BAAA,IAAK,QAAQ,KAAI,WAC7B,GAAG;IAEJ,IAAI,uBACF,0DAAC;QACE,GAAG,gBAAgB;QACnB,GAAG,UAAU;QACd,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,oFAAoF;YACpF,YAAY,MAAM,eAAe,CAAC,WAAW,IACzC,CAAC,gBAAgB,EAAE,MAAM,EAAE,EAAE,MAAM,4EAA4E,CAAC,GAEhH;QACN;QACA,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAuBR;kBAAC;sBAAM;QAAQ;;IAGtB,+DAA+D;IAC/D,IAAI,KACF,OAAO,IAAI,UAAU,CAAC,QAAQ,OAAO;IAGvC,OAAO;AACT;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/color/src/ColorSwatch.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSwatchProps, useColorSwatch} from '@react-aria/color';\nimport {Color} from '@react-types/color';\nimport {ColorSwatchContext, useContextProps} from 'react-aria-components';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport React, {createContext, forwardRef, JSX, ReactElement, useContext} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef, useStyleProps} from '@react-spectrum/utils';\n\nexport interface SpectrumColorSwatchProps extends AriaColorSwatchProps, StyleProps {\n  /**\n   * The size of the ColorSwatch.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L',\n  /**\n   * The corner rounding of the ColorSwatch.\n   * @default \"default\"\n   */\n  rounding?: 'default' | 'none' | 'full'\n}\n\ninterface SpectrumColorSwatchContextValue extends Pick<SpectrumColorSwatchProps, 'size' | 'rounding'> {\n  useWrapper: (swatch: ReactElement, color: Color, rounding: SpectrumColorSwatchProps['rounding']) => JSX.Element\n}\n\nexport const SpectrumColorSwatchContext = createContext<SpectrumColorSwatchContextValue | null>(null);\n\nfunction ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement>): JSX.Element {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ColorSwatchContext);\n  let {colorSwatchProps, color} = useColorSwatch(props);\n  let {styleProps} = useStyleProps(props);\n  let ctx = useContext(SpectrumColorSwatchContext);\n  let {\n    size = ctx?.size || 'M',\n    rounding = ctx?.rounding || 'default'\n  } = props;\n\n  let swatch = (\n    <div\n      {...colorSwatchProps}\n      {...styleProps}\n      ref={domRef}\n      style={{\n        ...styleProps.style,\n        // TODO: should there be a distinction between transparent and no value (e.g. null)?\n        background: color.getChannelValue('alpha') > 0\n          ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px`\n          // Red slash to indicate there is no selected color.\n          : 'linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat'\n      }}\n      className={style({\n        size: {\n          size: {\n            XS: 4,\n            S: 6,\n            M: 8,\n            L: 10\n          }\n        },\n        borderRadius: {\n          rounding: {\n            default: 'default',\n            none: 'none',\n            full: 'full'\n          }\n        },\n        // Trick to create a partially transparent color from a variable.\n        // Ideally we'd use relative color syntax for this but it's not in Firefox yet.\n        borderColor: '[color-mix(in srgb, var(--spectrum-gray-900), transparent 49%)]',\n        borderWidth: 1,\n        borderStyle: 'solid',\n        boxSizing: 'border-box',\n        forcedColorAdjust: 'none'\n      })({size, rounding})} />\n  );\n\n  // ColorSwatchPicker needs to wrap the swatch in a ListBoxItem.\n  if (ctx) {\n    return ctx.useWrapper(swatch, color, rounding);\n  }\n\n  return swatch;\n}\n\n/**\n * A ColorSwatch displays a preview of a selected color.\n */\nlet _ColorSwatch = forwardRef(ColorSwatch);\nexport {_ColorSwatch as ColorSwatch};\n"],"names":[],"version":3,"file":"ColorSwatch.main.js.map"}

package/dist/ColorSwatch.mjs

@@ -0,0 +1,84 @@
+import "./ColorSwatch.f6e6f811.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";
+import {useDOMRef as $5Pjc1$useDOMRef, useStyleProps as $5Pjc1$useStyleProps} from "@react-spectrum/utils";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $d68786ae409fa722$export$8529d7908a78c058 = /*#__PURE__*/ (0, $5Pjc1$createContext)(null);
+function $d68786ae409fa722$var$ColorSwatch(props, ref) {
+    let domRef = (0, $5Pjc1$useDOMRef)(ref);
+    [props, domRef] = (0, $5Pjc1$useContextProps)(props, domRef, (0, $5Pjc1$ColorSwatchContext));
+    let { colorSwatchProps: colorSwatchProps, color: color } = (0, $5Pjc1$useColorSwatch)(props);
+    let { styleProps: styleProps } = (0, $5Pjc1$useStyleProps)(props);
+    let ctx = (0, $5Pjc1$useContext)($d68786ae409fa722$export$8529d7908a78c058);
+    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || "M", rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || "default" } = props;
+    let swatch = /*#__PURE__*/ (0, $5Pjc1$react).createElement("div", {
+        ...colorSwatchProps,
+        ...styleProps,
+        ref: domRef,
+        style: {
+            ...styleProps.style,
+            // TODO: should there be a distinction between transparent and no value (e.g. null)?
+            background: color.getChannelValue("alpha") > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : "linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat"
+        },
+        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";
+            return rules;
+        }({
+            size: size,
+            rounding: rounding
+        })
+    });
+    // ColorSwatchPicker needs to wrap the swatch in a ListBoxItem.
+    if (ctx) return ctx.useWrapper(swatch, color, rounding);
+    return swatch;
+}
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */ let $d68786ae409fa722$export$cae13e90592f246a = /*#__PURE__*/ (0, $5Pjc1$forwardRef)($d68786ae409fa722$var$ColorSwatch);
+
+
+export {$d68786ae409fa722$export$8529d7908a78c058 as SpectrumColorSwatchContext, $d68786ae409fa722$export$cae13e90592f246a as ColorSwatch};
+//# sourceMappingURL=ColorSwatch.mjs.map

package/dist/ColorSwatch.module.js

@@ -0,0 +1,84 @@
+import "./ColorSwatch.f6e6f811.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";
+import {useDOMRef as $5Pjc1$useDOMRef, useStyleProps as $5Pjc1$useStyleProps} from "@react-spectrum/utils";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $d68786ae409fa722$export$8529d7908a78c058 = /*#__PURE__*/ (0, $5Pjc1$createContext)(null);
+function $d68786ae409fa722$var$ColorSwatch(props, ref) {
+    let domRef = (0, $5Pjc1$useDOMRef)(ref);
+    [props, domRef] = (0, $5Pjc1$useContextProps)(props, domRef, (0, $5Pjc1$ColorSwatchContext));
+    let { colorSwatchProps: colorSwatchProps, color: color } = (0, $5Pjc1$useColorSwatch)(props);
+    let { styleProps: styleProps } = (0, $5Pjc1$useStyleProps)(props);
+    let ctx = (0, $5Pjc1$useContext)($d68786ae409fa722$export$8529d7908a78c058);
+    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || "M", rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || "default" } = props;
+    let swatch = /*#__PURE__*/ (0, $5Pjc1$react).createElement("div", {
+        ...colorSwatchProps,
+        ...styleProps,
+        ref: domRef,
+        style: {
+            ...styleProps.style,
+            // TODO: should there be a distinction between transparent and no value (e.g. null)?
+            background: color.getChannelValue("alpha") > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : "linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat"
+        },
+        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";
+            return rules;
+        }({
+            size: size,
+            rounding: rounding
+        })
+    });
+    // ColorSwatchPicker needs to wrap the swatch in a ListBoxItem.
+    if (ctx) return ctx.useWrapper(swatch, color, rounding);
+    return swatch;
+}
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */ let $d68786ae409fa722$export$cae13e90592f246a = /*#__PURE__*/ (0, $5Pjc1$forwardRef)($d68786ae409fa722$var$ColorSwatch);
+
+
+export {$d68786ae409fa722$export$8529d7908a78c058 as SpectrumColorSwatchContext, $d68786ae409fa722$export$cae13e90592f246a as ColorSwatch};
+//# sourceMappingURL=ColorSwatch.module.js.map

package/dist/ColorSwatch.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AA2BM,MAAM,0DAA6B,CAAA,GAAA,oBAAY,EAA0C;AAEhG,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ,CAAA,GAAA,yBAAiB;IAClE,IAAI,oBAAC,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;IAC/C,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,QACF,OAAO,CAAA,gBAAA,0BAAA,IAAK,IAAI,KAAI,eACpB,WAAW,CAAA,gBAAA,0BAAA,IAAK,QAAQ,KAAI,WAC7B,GAAG;IAEJ,IAAI,uBACF,gCAAC;QACE,GAAG,gBAAgB;QACnB,GAAG,UAAU;QACd,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,oFAAoF;YACpF,YAAY,MAAM,eAAe,CAAC,WAAW,IACzC,CAAC,gBAAgB,EAAE,MAAM,EAAE,EAAE,MAAM,4EAA4E,CAAC,GAEhH;QACN;QACA,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAuBR;kBAAC;sBAAM;QAAQ;;IAGtB,+DAA+D;IAC/D,IAAI,KACF,OAAO,IAAI,UAAU,CAAC,QAAQ,OAAO;IAGvC,OAAO;AACT;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/color/src/ColorSwatch.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSwatchProps, useColorSwatch} from '@react-aria/color';\nimport {Color} from '@react-types/color';\nimport {ColorSwatchContext, useContextProps} from 'react-aria-components';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport React, {createContext, forwardRef, JSX, ReactElement, useContext} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef, useStyleProps} from '@react-spectrum/utils';\n\nexport interface SpectrumColorSwatchProps extends AriaColorSwatchProps, StyleProps {\n  /**\n   * The size of the ColorSwatch.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L',\n  /**\n   * The corner rounding of the ColorSwatch.\n   * @default \"default\"\n   */\n  rounding?: 'default' | 'none' | 'full'\n}\n\ninterface SpectrumColorSwatchContextValue extends Pick<SpectrumColorSwatchProps, 'size' | 'rounding'> {\n  useWrapper: (swatch: ReactElement, color: Color, rounding: SpectrumColorSwatchProps['rounding']) => JSX.Element\n}\n\nexport const SpectrumColorSwatchContext = createContext<SpectrumColorSwatchContextValue | null>(null);\n\nfunction ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement>): JSX.Element {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ColorSwatchContext);\n  let {colorSwatchProps, color} = useColorSwatch(props);\n  let {styleProps} = useStyleProps(props);\n  let ctx = useContext(SpectrumColorSwatchContext);\n  let {\n    size = ctx?.size || 'M',\n    rounding = ctx?.rounding || 'default'\n  } = props;\n\n  let swatch = (\n    <div\n      {...colorSwatchProps}\n      {...styleProps}\n      ref={domRef}\n      style={{\n        ...styleProps.style,\n        // TODO: should there be a distinction between transparent and no value (e.g. null)?\n        background: color.getChannelValue('alpha') > 0\n          ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px`\n          // Red slash to indicate there is no selected color.\n          : 'linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat'\n      }}\n      className={style({\n        size: {\n          size: {\n            XS: 4,\n            S: 6,\n            M: 8,\n            L: 10\n          }\n        },\n        borderRadius: {\n          rounding: {\n            default: 'default',\n            none: 'none',\n            full: 'full'\n          }\n        },\n        // Trick to create a partially transparent color from a variable.\n        // Ideally we'd use relative color syntax for this but it's not in Firefox yet.\n        borderColor: '[color-mix(in srgb, var(--spectrum-gray-900), transparent 49%)]',\n        borderWidth: 1,\n        borderStyle: 'solid',\n        boxSizing: 'border-box',\n        forcedColorAdjust: 'none'\n      })({size, rounding})} />\n  );\n\n  // ColorSwatchPicker needs to wrap the swatch in a ListBoxItem.\n  if (ctx) {\n    return ctx.useWrapper(swatch, color, rounding);\n  }\n\n  return swatch;\n}\n\n/**\n * A ColorSwatch displays a preview of a selected color.\n */\nlet _ColorSwatch = forwardRef(ColorSwatch);\nexport {_ColorSwatch as ColorSwatch};\n"],"names":[],"version":3,"file":"ColorSwatch.module.js.map"}