@adobe/react-spectrum 3.47.0 → 3.47.2

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAwBD,MAAM,wCAAkB;AAKjB,MAAM,0DAAa,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,WAAW,KAA8B,EAAE,GAAiC;IAC9H,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,wBAAgB;IAE7E,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,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAU;IACrD,IAAI,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAAE;IAEnD,IAAI,gBAAgB,CAAA,GAAA,kBAAU,EAAE;QAC9B,IAAI,aAAa,OAAO,EAAE;YACxB,eAAe,aAAa,OAAO,CAAC,WAAW,GAAG;YAClD,IAAI,YAAY,OAAO,gBAAgB,CAAC,aAAa,OAAO,EACzD,gBAAgB,CAAC;YACpB,IAAI,WACF,kBAAkB,SAAS,WAAW;QAE1C;IACF,GAAG;QAAC;QAAc;QAAgB;KAAkB;IAEpD,CAAA,GAAA,sBAAc,EAAE;QACd,gFAAgF;QAChF,IAAI,gBAAgB,GAClB;IAEJ,GAAG;QAAC;QAAa;KAAc;IAE/B,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAU;IACZ;IAEA,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAE/B,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;QACvD,GAAG,KAAK;QACR,aAAa,cAAc;QAC3B,aAAa;IACf,GAAG,OAAO;IAEV,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACC,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,uDAAK,GACL,uBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,SAAS;YACT,UAAU;QACZ;qBACA,gCAAC;QAAK,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;sBACnD,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,uDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAO,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QAAgC,GAAG,UAAU;QAAE,KAAK;;AAIjH","sources":["packages/@adobe/react-spectrum/src/color/ColorWheel.tsx"],"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\nimport {AriaColorWheelProps, useColorWheel} from 'react-aria/useColorWheel';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorThumb} from './ColorThumb';\nimport {ColorWheelContext} from 'react-aria-components/ColorWheel';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport React, {useCallback, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorwheel/vars.css';\nimport {useColorWheelState} from 'react-stately/useColorWheelState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface SpectrumColorWheelProps extends AriaColorWheelProps, Omit<StyleProps, 'width' | 'height'> {\n  /** The outer diameter of the ColorWheel. */\n  size?: DimensionValue\n}\n\nconst WHEEL_THICKNESS = 24;\n\n/**\n * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = React.forwardRef(function ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorWheelContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let [wheelRadius, setWheelRadius] = useState<number>(0);\n  let [wheelThickness, setWheelThickness] = useState(WHEEL_THICKNESS);\n\n  let resizeHandler = useCallback(() => {\n    if (containerRef.current) {\n      setWheelRadius(containerRef.current.offsetWidth / 2);\n      let thickness = window.getComputedStyle(containerRef.current)\n        .getPropertyValue('--spectrum-colorwheel-track-thickness');\n      if (thickness) {\n        setWheelThickness(parseInt(thickness, 10));\n      }\n    }\n  }, [containerRef, setWheelRadius, setWheelThickness]);\n\n  useLayoutEffect(() => {\n    // the size observer's fallback to the window resize event doesn't fire on mount\n    if (wheelRadius === 0) {\n      resizeHandler();\n    }\n  }, [wheelRadius, resizeHandler]);\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: resizeHandler\n  });\n\n  let state = useColorWheelState(props);\n\n  let {trackProps, inputProps, thumbProps} = useColorWheel({\n    ...props,\n    innerRadius: wheelRadius - wheelThickness,\n    outerRadius: wheelRadius\n  }, state, inputRef);\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorWheel',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        'width': size,\n        'height': size\n      }}>\n      <div {...trackProps} className={classNames(styles, 'spectrum-ColorWheel-gradient')} />\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorWheel-handle')}\n        {...thumbProps}>\n        <input {...focusProps} className={classNames(styles, 'spectrum-ColorWheel-slider')} {...inputProps} ref={inputRef} />\n      </ColorThumb>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAyBD,MAAM,wCAAkB;AAKjB,MAAM,0DAAa,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,WAClD,KAA8B,EAC9B,GAAiC;IAEjC,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,wBAAgB;IAE7E,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,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAU;IACrD,IAAI,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAAE;IAEnD,IAAI,gBAAgB,CAAA,GAAA,kBAAU,EAAE;QAC9B,IAAI,aAAa,OAAO,EAAE;YACxB,eAAe,aAAa,OAAO,CAAC,WAAW,GAAG;YAClD,IAAI,YAAY,OACb,gBAAgB,CAAC,aAAa,OAAO,EACrC,gBAAgB,CAAC;YACpB,IAAI,WACF,kBAAkB,SAAS,WAAW;QAE1C;IACF,GAAG;QAAC;QAAc;QAAgB;KAAkB;IAEpD,CAAA,GAAA,sBAAc,EAAE;QACd,gFAAgF;QAChF,IAAI,gBAAgB,GAClB;IAEJ,GAAG;QAAC;QAAa;KAAc;IAE/B,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAU;IACZ;IAEA,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAE/B,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EACrD;QACE,GAAG,KAAK;QACR,aAAa,cAAc;QAC3B,aAAa;IACf,GACA,OACA;IAGF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,uDAAK,GACL,uBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAEtB,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC;QAAK,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;sBACnD,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,uDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QAC7B,GAAG,UAAU;QACd,KAAK;;AAKf","sources":["packages/@adobe/react-spectrum/src/color/ColorWheel.tsx"],"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\nimport {AriaColorWheelProps, useColorWheel} from 'react-aria/useColorWheel';\n\nimport {classNames} from '../utils/classNames';\nimport {ColorThumb} from './ColorThumb';\nimport {ColorWheelContext} from 'react-aria-components/ColorWheel';\nimport {dimensionValue, useStyleProps} from '../utils/styleProps';\nimport {DimensionValue, FocusableRef, StyleProps} from '@react-types/shared';\nimport React, {useCallback, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/colorwheel/vars.css';\nimport {useColorWheelState} from 'react-stately/useColorWheelState';\nimport {useContextProps} from 'react-aria-components/slots';\nimport {useFocusableRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface SpectrumColorWheelProps\n  extends AriaColorWheelProps, Omit<StyleProps, 'width' | 'height'> {\n  /** The outer diameter of the ColorWheel. */\n  size?: DimensionValue;\n}\n\nconst WHEEL_THICKNESS = 24;\n\n/**\n * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = React.forwardRef(function ColorWheel(\n  props: SpectrumColorWheelProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let inputRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorWheelContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let [wheelRadius, setWheelRadius] = useState<number>(0);\n  let [wheelThickness, setWheelThickness] = useState(WHEEL_THICKNESS);\n\n  let resizeHandler = useCallback(() => {\n    if (containerRef.current) {\n      setWheelRadius(containerRef.current.offsetWidth / 2);\n      let thickness = window\n        .getComputedStyle(containerRef.current)\n        .getPropertyValue('--spectrum-colorwheel-track-thickness');\n      if (thickness) {\n        setWheelThickness(parseInt(thickness, 10));\n      }\n    }\n  }, [containerRef, setWheelRadius, setWheelThickness]);\n\n  useLayoutEffect(() => {\n    // the size observer's fallback to the window resize event doesn't fire on mount\n    if (wheelRadius === 0) {\n      resizeHandler();\n    }\n  }, [wheelRadius, resizeHandler]);\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: resizeHandler\n  });\n\n  let state = useColorWheelState(props);\n\n  let {trackProps, inputProps, thumbProps} = useColorWheel(\n    {\n      ...props,\n      innerRadius: wheelRadius - wheelThickness,\n      outerRadius: wheelRadius\n    },\n    state,\n    inputRef\n  );\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      className={classNames(\n        styles,\n        'spectrum-ColorWheel',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className\n      )}\n      ref={containerRef}\n      style={{\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <div {...trackProps} className={classNames(styles, 'spectrum-ColorWheel-gradient')} />\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorWheel-handle')}\n        {...thumbProps}>\n        <input\n          {...focusProps}\n          className={classNames(styles, 'spectrum-ColorWheel-slider')}\n          {...inputProps}\n          ref={inputRef}\n        />\n      </ColorThumb>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.mjs.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

@@ -1,4 +1,4 @@
-._R1JOG_spectrum-ColorArea {
+.LUAdeq_spectrum-ColorArea {
   inline-size: var(--spectrum-colorarea-default-width, var(--spectrum-global-dimension-size-2400));
   block-size: var(--spectrum-colorarea-default-height, var(--spectrum-global-dimension-size-2400));
   min-inline-size: var(--spectrum-colorarea-min-width, var(--spectrum-global-dimension-size-800));
@@ -9,40 +9,40 @@
   user-select: none;
   display: inline-block;
   position: relative;
-}
 
-._R1JOG_spectrum-ColorArea._R1JOG_is-focused, ._R1JOG_spectrum-ColorArea._R1JOG_focus-ring {
-  z-index: 2;
-}
+  &.LUAdeq_is-focused, &.LUAdeq_focus-ring {
+    z-index: 2;
 
-:is(._R1JOG_spectrum-ColorArea._R1JOG_is-focused, ._R1JOG_spectrum-ColorArea._R1JOG_focus-ring) ._R1JOG_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);
+    }
+  }
 
-._R1JOG_spectrum-ColorArea._R1JOG_is-disabled {
-  pointer-events: none;
-}
+  &.LUAdeq_is-disabled {
+    pointer-events: none;
+  }
 
-._R1JOG_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;
+  }
 }
 
-._R1JOG_spectrum-ColorArea-handle._R1JOG_spectrum-ColorArea-handle {
+.LUAdeq_spectrum-ColorArea-handle.LUAdeq_spectrum-ColorArea-handle {
   margin: 0;
   top: 0;
   left: 0;
-}
 
-._R1JOG_spectrum-ColorArea-handle._R1JOG_spectrum-ColorArea-handle:focus-within {
-  z-index: 2;
+  &:focus-within {
+    z-index: 2;
+  }
 }
 
-._R1JOG_spectrum-ColorArea-slider {
+.LUAdeq_spectrum-ColorArea-slider {
   opacity: .0001;
   z-index: 0;
   pointer-events: none;
@@ -54,31 +54,40 @@
   left: 0;
 }
 
-._R1JOG_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-ColorArea {
+  &:before {
+    box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin))
+      var(--spectrum-colorarea-border-color);
+  }
 }
 
-._R1JOG_spectrum-ColorHandle-color {
+.LUAdeq_spectrum-ColorHandle-color {
   forced-color-adjust: none;
 }
 
-._R1JOG_spectrum-ColorArea._R1JOG_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));
 
-._R1JOG_spectrum-ColorArea._R1JOG_is-disabled: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));
+    &: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) {
-  ._R1JOG_spectrum-ColorArea {
+  .LUAdeq_spectrum-ColorArea {
     --spectrum-colorarea-fill-color-disabled: GrayText;
     --spectrum-colorarea-border-color: ButtonBorder;
-    forced-color-adjust: none;
   }
 
-  ._R1JOG_spectrum-ColorArea._R1JOG_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;;;;;;;;;;;;AAaI;;;;AAKJ;;;;AAKI;;;;AAGE;;;;AAMN;EACI;;;;;;EAME","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"}

package/dist/private/colorarea_vars_css.cjs

@@ -17,13 +17,13 @@ var $1b7d5e46b73517b5$export$bb6257a55a3c1efc;
 var $1b7d5e46b73517b5$export$d8addbd273c4e00;
 var $1b7d5e46b73517b5$export$7d727cacaa7cea1e;
 var $1b7d5e46b73517b5$export$afe4c366ed4e659c;
-$1b7d5e46b73517b5$export$f39a09f249340e2a = `_R1JOG_focus-ring`;
-$1b7d5e46b73517b5$export$d35bc1e505d1ebbf = `_R1JOG_is-disabled`;
-$1b7d5e46b73517b5$export$e7dc768d35940237 = `_R1JOG_is-focused`;
-$1b7d5e46b73517b5$export$bb6257a55a3c1efc = `_R1JOG_spectrum-ColorArea`;
-$1b7d5e46b73517b5$export$d8addbd273c4e00 = `_R1JOG_spectrum-ColorArea-handle`;
-$1b7d5e46b73517b5$export$7d727cacaa7cea1e = `_R1JOG_spectrum-ColorArea-slider`;
-$1b7d5e46b73517b5$export$afe4c366ed4e659c = `_R1JOG_spectrum-ColorHandle-color`;
+$1b7d5e46b73517b5$export$f39a09f249340e2a = `LUAdeq_focus-ring`;
+$1b7d5e46b73517b5$export$d35bc1e505d1ebbf = `LUAdeq_is-disabled`;
+$1b7d5e46b73517b5$export$e7dc768d35940237 = `LUAdeq_is-focused`;
+$1b7d5e46b73517b5$export$bb6257a55a3c1efc = `LUAdeq_spectrum-ColorArea`;
+$1b7d5e46b73517b5$export$d8addbd273c4e00 = `LUAdeq_spectrum-ColorArea-handle`;
+$1b7d5e46b73517b5$export$7d727cacaa7cea1e = `LUAdeq_spectrum-ColorArea-slider`;
+$1b7d5e46b73517b5$export$afe4c366ed4e659c = `LUAdeq_spectrum-ColorHandle-color`;
 
 
 //# sourceMappingURL=colorarea_vars_css.cjs.map

package/dist/private/colorarea_vars_css.mjs

@@ -18,13 +18,13 @@ var $308c3afc849bd409$export$bb6257a55a3c1efc;
 var $308c3afc849bd409$export$d8addbd273c4e00;
 var $308c3afc849bd409$export$7d727cacaa7cea1e;
 var $308c3afc849bd409$export$afe4c366ed4e659c;
-$308c3afc849bd409$export$f39a09f249340e2a = `_R1JOG_focus-ring`;
-$308c3afc849bd409$export$d35bc1e505d1ebbf = `_R1JOG_is-disabled`;
-$308c3afc849bd409$export$e7dc768d35940237 = `_R1JOG_is-focused`;
-$308c3afc849bd409$export$bb6257a55a3c1efc = `_R1JOG_spectrum-ColorArea`;
-$308c3afc849bd409$export$d8addbd273c4e00 = `_R1JOG_spectrum-ColorArea-handle`;
-$308c3afc849bd409$export$7d727cacaa7cea1e = `_R1JOG_spectrum-ColorArea-slider`;
-$308c3afc849bd409$export$afe4c366ed4e659c = `_R1JOG_spectrum-ColorHandle-color`;
+$308c3afc849bd409$export$f39a09f249340e2a = `LUAdeq_focus-ring`;
+$308c3afc849bd409$export$d35bc1e505d1ebbf = `LUAdeq_is-disabled`;
+$308c3afc849bd409$export$e7dc768d35940237 = `LUAdeq_is-focused`;
+$308c3afc849bd409$export$bb6257a55a3c1efc = `LUAdeq_spectrum-ColorArea`;
+$308c3afc849bd409$export$d8addbd273c4e00 = `LUAdeq_spectrum-ColorArea-handle`;
+$308c3afc849bd409$export$7d727cacaa7cea1e = `LUAdeq_spectrum-ColorArea-slider`;
+$308c3afc849bd409$export$afe4c366ed4e659c = `LUAdeq_spectrum-ColorHandle-color`;
 
 
 export {$308c3afc849bd409$exports as default};

package/dist/private/colorhandle_vars.css

@@ -1,4 +1,4 @@
-.myBuwa_spectrum-ColorHandle {
+.wssHda_spectrum-ColorHandle {
   z-index: 1;
   box-sizing: border-box;
   width: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
@@ -9,72 +9,86 @@
   background-size: var(--spectrum-global-dimension-static-size-200, 16px)
     var(--spectrum-global-dimension-static-size-200, 16px);
   background-position: calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)),
-    calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))),
-    calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))),
-    calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
-  transition: width var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-    height var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-    border-width var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-    margin-left var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-    margin-top var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+    calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))
+      calc(var(--spectrum-global-dimension-static-size-100, 8px) +
+          calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))),
+    calc(var(--spectrum-global-dimension-static-size-100, 8px) +
+          calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)))
+      calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) +
+          calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))),
+    calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) +
+          calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)))
+      calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
+  transition: width var(--spectrum-global-animation-duration-100, .13s)
+      ease-in-out,
+    height var(--spectrum-global-animation-duration-100, .13s)
+      ease-in-out,
+    border-width var(--spectrum-global-animation-duration-100, .13s)
+      ease-in-out,
+    margin-left var(--spectrum-global-animation-duration-100, .13s)
+      ease-in-out,
+    margin-top var(--spectrum-global-animation-duration-100, .13s)
+      ease-in-out;
   border-style: solid;
   display: block;
   position: absolute;
-}
 
-.myBuwa_spectrum-ColorHandle, .myBuwa_spectrum-ColorHandle:after {
-  border-radius: 100%;
-}
+  &, &:after {
+    border-radius: 100%;
+  }
 
-.myBuwa_spectrum-ColorHandle:after {
-  content: "";
-  left: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
-  top: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
-  width: var(--spectrum-global-dimension-size-300);
-  height: var(--spectrum-global-dimension-size-300);
-  display: block;
-  position: absolute;
-}
+  &:after {
+    content: "";
+    left: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
+    top: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
+    width: var(--spectrum-global-dimension-size-300);
+    height: var(--spectrum-global-dimension-size-300);
+    display: block;
+    position: absolute;
+  }
 
-.myBuwa_spectrum-ColorHandle.myBuwa_is-disabled {
-  pointer-events: none;
+  &.wssHda_is-disabled {
+    pointer-events: none;
+  }
 }
 
-.myBuwa_spectrum-ColorControl-handle--focused {
+.wssHda_spectrum-ColorControl-handle--focused {
   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);
   margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
   margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
 }
 
-.myBuwa_spectrum-ColorHandle-color {
+.wssHda_spectrum-ColorHandle-color {
   border-radius: 100%;
   width: 100%;
   height: 100%;
 }
 
-.myBuwa_spectrum-ColorHandle {
+.wssHda_spectrum-ColorHandle {
   border-color: var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));
-  box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
+  box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10))
+    #0000006b;
   background: repeating-conic-gradient(#e6e6e6 0% 25%, #fff 0% 50%) 50% / 16px 16px;
-}
 
-.myBuwa_spectrum-ColorHandle.myBuwa_is-disabled {
-  border-color: var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background: var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-global-color-gray-300));
-  box-shadow: none;
-}
+  &.wssHda_is-disabled {
+    border-color: var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));
+    background: var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-global-color-gray-300));
+    box-shadow: none;
 
-.myBuwa_spectrum-ColorHandle.myBuwa_is-disabled .myBuwa_spectrum-ColorHandle-color {
-  display: none;
+    & .wssHda_spectrum-ColorHandle-color {
+      display: none;
+    }
+  }
 }
 
-.myBuwa_spectrum-ColorHandle-color {
-  box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
+.wssHda_spectrum-ColorHandle-color {
+  box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10))
+    #0000006b;
 }
 
 @media (forced-colors: active) {
-  .myBuwa_spectrum-ColorHandle {
+  .wssHda_spectrum-ColorHandle {
     forced-color-adjust: none;
     --spectrum-colorhandle-inner-border-color-disabled: GrayText;
     --spectrum-colorhandle-fill-color-disabled: GrayText;

package/dist/private/colorhandle_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA","sources":["packages/@adobe/spectrum-css-temp/components/colorhandle/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":"colorhandle_vars.css.map"}
+{"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA","sources":["packages/@adobe/spectrum-css-temp/components/colorhandle/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":"colorhandle_vars.css.map"}

package/dist/private/colorhandle_vars_css.cjs

@@ -15,12 +15,12 @@ var $1389b2fcd7e9c80c$export$d35bc1e505d1ebbf;
 var $1389b2fcd7e9c80c$export$e7dc768d35940237;
 var $1389b2fcd7e9c80c$export$cd9afaa621b6216f;
 var $1389b2fcd7e9c80c$export$afe4c366ed4e659c;
-$1389b2fcd7e9c80c$export$1dd67f16e0d58f73 = `myBuwa_spectrum-ColorControl-handle--focused`;
-$1389b2fcd7e9c80c$export$f39a09f249340e2a = `myBuwa_focus-ring ${$1389b2fcd7e9c80c$export$1dd67f16e0d58f73}`;
-$1389b2fcd7e9c80c$export$d35bc1e505d1ebbf = `myBuwa_is-disabled`;
-$1389b2fcd7e9c80c$export$e7dc768d35940237 = `myBuwa_is-focused ${$1389b2fcd7e9c80c$export$1dd67f16e0d58f73}`;
-$1389b2fcd7e9c80c$export$cd9afaa621b6216f = `myBuwa_spectrum-ColorHandle`;
-$1389b2fcd7e9c80c$export$afe4c366ed4e659c = `myBuwa_spectrum-ColorHandle-color`;
+$1389b2fcd7e9c80c$export$1dd67f16e0d58f73 = `wssHda_spectrum-ColorControl-handle--focused`;
+$1389b2fcd7e9c80c$export$f39a09f249340e2a = `wssHda_focus-ring ${$1389b2fcd7e9c80c$export$1dd67f16e0d58f73}`;
+$1389b2fcd7e9c80c$export$d35bc1e505d1ebbf = `wssHda_is-disabled`;
+$1389b2fcd7e9c80c$export$e7dc768d35940237 = `wssHda_is-focused ${$1389b2fcd7e9c80c$export$1dd67f16e0d58f73}`;
+$1389b2fcd7e9c80c$export$cd9afaa621b6216f = `wssHda_spectrum-ColorHandle`;
+$1389b2fcd7e9c80c$export$afe4c366ed4e659c = `wssHda_spectrum-ColorHandle-color`;
 
 
 //# sourceMappingURL=colorhandle_vars_css.cjs.map

package/dist/private/colorhandle_vars_css.mjs

@@ -16,12 +16,12 @@ var $e0d9b80646a02a3f$export$d35bc1e505d1ebbf;
 var $e0d9b80646a02a3f$export$e7dc768d35940237;
 var $e0d9b80646a02a3f$export$cd9afaa621b6216f;
 var $e0d9b80646a02a3f$export$afe4c366ed4e659c;
-$e0d9b80646a02a3f$export$1dd67f16e0d58f73 = `myBuwa_spectrum-ColorControl-handle--focused`;
-$e0d9b80646a02a3f$export$f39a09f249340e2a = `myBuwa_focus-ring ${$e0d9b80646a02a3f$export$1dd67f16e0d58f73}`;
-$e0d9b80646a02a3f$export$d35bc1e505d1ebbf = `myBuwa_is-disabled`;
-$e0d9b80646a02a3f$export$e7dc768d35940237 = `myBuwa_is-focused ${$e0d9b80646a02a3f$export$1dd67f16e0d58f73}`;
-$e0d9b80646a02a3f$export$cd9afaa621b6216f = `myBuwa_spectrum-ColorHandle`;
-$e0d9b80646a02a3f$export$afe4c366ed4e659c = `myBuwa_spectrum-ColorHandle-color`;
+$e0d9b80646a02a3f$export$1dd67f16e0d58f73 = `wssHda_spectrum-ColorControl-handle--focused`;
+$e0d9b80646a02a3f$export$f39a09f249340e2a = `wssHda_focus-ring ${$e0d9b80646a02a3f$export$1dd67f16e0d58f73}`;
+$e0d9b80646a02a3f$export$d35bc1e505d1ebbf = `wssHda_is-disabled`;
+$e0d9b80646a02a3f$export$e7dc768d35940237 = `wssHda_is-focused ${$e0d9b80646a02a3f$export$1dd67f16e0d58f73}`;
+$e0d9b80646a02a3f$export$cd9afaa621b6216f = `wssHda_spectrum-ColorHandle`;
+$e0d9b80646a02a3f$export$afe4c366ed4e659c = `wssHda_spectrum-ColorHandle-color`;
 
 
 export {$e0d9b80646a02a3f$exports as default};

package/dist/private/colorloupe_vars.css

@@ -1,42 +1,38 @@
-.sSiP7G_spectrum-ColorLoupe {
-  width: calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) +
-      var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
-  height: calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) +
-      var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
+.m5ArDa_spectrum-ColorLoupe {
+  width: calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
+  height: calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
   transform: translate(0, var(--spectrum-global-dimension-static-size-100, 8px));
   opacity: 0;
   transform-origin: bottom;
-  margin-top: calc(calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) +
-      var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) * -1 - var(--spectrum-global-dimension-static-size-200, 16px));
-  margin-left: calc(calc(calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) +
-      var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) / -2));
+  margin-top: calc(calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) * -1 - var(--spectrum-global-dimension-static-size-200, 16px));
+  margin-left: calc(calc(calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) / -2));
   pointer-events: none;
   transition: transform .1s ease-in-out, opacity .125s ease-in-out;
   position: absolute;
-}
 
-.sSiP7G_spectrum-ColorLoupe.sSiP7G_is-open {
-  opacity: 1;
-  z-index: 2;
-  transform: translate(0);
+  &.m5ArDa_is-open {
+    opacity: 1;
+    z-index: 2;
+    transform: translate(0);
+  }
 }
 
-.sSiP7G_spectrum-ColorLoupe-outer {
+.m5ArDa_spectrum-ColorLoupe-outer {
   stroke-width: var(--spectrum-colorloupe-outer-border-size, var(--spectrum-global-dimension-static-size-10));
   fill: var(--spectrum-colorloupe-inner-border-color, var(--spectrum-global-color-static-white));
   stroke: var(--spectrum-colorloupe-outer-border-color, #3232321a);
 }
 
-.sSiP7G_spectrum-ColorLoupe-inner-background {
+.m5ArDa_spectrum-ColorLoupe-inner-background {
   fill: var(--spectrum-global-color-static-white, #fff);
 }
 
-.sSiP7G_spectrum-ColorLoupe-inner-checker {
+.m5ArDa_spectrum-ColorLoupe-inner-checker {
   fill: #e6e6e6;
 }
 
 @media (forced-colors: active) {
-  .sSiP7G_spectrum-ColorLoupe {
+  .m5ArDa_spectrum-ColorLoupe {
     forced-color-adjust: none;
     --spectrum-colorloupe-inner-border-color: ButtonText;
     --spectrum-colorloupe-outer-border-color: ButtonFace;

package/dist/private/colorloupe_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/colorloupe/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":"colorloupe_vars.css.map"}
+{"mappings":"AAYA;;;;;;;;;;;;EA0BE;;;;;;;AAOF;;;;;;AASA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/colorloupe/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":"colorloupe_vars.css.map"}

package/dist/private/colorloupe_vars_css.cjs

@@ -13,11 +13,11 @@ var $3c87ead8d141d865$export$88d6ed2576b21809;
 var $3c87ead8d141d865$export$397af82b48750fe5;
 var $3c87ead8d141d865$export$f9a2a02e0b271024;
 var $3c87ead8d141d865$export$d6ad38291e8aca9c;
-$3c87ead8d141d865$export$a9781837241c946d = `sSiP7G_is-open`;
-$3c87ead8d141d865$export$88d6ed2576b21809 = `sSiP7G_spectrum-ColorLoupe`;
-$3c87ead8d141d865$export$397af82b48750fe5 = `sSiP7G_spectrum-ColorLoupe-inner-background`;
-$3c87ead8d141d865$export$f9a2a02e0b271024 = `sSiP7G_spectrum-ColorLoupe-inner-checker`;
-$3c87ead8d141d865$export$d6ad38291e8aca9c = `sSiP7G_spectrum-ColorLoupe-outer`;
+$3c87ead8d141d865$export$a9781837241c946d = `m5ArDa_is-open`;
+$3c87ead8d141d865$export$88d6ed2576b21809 = `m5ArDa_spectrum-ColorLoupe`;
+$3c87ead8d141d865$export$397af82b48750fe5 = `m5ArDa_spectrum-ColorLoupe-inner-background`;
+$3c87ead8d141d865$export$f9a2a02e0b271024 = `m5ArDa_spectrum-ColorLoupe-inner-checker`;
+$3c87ead8d141d865$export$d6ad38291e8aca9c = `m5ArDa_spectrum-ColorLoupe-outer`;
 
 
 //# sourceMappingURL=colorloupe_vars_css.cjs.map

package/dist/private/colorloupe_vars_css.mjs

@@ -14,11 +14,11 @@ var $55ad60464bc86197$export$88d6ed2576b21809;
 var $55ad60464bc86197$export$397af82b48750fe5;
 var $55ad60464bc86197$export$f9a2a02e0b271024;
 var $55ad60464bc86197$export$d6ad38291e8aca9c;
-$55ad60464bc86197$export$a9781837241c946d = `sSiP7G_is-open`;
-$55ad60464bc86197$export$88d6ed2576b21809 = `sSiP7G_spectrum-ColorLoupe`;
-$55ad60464bc86197$export$397af82b48750fe5 = `sSiP7G_spectrum-ColorLoupe-inner-background`;
-$55ad60464bc86197$export$f9a2a02e0b271024 = `sSiP7G_spectrum-ColorLoupe-inner-checker`;
-$55ad60464bc86197$export$d6ad38291e8aca9c = `sSiP7G_spectrum-ColorLoupe-outer`;
+$55ad60464bc86197$export$a9781837241c946d = `m5ArDa_is-open`;
+$55ad60464bc86197$export$88d6ed2576b21809 = `m5ArDa_spectrum-ColorLoupe`;
+$55ad60464bc86197$export$397af82b48750fe5 = `m5ArDa_spectrum-ColorLoupe-inner-background`;
+$55ad60464bc86197$export$f9a2a02e0b271024 = `m5ArDa_spectrum-ColorLoupe-inner-checker`;
+$55ad60464bc86197$export$d6ad38291e8aca9c = `m5ArDa_spectrum-ColorLoupe-outer`;
 
 
 export {$55ad60464bc86197$exports as default};