@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/circleloader_vars.css

@@ -1,41 +1,41 @@
-.iZc1lq_i18nFontFamily {
+.bK8jfq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(ar) {
+.bK8jfq_i18nFontFamily:lang(ar) {
   font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(he) {
+.bK8jfq_i18nFontFamily:lang(he) {
   font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(zh) {
+.bK8jfq_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(zh-Hans) {
+.bK8jfq_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(zh-Hant) {
+.bK8jfq_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(zh-SG), .iZc1lq_i18nFontFamily:lang(zh-CN) {
+.bK8jfq_i18nFontFamily:lang(zh-SG), .bK8jfq_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(ko) {
+.bK8jfq_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.iZc1lq_i18nFontFamily:lang(ja) {
+.bK8jfq_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.iZc1lq_spectrum-FocusRing-ring {
+.bK8jfq_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,47 +43,48 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.iZc1lq_spectrum-FocusRing-ring:after {
+.bK8jfq_spectrum-FocusRing-ring:after {
   border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
   content: "";
   margin: calc(-1 * var(--spectrum-focus-ring-border-size));
   pointer-events: none;
   transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
   inset: 0;
 }
 
-.iZc1lq_spectrum-FocusRing.iZc1lq_focus-ring:after {
+.bK8jfq_spectrum-FocusRing.bK8jfq_focus-ring:after {
   margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
   box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
 }
 
-.iZc1lq_spectrum-FocusRing--quiet:after {
+.bK8jfq_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.iZc1lq_spectrum-FocusRing--quiet.iZc1lq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+.bK8jfq_spectrum-FocusRing--quiet.bK8jfq_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+        0;
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
 @media (forced-colors: active) {
-  .iZc1lq_spectrum-FocusRing, .iZc1lq_spectrum-FocusRing-ring, .iZc1lq_spectrum-FocusRing--quiet {
+  .bK8jfq_spectrum-FocusRing, .bK8jfq_spectrum-FocusRing-ring, .bK8jfq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.iZc1lq_spectrum-FocusRing, .iZc1lq_spectrum-FocusRing-ring, .iZc1lq_spectrum-FocusRing--quiet):after {
+  :is(.bK8jfq_spectrum-FocusRing, .bK8jfq_spectrum-FocusRing-ring, .bK8jfq_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.iZc1lq_spectrum-CircleLoader--indeterminate-fill-submask-2 {
-  animation: 1s linear infinite iZc1lq_spectrum-fill-mask-2;
+.bK8jfq_spectrum-CircleLoader--indeterminate-fill-submask-2 {
+  animation: 1s linear infinite bK8jfq_spectrum-fill-mask-2;
 }
 
-@keyframes iZc1lq_spectrum-fill-mask-1 {
+@keyframes bK8jfq_spectrum-fill-mask-1 {
   0% {
     transform: rotate(90deg);
   }
@@ -325,7 +326,7 @@
   }
 }
 
-@keyframes iZc1lq_spectrum-fill-mask-2 {
+@keyframes bK8jfq_spectrum-fill-mask-2 {
   0% {
     transform: rotate(180deg);
   }
@@ -567,7 +568,7 @@
   }
 }
 
-@keyframes iZc1lq_spectrum-fills-rotate {
+@keyframes bK8jfq_spectrum-fills-rotate {
   0% {
     transform: rotate(-90deg);
   }
@@ -577,7 +578,7 @@
   }
 }
 
-.iZc1lq_spectrum-CircleLoader {
+.bK8jfq_spectrum-CircleLoader {
   width: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400));
   height: var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400));
   direction: ltr;
@@ -585,7 +586,7 @@
   position: relative;
 }
 
-.iZc1lq_spectrum-CircleLoader-track {
+.bK8jfq_spectrum-CircleLoader-track {
   box-sizing: border-box;
   width: calc(var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400)));
   height: calc(var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400)));
@@ -594,7 +595,7 @@
   border-radius: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400));
 }
 
-.iZc1lq_spectrum-CircleLoader-fills {
+.bK8jfq_spectrum-CircleLoader-fills {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -602,7 +603,7 @@
   left: 0;
 }
 
-.iZc1lq_spectrum-CircleLoader-fill {
+.bK8jfq_spectrum-CircleLoader-fill {
   box-sizing: border-box;
   width: calc(var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400)));
   height: calc(var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400)));
@@ -611,7 +612,7 @@
   border-radius: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400));
 }
 
-.iZc1lq_spectrum-CircleLoader-fillMask1, .iZc1lq_spectrum-CircleLoader-fillMask2 {
+.bK8jfq_spectrum-CircleLoader-fillMask1, .bK8jfq_spectrum-CircleLoader-fillMask2 {
   transform-origin: 100%;
   width: 50%;
   height: 100%;
@@ -620,7 +621,7 @@
   transform: rotate(180deg);
 }
 
-.iZc1lq_spectrum-CircleLoader-fillSubMask1, .iZc1lq_spectrum-CircleLoader-fillSubMask2 {
+.bK8jfq_spectrum-CircleLoader-fillSubMask1, .bK8jfq_spectrum-CircleLoader-fillSubMask2 {
   transform-origin: 100%;
   width: 100%;
   height: 100%;
@@ -628,16 +629,16 @@
   transform: rotate(-180deg);
 }
 
-.iZc1lq_spectrum-CircleLoader-fillMask2 {
+.bK8jfq_spectrum-CircleLoader-fillMask2 {
   transform: rotate(0);
 }
 
-.iZc1lq_spectrum-CircleLoader--small {
+.bK8jfq_spectrum-CircleLoader--small {
   width: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200));
   height: var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200));
 }
 
-.iZc1lq_spectrum-CircleLoader--small .iZc1lq_spectrum-CircleLoader-track, .iZc1lq_spectrum-CircleLoader--small .iZc1lq_spectrum-CircleLoader-fill {
+.bK8jfq_spectrum-CircleLoader--small .bK8jfq_spectrum-CircleLoader-track, .bK8jfq_spectrum-CircleLoader--small .bK8jfq_spectrum-CircleLoader-fill {
   width: calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)));
   height: calc(var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200)));
   border-style: solid;
@@ -645,12 +646,12 @@
   border-radius: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200));
 }
 
-.iZc1lq_spectrum-CircleLoader--large {
+.bK8jfq_spectrum-CircleLoader--large {
   width: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800));
   height: var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800));
 }
 
