npm - @react-spectrum/color - Versions diffs - 3.0.0-beta.1 → 3.0.0-beta.5 - Mend

@react-spectrum/color 3.0.0-beta.1 → 3.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/main.css CHANGED Viewed

@@ -1,2 +1,2 @@
-._spectrum-ColorHandle_cc6c6._focus-ring_cc6c6,._spectrum-ColorHandle_cc6c6._is-focused_cc6c6{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorHandle_cc6c6{display:block;position:absolute;z-index:1;box-sizing:border-box;width:var(--spectrum-global-dimension-size-200);height:var(--spectrum-global-dimension-size-200);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);margin-top:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);border-width:var(--spectrum-global-dimension-static-size-25,2px);border-style:solid;background-size:16px 16px;background-position:-2px -2px,-2px 6px,6px -10px,-10px -2px;transition:width .13s ease-in-out,height .13s ease-in-out,border-width .13s ease-in-out,margin-left .13s ease-in-out,margin-top .13s ease-in-out}._spectrum-ColorHandle_cc6c6,._spectrum-ColorHandle_cc6c6:after{border-radius:100%}._spectrum-ColorHandle_cc6c6:after{content:"";left:calc(50% - var(--spectrum-global-dimension-size-300) / 2);top:calc(50% - var(--spectrum-global-dimension-size-300) / 2);position:absolute;display:block;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6{pointer-events:none}._spectrum-ColorHandle-color_cc6c6{border-radius:100%;width:100%;height:100%}._spectrum-ColorHandle_cc6c6{border-color:var(--spectrum-global-color-static-white,#fff);box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42);background-color:#fff;background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6{border-color:var(--spectrum-global-color-gray-400);background:var(--spectrum-global-color-gray-300);box-shadow:none}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6 ._spectrum-ColorHandle-color_cc6c6{display:none}._spectrum-ColorHandle-color_cc6c6{box-shadow:inset 0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42)}._spectrum-ColorLoupe_583f5{width:calc(var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);height:calc(var(--spectrum-global-dimension-static-size-800, 64px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);position:absolute;transform:translateY(8px);opacity:0;transform-origin:bottom center;bottom:calc(50% + 16px);left:calc(50% - (var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2) / 2);transition:transform .1s ease-in-out,opacity 125ms ease-in-out;pointer-events:none}._spectrum-ColorLoupe_583f5._is-open_583f5{transform:translate(0);opacity:1}._spectrum-ColorLoupe-outer_583f5{stroke-width:var(--spectrum-global-dimension-static-size-10,1px);fill:var(--spectrum-global-color-static-white,#fff);stroke:rgba(50,50,50,.1)}._spectrum-ColorLoupe-inner-background_583f5{fill:#fff}._spectrum-ColorLoupe-inner-checker_583f5{fill:#bcbcbc}._spectrum-ColorWheel_5efa1._is-focused_5efa1 ._spectrum-ColorWheel-handle_5efa1{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorWheel-slider_5efa1{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorWheel_5efa1{position:relative;display:block;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16);--spectrum-colorwheel-track-thickness:var(--spectrum-global-dimension-size-300);border-radius:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorWheel_5efa1 ._spectrum-ColorWheel-handle_5efa1{margin:0}._spectrum-ColorWheel_5efa1._is-focused_5efa1{z-index:2}._spectrum-ColorWheel_5efa1._is-disabled_5efa1{pointer-events:none}._spectrum-ColorWheel_5efa1._is-dragged_5efa1{z-index:2}._spectrum-ColorWheel-gradient_5efa1{position:relative;z-index:0;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16)}._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel-gradient_5efa1:before{content:"";position:absolute;border-radius:100%;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-style:solid}._spectrum-ColorWheel-gradient_5efa1:before{top:0;left:0;bottom:0;right:0}._spectrum-ColorWheel-gradient_5efa1:after{top:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));left:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));bottom:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));right:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1{background:var(--spectrum-global-color-gray-300)!important}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1:before{border-color:var(--spectrum-global-color-gray-300)}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-segment_5efa1{display:none}._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel-gradient_5efa1:before{border-color:var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_5a55e._is-focused_5a55e ._spectrum-ColorSlider-handle_5a55e{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorSlider-slider_5a55e{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorSlider-container--horizontal_5a55e{width:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider-container--vertical_5a55e{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider_5a55e{position:relative;display:block;width:100%;height:var(--spectrum-global-dimension-size-300);-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorSlider_5a55e,._spectrum-ColorSlider_5a55e:before{border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}._spectrum-ColorSlider_5a55e:before{content:"";z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}._spectrum-ColorSlider_5a55e._is-focused_5a55e{z-index:2}._spectrum-ColorSlider_5a55e._is-disabled_5a55e{pointer-events:none}._spectrum-ColorSlider--vertical_5a55e{display:inline-block;width:var(--spectrum-global-dimension-size-300);-ms-flex:1;flex:1}._spectrum-ColorSlider--vertical_5a55e ._spectrum-ColorSlider-handle_5a55e{left:50%;top:0}._spectrum-ColorSlider-handle_5a55e{left:0;top:50%}._spectrum-ColorSlider-handle_5a55e:after{border-radius:0;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorSlider_5a55e{background-color:#fff;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_5a55e:before{background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorSlider_5a55e._is-disabled_5a55e{background:var(--spectrum-global-color-gray-300)!important;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-global-color-gray-300)}._spectrum-ColorSlider_5a55e ._spectrum-ColorSlider-handle_5a55e{margin:0}
+._spectrum-ColorHandle_cc6c6._focus-ring_cc6c6,._spectrum-ColorHandle_cc6c6._is-focused_cc6c6{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorHandle_cc6c6{display:block;position:absolute;z-index:1;box-sizing:border-box;width:var(--spectrum-global-dimension-size-200);height:var(--spectrum-global-dimension-size-200);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);margin-top:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);border-width:var(--spectrum-global-dimension-static-size-25,2px);border-style:solid;background-size:16px 16px;background-position:-2px -2px,-2px 6px,6px -10px,-10px -2px;transition:width .13s ease-in-out,height .13s ease-in-out,border-width .13s ease-in-out,margin-left .13s ease-in-out,margin-top .13s ease-in-out}._spectrum-ColorHandle_cc6c6,._spectrum-ColorHandle_cc6c6:after{border-radius:100%}._spectrum-ColorHandle_cc6c6:after{content:"";left:calc(50% - var(--spectrum-global-dimension-size-300) / 2);top:calc(50% - var(--spectrum-global-dimension-size-300) / 2);position:absolute;display:block;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6{pointer-events:none}._spectrum-ColorHandle-color_cc6c6{border-radius:100%;width:100%;height:100%}._spectrum-ColorHandle_cc6c6{border-color:var(--spectrum-global-color-static-white,#fff);box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42);background-color:#fff;background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6{border-color:var(--spectrum-global-color-gray-400);background:var(--spectrum-global-color-gray-300);box-shadow:none}._spectrum-ColorHandle_cc6c6._is-disabled_cc6c6 ._spectrum-ColorHandle-color_cc6c6{display:none}._spectrum-ColorHandle-color_cc6c6{box-shadow:inset 0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42)}._spectrum-ColorLoupe_583f5{width:calc(var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);height:calc(var(--spectrum-global-dimension-static-size-800, 64px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);position:absolute;transform:translateY(8px);opacity:0;transform-origin:bottom center;bottom:calc(50% + 16px);left:calc(50% - (var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2) / 2);transition:transform .1s ease-in-out,opacity 125ms ease-in-out;pointer-events:none}._spectrum-ColorLoupe_583f5._is-open_583f5{transform:translate(0);opacity:1}._spectrum-ColorLoupe-outer_583f5{stroke-width:var(--spectrum-global-dimension-static-size-10,1px);fill:var(--spectrum-global-color-static-white,#fff);stroke:rgba(50,50,50,.1)}._spectrum-ColorLoupe-inner-background_583f5{fill:#fff}._spectrum-ColorLoupe-inner-checker_583f5{fill:#bcbcbc}._spectrum-ColorWheel_5efa1._is-focused_5efa1 ._spectrum-ColorWheel-handle_5efa1{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorWheel-slider_5efa1{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorWheel_5efa1{position:relative;display:block;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16);--spectrum-colorwheel-track-thickness:var(--spectrum-global-dimension-size-300);border-radius:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorWheel_5efa1 ._spectrum-ColorWheel-handle_5efa1{margin:0}._spectrum-ColorWheel_5efa1._is-focused_5efa1{z-index:2}._spectrum-ColorWheel_5efa1._is-disabled_5efa1{pointer-events:none}._spectrum-ColorWheel_5efa1._is-dragged_5efa1{z-index:2}._spectrum-ColorWheel-gradient_5efa1{position:relative;z-index:0;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16)}._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel-gradient_5efa1:before{content:"";position:absolute;border-radius:100%;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-style:solid}._spectrum-ColorWheel-gradient_5efa1:before{top:0;left:0;bottom:0;right:0}._spectrum-ColorWheel-gradient_5efa1:after{top:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));left:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));bottom:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));right:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1{background:var(--spectrum-global-color-gray-300)!important}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-gradient_5efa1:before{border-color:var(--spectrum-global-color-gray-300)}._spectrum-ColorWheel_5efa1._is-disabled_5efa1 ._spectrum-ColorWheel-segment_5efa1{display:none}._spectrum-ColorWheel-gradient_5efa1:after,._spectrum-ColorWheel-gradient_5efa1:before{border-color:var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_5a55e._is-focused_5a55e ._spectrum-ColorSlider-handle_5a55e{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorSlider-slider_5a55e{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorSlider-container--horizontal_5a55e{width:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider-container--vertical_5a55e{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider_5a55e{position:relative;display:block;width:100%;height:var(--spectrum-global-dimension-size-300);-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorSlider_5a55e,._spectrum-ColorSlider_5a55e:before{border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}._spectrum-ColorSlider_5a55e:before{content:"";z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}._spectrum-ColorSlider_5a55e._is-focused_5a55e{z-index:2}._spectrum-ColorSlider_5a55e._is-disabled_5a55e{pointer-events:none}._spectrum-ColorSlider--vertical_5a55e{display:inline-block;width:var(--spectrum-global-dimension-size-300);-ms-flex:1;flex:1}._spectrum-ColorSlider--vertical_5a55e ._spectrum-ColorSlider-handle_5a55e{left:50%;top:0}._spectrum-ColorSlider-handle_5a55e{left:0;top:50%}._spectrum-ColorSlider-handle_5a55e:after{border-radius:0;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorSlider_5a55e{background-color:#fff;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_5a55e:before{background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorSlider_5a55e._is-disabled_5a55e{background:var(--spectrum-global-color-gray-300)!important;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-global-color-gray-300)}._spectrum-ColorSlider_5a55e ._spectrum-ColorSlider-handle_5a55e{margin:0}[dir=ltr] ._react-spectrum-ColorField-input_4e4c4{text-align:left}[dir=rtl] ._react-spectrum-ColorField-input_4e4c4{text-align:right}._react-spectrum-ColorField-input_4e4c4{direction:ltr}
 /*# sourceMappingURL=main.css.map */

package/dist/main.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/colorhandle/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorslider/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorslider/skin.css"],"sourcesContent":[":root {\n /* redefine this var so it can be used in skin.css /\n --spectrum-colorhandle-background-offset: calc(-1 var(--spectrum-global-dimension-static-size-25));\n --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100);\n\n --spectrum-colorhandle-animation-duration: var(--spectrum-global-animation-duration-100);\n --spectrum-colorhandle-animation-easing: ease-in-out;\n\n --spectrum-colorhandle-hitarea-size: var(--spectrum-global-dimension-size-300);\n --spectrum-colorhandle-hitarea-radius: 100%;\n}\n\n%spectrum-ColorControl-handle--focused {\n /* Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n.spectrum-ColorHandle {\n display: block;\n position: absolute;\n z-index: 1; /* Be above /\n box-sizing: border-box;\n width: var(--spectrum-colorhandle-size);\n height: var(--spectrum-colorhandle-size);\n\n margin-left: calc(-1 calc(var(--spectrum-colorhandle-size) / 2));\n margin-top: calc(-1 * calc(var(--spectrum-colorhandle-size) / 2));\n\n border-width: var(--spectrum-colorhandle-inner-border-size);\n border-style: solid;\n\n background-size:\n var(--spectrum-global-dimension-static-size-200)\n var(--spectrum-global-dimension-static-size-200);\n background-position:\n var(--spectrum-colorhandle-background-offset) var(--spectrum-colorhandle-background-offset),\n var(--spectrum-colorhandle-background-offset) calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),\n calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),\n calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) var(--spectrum-colorhandle-background-offset);\n\n transition:\n width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n height var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n border-width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n margin-left var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n margin-top var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing);\n\n &,\n &:after {\n border-radius: 100%;\n }\n\n &:after {\n content: '';\n left: calc(50% - calc(var(--spectrum-colorhandle-hitarea-size) / 2));\n top: calc(50% - calc(var(--spectrum-colorhandle-hitarea-size) / 2));\n position: absolute;\n display: block;\n width: var(--spectrum-colorhandle-hitarea-size);\n height: var(--spectrum-colorhandle-hitarea-size);\n }\n\n &.is-focused,\n &.focus-ring {\n @extend %spectrum-ColorControl-handle--focused;\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n}\n\n.spectrum-ColorHandle-color {\n border-radius: 100%;\n width: 100%;\n height: 100%;\n}\n",":root {\n /* redefine this var so it can be used in skin.css /\n --spectrum-colorhandle-background-offset: calc(-1 var(--spectrum-global-dimension-static-size-25));\n --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100);\n\n /* todo: update DNA so this is no longer required /\n --spectrum-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);\n}\n\n.spectrum-ColorHandle {\n border-color: var(--spectrum-colorhandle-inner-border-color);\n box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size) var(--spectrum-colorhandle-outer-border-color);\n\n background-color: var(--spectrum-global-color-static-white);\n\n / Add a half-percent to fix diagonal line issue in Chrome on non-retina displays /\n background-image:\n linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%),\n linear-gradient(45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%);\n\n &.is-disabled {\n border-color: var(--spectrum-colorhandle-inner-border-color-disabled);\n background: var(--spectrum-colorhandle-fill-color-disabled);\n box-shadow: none;\n\n .spectrum-ColorHandle-color {\n display: none;\n }\n }\n}\n\n.spectrum-ColorHandle-color {\n box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size) var(--spectrum-colorhandle-outer-border-color);\n}\n",":root {\n / size is the same on desktop and mobile /\n --spectrum-colorloupe-width-adjusted: calc(\n var(--spectrum-colorloupe-width) +\n var(--spectrum-colorhandle-inner-border-size) 2\n );\n --spectrum-colorloupe-height-adjusted: calc(\n var(--spectrum-colorloupe-height) +\n var(--spectrum-colorhandle-inner-border-size) * 2\n );\n\n /* Distance between the loupe and the handle /\n --spectrum-colorloupe-offset: var(\n --spectrum-global-dimension-static-size-200\n );\n\n / How much to animate up to the offset distance /\n --spectrum-colorloupe-animation-distance: var(\n --spectrum-global-dimension-static-size-100\n );\n}\n\n.spectrum-ColorLoupe {\n width: var(--spectrum-colorloupe-width-adjusted);\n height: var(--spectrum-colorloupe-height-adjusted);\n\n position: absolute;\n transform: translate(0, var(--spectrum-colorloupe-animation-distance));\n opacity: 0;\n transform-origin: bottom center;\n bottom: calc(50% + var(--spectrum-colorloupe-offset));\n left: calc(50% - calc(var(--spectrum-colorloupe-width-adjusted) / 2));\n transition: transform 100ms ease-in-out, opacity 125ms ease-in-out;\n\n pointer-events: none;\n\n &.is-open {\n transform: translate(0, 0);\n opacity: 1;\n }\n}\n\n.spectrum-ColorLoupe-outer {\n stroke-width: var(--spectrum-colorloupe-outer-border-size);\n}\n",".spectrum-ColorLoupe-outer {\n fill: var(--spectrum-colorloupe-inner-border-color);\n stroke: var(--spectrum-colorloupe-outer-border-color);\n}\n\n.spectrum-ColorLoupe-inner-background {\n fill: var(--spectrum-global-color-static-white);\n}\n.spectrum-ColorLoupe-inner-checker {\n fill: var(--spectrum-global-color-static-gray-500);\n}\n",":root {\n / todo: fix this in DNA /\n --spectrum-colorwheel-focus-ring-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-colorwheel-border-radius: 100%;\n --spectrum-colorwheel-width: calc(var(--spectrum-global-dimension-size-125) 16);\n --spectrum-colorwheel-height: var(--spectrum-colorwheel-width);\n}\n\n%spectrum-ColorControl-handle--focused {\n /* Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n/** index.css (scale dependent) /\n\n%spectrum-ColorControl-hiddenField {\n opacity: 0.0001;\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n z-index: 0;\n margin: 0;\n pointer-events: none;\n}\n\n.spectrum-ColorWheel {\n position: relative;\n display: block;\n width: var(--spectrum-colorwheel-width);\n height: var(--spectrum-colorwheel-height);\n / expose to JS /\n --spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width);\n\n border-radius: var(--spectrum-colorwheel-border-radius);\n\n user-select: none;\n touch-action: none;\n cursor: default;\n\n .spectrum-ColorWheel-handle {\n margin: 0;\n }\n\n &.is-focused {\n z-index: 2;\n\n .spectrum-ColorWheel-handle {\n @extend %spectrum-ColorControl-handle--focused;\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n &.is-dragged {\n / Be on top when dragging so loupe can overlap /\n z-index: 2;\n }\n}\n\n.spectrum-ColorWheel-gradient {\n position: relative;\n z-index: 0;\n width: var(--spectrum-colorwheel-width);\n height: var(--spectrum-colorwheel-height);\n\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n border-radius: 100%;\n border-width: var(--spectrum-colorwheel-border-size);\n border-style: solid;\n }\n\n &:before {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n &:after {\n top: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n left: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n bottom: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n right: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n }\n}\n\n.spectrum-ColorWheel-slider {\n @extend %spectrum-ColorControl-hiddenField;\n}\n",":root {\n / todo: fix this in DNA /\n --spectrum-colorwheel-border-color: var(--spectrum-colorarea-border-color);\n}\n\n.spectrum-ColorWheel {\n &.is-disabled {\n .spectrum-ColorWheel-gradient {\n background: var(--spectrum-colorwheel-fill-color-disabled) !important;\n\n &:before,\n &:after {\n border-color: var(--spectrum-colorwheel-border-color-disabled);\n }\n }\n\n / hide all the little colored bits /\n .spectrum-ColorWheel-segment {\n display: none;\n }\n }\n}\n\n.spectrum-ColorWheel-gradient {\n &:before,\n &:after {\n border-color: var(--spectrum-colorwheel-border-color);\n }\n}\n",":root {\n --spectrum-colorslider-handle-hitarea-border-radius: 0%;\n --spectrum-colorslider-handle-hitarea-width: var(\n --spectrum-global-dimension-size-300\n );\n --spectrum-colorslider-handle-hitarea-height: var(\n --spectrum-global-dimension-size-300\n );\n}\n\n%spectrum-ColorControl-handle--focused {\n / Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n%spectrum-ColorControl-hiddenField {\n opacity: 0.0001;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n margin: 0;\n pointer-events: none;\n}\n\n.spectrum-ColorSlider-container--horizontal {\n width: var(--spectrum-colorslider-default-length);\n}\n\n.spectrum-ColorSlider-container--vertical {\n display: flex;\n flex-direction: column;\n height: var(--spectrum-colorslider-default-length);\n}\n\n.spectrum-ColorSlider {\n position: relative;\n display: block;\n width: 100%;\n height: var(--spectrum-colorslider-height);\n border-radius: var(--spectrum-colorslider-border-radius);\n\n /* Otherwise we randomly drag a file icon /\n user-select: none;\n touch-action: none;\n\n cursor: default;\n\n / The checkerboard is a separate element so that the gradient is overlaid on top. /\n &:before {\n content: \"\";\n z-index: -1;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: var(--spectrum-colorslider-border-radius);\n background-size: var(--spectrum-global-dimension-static-size-200)\n var(--spectrum-global-dimension-static-size-200);\n background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100),\n var(--spectrum-global-dimension-static-size-100)\n calc(-1 var(--spectrum-global-dimension-static-size-100)),\n calc(-1 * var(--spectrum-global-dimension-static-size-100)) 0;\n }\n\n &.is-focused {\n z-index: 2;\n\n .spectrum-ColorSlider-handle {\n @extend %spectrum-ColorControl-handle--focused;\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n}\n\n.spectrum-ColorSlider--vertical {\n display: inline-block;\n\n width: var(--spectrum-colorslider-vertical-width);\n flex: 1;\n\n .spectrum-ColorSlider-handle {\n left: 50%;\n top: 0;\n }\n}\n\n.spectrum-ColorSlider-handle {\n left: 0;\n top: 50%;\n\n &:after {\n border-radius: var(--spectrum-colorslider-handle-hitarea-border-radius);\n width: var(--spectrum-colorslider-handle-hitarea-width);\n height: var(--spectrum-colorslider-handle-hitarea-height);\n }\n}\n\n.spectrum-ColorSlider-slider {\n @extend %spectrum-ColorControl-hiddenField;\n}\n",":root {\n /* todo: fix this in DNA /\n --spectrum-colorslider-border-color: var(--spectrum-colorarea-border-color);\n}\n\n.spectrum-ColorSlider {\n background-color: var(--spectrum-global-color-static-white);\n box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size) var(--spectrum-colorslider-border-color);\n\n &:before {\n / Add a half-percent to fix diagonal line issue in Chrome on non-retina displays */\n background-image:\n linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%),\n linear-gradient(45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%);\n }\n\n &.is-disabled {\n background: var(--spectrum-colorslider-fill-color-disabled) !important;\n box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size) var(--spectrum-colorslider-border-color-disabled);\n }\n\n .spectrum-ColorSlider-handle {\n margin: 0;\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1	+ {"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/colorhandle/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/skin.css","./node_modules/@adobe/spectrum-css-temp/components/colorslider/index.css","./node_modules/@adobe/spectrum-css-temp/components/colorslider/skin.css","./packages/@react-spectrum/color/src/colorfield.css"],"sourcesContent":[":root {\n /* redefine this var so it can be used in skin.css /\n --spectrum-colorhandle-background-offset: calc(-1 var(--spectrum-global-dimension-static-size-25));\n --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100);\n\n --spectrum-colorhandle-animation-duration: var(--spectrum-global-animation-duration-100);\n --spectrum-colorhandle-animation-easing: ease-in-out;\n\n --spectrum-colorhandle-hitarea-size: var(--spectrum-global-dimension-size-300);\n --spectrum-colorhandle-hitarea-radius: 100%;\n}\n\n%spectrum-ColorControl-handle--focused {\n /* Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n.spectrum-ColorHandle {\n display: block;\n position: absolute;\n z-index: 1; /* Be above /\n box-sizing: border-box;\n width: var(--spectrum-colorhandle-size);\n height: var(--spectrum-colorhandle-size);\n\n margin-left: calc(-1 calc(var(--spectrum-colorhandle-size) / 2));\n margin-top: calc(-1 * calc(var(--spectrum-colorhandle-size) / 2));\n\n border-width: var(--spectrum-colorhandle-inner-border-size);\n border-style: solid;\n\n background-size:\n var(--spectrum-global-dimension-static-size-200)\n var(--spectrum-global-dimension-static-size-200);\n background-position:\n var(--spectrum-colorhandle-background-offset) var(--spectrum-colorhandle-background-offset),\n var(--spectrum-colorhandle-background-offset) calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),\n calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),\n calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) var(--spectrum-colorhandle-background-offset);\n\n transition:\n width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n height var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n border-width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n margin-left var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),\n margin-top var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing);\n\n &,\n &:after {\n border-radius: 100%;\n }\n\n &:after {\n content: '';\n left: calc(50% - calc(var(--spectrum-colorhandle-hitarea-size) / 2));\n top: calc(50% - calc(var(--spectrum-colorhandle-hitarea-size) / 2));\n position: absolute;\n display: block;\n width: var(--spectrum-colorhandle-hitarea-size);\n height: var(--spectrum-colorhandle-hitarea-size);\n }\n\n &.is-focused,\n &.focus-ring {\n @extend %spectrum-ColorControl-handle--focused;\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n}\n\n.spectrum-ColorHandle-color {\n border-radius: 100%;\n width: 100%;\n height: 100%;\n}\n",":root {\n /* redefine this var so it can be used in skin.css /\n --spectrum-colorhandle-background-offset: calc(-1 var(--spectrum-global-dimension-static-size-25));\n --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100);\n\n /* todo: update DNA so this is no longer required /\n --spectrum-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);\n}\n\n.spectrum-ColorHandle {\n border-color: var(--spectrum-colorhandle-inner-border-color);\n box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size) var(--spectrum-colorhandle-outer-border-color);\n\n background-color: var(--spectrum-global-color-static-white);\n\n / Add a half-percent to fix diagonal line issue in Chrome on non-retina displays /\n background-image:\n linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%),\n linear-gradient(45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%);\n\n &.is-disabled {\n border-color: var(--spectrum-colorhandle-inner-border-color-disabled);\n background: var(--spectrum-colorhandle-fill-color-disabled);\n box-shadow: none;\n\n .spectrum-ColorHandle-color {\n display: none;\n }\n }\n}\n\n.spectrum-ColorHandle-color {\n box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size) var(--spectrum-colorhandle-outer-border-color);\n}\n",":root {\n / size is the same on desktop and mobile /\n --spectrum-colorloupe-width-adjusted: calc(\n var(--spectrum-colorloupe-width) +\n var(--spectrum-colorhandle-inner-border-size) 2\n );\n --spectrum-colorloupe-height-adjusted: calc(\n var(--spectrum-colorloupe-height) +\n var(--spectrum-colorhandle-inner-border-size) * 2\n );\n\n /* Distance between the loupe and the handle /\n --spectrum-colorloupe-offset: var(\n --spectrum-global-dimension-static-size-200\n );\n\n / How much to animate up to the offset distance /\n --spectrum-colorloupe-animation-distance: var(\n --spectrum-global-dimension-static-size-100\n );\n}\n\n.spectrum-ColorLoupe {\n width: var(--spectrum-colorloupe-width-adjusted);\n height: var(--spectrum-colorloupe-height-adjusted);\n\n position: absolute;\n transform: translate(0, var(--spectrum-colorloupe-animation-distance));\n opacity: 0;\n transform-origin: bottom center;\n bottom: calc(50% + var(--spectrum-colorloupe-offset));\n left: calc(50% - calc(var(--spectrum-colorloupe-width-adjusted) / 2));\n transition: transform 100ms ease-in-out, opacity 125ms ease-in-out;\n\n pointer-events: none;\n\n &.is-open {\n transform: translate(0, 0);\n opacity: 1;\n }\n}\n\n.spectrum-ColorLoupe-outer {\n stroke-width: var(--spectrum-colorloupe-outer-border-size);\n}\n",".spectrum-ColorLoupe-outer {\n fill: var(--spectrum-colorloupe-inner-border-color);\n stroke: var(--spectrum-colorloupe-outer-border-color);\n}\n\n.spectrum-ColorLoupe-inner-background {\n fill: var(--spectrum-global-color-static-white);\n}\n.spectrum-ColorLoupe-inner-checker {\n fill: var(--spectrum-global-color-static-gray-500);\n}\n",":root {\n / todo: fix this in DNA /\n --spectrum-colorwheel-focus-ring-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-colorwheel-border-radius: 100%;\n --spectrum-colorwheel-width: calc(var(--spectrum-global-dimension-size-125) 16);\n --spectrum-colorwheel-height: var(--spectrum-colorwheel-width);\n}\n\n%spectrum-ColorControl-handle--focused {\n /* Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n/** index.css (scale dependent) /\n\n%spectrum-ColorControl-hiddenField {\n opacity: 0.0001;\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n z-index: 0;\n margin: 0;\n pointer-events: none;\n}\n\n.spectrum-ColorWheel {\n position: relative;\n display: block;\n width: var(--spectrum-colorwheel-width);\n height: var(--spectrum-colorwheel-height);\n / expose to JS /\n --spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width);\n\n border-radius: var(--spectrum-colorwheel-border-radius);\n\n user-select: none;\n touch-action: none;\n cursor: default;\n\n .spectrum-ColorWheel-handle {\n margin: 0;\n }\n\n &.is-focused {\n z-index: 2;\n\n .spectrum-ColorWheel-handle {\n @extend %spectrum-ColorControl-handle--focused;\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n &.is-dragged {\n / Be on top when dragging so loupe can overlap /\n z-index: 2;\n }\n}\n\n.spectrum-ColorWheel-gradient {\n position: relative;\n z-index: 0;\n width: var(--spectrum-colorwheel-width);\n height: var(--spectrum-colorwheel-height);\n\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n border-radius: 100%;\n border-width: var(--spectrum-colorwheel-border-size);\n border-style: solid;\n }\n\n &:before {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n &:after {\n top: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n left: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n bottom: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n right: calc(var(--spectrum-colorwheel-track-width) - var(--spectrum-colorwheel-border-size));\n }\n}\n\n.spectrum-ColorWheel-slider {\n @extend %spectrum-ColorControl-hiddenField;\n}\n",":root {\n / todo: fix this in DNA /\n --spectrum-colorwheel-border-color: var(--spectrum-colorarea-border-color);\n}\n\n.spectrum-ColorWheel {\n &.is-disabled {\n .spectrum-ColorWheel-gradient {\n background: var(--spectrum-colorwheel-fill-color-disabled) !important;\n\n &:before,\n &:after {\n border-color: var(--spectrum-colorwheel-border-color-disabled);\n }\n }\n\n / hide all the little colored bits /\n .spectrum-ColorWheel-segment {\n display: none;\n }\n }\n}\n\n.spectrum-ColorWheel-gradient {\n &:before,\n &:after {\n border-color: var(--spectrum-colorwheel-border-color);\n }\n}\n",":root {\n --spectrum-colorslider-handle-hitarea-border-radius: 0%;\n --spectrum-colorslider-handle-hitarea-width: var(\n --spectrum-global-dimension-size-300\n );\n --spectrum-colorslider-handle-hitarea-height: var(\n --spectrum-global-dimension-size-300\n );\n}\n\n%spectrum-ColorControl-handle--focused {\n / Bigger handle when focused /\n width: calc(var(--spectrum-colorhandle-size) 2);\n height: calc(var(--spectrum-colorhandle-size) * 2);\n\n margin-left: calc(-1 * var(--spectrum-colorhandle-size));\n margin-top: calc(-1 * var(--spectrum-colorhandle-size));\n}\n\n%spectrum-ColorControl-hiddenField {\n opacity: 0.0001;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n margin: 0;\n pointer-events: none;\n}\n\n.spectrum-ColorSlider-container--horizontal {\n width: var(--spectrum-colorslider-default-length);\n}\n\n.spectrum-ColorSlider-container--vertical {\n display: flex;\n flex-direction: column;\n height: var(--spectrum-colorslider-default-length);\n}\n\n.spectrum-ColorSlider {\n position: relative;\n display: block;\n width: 100%;\n height: var(--spectrum-colorslider-height);\n border-radius: var(--spectrum-colorslider-border-radius);\n\n /* Otherwise we randomly drag a file icon /\n user-select: none;\n touch-action: none;\n\n cursor: default;\n\n / The checkerboard is a separate element so that the gradient is overlaid on top. /\n &:before {\n content: \"\";\n z-index: -1;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: var(--spectrum-colorslider-border-radius);\n background-size: var(--spectrum-global-dimension-static-size-200)\n var(--spectrum-global-dimension-static-size-200);\n background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100),\n var(--spectrum-global-dimension-static-size-100)\n calc(-1 var(--spectrum-global-dimension-static-size-100)),\n calc(-1 * var(--spectrum-global-dimension-static-size-100)) 0;\n }\n\n &.is-focused {\n z-index: 2;\n\n .spectrum-ColorSlider-handle {\n @extend %spectrum-ColorControl-handle--focused;\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n}\n\n.spectrum-ColorSlider--vertical {\n display: inline-block;\n\n width: var(--spectrum-colorslider-vertical-width);\n flex: 1;\n\n .spectrum-ColorSlider-handle {\n left: 50%;\n top: 0;\n }\n}\n\n.spectrum-ColorSlider-handle {\n left: 0;\n top: 50%;\n\n &:after {\n border-radius: var(--spectrum-colorslider-handle-hitarea-border-radius);\n width: var(--spectrum-colorslider-handle-hitarea-width);\n height: var(--spectrum-colorslider-handle-hitarea-height);\n }\n}\n\n.spectrum-ColorSlider-slider {\n @extend %spectrum-ColorControl-hiddenField;\n}\n",":root {\n /* todo: fix this in DNA /\n --spectrum-colorslider-border-color: var(--spectrum-colorarea-border-color);\n}\n\n.spectrum-ColorSlider {\n background-color: var(--spectrum-global-color-static-white);\n box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size) var(--spectrum-colorslider-border-color);\n\n &:before {\n / Add a half-percent to fix diagonal line issue in Chrome on non-retina displays /\n background-image:\n linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500) 75.5%),\n linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%),\n linear-gradient(45deg, var(--spectrum-global-color-static-gray-500) 25.5%, transparent 25.5%);\n }\n\n &.is-disabled {\n background: var(--spectrum-colorslider-fill-color-disabled) !important;\n box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size) var(--spectrum-colorslider-border-color-disabled);\n }\n\n .spectrum-ColorSlider-handle {\n margin: 0;\n }\n}\n","/\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 {\n direction: ltr;\n text-align: start;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js CHANGED Viewed

@@ -354,7 +354,7 @@ function $fb4f131139da532ca621e724fdbef3c$var$ColorSlider(props, ref) {
   }), label && /*#__PURE__*/_react.createElement(Flex, {
     direction: "row",
     justifyContent: alignLabel
-  }, label && /*#__PURE__*/_react.createElement(Label, labelProps, label), showValueLabel && /*#__PURE__*/_react.createElement(Label, {
+  }, /*#__PURE__*/_react.createElement(Label, labelProps, label), showValueLabel && /*#__PURE__*/_react.createElement(Label, {
     elementType: "span"
   }, /*#__PURE__*/_react.createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, trackProps, {
     ref: trackRef,
@@ -381,6 +381,12 @@ function $fb4f131139da532ca621e724fdbef3c$var$ColorSlider(props, ref) {
 let ColorSlider = /*#__PURE__*/_react.forwardRef($fb4f131139da532ca621e724fdbef3c$var$ColorSlider);
 exports.ColorSlider = ColorSlider;
+// ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/color/src/colorfield.css
+var $b08711e3115a699593427293c2e01ba$exports = {};
+$b08711e3115a699593427293c2e01ba$exports = {
+  "react-spectrum-ColorField-input": "_react-spectrum-ColorField-input_4e4c4"
+};
+var $b08711e3115a699593427293c2e01ba$$interop$default = $parcel$interopDefault($b08711e3115a699593427293c2e01ba$exports);
 function $b25d8991f57211cb8e429d74bf3d19f7$var$ColorField(props, ref) {
   props = useProviderProps(props);
@@ -397,9 +403,14 @@ function $b25d8991f57211cb8e429d74bf3d19f7$var$ColorField(props, ref) {
     ref: ref,
     inputRef: inputRef,
     labelProps: labelProps,
-    inputProps: inputProps
+    inputProps: inputProps,
+    inputClassName: classNames($b08711e3115a699593427293c2e01ba$$interop$default, 'react-spectrum-ColorField-input')
   }));
 }
+/**
+ * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
+ */
 const ColorField = /*#__PURE__*/_react.forwardRef($b25d8991f57211cb8e429d74bf3d19f7$var$ColorField);

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css","./packages/@react-spectrum/color/src/ColorThumb.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css","./packages/@react-spectrum/color/src/ColorWheel.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css","./packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/ColorField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' \|\| key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/\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","/\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","/\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} from '@react-spectrum/utils';\nimport {Color} from '@react-types/color';\nimport {DOMProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';\nimport stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';\nimport {useId} from '@react-aria/utils';\n\ninterface ColorThumbProps extends DOMProps {\n value: Color,\n isDisabled?: boolean,\n isDragging?: boolean, // shows the color loupe\n isFocused?: boolean, // makes the circle larger\n className?: string,\n children?: ReactElement\n}\n\nfunction ColorThumb(props: ColorThumbProps) {\n let {value, isDisabled, isDragging, isFocused, children, className = '', ...otherProps} = props;\n\n let patternId = useId();\n\n let valueCSS = value.toString('css');\n\n return (\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle', {'is-focused': isFocused, 'is-disabled': isDisabled}) + ' ' + className} {...otherProps}>\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle-color')} style={{backgroundColor: valueCSS}} />\n <svg className={classNames(stylesLoupe, 'spectrum-ColorLoupe', {'is-open': isDragging})} aria-hidden=\"true\">\n <pattern id={patternId} x=\"0\" y=\"0\" width=\"16\" height=\"16\" patternUnits=\"userSpaceOnUse\">\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-background')} x=\"0\" y=\"0\" width=\"16\" height=\"16\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"0\" y=\"0\" width=\"8\" height=\"8\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"8\" y=\"8\" width=\"8\" height=\"8\" />\n </pattern>\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={`url(#${patternId})`} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={valueCSS} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-outer')}\n d=\"M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\" />\n </svg>\n {children}\n </div>\n );\n}\n\nexport {ColorThumb};\n","/\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","/\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 {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, 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 {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {isDisabled} = props;\n let size = props.size && dimensionValue(props.size);\n let {styleProps} = useStyleProps(props);\n\n let inputRef = useRef(null);\n let containerRef = useFocusableRef(ref, inputRef);\n\n let [wheelRadius, setWheelRadius] = useState<number \| null>(null);\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 useEffect(() => {\n // the size observer's fallback to the window resize event doesn't fire on mount\n if (wheelRadius == null) {\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 // @ts-ignore\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 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\n/\n ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n","/\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","/\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, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport React, {useRef, useState} from 'react';\nimport {SpectrumColorSliderProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorslider/vars.css';\nimport {useColorSlider} from '@react-aria/color';\nimport {useColorSliderState} from '@react-stately/color';\nimport {useFocus, useFocusVisible} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {\n isDisabled,\n channel,\n orientation,\n label,\n showValueLabel,\n 'aria-label': ariaLabel\n } = props;\n let vertical = orientation === 'vertical';\n\n let {styleProps} = useStyleProps(props);\n let {locale} = useLocale();\n\n let inputRef = useRef();\n let trackRef = useRef();\n let domRef = useFocusableRef(ref, inputRef);\n\n let state = useColorSliderState({...props, locale});\n\n // If vertical and a label is provided, use it as an aria-label instead.\n if (vertical && label) {\n ariaLabel = ariaLabel \|\| (typeof label === 'string' ? label : null);\n label = null;\n }\n\n // If no external label, aria-label or aria-labelledby is provided,\n // default to displaying the localized channel value.\n // Specifically check if label is undefined. If label is `null` then display no visible label.\n // A default aria-label is provided by useColorSlider in that case.\n if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) {\n label = state.value.getChannelName(channel, locale);\n }\n\n // Show the value label by default if there is a visible label\n if (showValueLabel == null) {\n showValueLabel = !!label;\n }\n\n let {inputProps, thumbProps, trackProps, labelProps, outputProps} = useColorSlider({\n ...props,\n label,\n 'aria-label': ariaLabel,\n trackRef,\n inputRef\n }, state);\n\n let {isFocusVisible} = useFocusVisible();\n let [isFocused, setIsFocused] = useState(false);\n let {focusProps} = useFocus({\n isDisabled,\n onFocusChange: setIsFocused\n });\n\n let alignLabel;\n if (vertical) {\n alignLabel = 'center';\n } else if (label != null && showValueLabel) {\n alignLabel = 'space-between';\n } else if (label != null) {\n alignLabel = 'flex-start';\n } else if (showValueLabel) {\n alignLabel = 'flex-end';\n }\n\n return (\n <div\n ref={domRef}\n {...styleProps}\n className={classNames(\n styles,\n {\n 'spectrum-ColorSlider-container--horizontal': !vertical,\n 'spectrum-ColorSlider-container--vertical': vertical\n }\n )}>\n {label &&\n <Flex direction=\"row\" justifyContent={alignLabel}>\n {label && <Label {...labelProps}>{label}</Label>}\n {showValueLabel && <Label elementType=\"span\"><output {...outputProps}>{state.value.formatChannelValue(channel, locale)}</output></Label>}\n </Flex>\n }\n <div\n {...trackProps}\n ref={trackRef}\n className={classNames(\n styles,\n 'spectrum-ColorSlider', {\n 'is-disabled': isDisabled,\n 'spectrum-ColorSlider--vertical': vertical\n }\n )\n }>\n <ColorThumb\n value={state.getDisplayColor()}\n isFocused={isFocused && isFocusVisible}\n isDisabled={isDisabled}\n isDragging={state.isThumbDragging(0)}\n className={classNames(styles, 'spectrum-ColorSlider-handle')}\n {...thumbProps}>\n <input {...inputProps} {...focusProps} ref={inputRef} className={classNames(styles, 'spectrum-ColorSlider-slider')} />\n </ColorThumb>\n </div>\n </div>\n );\n}\n\n/\n ColorSliders allow users to adjust an individual channel of a color value.\n /\nlet _ColorSlider = React.forwardRef(ColorSlider);\nexport {_ColorSlider as ColorSlider};\n","/\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 React, {RefObject, useRef} from 'react';\nimport {SpectrumColorFieldProps} from '@react-types/color';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useColorField} from '@react-aria/color';\nimport {useColorFieldState} from '@react-stately/color';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorField(props: SpectrumColorFieldProps, ref: RefObject<TextFieldRef>) {\n props = useProviderProps(props);\n let {\n // These disabled props are handled by the state hook\n value, // eslint-disable-line @typescript-eslint/no-unused-vars\n defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\n onChange, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...otherProps\n } = props;\n let state = useColorFieldState(props);\n let inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>();\n let {\n labelProps,\n inputProps\n } = useColorField(otherProps, state, inputRef);\n\n return (\n <TextFieldBase\n {...otherProps}\n ref={ref}\n inputRef={inputRef}\n labelProps={labelProps}\n inputProps={inputProps} />\n );\n}\n\nconst _ColorField = React.forwardRef(ColorField);\nexport {_ColorField as ColorField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","ColorThumb","props","value","isDisabled","isDragging","isFocused","children","className","otherProps","patternId","useId","valueCSS","toString","classNames","backgroundColor","WHEEL_THICKNESS","ColorWheel","ref","useProviderProps","size","dimensionValue","styleProps","useStyleProps","inputRef","useRef","containerRef","useFocusableRef","wheelRadius","setWheelRadius","useState","wheelThickness","setWheelThickness","resizeHandler","useCallback","current","offsetWidth","thickness","window","getComputedStyle","getPropertyValue","parseInt","useEffect","useResizeObserver","onResize","state","useColorWheelState","trackProps","inputProps","thumbProps","useColorWheel","innerRadius","outerRadius","focusProps","isFocusVisible","useFocusRing","style","getDisplayColor","_ColorWheel","React","forwardRef","ColorSlider","channel","orientation","label","showValueLabel","ariaLabel","vertical","locale","useLocale","trackRef","domRef","useColorSliderState","undefined","getChannelName","labelProps","outputProps","useColorSlider","useFocusVisible","setIsFocused","useFocus","onFocusChange","alignLabel","formatChannelValue","isThumbDragging","_ColorSlider","ColorField","useColorFieldState","useColorField","_ColorField"],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css","./packages/@react-spectrum/color/src/ColorThumb.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css","./packages/@react-spectrum/color/src/ColorWheel.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css","./packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/colorfield.css","./packages/@react-spectrum/color/src/ColorField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' \|\| key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/\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","/\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","/\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} from '@react-spectrum/utils';\nimport {Color} from '@react-types/color';\nimport {DOMProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';\nimport stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';\nimport {useId} from '@react-aria/utils';\n\ninterface ColorThumbProps extends DOMProps {\n value: Color,\n isDisabled?: boolean,\n isDragging?: boolean, // shows the color loupe\n isFocused?: boolean, // makes the circle larger\n className?: string,\n children?: ReactElement\n}\n\nfunction ColorThumb(props: ColorThumbProps) {\n let {value, isDisabled, isDragging, isFocused, children, className = '', ...otherProps} = props;\n\n let patternId = useId();\n\n let valueCSS = value.toString('css');\n\n return (\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle', {'is-focused': isFocused, 'is-disabled': isDisabled}) + ' ' + className} {...otherProps}>\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle-color')} style={{backgroundColor: valueCSS}} />\n <svg className={classNames(stylesLoupe, 'spectrum-ColorLoupe', {'is-open': isDragging})} aria-hidden=\"true\">\n <pattern id={patternId} x=\"0\" y=\"0\" width=\"16\" height=\"16\" patternUnits=\"userSpaceOnUse\">\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-background')} x=\"0\" y=\"0\" width=\"16\" height=\"16\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"0\" y=\"0\" width=\"8\" height=\"8\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"8\" y=\"8\" width=\"8\" height=\"8\" />\n </pattern>\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={`url(#${patternId})`} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={valueCSS} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-outer')}\n d=\"M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\" />\n </svg>\n {children}\n </div>\n );\n}\n\nexport {ColorThumb};\n","/\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","/\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 {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, 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 {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {isDisabled} = props;\n let size = props.size && dimensionValue(props.size);\n let {styleProps} = useStyleProps(props);\n\n let inputRef = useRef(null);\n let containerRef = useFocusableRef(ref, inputRef);\n\n let [wheelRadius, setWheelRadius] = useState<number \| null>(null);\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 useEffect(() => {\n // the size observer's fallback to the window resize event doesn't fire on mount\n if (wheelRadius == null) {\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 // @ts-ignore\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 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\n/\n ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n","/\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","/\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, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport React, {useRef, useState} from 'react';\nimport {SpectrumColorSliderProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorslider/vars.css';\nimport {useColorSlider} from '@react-aria/color';\nimport {useColorSliderState} from '@react-stately/color';\nimport {useFocus, useFocusVisible} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {\n isDisabled,\n channel,\n orientation,\n label,\n showValueLabel,\n 'aria-label': ariaLabel\n } = props;\n let vertical = orientation === 'vertical';\n\n let {styleProps} = useStyleProps(props);\n let {locale} = useLocale();\n\n let inputRef = useRef();\n let trackRef = useRef();\n let domRef = useFocusableRef(ref, inputRef);\n\n let state = useColorSliderState({...props, locale});\n\n // If vertical and a label is provided, use it as an aria-label instead.\n if (vertical && label) {\n ariaLabel = ariaLabel \|\| (typeof label === 'string' ? label : null);\n label = null;\n }\n\n // If no external label, aria-label or aria-labelledby is provided,\n // default to displaying the localized channel value.\n // Specifically check if label is undefined. If label is `null` then display no visible label.\n // A default aria-label is provided by useColorSlider in that case.\n if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) {\n label = state.value.getChannelName(channel, locale);\n }\n\n // Show the value label by default if there is a visible label\n if (showValueLabel == null) {\n showValueLabel = !!label;\n }\n\n let {inputProps, thumbProps, trackProps, labelProps, outputProps} = useColorSlider({\n ...props,\n label,\n 'aria-label': ariaLabel,\n trackRef,\n inputRef\n }, state);\n\n let {isFocusVisible} = useFocusVisible();\n let [isFocused, setIsFocused] = useState(false);\n let {focusProps} = useFocus({\n isDisabled,\n onFocusChange: setIsFocused\n });\n\n let alignLabel;\n if (vertical) {\n alignLabel = 'center';\n } else if (label != null && showValueLabel) {\n alignLabel = 'space-between';\n } else if (label != null) {\n alignLabel = 'flex-start';\n } else if (showValueLabel) {\n alignLabel = 'flex-end';\n }\n\n return (\n <div\n ref={domRef}\n {...styleProps}\n className={classNames(\n styles,\n {\n 'spectrum-ColorSlider-container--horizontal': !vertical,\n 'spectrum-ColorSlider-container--vertical': vertical\n }\n )}>\n {label &&\n <Flex direction=\"row\" justifyContent={alignLabel}>\n <Label {...labelProps}>{label}</Label>\n {showValueLabel && <Label elementType=\"span\"><output {...outputProps}>{state.value.formatChannelValue(channel, locale)}</output></Label>}\n </Flex>\n }\n <div\n {...trackProps}\n ref={trackRef}\n className={classNames(\n styles,\n 'spectrum-ColorSlider', {\n 'is-disabled': isDisabled,\n 'spectrum-ColorSlider--vertical': vertical\n }\n )\n }>\n <ColorThumb\n value={state.getDisplayColor()}\n isFocused={isFocused && isFocusVisible}\n isDisabled={isDisabled}\n isDragging={state.isThumbDragging(0)}\n className={classNames(styles, 'spectrum-ColorSlider-handle')}\n {...thumbProps}>\n <input {...inputProps} {...focusProps} ref={inputRef} className={classNames(styles, 'spectrum-ColorSlider-slider')} />\n </ColorThumb>\n </div>\n </div>\n );\n}\n\n/\n ColorSliders allow users to adjust an individual channel of a color value.\n /\nlet _ColorSlider = React.forwardRef(ColorSlider);\nexport {_ColorSlider as ColorSlider};\n","/\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 {\n direction: ltr;\n text-align: start;\n}\n","/\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} from '@react-spectrum/utils';\nimport React, {RefObject, useRef} from 'react';\nimport {SpectrumColorFieldProps} from '@react-types/color';\nimport styles from './colorfield.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useColorField} from '@react-aria/color';\nimport {useColorFieldState} from '@react-stately/color';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorField(props: SpectrumColorFieldProps, ref: RefObject<TextFieldRef>) {\n props = useProviderProps(props);\n let {\n // These disabled props are handled by the state hook\n value, // eslint-disable-line @typescript-eslint/no-unused-vars\n defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\n onChange, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...otherProps\n } = props;\n let state = useColorFieldState(props);\n let inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>();\n let {\n labelProps,\n inputProps\n } = useColorField(otherProps, state, inputRef);\n\n return (\n <TextFieldBase\n {...otherProps}\n ref={ref}\n inputRef={inputRef}\n labelProps={labelProps}\n inputProps={inputProps}\n inputClassName={classNames(styles, 'react-spectrum-ColorField-input')} />\n );\n}\n\n/\n ColorFields allow users to enter a color in #rrggbb hexadecimal format.\n */\nconst _ColorField = React.forwardRef(ColorField);\nexport {_ColorField as ColorField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","ColorThumb","props","value","isDisabled","isDragging","isFocused","children","className","otherProps","patternId","useId","valueCSS","toString","classNames","backgroundColor","WHEEL_THICKNESS","ColorWheel","ref","useProviderProps","size","dimensionValue","styleProps","useStyleProps","inputRef","useRef","containerRef","useFocusableRef","wheelRadius","setWheelRadius","useState","wheelThickness","setWheelThickness","resizeHandler","useCallback","current","offsetWidth","thickness","window","getComputedStyle","getPropertyValue","parseInt","useEffect","useResizeObserver","onResize","state","useColorWheelState","trackProps","inputProps","thumbProps","useColorWheel","innerRadius","outerRadius","focusProps","isFocusVisible","useFocusRing","style","getDisplayColor","_ColorWheel","React","forwardRef","ColorSlider","channel","orientation","label","showValueLabel","ariaLabel","vertical","locale","useLocale","trackRef","domRef","useColorSliderState","undefined","getChannelName","labelProps","outputProps","useColorSlider","useFocusVisible","setIsFocused","useFocus","onFocusChange","alignLabel","formatChannelValue","isThumbDragging","_ColorSlider","ColorField","useColorFieldState","useColorField","_ColorField"],"version":3,"file":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -298,7 +298,7 @@ function $dbcb06f1785939ebc9c915ac7132d142$var$ColorSlider(props, ref) {
   }), label && /*#__PURE__*/_react.createElement(Flex, {
     direction: "row",
     justifyContent: alignLabel
-  }, label && /*#__PURE__*/_react.createElement(Label, labelProps, label), showValueLabel && /*#__PURE__*/_react.createElement(Label, {
+  }, /*#__PURE__*/_react.createElement(Label, labelProps, label), showValueLabel && /*#__PURE__*/_react.createElement(Label, {
     elementType: "span"
   }, /*#__PURE__*/_react.createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, trackProps, {
     ref: trackRef,
@@ -323,6 +323,12 @@ function $dbcb06f1785939ebc9c915ac7132d142$var$ColorSlider(props, ref) {
 export let ColorSlider = /*#__PURE__*/_react.forwardRef($dbcb06f1785939ebc9c915ac7132d142$var$ColorSlider);
+// ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/color/src/colorfield.css
+var $ef922cc9e1840d9627379bdc5921de72$exports = {};
+$ef922cc9e1840d9627379bdc5921de72$exports = {
+  "react-spectrum-ColorField-input": "_react-spectrum-ColorField-input_4e4c4"
+};
+var $ef922cc9e1840d9627379bdc5921de72$$interop$default = $parcel$interopDefault($ef922cc9e1840d9627379bdc5921de72$exports);
 function $ac8b2e46b71785a11f529680d01ea0$var$ColorField(props, ref) {
   props = useProviderProps(props);
@@ -339,9 +345,14 @@ function $ac8b2e46b71785a11f529680d01ea0$var$ColorField(props, ref) {
     ref: ref,
     inputRef: inputRef,
     labelProps: labelProps,
-    inputProps: inputProps
+    inputProps: inputProps,
+    inputClassName: classNames($ef922cc9e1840d9627379bdc5921de72$$interop$default, 'react-spectrum-ColorField-input')
   }));
 }
+/**
+ * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
+ */
 export const ColorField = /*#__PURE__*/_react.forwardRef($ac8b2e46b71785a11f529680d01ea0$var$ColorField);
 //# sourceMappingURL=module.js.map

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css","./packages/@react-spectrum/color/src/ColorThumb.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css","./packages/@react-spectrum/color/src/ColorWheel.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css","./packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/ColorField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' \|\| key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/\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","/\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","/\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} from '@react-spectrum/utils';\nimport {Color} from '@react-types/color';\nimport {DOMProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';\nimport stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';\nimport {useId} from '@react-aria/utils';\n\ninterface ColorThumbProps extends DOMProps {\n value: Color,\n isDisabled?: boolean,\n isDragging?: boolean, // shows the color loupe\n isFocused?: boolean, // makes the circle larger\n className?: string,\n children?: ReactElement\n}\n\nfunction ColorThumb(props: ColorThumbProps) {\n let {value, isDisabled, isDragging, isFocused, children, className = '', ...otherProps} = props;\n\n let patternId = useId();\n\n let valueCSS = value.toString('css');\n\n return (\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle', {'is-focused': isFocused, 'is-disabled': isDisabled}) + ' ' + className} {...otherProps}>\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle-color')} style={{backgroundColor: valueCSS}} />\n <svg className={classNames(stylesLoupe, 'spectrum-ColorLoupe', {'is-open': isDragging})} aria-hidden=\"true\">\n <pattern id={patternId} x=\"0\" y=\"0\" width=\"16\" height=\"16\" patternUnits=\"userSpaceOnUse\">\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-background')} x=\"0\" y=\"0\" width=\"16\" height=\"16\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"0\" y=\"0\" width=\"8\" height=\"8\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"8\" y=\"8\" width=\"8\" height=\"8\" />\n </pattern>\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={`url(#${patternId})`} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={valueCSS} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-outer')}\n d=\"M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\" />\n </svg>\n {children}\n </div>\n );\n}\n\nexport {ColorThumb};\n","/\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","/\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 {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, 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 {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {isDisabled} = props;\n let size = props.size && dimensionValue(props.size);\n let {styleProps} = useStyleProps(props);\n\n let inputRef = useRef(null);\n let containerRef = useFocusableRef(ref, inputRef);\n\n let [wheelRadius, setWheelRadius] = useState<number \| null>(null);\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 useEffect(() => {\n // the size observer's fallback to the window resize event doesn't fire on mount\n if (wheelRadius == null) {\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 // @ts-ignore\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 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\n/\n ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n","/\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","/\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, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport React, {useRef, useState} from 'react';\nimport {SpectrumColorSliderProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorslider/vars.css';\nimport {useColorSlider} from '@react-aria/color';\nimport {useColorSliderState} from '@react-stately/color';\nimport {useFocus, useFocusVisible} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {\n isDisabled,\n channel,\n orientation,\n label,\n showValueLabel,\n 'aria-label': ariaLabel\n } = props;\n let vertical = orientation === 'vertical';\n\n let {styleProps} = useStyleProps(props);\n let {locale} = useLocale();\n\n let inputRef = useRef();\n let trackRef = useRef();\n let domRef = useFocusableRef(ref, inputRef);\n\n let state = useColorSliderState({...props, locale});\n\n // If vertical and a label is provided, use it as an aria-label instead.\n if (vertical && label) {\n ariaLabel = ariaLabel \|\| (typeof label === 'string' ? label : null);\n label = null;\n }\n\n // If no external label, aria-label or aria-labelledby is provided,\n // default to displaying the localized channel value.\n // Specifically check if label is undefined. If label is `null` then display no visible label.\n // A default aria-label is provided by useColorSlider in that case.\n if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) {\n label = state.value.getChannelName(channel, locale);\n }\n\n // Show the value label by default if there is a visible label\n if (showValueLabel == null) {\n showValueLabel = !!label;\n }\n\n let {inputProps, thumbProps, trackProps, labelProps, outputProps} = useColorSlider({\n ...props,\n label,\n 'aria-label': ariaLabel,\n trackRef,\n inputRef\n }, state);\n\n let {isFocusVisible} = useFocusVisible();\n let [isFocused, setIsFocused] = useState(false);\n let {focusProps} = useFocus({\n isDisabled,\n onFocusChange: setIsFocused\n });\n\n let alignLabel;\n if (vertical) {\n alignLabel = 'center';\n } else if (label != null && showValueLabel) {\n alignLabel = 'space-between';\n } else if (label != null) {\n alignLabel = 'flex-start';\n } else if (showValueLabel) {\n alignLabel = 'flex-end';\n }\n\n return (\n <div\n ref={domRef}\n {...styleProps}\n className={classNames(\n styles,\n {\n 'spectrum-ColorSlider-container--horizontal': !vertical,\n 'spectrum-ColorSlider-container--vertical': vertical\n }\n )}>\n {label &&\n <Flex direction=\"row\" justifyContent={alignLabel}>\n {label && <Label {...labelProps}>{label}</Label>}\n {showValueLabel && <Label elementType=\"span\"><output {...outputProps}>{state.value.formatChannelValue(channel, locale)}</output></Label>}\n </Flex>\n }\n <div\n {...trackProps}\n ref={trackRef}\n className={classNames(\n styles,\n 'spectrum-ColorSlider', {\n 'is-disabled': isDisabled,\n 'spectrum-ColorSlider--vertical': vertical\n }\n )\n }>\n <ColorThumb\n value={state.getDisplayColor()}\n isFocused={isFocused && isFocusVisible}\n isDisabled={isDisabled}\n isDragging={state.isThumbDragging(0)}\n className={classNames(styles, 'spectrum-ColorSlider-handle')}\n {...thumbProps}>\n <input {...inputProps} {...focusProps} ref={inputRef} className={classNames(styles, 'spectrum-ColorSlider-slider')} />\n </ColorThumb>\n </div>\n </div>\n );\n}\n\n/\n ColorSliders allow users to adjust an individual channel of a color value.\n /\nlet _ColorSlider = React.forwardRef(ColorSlider);\nexport {_ColorSlider as ColorSlider};\n","/\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 React, {RefObject, useRef} from 'react';\nimport {SpectrumColorFieldProps} from '@react-types/color';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useColorField} from '@react-aria/color';\nimport {useColorFieldState} from '@react-stately/color';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorField(props: SpectrumColorFieldProps, ref: RefObject<TextFieldRef>) {\n props = useProviderProps(props);\n let {\n // These disabled props are handled by the state hook\n value, // eslint-disable-line @typescript-eslint/no-unused-vars\n defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\n onChange, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...otherProps\n } = props;\n let state = useColorFieldState(props);\n let inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>();\n let {\n labelProps,\n inputProps\n } = useColorField(otherProps, state, inputRef);\n\n return (\n <TextFieldBase\n {...otherProps}\n ref={ref}\n inputRef={inputRef}\n labelProps={labelProps}\n inputProps={inputProps} />\n );\n}\n\nconst _ColorField = React.forwardRef(ColorField);\nexport {_ColorField as ColorField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","ColorThumb","props","value","isDisabled","isDragging","isFocused","children","className","otherProps","patternId","useId","valueCSS","toString","classNames","backgroundColor","WHEEL_THICKNESS","ColorWheel","ref","useProviderProps","size","dimensionValue","styleProps","useStyleProps","inputRef","useRef","containerRef","useFocusableRef","wheelRadius","setWheelRadius","useState","wheelThickness","setWheelThickness","resizeHandler","useCallback","current","offsetWidth","thickness","window","getComputedStyle","getPropertyValue","parseInt","useEffect","useResizeObserver","onResize","state","useColorWheelState","trackProps","inputProps","thumbProps","useColorWheel","innerRadius","outerRadius","focusProps","isFocusVisible","useFocusRing","style","getDisplayColor","_ColorWheel","React","forwardRef","ColorSlider","channel","orientation","label","showValueLabel","ariaLabel","vertical","locale","useLocale","trackRef","domRef","useColorSliderState","undefined","getChannelName","labelProps","outputProps","useColorSlider","useFocusVisible","setIsFocused","useFocus","onFocusChange","alignLabel","formatChannelValue","isThumbDragging","_ColorSlider","ColorField","useColorFieldState","useColorField","_ColorField"],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css","./node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css","./packages/@react-spectrum/color/src/ColorThumb.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css","./packages/@react-spectrum/color/src/ColorWheel.tsx","./node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css","./packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/colorfield.css","./packages/@react-spectrum/color/src/ColorField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' \|\| key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/\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","/\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","/\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} from '@react-spectrum/utils';\nimport {Color} from '@react-types/color';\nimport {DOMProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';\nimport stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';\nimport {useId} from '@react-aria/utils';\n\ninterface ColorThumbProps extends DOMProps {\n value: Color,\n isDisabled?: boolean,\n isDragging?: boolean, // shows the color loupe\n isFocused?: boolean, // makes the circle larger\n className?: string,\n children?: ReactElement\n}\n\nfunction ColorThumb(props: ColorThumbProps) {\n let {value, isDisabled, isDragging, isFocused, children, className = '', ...otherProps} = props;\n\n let patternId = useId();\n\n let valueCSS = value.toString('css');\n\n return (\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle', {'is-focused': isFocused, 'is-disabled': isDisabled}) + ' ' + className} {...otherProps}>\n <div className={classNames(stylesHandle, 'spectrum-ColorHandle-color')} style={{backgroundColor: valueCSS}} />\n <svg className={classNames(stylesLoupe, 'spectrum-ColorLoupe', {'is-open': isDragging})} aria-hidden=\"true\">\n <pattern id={patternId} x=\"0\" y=\"0\" width=\"16\" height=\"16\" patternUnits=\"userSpaceOnUse\">\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-background')} x=\"0\" y=\"0\" width=\"16\" height=\"16\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"0\" y=\"0\" width=\"8\" height=\"8\" />\n <rect className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner-checker')} x=\"8\" y=\"8\" width=\"8\" height=\"8\" />\n </pattern>\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={`url(#${patternId})`} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-inner')}\n d=\"M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\"\n fill={valueCSS} />\n <path\n className={classNames(stylesLoupe, 'spectrum-ColorLoupe-outer')}\n d=\"M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z\" />\n </svg>\n {children}\n </div>\n );\n}\n\nexport {ColorThumb};\n","/\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","/\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 {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, 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 {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {isDisabled} = props;\n let size = props.size && dimensionValue(props.size);\n let {styleProps} = useStyleProps(props);\n\n let inputRef = useRef(null);\n let containerRef = useFocusableRef(ref, inputRef);\n\n let [wheelRadius, setWheelRadius] = useState<number \| null>(null);\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 useEffect(() => {\n // the size observer's fallback to the window resize event doesn't fire on mount\n if (wheelRadius == null) {\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 // @ts-ignore\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 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\n/\n ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n","/\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","/\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, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport React, {useRef, useState} from 'react';\nimport {SpectrumColorSliderProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorslider/vars.css';\nimport {useColorSlider} from '@react-aria/color';\nimport {useColorSliderState} from '@react-stately/color';\nimport {useFocus, useFocusVisible} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {\n isDisabled,\n channel,\n orientation,\n label,\n showValueLabel,\n 'aria-label': ariaLabel\n } = props;\n let vertical = orientation === 'vertical';\n\n let {styleProps} = useStyleProps(props);\n let {locale} = useLocale();\n\n let inputRef = useRef();\n let trackRef = useRef();\n let domRef = useFocusableRef(ref, inputRef);\n\n let state = useColorSliderState({...props, locale});\n\n // If vertical and a label is provided, use it as an aria-label instead.\n if (vertical && label) {\n ariaLabel = ariaLabel \|\| (typeof label === 'string' ? label : null);\n label = null;\n }\n\n // If no external label, aria-label or aria-labelledby is provided,\n // default to displaying the localized channel value.\n // Specifically check if label is undefined. If label is `null` then display no visible label.\n // A default aria-label is provided by useColorSlider in that case.\n if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) {\n label = state.value.getChannelName(channel, locale);\n }\n\n // Show the value label by default if there is a visible label\n if (showValueLabel == null) {\n showValueLabel = !!label;\n }\n\n let {inputProps, thumbProps, trackProps, labelProps, outputProps} = useColorSlider({\n ...props,\n label,\n 'aria-label': ariaLabel,\n trackRef,\n inputRef\n }, state);\n\n let {isFocusVisible} = useFocusVisible();\n let [isFocused, setIsFocused] = useState(false);\n let {focusProps} = useFocus({\n isDisabled,\n onFocusChange: setIsFocused\n });\n\n let alignLabel;\n if (vertical) {\n alignLabel = 'center';\n } else if (label != null && showValueLabel) {\n alignLabel = 'space-between';\n } else if (label != null) {\n alignLabel = 'flex-start';\n } else if (showValueLabel) {\n alignLabel = 'flex-end';\n }\n\n return (\n <div\n ref={domRef}\n {...styleProps}\n className={classNames(\n styles,\n {\n 'spectrum-ColorSlider-container--horizontal': !vertical,\n 'spectrum-ColorSlider-container--vertical': vertical\n }\n )}>\n {label &&\n <Flex direction=\"row\" justifyContent={alignLabel}>\n <Label {...labelProps}>{label}</Label>\n {showValueLabel && <Label elementType=\"span\"><output {...outputProps}>{state.value.formatChannelValue(channel, locale)}</output></Label>}\n </Flex>\n }\n <div\n {...trackProps}\n ref={trackRef}\n className={classNames(\n styles,\n 'spectrum-ColorSlider', {\n 'is-disabled': isDisabled,\n 'spectrum-ColorSlider--vertical': vertical\n }\n )\n }>\n <ColorThumb\n value={state.getDisplayColor()}\n isFocused={isFocused && isFocusVisible}\n isDisabled={isDisabled}\n isDragging={state.isThumbDragging(0)}\n className={classNames(styles, 'spectrum-ColorSlider-handle')}\n {...thumbProps}>\n <input {...inputProps} {...focusProps} ref={inputRef} className={classNames(styles, 'spectrum-ColorSlider-slider')} />\n </ColorThumb>\n </div>\n </div>\n );\n}\n\n/\n ColorSliders allow users to adjust an individual channel of a color value.\n /\nlet _ColorSlider = React.forwardRef(ColorSlider);\nexport {_ColorSlider as ColorSlider};\n","/\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 {\n direction: ltr;\n text-align: start;\n}\n","/\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} from '@react-spectrum/utils';\nimport React, {RefObject, useRef} from 'react';\nimport {SpectrumColorFieldProps} from '@react-types/color';\nimport styles from './colorfield.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useColorField} from '@react-aria/color';\nimport {useColorFieldState} from '@react-stately/color';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ColorField(props: SpectrumColorFieldProps, ref: RefObject<TextFieldRef>) {\n props = useProviderProps(props);\n let {\n // These disabled props are handled by the state hook\n value, // eslint-disable-line @typescript-eslint/no-unused-vars\n defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\n onChange, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...otherProps\n } = props;\n let state = useColorFieldState(props);\n let inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>();\n let {\n labelProps,\n inputProps\n } = useColorField(otherProps, state, inputRef);\n\n return (\n <TextFieldBase\n {...otherProps}\n ref={ref}\n inputRef={inputRef}\n labelProps={labelProps}\n inputProps={inputProps}\n inputClassName={classNames(styles, 'react-spectrum-ColorField-input')} />\n );\n}\n\n/\n ColorFields allow users to enter a color in #rrggbb hexadecimal format.\n */\nconst _ColorField = React.forwardRef(ColorField);\nexport {_ColorField as ColorField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","ColorThumb","props","value","isDisabled","isDragging","isFocused","children","className","otherProps","patternId","useId","valueCSS","toString","classNames","backgroundColor","WHEEL_THICKNESS","ColorWheel","ref","useProviderProps","size","dimensionValue","styleProps","useStyleProps","inputRef","useRef","containerRef","useFocusableRef","wheelRadius","setWheelRadius","useState","wheelThickness","setWheelThickness","resizeHandler","useCallback","current","offsetWidth","thickness","window","getComputedStyle","getPropertyValue","parseInt","useEffect","useResizeObserver","onResize","state","useColorWheelState","trackProps","inputProps","thumbProps","useColorWheel","innerRadius","outerRadius","focusProps","isFocusVisible","useFocusRing","style","getDisplayColor","_ColorWheel","React","forwardRef","ColorSlider","channel","orientation","label","showValueLabel","ariaLabel","vertical","locale","useLocale","trackRef","domRef","useColorSliderState","undefined","getChannelName","labelProps","outputProps","useColorSlider","useFocusVisible","setIsFocused","useFocus","onFocusChange","alignLabel","formatChannelValue","isThumbDragging","_ColorSlider","ColorField","useColorFieldState","useColorField","_ColorField"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts CHANGED Viewed

