@react-spectrum/color 3.1.7 → 3.2.0

package/dist/ColorWheel.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAeD,MAAM,wCAAkB;AAKjB,MAAM,0DAAa,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,WAAW,KAA8B,EAAE,GAAiC;IAC9H,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,sBAAc,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,qBAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,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,iBAAS,EACP,CAAA,GAAA,4DAAK,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,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;sBACnD,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAO,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;QAAgC,GAAG,UAAU;QAAE,KAAK;;AAIjH","sources":["packages/@react-spectrum/color/src/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 {classNames, dimensionValue, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {ColorWheelContext, useContextProps} from 'react-aria-components';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useRef, useState} from 'react';\nimport {SpectrumColorWheelProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorwheel/vars.css';\nimport {useColorWheel} from '@react-aria/color';\nimport {useColorWheelState} from '@react-stately/color';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useLayoutEffect, useResizeObserver} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\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.module.js.map"}

package/dist/ar-AE.main.js

@@ -1,10 +0,0 @@
-module.exports = {
-    "colorFormat": `\u{62A}\u{646}\u{633}\u{64A}\u{642} \u{627}\u{644}\u{644}\u{648}\u{646}`,
-    "hex": `Hex`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-//# sourceMappingURL=ar-AE.main.js.map

package/dist/ar-AE.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,uEAAW,CAAC;IAC9C,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/ar-AE.json"],"sourcesContent":["{\n  \"colorFormat\": \"تنسيق اللون\",\n  \"hex\": \"Hex\",\n  \"hsb\": \"HSB\",\n  \"hsl\": \"HSL\",\n  \"rgb\": \"RGB\"\n}\n"],"names":[],"version":3,"file":"ar-AE.main.js.map"}

package/dist/ar-AE.mjs

@@ -1,12 +0,0 @@
-var $8a4b718389b481d5$exports = {};
-$8a4b718389b481d5$exports = {
-    "colorFormat": `\u{62A}\u{646}\u{633}\u{64A}\u{642} \u{627}\u{644}\u{644}\u{648}\u{646}`,
-    "hex": `Hex`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-export {$8a4b718389b481d5$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map

package/dist/ar-AE.module.js

@@ -1,12 +0,0 @@
-var $8a4b718389b481d5$exports = {};
-$8a4b718389b481d5$exports = {
-    "colorFormat": `\u{62A}\u{646}\u{633}\u{64A}\u{642} \u{627}\u{644}\u{644}\u{648}\u{646}`,
-    "hex": `Hex`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-export {$8a4b718389b481d5$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map

package/dist/ar-AE.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,uEAAW,CAAC;IAC9C,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/ar-AE.json"],"sourcesContent":["{\n  \"colorFormat\": \"تنسيق اللون\",\n  \"hex\": \"Hex\",\n  \"hsb\": \"HSB\",\n  \"hsl\": \"HSL\",\n  \"rgb\": \"RGB\"\n}\n"],"names":[],"version":3,"file":"ar-AE.module.js.map"}

package/dist/bg-BG.main.js

@@ -1,10 +0,0 @@
-module.exports = {
-    "colorFormat": `\u{426}\u{432}\u{435}\u{442}\u{435}\u{43D} \u{444}\u{43E}\u{440}\u{43C}\u{430}\u{442}`,
-    "hex": `\u{448}\u{435}\u{441}\u{442}\u{43D}\u{430}\u{434}\u{435}\u{441}\u{435}\u{442}\u{438}\u{447}\u{435}\u{43D}`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-//# sourceMappingURL=bg-BG.main.js.map

package/dist/bg-BG.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,qFAAa,CAAC;IAChD,OAAO,CAAC,yGAAe,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/bg-BG.json"],"sourcesContent":["{\n  \"colorFormat\": \"Цветен формат\",\n  \"hex\": \"шестнадесетичен\",\n  \"hsb\": \"HSB\",\n  \"hsl\": \"HSL\",\n  \"rgb\": \"RGB\"\n}\n"],"names":[],"version":3,"file":"bg-BG.main.js.map"}

package/dist/bg-BG.mjs

@@ -1,12 +0,0 @@
-var $5c35403cd9d5fcfd$exports = {};
-$5c35403cd9d5fcfd$exports = {
-    "colorFormat": `\u{426}\u{432}\u{435}\u{442}\u{435}\u{43D} \u{444}\u{43E}\u{440}\u{43C}\u{430}\u{442}`,
-    "hex": `\u{448}\u{435}\u{441}\u{442}\u{43D}\u{430}\u{434}\u{435}\u{441}\u{435}\u{442}\u{438}\u{447}\u{435}\u{43D}`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-export {$5c35403cd9d5fcfd$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map

package/dist/bg-BG.module.js

@@ -1,12 +0,0 @@
-var $5c35403cd9d5fcfd$exports = {};
-$5c35403cd9d5fcfd$exports = {
-    "colorFormat": `\u{426}\u{432}\u{435}\u{442}\u{435}\u{43D} \u{444}\u{43E}\u{440}\u{43C}\u{430}\u{442}`,
-    "hex": `\u{448}\u{435}\u{441}\u{442}\u{43D}\u{430}\u{434}\u{435}\u{441}\u{435}\u{442}\u{438}\u{447}\u{435}\u{43D}`,
-    "hsb": `HSB`,
-    "hsl": `HSL`,
-    "rgb": `RGB`
-};
-
-
-export {$5c35403cd9d5fcfd$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map

package/dist/bg-BG.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,qFAAa,CAAC;IAChD,OAAO,CAAC,yGAAe,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/bg-BG.json"],"sourcesContent":["{\n  \"colorFormat\": \"Цветен формат\",\n  \"hex\": \"шестнадесетичен\",\n  \"hsb\": \"HSB\",\n  \"hsl\": \"HSL\",\n  \"rgb\": \"RGB\"\n}\n"],"names":[],"version":3,"file":"bg-BG.module.js.map"}

package/dist/color.0da417e8.css

@@ -1,93 +0,0 @@
-.wa9InG_spectrum-ColorControl-hiddenField {
-  opacity: .0001;
-  z-index: 0;
-  pointer-events: none;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel {
-  width: calc(var(--spectrum-global-dimension-size-125) * 16);
-  height: calc(var(--spectrum-global-dimension-size-125) * 16);
-  --spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300));
-  -webkit-user-select: none;
-  user-select: none;
-  touch-action: none;
-  cursor: default;
-  border-radius: 100%;
-  display: block;
-  position: relative;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel .wa9InG_spectrum-ColorWheel-handle {
-  margin: 0;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-focused {
-  z-index: 2;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled {
-  pointer-events: none;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-dragged {
-  z-index: 2;
-}
-
-.wa9InG_spectrum-ColorWheel-gradient {
-  z-index: 0;
-  width: calc(var(--spectrum-global-dimension-size-125) * 16);
-  height: calc(var(--spectrum-global-dimension-size-125) * 16);
-  position: relative;
-}
-
-.wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel-gradient:after {
-  content: "";
-  border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
-  border-style: solid;
-  border-radius: 100%;
-  position: absolute;
-}
-
-.wa9InG_spectrum-ColorWheel-gradient:before {
-  inset: 0;
-}
-
-.wa9InG_spectrum-ColorWheel-gradient:after {
-  top: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
-  left: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
-  bottom: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
-  right: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient {
-  background: var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient:after {
-  border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
-}
-
-.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-segment {
-  display: none;
-}
-
-.wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel-gradient:after {
-  border-color: var(--spectrum-colorarea-border-color);
-}
-
-@media (forced-colors: active) {
-  .wa9InG_spectrum-ColorWheel {
-    forced-color-adjust: none;
-    --spectrum-colorwheel-fill-color-disabled: GrayText;
-    --spectrum-colorwheel-border-color-disabled: GrayText;
-    --spectrum-colorwheel-border-color: ButtonText;
-    --spectrum-colorarea-border-color: ButtonText;
-  }
-}
-/*# sourceMappingURL=color.0da417e8.css.map */

package/dist/color.0da417e8.css.map

@@ -1 +0,0 @@
-{"mappings":"AAcA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAcE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMF;;;;;;;AAME;;;;;;;;AASA;;;;AAOA;;;;;;;AAcE;;;;AAGE;;;;AAOF;;;;AAOF;;;;AAMF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/colorwheel/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":"color.0da417e8.css.map"}

package/dist/color.4034864f.css

@@ -1,120 +0,0 @@
-.uf4eyW_spectrum-ColorControl-hiddenField {
-  opacity: .0001;
-  z-index: 0;
-  pointer-events: none;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.uf4eyW_spectrum-ColorSlider-container--horizontal {
-  width: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
-}
-
-.uf4eyW_spectrum-ColorSlider-container--vertical {
-  height: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
-  flex-direction: column;
-  display: flex;
-}
-
-.uf4eyW_spectrum-ColorSlider {
-  width: 100%;
-  height: var(--spectrum-colorslider-height, var(--spectrum-global-dimension-size-300));
-  border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
-  -webkit-user-select: none;
-  user-select: none;
-  touch-action: none;
-  cursor: default;
-  display: block;
-  position: relative;
-}
-
-.uf4eyW_spectrum-ColorSlider .uf4eyW_spectrum-ColorSlider-handle.uf4eyW_spectrum-ColorSlider-handle {
-  margin: 0;
-}
-
-.uf4eyW_spectrum-ColorSlider:before {
-  content: "";
-  z-index: -1;
-  border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
-  background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
-  background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100, 8px), var(--spectrum-global-dimension-static-size-100, 8px) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
-  position: absolute;
-  inset: 0;
-}
-
-.uf4eyW_spectrum-ColorSlider.uf4eyW_is-focused {
-  z-index: 2;
-}
-
-.uf4eyW_spectrum-ColorSlider.uf4eyW_is-disabled {
-  pointer-events: none;
-}
-
-.uf4eyW_spectrum-ColorSlider--vertical {
-  width: var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));
-  flex: 1;
-  display: inline-block;
-}
-
-.uf4eyW_spectrum-ColorSlider--vertical .uf4eyW_spectrum-ColorSlider-handle {
-  top: 0;
-  left: 50%;
-}
-
-.uf4eyW_spectrum-ColorSlider-handle {
-  top: 50%;
-  left: 0;
-}
-
-.uf4eyW_spectrum-ColorSlider-handle:after {
-  width: var(--spectrum-global-dimension-size-300);
-  height: var(--spectrum-global-dimension-size-300);
-  border-radius: 0%;
-}
-
-.uf4eyW_spectrum-ColorSlider-labelContainer {
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas: "uf4eyW_label uf4eyW_contextualHelp uf4eyW_value";
-  justify-items: start;
-  display: grid;
-}
-
-.uf4eyW_spectrum-ColorSlider-contextualHelp.uf4eyW_spectrum-ColorSlider-contextualHelp {
-  margin-inline-start: var(--spectrum-global-dimension-size-50);
-  margin-top: var(--spectrum-global-dimension-size-25);
-  grid-area: uf4eyW_contextualHelp;
-}
-
-.uf4eyW_spectrum-ColorSlider-valueLabel {
-  grid-area: uf4eyW_value;
-  margin-inline-start: var(--spectrum-global-dimension-size-50);
-}
-
-.uf4eyW_spectrum-ColorSlider {
-  background-color: var(--spectrum-global-color-static-white, #fff);
-  box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
-}
-
-.uf4eyW_spectrum-ColorSlider:before {
-  background: repeating-conic-gradient(#e6e6e6 0% 25%, #fff 0% 50%) 0% / 16px 16px;
-}
-
-.uf4eyW_spectrum-ColorSlider.uf4eyW_is-disabled {
-  box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorslider-border-color-disabled, var(--spectrum-global-color-gray-300));
-  background: var(--spectrum-colorslider-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
-}
-
-@media (forced-colors: active) {
-  .uf4eyW_spectrum-ColorSlider {
-    forced-color-adjust: none;
-    --spectrum-colorslider-fill-color-disabled: GrayText;
-    --spectrum-colorslider-border-color-disabled: GrayText;
-    --spectrum-colorslider-border-color: ButtonText;
-    --spectrum-colorarea-border-color: ButtonText;
-  }
-}
-/*# sourceMappingURL=color.4034864f.css.map */

package/dist/color.4034864f.css.map

@@ -1 +0,0 @@
-{"mappings":"AAYA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;AAaE;;;;AAKA;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKF;;;;;;AAME;;;;;AAMF;;;;;AAIE;;;;;;AAeF;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAIE;;;;AAIA;;;;;AAMF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/colorslider/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":"color.4034864f.css.map"}