@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/checkbox_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmSA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DE;;;;;;;;;AAiBE;;;;;;;;;AAcA;;;;;;;;;AAgBA","sources":["packages/@adobe/spectrum-css-temp/components/checkbox/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":"checkbox_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;;;;;;;;;AASF;;;;;;;;;;;;;;;;;;AAmBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoJA;;;;;;;;;;;EAaA;;;;;;;;;;;;;;MAaA;;;;;IAKE;;;;;;;;;;;;;MAYF;;;;;IAKE;;;;;;;;;;;;;;;;;;;IAsBJ;;;;;;;;;;;;;;MAiBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCE;;;;;;;QAMF;;;;;;IAMA;;;;;;;;;;;;;;;;IAkBA;MACE;;;;;;;QAQF;;;;;;;;;;;;;;;;IAsBA;;;;;;IAOI;;;;;MAKF;;;;;;MAMA;;;;;;MAQA;;;;;;MAMA;;;;;;MAOA","sources":["packages/@adobe/spectrum-css-temp/components/checkbox/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":"checkbox_vars.css.map"}

package/dist/private/circleloader_vars.css

@@ -1,38 +1,38 @@
 .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;
-}
 
-.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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.bK8jfq_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.bK8jfq_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.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;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.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;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.bK8jfq_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.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;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .bK8jfq_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.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,
+  &: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;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.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);
+.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);
+    }
+  }
 }
 
-.bK8jfq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.bK8jfq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 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))
+  &.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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .bK8jfq_spectrum-FocusRing, .bK8jfq_spectrum-FocusRing-ring, .bK8jfq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.bK8jfq_spectrum-FocusRing, .bK8jfq_spectrum-FocusRing-ring, .bK8jfq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -636,46 +644,48 @@
 .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));
-}
 
-.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;
-  border-width: var(--spectrum-loader-circle-small-border-size);
-  border-radius: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200));
+  & .bK8jfq_spectrum-CircleLoader-track, & .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;
+    border-width: var(--spectrum-loader-circle-small-border-size);
+    border-radius: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200));
+  }
 }
 
 .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));
-}
 
-.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;
-  border-width: var(--spectrum-loader-circle-large-border-size, var(--spectrum-global-dimension-size-50));
-  border-radius: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800));
+  & .bK8jfq_spectrum-CircleLoader-track, & .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;
+    border-width: var(--spectrum-loader-circle-large-border-size, var(--spectrum-global-dimension-size-50));
+    border-radius: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800));
+  }
 }
 
-.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fills {
-  will-change: transform;
-  transform-origin: center;
-  animation: 1s cubic-bezier(.25, .78, .48, .89) infinite bK8jfq_spectrum-fills-rotate;
-  transform: translateZ(0);
-}
+.bK8jfq_spectrum-CircleLoader--indeterminate {
+  & .bK8jfq_spectrum-CircleLoader-fills {
+    will-change: transform;
+    transform-origin: center;
+    animation: 1s cubic-bezier(.25, .78, .48, .89) infinite bK8jfq_spectrum-fills-rotate;
+    transform: translateZ(0);
+  }
 
-.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fillSubMask1 {
-  will-change: transform;
-  animation: 1s linear infinite bK8jfq_spectrum-fill-mask-1;
-  transform: translateZ(0);
-}
+  & .bK8jfq_spectrum-CircleLoader-fillSubMask1 {
+    will-change: transform;
+    animation: 1s linear infinite bK8jfq_spectrum-fill-mask-1;
+    transform: translateZ(0);
+  }
 
-.bK8jfq_spectrum-CircleLoader--indeterminate .bK8jfq_spectrum-CircleLoader-fillSubMask2 {
-  will-change: transform;
-  animation: 1s linear infinite bK8jfq_spectrum-fill-mask-2;
-  transform: translateZ(0);
+  & .bK8jfq_spectrum-CircleLoader-fillSubMask2 {
+    will-change: transform;
+    animation: 1s linear infinite bK8jfq_spectrum-fill-mask-2;
+    transform: translateZ(0);
+  }
 }
 
 .bK8jfq_spectrum-CircleLoader {
@@ -692,20 +702,24 @@
   border-color: var(--spectrum-loader-circle-medium-track-fill-color, var(--spectrum-global-color-blue-500));
 }
 
-: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));
-}
+.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(.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));
+  & .bK8jfq_spectrum-CircleLoader-fill {
+    border-color: var(--spectrum-loader-circle-medium-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+  }
 }
 