-.iZc1lq_spectrum-CircleLoader--large .iZc1lq_spectrum-CircleLoader-track, .iZc1lq_spectrum-CircleLoader--large .iZc1lq_spectrum-CircleLoader-fill {
+.bK8jfq_spectrum-CircleLoader--large .bK8jfq_spectrum-CircleLoader-track, .bK8jfq_spectrum-CircleLoader--large .bK8jfq_spectrum-CircleLoader-fill {
   width: calc(var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800)));
   height: calc(var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800)));
   border-style: solid;
@@ -658,57 +659,57 @@
   border-radius: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800));
 }
 
-.iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fills {
+.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fills {
   will-change: transform;
   transform-origin: center;
-  animation: 1s cubic-bezier(.25, .78, .48, .89) infinite iZc1lq_spectrum-fills-rotate;
+  animation: 1s cubic-bezier(.25, .78, .48, .89) infinite bK8jfq_spectrum-fills-rotate;
   transform: translateZ(0);
 }
 
-.iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fillSubMask1 {
+.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fillSubMask1 {
   will-change: transform;
-  animation: 1s linear infinite iZc1lq_spectrum-fill-mask-1;
+  animation: 1s linear infinite bK8jfq_spectrum-fill-mask-1;
   transform: translateZ(0);
 }
 
-.iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fillSubMask2 {
+.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fillSubMask2 {
   will-change: transform;
-  animation: 1s linear infinite iZc1lq_spectrum-fill-mask-2;
+  animation: 1s linear infinite bK8jfq_spectrum-fill-mask-2;
   transform: translateZ(0);
 }
 
-.iZc1lq_spectrum-CircleLoader {
+.bK8jfq_spectrum-CircleLoader {
   --spectrum-loader-circle-medium-track-fill-color: var(--spectrum-accent-color-900);
   --spectrum-loader-circle-static-black-track-color: #00000040;
   --spectrum-loader-circle-static-black-fill-color: var(--spectrum-global-color-static-black, #000);
 }
 
-.iZc1lq_spectrum-CircleLoader-track {
+.bK8jfq_spectrum-CircleLoader-track {
   border-color: var(--spectrum-loader-circle-medium-track-color, var(--spectrum-alias-track-color-default));
 }
 
-.iZc1lq_spectrum-CircleLoader-fill {
+.bK8jfq_spectrum-CircleLoader-fill {
   border-color: var(--spectrum-loader-circle-medium-track-fill-color, var(--spectrum-global-color-blue-500));
 }
 
-:is(.iZc1lq_spectrum-CircleLoader--overBackground, .iZc1lq_spectrum-CircleLoader--staticWhite) .iZc1lq_spectrum-CircleLoader-track {
+:is(.bK8jfq_spectrum-CircleLoader--overBackground, .bK8jfq_spectrum-CircleLoader--staticWhite) .bK8jfq_spectrum-CircleLoader-track {
   border-color: var(--spectrum-loader-circle-medium-over-background-track-color, var(--spectrum-alias-track-color-over-background));
 }
 
-:is(.iZc1lq_spectrum-CircleLoader--overBackground, .iZc1lq_spectrum-CircleLoader--staticWhite) .iZc1lq_spectrum-CircleLoader-fill {
+:is(.bK8jfq_spectrum-CircleLoader--overBackground, .bK8jfq_spectrum-CircleLoader--staticWhite) .bK8jfq_spectrum-CircleLoader-fill {
   border-color: var(--spectrum-loader-circle-medium-over-background-track-fill-color, var(--spectrum-global-color-static-white));
 }
 
-.iZc1lq_spectrum-CircleLoader--staticBlack .iZc1lq_spectrum-CircleLoader-track {
+.bK8jfq_spectrum-CircleLoader--staticBlack .bK8jfq_spectrum-CircleLoader-track {
   border-color: var(--spectrum-loader-circle-static-black-track-color);
 }
 
-.iZc1lq_spectrum-CircleLoader--staticBlack .iZc1lq_spectrum-CircleLoader-fill {
+.bK8jfq_spectrum-CircleLoader--staticBlack .bK8jfq_spectrum-CircleLoader-fill {
   border-color: var(--spectrum-loader-circle-static-black-fill-color);
 }
 
 @media (forced-colors: active) {
-  .iZc1lq_spectrum-CircleLoader {
+  .bK8jfq_spectrum-CircleLoader {
     --spectrum-loader-circle-medium-track-fill-color: Highlight;
     --spectrum-loader-circle-medium-over-background-track-fill-color: Highlight;
     --spectrum-loader-circle-static-black-fill-color: Highlight;

package/dist/private/circleloader_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwqBA","sources":["packages/@adobe/spectrum-css-temp/components/circleloader/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"circleloader_vars.css.map"}
+{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/circleloader/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"circleloader_vars.css.map"}

package/dist/private/circleloader_vars_css.cjs

@@ -49,31 +49,31 @@ var $2e83e0b7417d39d2$export$2927016961429360;
 var $2e83e0b7417d39d2$export$524c81e63e1d64f5;
 var $2e83e0b7417d39d2$export$7219832bea80eb54;
 var $2e83e0b7417d39d2$export$3663cbdb240663ec;
-$2e83e0b7417d39d2$export$f39a09f249340e2a = `iZc1lq_focus-ring`;
-$2e83e0b7417d39d2$export$8c4ee2c50c22c514 = `iZc1lq_i18nFontFamily`;
-$2e83e0b7417d39d2$export$9633d311d6d6830b = `iZc1lq_spectrum-CircleLoader`;
-$2e83e0b7417d39d2$export$79b7e5abeef5134f = `iZc1lq_spectrum-CircleLoader--indeterminate`;
-$2e83e0b7417d39d2$export$f7083dbeadcbb2bd = `iZc1lq_spectrum-CircleLoader--indeterminate-fill-submask-2`;
-$2e83e0b7417d39d2$export$c8c34e5e37bf511c = `iZc1lq_spectrum-CircleLoader--large`;
-$2e83e0b7417d39d2$export$6668708cb539f403 = `iZc1lq_spectrum-CircleLoader--overBackground`;
-$2e83e0b7417d39d2$export$79819ab9844dbe9b = `iZc1lq_spectrum-CircleLoader--small`;
-$2e83e0b7417d39d2$export$7f8072f8867b580e = `iZc1lq_spectrum-CircleLoader--staticBlack`;
-$2e83e0b7417d39d2$export$f2e90b77c21d4ec7 = `iZc1lq_spectrum-CircleLoader--staticWhite`;
-$2e83e0b7417d39d2$export$58fb9ac68cf8e784 = `iZc1lq_spectrum-CircleLoader-fill`;
-$2e83e0b7417d39d2$export$b676cd958401a736 = `iZc1lq_spectrum-CircleLoader-fillMask1`;
-$2e83e0b7417d39d2$export$8c428f4f13e424b = `iZc1lq_spectrum-CircleLoader-fillMask2`;
-$2e83e0b7417d39d2$export$98ba5ef650aeb8ca = `iZc1lq_spectrum-CircleLoader-fillSubMask1`;
-$2e83e0b7417d39d2$export$dc70b48c897b0f1a = `iZc1lq_spectrum-CircleLoader-fillSubMask2`;
-$2e83e0b7417d39d2$export$3038f4c0c86f539b = `iZc1lq_spectrum-CircleLoader-fills`;
-$2e83e0b7417d39d2$export$278efdb85ed802da = `iZc1lq_spectrum-CircleLoader-track`;
-$2e83e0b7417d39d2$export$4109102f950813a6 = `iZc1lq_spectrum-FocusRing-ring`;
-$2e83e0b7417d39d2$export$24c7f46a6e3605dd = `iZc1lq_spectrum-FocusRing ${$2e83e0b7417d39d2$export$4109102f950813a6}`;
-$2e83e0b7417d39d2$export$2927016961429360 = `iZc1lq_spectrum-FocusRing--quiet`;
-$2e83e0b7417d39d2$export$524c81e63e1d64f5 = `iZc1lq_spectrum-fill-mask-1`;
+$2e83e0b7417d39d2$export$f39a09f249340e2a = `bK8jfq_focus-ring`;
+$2e83e0b7417d39d2$export$8c4ee2c50c22c514 = `bK8jfq_i18nFontFamily`;
+$2e83e0b7417d39d2$export$9633d311d6d6830b = `bK8jfq_spectrum-CircleLoader`;
+$2e83e0b7417d39d2$export$79b7e5abeef5134f = `bK8jfq_spectrum-CircleLoader--indeterminate`;
+$2e83e0b7417d39d2$export$f7083dbeadcbb2bd = `bK8jfq_spectrum-CircleLoader--indeterminate-fill-submask-2`;
+$2e83e0b7417d39d2$export$c8c34e5e37bf511c = `bK8jfq_spectrum-CircleLoader--large`;
+$2e83e0b7417d39d2$export$6668708cb539f403 = `bK8jfq_spectrum-CircleLoader--overBackground`;
+$2e83e0b7417d39d2$export$79819ab9844dbe9b = `bK8jfq_spectrum-CircleLoader--small`;
+$2e83e0b7417d39d2$export$7f8072f8867b580e = `bK8jfq_spectrum-CircleLoader--staticBlack`;
+$2e83e0b7417d39d2$export$f2e90b77c21d4ec7 = `bK8jfq_spectrum-CircleLoader--staticWhite`;
+$2e83e0b7417d39d2$export$58fb9ac68cf8e784 = `bK8jfq_spectrum-CircleLoader-fill`;
+$2e83e0b7417d39d2$export$b676cd958401a736 = `bK8jfq_spectrum-CircleLoader-fillMask1`;
+$2e83e0b7417d39d2$export$8c428f4f13e424b = `bK8jfq_spectrum-CircleLoader-fillMask2`;
+$2e83e0b7417d39d2$export$98ba5ef650aeb8ca = `bK8jfq_spectrum-CircleLoader-fillSubMask1`;
+$2e83e0b7417d39d2$export$dc70b48c897b0f1a = `bK8jfq_spectrum-CircleLoader-fillSubMask2`;
+$2e83e0b7417d39d2$export$3038f4c0c86f539b = `bK8jfq_spectrum-CircleLoader-fills`;
+$2e83e0b7417d39d2$export$278efdb85ed802da = `bK8jfq_spectrum-CircleLoader-track`;
+$2e83e0b7417d39d2$export$4109102f950813a6 = `bK8jfq_spectrum-FocusRing-ring`;
+$2e83e0b7417d39d2$export$24c7f46a6e3605dd = `bK8jfq_spectrum-FocusRing ${$2e83e0b7417d39d2$export$4109102f950813a6}`;
+$2e83e0b7417d39d2$export$2927016961429360 = `bK8jfq_spectrum-FocusRing--quiet`;
+$2e83e0b7417d39d2$export$524c81e63e1d64f5 = `bK8jfq_spectrum-fill-mask-1`;
 $2e83e0b7417d39d2$export$524c81e63e1d64f5;
-$2e83e0b7417d39d2$export$7219832bea80eb54 = `iZc1lq_spectrum-fill-mask-2`;
+$2e83e0b7417d39d2$export$7219832bea80eb54 = `bK8jfq_spectrum-fill-mask-2`;
 $2e83e0b7417d39d2$export$7219832bea80eb54;
-$2e83e0b7417d39d2$export$3663cbdb240663ec = `iZc1lq_spectrum-fills-rotate`;
+$2e83e0b7417d39d2$export$3663cbdb240663ec = `bK8jfq_spectrum-fills-rotate`;
 $2e83e0b7417d39d2$export$3663cbdb240663ec;
 
 

package/dist/private/circleloader_vars_css.mjs

@@ -50,31 +50,31 @@ var $8aa0e9a92f0996d1$export$2927016961429360;
 var $8aa0e9a92f0996d1$export$524c81e63e1d64f5;
 var $8aa0e9a92f0996d1$export$7219832bea80eb54;
 var $8aa0e9a92f0996d1$export$3663cbdb240663ec;
-$8aa0e9a92f0996d1$export$f39a09f249340e2a = `iZc1lq_focus-ring`;
-$8aa0e9a92f0996d1$export$8c4ee2c50c22c514 = `iZc1lq_i18nFontFamily`;
-$8aa0e9a92f0996d1$export$9633d311d6d6830b = `iZc1lq_spectrum-CircleLoader`;
-$8aa0e9a92f0996d1$export$79b7e5abeef5134f = `iZc1lq_spectrum-CircleLoader--indeterminate`;
-$8aa0e9a92f0996d1$export$f7083dbeadcbb2bd = `iZc1lq_spectrum-CircleLoader--indeterminate-fill-submask-2`;
-$8aa0e9a92f0996d1$export$c8c34e5e37bf511c = `iZc1lq_spectrum-CircleLoader--large`;
-$8aa0e9a92f0996d1$export$6668708cb539f403 = `iZc1lq_spectrum-CircleLoader--overBackground`;
-$8aa0e9a92f0996d1$export$79819ab9844dbe9b = `iZc1lq_spectrum-CircleLoader--small`;
-$8aa0e9a92f0996d1$export$7f8072f8867b580e = `iZc1lq_spectrum-CircleLoader--staticBlack`;
-$8aa0e9a92f0996d1$export$f2e90b77c21d4ec7 = `iZc1lq_spectrum-CircleLoader--staticWhite`;
-$8aa0e9a92f0996d1$export$58fb9ac68cf8e784 = `iZc1lq_spectrum-CircleLoader-fill`;
-$8aa0e9a92f0996d1$export$b676cd958401a736 = `iZc1lq_spectrum-CircleLoader-fillMask1`;
-$8aa0e9a92f0996d1$export$8c428f4f13e424b = `iZc1lq_spectrum-CircleLoader-fillMask2`;
-$8aa0e9a92f0996d1$export$98ba5ef650aeb8ca = `iZc1lq_spectrum-CircleLoader-fillSubMask1`;
-$8aa0e9a92f0996d1$export$dc70b48c897b0f1a = `iZc1lq_spectrum-CircleLoader-fillSubMask2`;
-$8aa0e9a92f0996d1$export$3038f4c0c86f539b = `iZc1lq_spectrum-CircleLoader-fills`;
-$8aa0e9a92f0996d1$export$278efdb85ed802da = `iZc1lq_spectrum-CircleLoader-track`;
-$8aa0e9a92f0996d1$export$4109102f950813a6 = `iZc1lq_spectrum-FocusRing-ring`;
-$8aa0e9a92f0996d1$export$24c7f46a6e3605dd = `iZc1lq_spectrum-FocusRing ${$8aa0e9a92f0996d1$export$4109102f950813a6}`;
-$8aa0e9a92f0996d1$export$2927016961429360 = `iZc1lq_spectrum-FocusRing--quiet`;
-$8aa0e9a92f0996d1$export$524c81e63e1d64f5 = `iZc1lq_spectrum-fill-mask-1`;
+$8aa0e9a92f0996d1$export$f39a09f249340e2a = `bK8jfq_focus-ring`;
+$8aa0e9a92f0996d1$export$8c4ee2c50c22c514 = `bK8jfq_i18nFontFamily`;
+$8aa0e9a92f0996d1$export$9633d311d6d6830b = `bK8jfq_spectrum-CircleLoader`;
+$8aa0e9a92f0996d1$export$79b7e5abeef5134f = `bK8jfq_spectrum-CircleLoader--indeterminate`;
+$8aa0e9a92f0996d1$export$f7083dbeadcbb2bd = `bK8jfq_spectrum-CircleLoader--indeterminate-fill-submask-2`;
+$8aa0e9a92f0996d1$export$c8c34e5e37bf511c = `bK8jfq_spectrum-CircleLoader--large`;
+$8aa0e9a92f0996d1$export$6668708cb539f403 = `bK8jfq_spectrum-CircleLoader--overBackground`;
+$8aa0e9a92f0996d1$export$79819ab9844dbe9b = `bK8jfq_spectrum-CircleLoader--small`;
+$8aa0e9a92f0996d1$export$7f8072f8867b580e = `bK8jfq_spectrum-CircleLoader--staticBlack`;
+$8aa0e9a92f0996d1$export$f2e90b77c21d4ec7 = `bK8jfq_spectrum-CircleLoader--staticWhite`;
+$8aa0e9a92f0996d1$export$58fb9ac68cf8e784 = `bK8jfq_spectrum-CircleLoader-fill`;
+$8aa0e9a92f0996d1$export$b676cd958401a736 = `bK8jfq_spectrum-CircleLoader-fillMask1`;
+$8aa0e9a92f0996d1$export$8c428f4f13e424b = `bK8jfq_spectrum-CircleLoader-fillMask2`;
+$8aa0e9a92f0996d1$export$98ba5ef650aeb8ca = `bK8jfq_spectrum-CircleLoader-fillSubMask1`;
+$8aa0e9a92f0996d1$export$dc70b48c897b0f1a = `bK8jfq_spectrum-CircleLoader-fillSubMask2`;
+$8aa0e9a92f0996d1$export$3038f4c0c86f539b = `bK8jfq_spectrum-CircleLoader-fills`;
+$8aa0e9a92f0996d1$export$278efdb85ed802da = `bK8jfq_spectrum-CircleLoader-track`;
+$8aa0e9a92f0996d1$export$4109102f950813a6 = `bK8jfq_spectrum-FocusRing-ring`;
+$8aa0e9a92f0996d1$export$24c7f46a6e3605dd = `bK8jfq_spectrum-FocusRing ${$8aa0e9a92f0996d1$export$4109102f950813a6}`;
+$8aa0e9a92f0996d1$export$2927016961429360 = `bK8jfq_spectrum-FocusRing--quiet`;
+$8aa0e9a92f0996d1$export$524c81e63e1d64f5 = `bK8jfq_spectrum-fill-mask-1`;
 $8aa0e9a92f0996d1$export$524c81e63e1d64f5;
-$8aa0e9a92f0996d1$export$7219832bea80eb54 = `iZc1lq_spectrum-fill-mask-2`;
+$8aa0e9a92f0996d1$export$7219832bea80eb54 = `bK8jfq_spectrum-fill-mask-2`;
 $8aa0e9a92f0996d1$export$7219832bea80eb54;
-$8aa0e9a92f0996d1$export$3663cbdb240663ec = `iZc1lq_spectrum-fills-rotate`;
+$8aa0e9a92f0996d1$export$3663cbdb240663ec = `bK8jfq_spectrum-fills-rotate`;
 $8aa0e9a92f0996d1$export$3663cbdb240663ec;
 
 

package/dist/private/color/ColorArea.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA0BM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UAAU,KAA6B,EAAE,GAAiC;IAC3H,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,cAAc,CAAA,GAAA,oDAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,wCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAGjC,IAAI,QAAQ,CAAA,GAAA,sDAAgB,EAAE;IAE9B,IAAI,kBACF,cAAc,eACd,WAAW,eACX,WAAW,cACX,UAAU,EACX,GAAG,CAAA,GAAA,yCAAW,EAAE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAAG;IACjE,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW;IAE9C,qBACE,0DAAC;QACE,GAAG,cAAc;QAClB,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,0DAAC,CAAA,GAAA,oCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,0DAAC;QAAI,MAAK;qBACR,0DAAC;QAAM,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QAAE,KAAK;sBACjH,0DAAC;QAAM,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QAAE,KAAK;;AAK3H","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let state = useColorAreaState(props);\n\n  let {\n    colorAreaProps,\n    xInputProps,\n    yInputProps,\n    thumbProps\n  } = useColorArea({...props, inputXRef, inputYRef, containerRef}, state);\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorArea',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(xInputProps, focusProps)} ref={inputXRef} />\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(yInputProps, focusProps)} ref={inputYRef} />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA4BM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAA6B,EAC7B,GAAiC;IAEjC,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,cAAc,CAAA,GAAA,oDAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,wCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,QAAQ,CAAA,GAAA,sDAAgB,EAAE;IAE9B,IAAI,kBAAC,cAAc,eAAE,WAAW,eAAE,WAAW,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAW,EACtE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAC7C;IAEF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW;IAE9C,qBACE,0DAAC;QACE,GAAG,cAAc;QAClB,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAEtB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,0DAAC,CAAA,GAAA,oCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,0DAAC;QAAI,MAAK;qBACR,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;sBAEP,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;;AAMjB","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps\n  extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue;\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a\n * two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(\n  props: SpectrumColorAreaProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let state = useColorAreaState(props);\n\n  let {colorAreaProps, xInputProps, yInputProps, thumbProps} = useColorArea(\n    {...props, inputXRef, inputYRef, containerRef},\n    state\n  );\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={classNames(\n        styles,\n        'spectrum-ColorArea',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className\n      )}\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(xInputProps, focusProps)}\n            ref={inputXRef}\n          />\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(yInputProps, focusProps)}\n            ref={inputYRef}\n          />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.cjs.map"}

package/dist/private/color/ColorArea.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA0BM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAAU,KAA6B,EAAE,GAAiC;IAC3H,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,uBAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,yCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAGjC,IAAI,QAAQ,CAAA,GAAA,wBAAgB,EAAE;IAE9B,IAAI,kBACF,cAAc,eACd,WAAW,eACX,WAAW,cACX,UAAU,EACX,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAAG;IACjE,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACE,GAAG,cAAc;QAClB,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAI,MAAK;qBACR,gCAAC;QAAM,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;sBACjH,gCAAC;QAAM,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;;AAK3H","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let state = useColorAreaState(props);\n\n  let {\n    colorAreaProps,\n    xInputProps,\n    yInputProps,\n    thumbProps\n  } = useColorArea({...props, inputXRef, inputYRef, containerRef}, state);\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorArea',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(xInputProps, focusProps)} ref={inputXRef} />\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(yInputProps, focusProps)} ref={inputYRef} />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA4BM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAA6B,EAC7B,GAAiC;IAEjC,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,uBAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,yCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,QAAQ,CAAA,GAAA,wBAAgB,EAAE;IAE9B,IAAI,kBAAC,cAAc,eAAE,WAAW,eAAE,WAAW,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EACtE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAC7C;IAEF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACE,GAAG,cAAc;QAClB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAEtB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAI,MAAK;qBACR,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;sBAEP,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;;AAMjB","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps\n  extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue;\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a\n * two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(\n  props: SpectrumColorAreaProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let state = useColorAreaState(props);\n\n  let {colorAreaProps, xInputProps, yInputProps, thumbProps} = useColorArea(\n    {...props, inputXRef, inputYRef, containerRef},\n    state\n  );\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={classNames(\n        styles,\n        'spectrum-ColorArea',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className\n      )}\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(xInputProps, focusProps)}\n            ref={inputXRef}\n          />\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(yInputProps, focusProps)}\n            ref={inputYRef}\n          />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.js.map"}

package/dist/private/color/ColorArea.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA0BM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAAU,KAA6B,EAAE,GAAiC;IAC3H,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,uBAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,yCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAGjC,IAAI,QAAQ,CAAA,GAAA,wBAAgB,EAAE;IAE9B,IAAI,kBACF,cAAc,eACd,WAAW,eACX,WAAW,cACX,UAAU,EACX,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAAG;IACjE,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACE,GAAG,cAAc;QAClB,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAI,MAAK;qBACR,gCAAC;QAAM,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;sBACjH,gCAAC;QAAM,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;;AAK3H","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let state = useColorAreaState(props);\n\n  let {\n    colorAreaProps,\n    xInputProps,\n    yInputProps,\n    thumbProps\n  } = useColorArea({...props, inputXRef, inputYRef, containerRef}, state);\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorArea',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(xInputProps, focusProps)} ref={inputXRef} />\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(yInputProps, focusProps)} ref={inputYRef} />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AA4BM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAA6B,EAC7B,GAAiC;IAEjC,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,uBAAe;IAE5E,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,yCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,QAAQ,CAAA,GAAA,wBAAgB,EAAE;IAE9B,IAAI,kBAAC,cAAc,eAAE,WAAW,eAAE,WAAW,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EACtE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAC7C;IAEF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACE,GAAG,cAAc;QAClB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAEtB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAI,MAAK;qBACR,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;sBAEP,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;;AAMjB","sources":["packages/@adobe/react-spectrum/src/color/ColorArea.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {AriaColorAreaProps, useColorArea} from 'react-aria/useColorArea';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorAreaContext} from 'react-aria-components/ColorArea';\nimport {ColorThumb} from './ColorThumb';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorAreaState} from 'react-stately/useColorAreaState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumColorAreaProps\n  extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {\n  /** Size of the Color Area. */\n  size?: DimensionValue;\n}\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a\n * two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(\n  props: SpectrumColorAreaProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let state = useColorAreaState(props);\n\n  let {colorAreaProps, xInputProps, yInputProps, thumbProps} = useColorArea(\n    {...props, inputXRef, inputYRef, containerRef},\n    state\n  );\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={classNames(\n        styles,\n        'spectrum-ColorArea',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className\n      )}\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(xInputProps, focusProps)}\n            ref={inputXRef}\n          />\n          <input\n            className={classNames(styles, 'spectrum-ColorArea-slider')}\n            {...mergeProps(yInputProps, focusProps)}\n            ref={inputYRef}\n          />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.mjs.map"}

package/dist/private/color/ColorEditor.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,qBAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAE1D,qBACE,0DAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,0DAAC;QAAI,WAAW;;;;;;;qBACd,0DAAC,CAAA,GAAA,mCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,0DAAC,CAAA,GAAA,qCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBACtB,0DAAC,CAAA,GAAA,qCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAG7C,0DAAC;QAAI,WAAW;;;;;;;qBACd,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACR,0DAAC,CAAA,GAAA,oCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SACnE,CAAA,GAAA,yCAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC7B,0DAAC,CAAA,GAAA,oCAAS;YAAE,KAAK;YAAS,YAAY;YAAQ,SAAS;YAAS,SAAA;YAAQ,OAAM;YAAW,MAAA;YAAK,cAAc;gBAAC,kCAAkC;YAAC;aAEnJ,CAAC,MAAM,gBAAgB,kBACtB,0DAAC,CAAA,GAAA,oCAAS;QAAE,SAAQ;QAAQ,SAAA;QAAQ,OAAM;QAAW,MAAA;QAAK,cAAc;YAAC,kCAAkC;QAAC;;AAItH","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement>) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel &&\n          <ColorSlider channel=\"alpha\" orientation=\"vertical\" />\n        }\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex'\n          ? <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n          : getColorChannels(format).map(channel => (\n            <ColorField key={channel} colorSpace={format} channel={channel} isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />\n          ))}\n        {!props.hideAlphaChannel &&\n          <ColorField channel=\"alpha\" isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,qBAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAE1D,qBACE,0DAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,0DAAC;QAAI,WAAW;;;;;;;qBACd,0DAAC,CAAA,GAAA,mCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,0DAAC,CAAA,GAAA,qCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBAAI,0DAAC,CAAA,GAAA,qCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAEvE,0DAAC;QAAI,WAAW;;;;;;;qBACd,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,0DAAC,CAAA,GAAA,4BAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACV,0DAAC,CAAA,GAAA,oCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SAEnE,CAAA,GAAA,yCAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC3B,0DAAC,CAAA,GAAA,oCAAS;YACR,KAAK;YACL,YAAY;YACZ,SAAS;YACT,SAAA;YACA,OAAM;YACN,MAAA;YACA,cAAc;gBAAC,kCAAkC;YAAC;aAIvD,CAAC,MAAM,gBAAgB,kBACtB,0DAAC,CAAA,GAAA,oCAAS;QACR,SAAQ;QACR,SAAA;QACA,OAAM;QACN,MAAA;QACA,cAAc;YAAC,kCAAkC;QAAC;;AAM9D","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(\n  props: SpectrumColorEditorProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel && <ColorSlider channel=\"alpha\" orientation=\"vertical\" />}\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex' ? (\n          <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n        ) : (\n          getColorChannels(format).map(channel => (\n            <ColorField\n              key={channel}\n              colorSpace={format}\n              channel={channel}\n              isQuiet\n              width=\"size-400\"\n              flex\n              UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n            />\n          ))\n        )}\n        {!props.hideAlphaChannel && (\n          <ColorField\n            channel=\"alpha\"\n            isQuiet\n            width=\"size-400\"\n            flex\n            UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.cjs.map"}

package/dist/private/color/ColorEditor.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAE1D,qBACE,gCAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,gCAAC,CAAA,GAAA,yCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAG7C,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACR,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SACnE,CAAA,GAAA,uBAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC7B,gCAAC,CAAA,GAAA,yCAAS;YAAE,KAAK;YAAS,YAAY;YAAQ,SAAS;YAAS,SAAA;YAAQ,OAAM;YAAW,MAAA;YAAK,cAAc;gBAAC,kCAAkC;YAAC;aAEnJ,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAQ;QAAQ,SAAA;QAAQ,OAAM;QAAW,MAAA;QAAK,cAAc;YAAC,kCAAkC;QAAC;;AAItH","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement>) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel &&\n          <ColorSlider channel=\"alpha\" orientation=\"vertical\" />\n        }\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex'\n          ? <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n          : getColorChannels(format).map(channel => (\n            <ColorField key={channel} colorSpace={format} channel={channel} isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />\n          ))}\n        {!props.hideAlphaChannel &&\n          <ColorField channel=\"alpha\" isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAE1D,qBACE,gCAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,gCAAC,CAAA,GAAA,yCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBAAI,gCAAC,CAAA,GAAA,yCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAEvE,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACV,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SAEnE,CAAA,GAAA,uBAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC3B,gCAAC,CAAA,GAAA,yCAAS;YACR,KAAK;YACL,YAAY;YACZ,SAAS;YACT,SAAA;YACA,OAAM;YACN,MAAA;YACA,cAAc;gBAAC,kCAAkC;YAAC;aAIvD,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAS;QACR,SAAQ;QACR,SAAA;QACA,OAAM;QACN,MAAA;QACA,cAAc;YAAC,kCAAkC;QAAC;;AAM9D","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(\n  props: SpectrumColorEditorProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel && <ColorSlider channel=\"alpha\" orientation=\"vertical\" />}\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex' ? (\n          <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n        ) : (\n          getColorChannels(format).map(channel => (\n            <ColorField\n              key={channel}\n              colorSpace={format}\n              channel={channel}\n              isQuiet\n              width=\"size-400\"\n              flex\n              UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n            />\n          ))\n        )}\n        {!props.hideAlphaChannel && (\n          <ColorField\n            channel=\"alpha\"\n            isQuiet\n            width=\"size-400\"\n            flex\n            UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.js.map"}

package/dist/private/color/ColorEditor.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAE1D,qBACE,gCAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,gCAAC,CAAA,GAAA,yCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAG7C,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACR,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SACnE,CAAA,GAAA,uBAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC7B,gCAAC,CAAA,GAAA,yCAAS;YAAE,KAAK;YAAS,YAAY;YAAQ,SAAS;YAAS,SAAA;YAAQ,OAAM;YAAW,MAAA;YAAK,cAAc;gBAAC,kCAAkC;YAAC;aAEnJ,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAQ;QAAQ,SAAA;QAAQ,OAAM;QAAW,MAAA;QAAK,cAAc;YAAC,kCAAkC;QAAC;;AAItH","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement>) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel &&\n          <ColorSlider channel=\"alpha\" orientation=\"vertical\" />\n        }\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex'\n          ? <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n          : getColorChannels(format).map(channel => (\n            <ColorField key={channel} colorSpace={format} channel={channel} isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />\n          ))}\n        {!props.hideAlphaChannel &&\n          <ColorField channel=\"alpha\" isQuiet width=\"size-400\" flex UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties} />}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAsB;IACvD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAE1D,qBACE,gCAAC;QAAI,WAAW;;;;;;;;QAA6D,KAAK;qBAChF,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAQ;QAAE,YAAW;QAAM,UAAS;QAAa,UAAS;sBAC3D,gCAAC,CAAA,GAAA,yCAAU;QAAE,YAAW;QAAM,SAAQ;QAAM,aAAY;QACvD,CAAC,MAAM,gBAAgB,kBAAI,gCAAC,CAAA,GAAA,yCAAU;QAAE,SAAQ;QAAQ,aAAY;uBAEvE,gCAAC;QAAI,WAAW;;;;;;;qBACd,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAY,UAAU,MAAM,CAAC;QAC7B,SAAA;QACA,OAAM;QACN,WAAU;QACV,aAAa;QACb,mBAAmB,CAAA,IAAK,UAAU;qBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,uBAClC,gCAAC,CAAA,GAAA,WAAG;QAAE,KAAI;OAAO,UAAU,MAAM,CAAC,UAEnC,WAAW,sBACV,gCAAC,CAAA,GAAA,yCAAS;QAAE,SAAA;QAAQ,OAAM;QAAY,cAAY,UAAU,MAAM,CAAC;SAEnE,CAAA,GAAA,uBAAe,EAAE,QAAQ,GAAG,CAAC,CAAA,wBAC3B,gCAAC,CAAA,GAAA,yCAAS;YACR,KAAK;YACL,YAAY;YACZ,SAAS;YACT,SAAA;YACA,OAAM;YACN,MAAA;YACA,cAAc;gBAAC,kCAAkC;YAAC;aAIvD,CAAC,MAAM,gBAAgB,kBACtB,gCAAC,CAAA,GAAA,yCAAS;QACR,SAAQ;QACR,SAAA;QACA,OAAM;QACN,MAAA;QACA,cAAc;YAAC,kCAAkC;QAAC;;AAM9D","sources":["packages/@adobe/react-spectrum/src/color/ColorEditor.tsx"],"sourcesContent":["import {ColorArea} from './ColorArea';\nimport {ColorField} from './ColorField';\nimport {ColorSlider} from './ColorSlider';\nimport {ColorSpace, getColorChannels} from 'react-stately/Color';\nimport {DOMRef} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/color/*.json';\nimport {Item} from 'react-stately/Item';\nimport {Picker} from '../picker/Picker';\nimport React, {CSSProperties, useState} from 'react';\nimport {style} from '@react-spectrum/style-macro-s1' with {type: 'macro'};\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumColorEditorProps {\n  /** Whether to hide the alpha channel color slider and color field. */\n  hideAlphaChannel?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors within a ColorPicker.\n */\nexport const ColorEditor = React.forwardRef(function ColorEditor(\n  props: SpectrumColorEditorProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');\n  let domRef = useDOMRef(ref);\n  let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');\n\n  return (\n    <div className={style({display: 'flex', flexDirection: 'column', gap: 4})()} ref={domRef}>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <ColorArea colorSpace=\"hsb\" xChannel=\"saturation\" yChannel=\"brightness\" />\n        <ColorSlider colorSpace=\"hsb\" channel=\"hue\" orientation=\"vertical\" />\n        {!props.hideAlphaChannel && <ColorSlider channel=\"alpha\" orientation=\"vertical\" />}\n      </div>\n      <div className={style({display: 'flex', gap: 4})()}>\n        <Picker\n          aria-label={formatter.format('colorFormat')}\n          isQuiet\n          width=\"size-700\"\n          menuWidth=\"size-1000\"\n          selectedKey={format}\n          onSelectionChange={f => setFormat(f as typeof format)}>\n          <Item key=\"hex\">{formatter.format('hex')}</Item>\n          <Item key=\"rgb\">{formatter.format('rgb')}</Item>\n          <Item key=\"hsl\">{formatter.format('hsl')}</Item>\n          <Item key=\"hsb\">{formatter.format('hsb')}</Item>\n        </Picker>\n        {format === 'hex' ? (\n          <ColorField isQuiet width=\"size-1000\" aria-label={formatter.format('hex')} />\n        ) : (\n          getColorChannels(format).map(channel => (\n            <ColorField\n              key={channel}\n              colorSpace={format}\n              channel={channel}\n              isQuiet\n              width=\"size-400\"\n              flex\n              UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n            />\n          ))\n        )}\n        {!props.hideAlphaChannel && (\n          <ColorField\n            channel=\"alpha\"\n            isQuiet\n            width=\"size-400\"\n            flex\n            UNSAFE_style={{'--spectrum-textfield-min-width': 0} as CSSProperties}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorEditor.mjs.map"}