@@ -9,6 +9,9 @@ export let ColorWheel: React.ForwardRefExoticComponent<SpectrumColorWheelProps &
  * ColorSliders allow users to adjust an individual channel of a color value.
  */
 export let ColorSlider: React.ForwardRefExoticComponent<SpectrumColorSliderProps & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+/**
+ * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
+ */
 export const ColorField: React.ForwardRefExoticComponent<SpectrumColorFieldProps & React.RefAttributes<TextFieldRef>>;
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"A;A;A;AC0GA;A;GAEG;AACH,OAAA,IAAI,2KAA0C,CAAC;AC0B/C;A;GAEG;AACH,OAAA,IAAI,6KAA4C,CAAC;~~AC5FjD~~,OAAA,MAAM,wGAA0C,CAAC","sources":["./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorThumb.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorWheel.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorField.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/index.ts"],"sourcesContent":[null,null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
1	+ {"mappings":"A;A;A;AC0GA;A;GAEG;AACH,OAAA,IAAI,2KAA0C,CAAC;AC0B/C;A;GAEG;AACH,OAAA,IAAI,6KAA4C,CAAC;ACzFjD;A;GAEG;AACH,OAAA,MAAM,wGAA0C,CAAC","sources":["./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorThumb.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorWheel.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSlider.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorField.tsx","./packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/index.ts"],"sourcesContent":[null,null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/color",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,33 +32,34 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/color": "3.0.0-beta.1",
-    "@react-aria/focus": "^3.2.4",
-    "@react-aria/i18n": "^3.3.0",
-    "@react-aria/interactions": "^3.3.4",
-    "@react-aria/slider": "^3.0.1",
-    "@react-aria/utils": "^3.7.0",
-    "@react-spectrum/label": "^3.3.2",
-    "@react-spectrum/layout": "^3.1.3",
-    "@react-spectrum/textfield": "^3.1.5",
-    "@react-spectrum/utils": "^3.5.1",
-    "@react-stately/color": "3.0.0-beta.1",
-    "@react-stately/slider": "^3.0.1",
-    "@react-stately/utils": "^3.2.0",
-    "@react-types/color": "3.0.0-beta.1",
-    "@react-types/shared": "^3.5.0",
-    "@react-types/slider": "^3.0.1",
-    "@react-types/textfield": "^3.1.0"
+    "@react-aria/color": "3.0.0-beta.5",
+    "@react-aria/focus": "^3.5.0",
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/slider": "^3.0.3",
+    "@react-aria/utils": "^3.10.0",
+    "@react-spectrum/label": "^3.4.1",
+    "@react-spectrum/layout": "^3.2.1",
+    "@react-spectrum/textfield": "^3.3.0",
+    "@react-spectrum/utils": "^3.6.3",
+    "@react-stately/color": "3.0.0-beta.5",
+    "@react-stately/slider": "^3.0.3",
+    "@react-stately/utils": "^3.3.0",
+    "@react-types/color": "3.0.0-beta.3",
+    "@react-types/shared": "^3.10.0",
+    "@react-types/slider": "^3.0.2",
+    "@react-types/textfield": "^3.3.0"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0-rc.1",
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0afbae764727b3062170852006ea38689a34f97"
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
 }

package/src/ColorField.tsx CHANGED Viewed

@@ -10,8 +10,10 @@
  * governing permissions and limitations under the License.
  */
+import {classNames} from '@react-spectrum/utils';
 import React, {RefObject, useRef} from 'react';
 import {SpectrumColorFieldProps} from '@react-types/color';
+import styles from './colorfield.css';
 import {TextFieldBase} from '@react-spectrum/textfield';
 import {TextFieldRef} from '@react-types/textfield';
 import {useColorField} from '@react-aria/color';
@@ -40,7 +42,8 @@ function ColorField(props: SpectrumColorFieldProps, ref: RefObject<TextFieldRef>
       ref={ref}
       inputRef={inputRef}
       labelProps={labelProps}
-      inputProps={inputProps} />
+      inputProps={inputProps}
+      inputClassName={classNames(styles, 'react-spectrum-ColorField-input')} />
   );
 }

package/src/ColorSlider.tsx CHANGED Viewed

@@ -104,7 +104,7 @@ function ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivE
       )}>
       {label &&
         <Flex direction="row" justifyContent={alignLabel}>
-          {label && <Label {...labelProps}>{label}</Label>}
+          <Label {...labelProps}>{label}</Label>
           {showValueLabel && <Label elementType="span"><output {...outputProps}>{state.value.formatChannelValue(channel, locale)}</output></Label>}
         </Flex>
       }

package/src/colorfield.css ADDED Viewed

@@ -0,0 +1,16 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+.react-spectrum-ColorField-input {
+  direction: ltr;
+  text-align: start;
+}