-.bK8jfq_spectrum-CircleLoader--staticBlack .bK8jfq_spectrum-CircleLoader-track {
-  border-color: var(--spectrum-loader-circle-static-black-track-color);
-}
+.bK8jfq_spectrum-CircleLoader--staticBlack {
+  & .bK8jfq_spectrum-CircleLoader-track {
+    border-color: var(--spectrum-loader-circle-static-black-track-color);
+  }
 
-.bK8jfq_spectrum-CircleLoader--staticBlack .bK8jfq_spectrum-CircleLoader-fill {
-  border-color: var(--spectrum-loader-circle-static-black-fill-color);
+  & .bK8jfq_spectrum-CircleLoader-fill {
+    border-color: var(--spectrum-loader-circle-static-black-fill-color);
+  }
 }
 
 @media (forced-colors: active) {

package/dist/private/circleloader_vars.css.map

@@ -1 +1 @@
-{"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"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","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/color/ColorEditor.cjs.map

@@ -1 +1 @@
-{"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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,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';\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,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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,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';\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,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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,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';\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"}

package/dist/private/color/ColorPicker.css

@@ -1,44 +1,58 @@
 @layer s1-a;
 
 @layer s1-b {
-  .s1-5-enzrfps1-b:lang(ar) {
-    font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
+  .s1-5-enzrfps1-b {
+    &:lang(ar) {
+      font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
+    }
   }
 }
 
 @layer s1-c {
-  .s1-5-enzwzjs1-c:lang(he) {
-    font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
+  .s1-5-enzwzjs1-c {
+    &:lang(he) {
+      font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
+    }
   }
 }
 
 @layer s1-d {
-  .s1-5-enzykds1-d:lang(ja) {
-    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  .s1-5-enzykds1-d {
+    &:lang(ja) {
+      font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+    }
   }
 }
 
 @layer s1-e {
-  .s1-5-enzzrgs1-e:lang(ko) {
-    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  .s1-5-enzzrgs1-e {
+    &:lang(ko) {
+      font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+    }
   }
 }
 
 @layer s1-f {
-  .s1-5-eo0c6ss1-f:lang(zh) {
-    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  .s1-5-eo0c6ss1-f {
+    &:lang(zh) {
+      font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+    }
   }
 }
 
 @layer s1-g {
-  .s1-5-1uotwbws1-g:lang(zh-hant) {
-    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  .s1-5-1uotwbws1-g {
+    &:lang(zh-hant) {
+      font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+    }
   }
 }
 
 @layer s1-h {
-  .s1-5-bc1l9os1-h:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
-    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  .s1-5-bc1l9os1-h {
+    &:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+      font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+    }
   }
 }
 

package/dist/private/color/ColorPicker.css.map

@@ -1 +1 @@
-{"mappings":"ACAA;;AAAA;EA4EI;;;;;AA5EJ;EAoFI;;;;;AApFJ;EA4FI;;;;;AA5FJ;EAoGI;;;;;AApGJ;EA4GI;;;;;AA5GJ;EAoHI;;;;;AApHJ;EA4HI;;;;;AA1HJ;EACE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EA8DA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxJA;;;;EAMA;;;;EAMA;;;;EAcA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;;AAvCF;EACE;IACE","sources":["f0501e04b37d2026","packages/@adobe/react-spectrum/src/color/ColorPicker.tsx"],"sourcesContent":["@import \"334093010b434bdc\";\n@import \"499991d6e9ad6d21\";\n","@layer s1-a, s1-b, s1-c, s1-d, s1-e, s1-f, s1-g, s1-h;\n\n@layer a {\n  .s1-bs1-a {\n    background-color: transparent;\n  }\n}\n\n@layer a {\n  .s1-As1-f {\n    border-style: none;\n  }\n}\n\n@layer a {\n  .s1-Is1-a {\n    padding-top: 0px;\n  }\n}\n\n@layer a {\n  .s1-Js1-a {\n    padding-bottom: 0px;\n  }\n}\n\n@layer a {\n  .s1-Gs1-a {\n    padding-inline-start: 0px;\n  }\n}\n\n@layer a {\n  .s1-Hs1-a {\n    padding-inline-end: 0px;\n  }\n}\n\n@layer a {\n  .s1-_Ts1-d {\n    display: flex;\n  }\n}\n\n@layer a {\n  .s1-_Vs1-c {\n    align-items: center;\n  }\n}\n\n@layer a {\n  .s1-ls1-M {\n    row-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  .s1-ms1-M {\n    column-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  .s1-_Fs1-a {\n    outline-style: none;\n  }\n}\n\n@layer a {\n  .s1-5s1-a {\n    font-family: adobe-clean, ui-sans-serif, system-ui, sans-serif;\n  }\n}\n\n@layer s1-b {\n  .s1-5-enzrfps1-b {\n    &:lang(ar) {\n      font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer s1-c {\n  .s1-5-enzwzjs1-c {\n    &:lang(he) {\n      font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer s1-d {\n  .s1-5-enzykds1-d {\n    &:lang(ja) {\n      font-family: adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;\n    }\n  }\n}\n\n@layer s1-e {\n  .s1-5-enzzrgs1-e {\n    &:lang(ko) {\n      font-family: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif;\n    }\n  }\n}\n\n@layer s1-f {\n  .s1-5-eo0c6ss1-f {\n    &:lang(zh) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer s1-g {\n  .s1-5-1uotwbws1-g {\n    &:lang(zh-hant) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer s1-h {\n  .s1-5-bc1l9os1-h {\n    &:lang(zh-Hans, zh-CN, zh-SG) {\n      font-family: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif;\n    }\n  }\n}\n\n@layer a {\n  .s1-as1-___K {\n    color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));\n  }\n}\n\n@layer a {\n  .s1-6s1-a {\n    font-size: var(--spectrum-global-dimension-font-size-50);\n  }\n}\n\n@layer a {\n  .s1-6s1-b {\n    font-size: var(--spectrum-global-dimension-font-size-75);\n  }\n}\n\n@layer a {\n  .s1-6s1-c {\n    font-size: var(--spectrum-global-dimension-font-size-100);\n  }\n}\n\n@layer a {\n  .s1-6s1-d {\n    font-size: var(--spectrum-global-dimension-font-size-200);\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorPicker.css.map"}
+{"mappings":"ACAA;;AAAA;EA2EE;IACE;;;;;;AA5EJ;EAmFE;IACE;;;;;;AApFJ;EA2FE;IACE;;;;;;AA5FJ;EAmGE;IACE;;;;;;AApGJ;EA2GE;IACE;;;;;;AA5GJ;EAmHE;IACE;;;;;;AApHJ;EA2HE;IACE;;;;;;AA1HJ;EACE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EA8DA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxJA;;;;EAMA;;;;EAMA;;;;EAcA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;;AAvCF;EACE;IACE","sources":["f0501e04b37d2026","packages/@adobe/react-spectrum/src/color/ColorPicker.tsx"],"sourcesContent":["@import \"334093010b434bdc\";\n@import \"499991d6e9ad6d21\";\n","@layer s1-a, s1-b, s1-c, s1-d, s1-e, s1-f, s1-g, s1-h;\n\n@layer a {\n  .s1-bs1-a {\n    background-color: transparent;\n  }\n}\n\n@layer a {\n  .s1-As1-f {\n    border-style: none;\n  }\n}\n\n@layer a {\n  .s1-Is1-a {\n    padding-top: 0px;\n  }\n}\n\n@layer a {\n  .s1-Js1-a {\n    padding-bottom: 0px;\n  }\n}\n\n@layer a {\n  .s1-Gs1-a {\n    padding-inline-start: 0px;\n  }\n}\n\n@layer a {\n  .s1-Hs1-a {\n    padding-inline-end: 0px;\n  }\n}\n\n@layer a {\n  .s1-_Ts1-d {\n    display: flex;\n  }\n}\n\n@layer a {\n  .s1-_Vs1-c {\n    align-items: center;\n  }\n}\n\n@layer a {\n  .s1-ls1-M {\n    row-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  .s1-ms1-M {\n    column-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  .s1-_Fs1-a {\n    outline-style: none;\n  }\n}\n\n@layer a {\n  .s1-5s1-a {\n    font-family: adobe-clean, ui-sans-serif, system-ui, sans-serif;\n  }\n}\n\n@layer s1-b {\n  .s1-5-enzrfps1-b {\n    &:lang(ar) {\n      font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer s1-c {\n  .s1-5-enzwzjs1-c {\n    &:lang(he) {\n      font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer s1-d {\n  .s1-5-enzykds1-d {\n    &:lang(ja) {\n      font-family: adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;\n    }\n  }\n}\n\n@layer s1-e {\n  .s1-5-enzzrgs1-e {\n    &:lang(ko) {\n      font-family: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif;\n    }\n  }\n}\n\n@layer s1-f {\n  .s1-5-eo0c6ss1-f {\n    &:lang(zh) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer s1-g {\n  .s1-5-1uotwbws1-g {\n    &:lang(zh-hant) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer s1-h {\n  .s1-5-bc1l9os1-h {\n    &:lang(zh-Hans, zh-CN, zh-SG) {\n      font-family: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif;\n    }\n  }\n}\n\n@layer a {\n  .s1-as1-___K {\n    color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));\n  }\n}\n\n@layer a {\n  .s1-6s1-a {\n    font-size: var(--spectrum-global-dimension-font-size-50);\n  }\n}\n\n@layer a {\n  .s1-6s1-b {\n    font-size: var(--spectrum-global-dimension-font-size-75);\n  }\n}\n\n@layer a {\n  .s1-6s1-c {\n    font-size: var(--spectrum-global-dimension-font-size-100);\n  }\n}\n\n@layer a {\n  .s1-6s1-d {\n    font-size: var(--spectrum-global-dimension-font-size-200);\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorPicker.css.map"}

package/dist/private/color/colorfield.css

@@ -1,8 +1,8 @@
 .Fm6LxG_react-spectrum-ColorField-input:not(:placeholder-shown) {
   unicode-bidi: plaintext;
-}
 
-.Fm6LxG_react-spectrum-ColorField-input:not(:placeholder-shown):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)) {
-  text-align: end;
+  &:dir(rtl) {
+    text-align: end;
+  }
 }
 /*# sourceMappingURL=colorfield.css.map */

package/dist/private/color/colorfield.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;AAEE","sources":["packages/@adobe/react-spectrum/src/color/colorfield.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.react-spectrum-ColorField-input:not(:placeholder-shown) {\n  unicode-bidi: plaintext;\n  &:dir(rtl) {\n    text-align: end;\n  }\n}\n"],"names":[],"version":3,"file":"colorfield.css.map"}
+{"mappings":"AAYA;;;EAEE","sources":["packages/@adobe/react-spectrum/src/color/colorfield.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.react-spectrum-ColorField-input:not(:placeholder-shown) {\n  unicode-bidi: plaintext;\n  &:dir(rtl) {\n    text-align: end;\n  }\n}\n"],"names":[],"version":3,"file":"colorfield.css.map"}

package/dist/private/colorarea_vars.css

@@ -9,37 +9,37 @@
   user-select: none;
   display: inline-block;
   position: relative;
-}
 
-.LUAdeq_spectrum-ColorArea.LUAdeq_is-focused, .LUAdeq_spectrum-ColorArea.LUAdeq_focus-ring {
-  z-index: 2;
-}
+  &.LUAdeq_is-focused, &.LUAdeq_focus-ring {
+    z-index: 2;
 
-:is(.LUAdeq_spectrum-ColorArea.LUAdeq_is-focused, .LUAdeq_spectrum-ColorArea.LUAdeq_focus-ring) .LUAdeq_spectrum-ColorArea-handle {
-  width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
-  height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
-}
+    & .LUAdeq_spectrum-ColorArea-handle {
+      width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
+      height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
+    }
+  }
 
-.LUAdeq_spectrum-ColorArea.LUAdeq_is-disabled {
-  pointer-events: none;
-}
+  &.LUAdeq_is-disabled {
+    pointer-events: none;
+  }
 
-.LUAdeq_spectrum-ColorArea:before {
-  content: "";
-  z-index: 1;
-  border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
-  position: absolute;
-  inset: 0;
+  &:before {
+    content: "";
+    z-index: 1;
+    border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
+    position: absolute;
+    inset: 0;
+  }
 }
 
 .LUAdeq_spectrum-ColorArea-handle.LUAdeq_spectrum-ColorArea-handle {
   margin: 0;
   top: 0;
   left: 0;
-}
 
-.LUAdeq_spectrum-ColorArea-handle.LUAdeq_spectrum-ColorArea-handle:focus-within {
-  z-index: 2;
+  &:focus-within {
+    z-index: 2;
+  }
 }
 
 .LUAdeq_spectrum-ColorArea-slider {
@@ -54,33 +54,40 @@
   left: 0;
 }
 
-.LUAdeq_spectrum-ColorArea:before {
-  box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin))
+.LUAdeq_spectrum-ColorArea {
+  &:before {
+    box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin))
       var(--spectrum-colorarea-border-color);
+  }
 }
 
 .LUAdeq_spectrum-ColorHandle-color {
   forced-color-adjust: none;
 }
 
-.LUAdeq_spectrum-ColorArea.LUAdeq_is-disabled {
-  background: var(--spectrum-colorarea-fill-color-disabled, var(--spectrum-global-color-gray-300));
-}
+.LUAdeq_spectrum-ColorArea {
+  &.LUAdeq_is-disabled {
+    background: var(--spectrum-colorarea-fill-color-disabled, var(--spectrum-global-color-gray-300));
 
-.LUAdeq_spectrum-ColorArea.LUAdeq_is-disabled:before {
-  box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin))
+    &:before {
+      box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin))
         var(--spectrum-colorarea-border-color-disabled, var(--spectrum-global-color-gray-300));
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .LUAdeq_spectrum-ColorArea {
     --spectrum-colorarea-fill-color-disabled: GrayText;
     --spectrum-colorarea-border-color: ButtonBorder;
-    forced-color-adjust: none;
   }
 
-  .LUAdeq_spectrum-ColorArea.LUAdeq_is-disabled {
+  .LUAdeq_spectrum-ColorArea {
     forced-color-adjust: none;
+
+    &.LUAdeq_is-disabled {
+      forced-color-adjust: none;
+    }
   }
 }
 /*# sourceMappingURL=colorarea_vars.css.map */

package/dist/private/colorarea_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;;;;;;AAcE;;;;AAIE;;;;;AAOF;;;;AAKA;;;;;;;;AAYF;;;;;;AAKE;;;;AAKF;;;;;;;;;;;;AAaE","sources":["packages/@adobe/spectrum-css-temp/components/colorarea/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"colorarea_vars.css.map"}
+{"mappings":"AAYA;;;;;;;;;;;;EAcE;;;IAIE;;;;;;EAOF;;;;EAKA;;;;;;;;;AAYF;;;;;EAKE;;;;;AAKF;;;;;;;;;;;;AAYA;EACE;;;;;;;;;AAWA","sources":["packages/@adobe/spectrum-css-temp/components/colorarea/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"colorarea_vars.css.map"}