@react-spectrum/color 3.0.0-nightly.3598 → 3.0.0-nightly.3600

package/dist/main.css

@@ -1 +1 @@
-.spectrum-ColorHandle_5a9f41.is-focused_5a9f41,.spectrum-ColorHandle_5a9f41.focus-ring_5a9f41{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorHandle_5a9f41{z-index:1;box-sizing:border-box;width:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));height:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2);margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2);border-width:var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-25,2px)),calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px)),calc(var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-25,2px));transition:width var(--spectrum-global-animation-duration-100,130ms)ease-in-out,height var(--spectrum-global-animation-duration-100,130ms)ease-in-out,border-width var(--spectrum-global-animation-duration-100,130ms)ease-in-out,margin-left var(--spectrum-global-animation-duration-100,130ms)ease-in-out,margin-top var(--spectrum-global-animation-duration-100,130ms)ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-ColorHandle_5a9f41,.spectrum-ColorHandle_5a9f41:after{border-radius:100%}.spectrum-ColorHandle_5a9f41:after{content:"";left:calc(50% - var(--spectrum-global-dimension-size-300)/2);top:calc(50% - var(--spectrum-global-dimension-size-300)/2);width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);display:block;position:absolute}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{pointer-events:none}.spectrum-ColorHandle-color_5a9f41{width:100%;height:100%;border-radius:100%}.spectrum-ColorHandle_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color,var(--spectrum-global-color-static-white));box-shadow:0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b;background-color:var(--spectrum-global-color-static-white,#fff);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color-disabled,var(--spectrum-global-color-gray-400));background:var(--spectrum-colorhandle-fill-color-disabled,var(--spectrum-global-color-gray-300));box-shadow:none}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41 .spectrum-ColorHandle-color_5a9f41{display:none}.spectrum-ColorHandle-color_5a9f41{box-shadow:inset 0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b}@media (forced-colors:active){.spectrum-ColorHandle_5a9f41{forced-color-adjust:none;--spectrum-colorhandle-inner-border-color-disabled:GrayText;--spectrum-colorhandle-fill-color-disabled:GrayText;--spectrum-colorhandle-inner-border-color:ButtonText;--spectrum-colorhandle-outer-border-color:ButtonFace}}.spectrum-ColorLoupe_c818a8{width:calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);height:calc(var(--spectrum-colorloupe-height,var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);transform:translate(0,var(--spectrum-global-dimension-static-size-100,8px));opacity:0;transform-origin:bottom;bottom:calc(50% + var(--spectrum-global-dimension-static-size-200,16px));left:calc(50% - (var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2)/2);pointer-events:none;transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute}.spectrum-ColorLoupe_c818a8.is-open_c818a8{opacity:1;z-index:2;transform:translate(0)}.spectrum-ColorLoupe-outer_c818a8{stroke-width:var(--spectrum-colorloupe-outer-border-size,var(--spectrum-global-dimension-static-size-10));fill:var(--spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white));stroke:var(--spectrum-colorloupe-outer-border-color,#3232321a)}.spectrum-ColorLoupe-inner-background_c818a8{fill:var(--spectrum-global-color-static-white,#fff)}.spectrum-ColorLoupe-inner-checker_c818a8{fill:var(--spectrum-global-color-static-gray-500,#bcbcbc)}@media (forced-colors:active){.spectrum-ColorLoupe_c818a8{forced-color-adjust:none;--spectrum-colorloupe-inner-border-color:ButtonText;--spectrum-colorloupe-outer-border-color:ButtonFace}}.spectrum-ColorArea_35e2c0{width:var(--spectrum-colorarea-default-width,var(--spectrum-global-dimension-size-2400));height:var(--spectrum-colorarea-default-height,var(--spectrum-global-dimension-size-2400));min-width:var(--spectrum-colorarea-min-width,var(--spectrum-global-dimension-size-800));min-height:var(--spectrum-colorarea-min-height,var(--spectrum-global-dimension-size-800));border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));cursor:default;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.spectrum-ColorArea_35e2c0.is-focused_35e2c0,.spectrum-ColorArea_35e2c0.focus-ring_35e2c0{z-index:2}.spectrum-ColorArea_35e2c0.is-focused_35e2c0 .spectrum-ColorArea-handle_35e2c0,.spectrum-ColorArea_35e2c0.focus-ring_35e2c0 .spectrum-ColorArea-handle_35e2c0{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{pointer-events:none}.spectrum-ColorArea_35e2c0:before{content:"";z-index:1;border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-ColorArea-handle_35e2c0{top:0;left:0}.spectrum-ColorArea-handle_35e2c0:focus-within{z-index:2}.spectrum-ColorArea-gradient_35e2c0{width:100%;height:100%;border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ColorArea-slider_35e2c0{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorArea_35e2c0:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.spectrum-ColorArea-gradient_35e2c0,.spectrum-ColorHandle-color_35e2c0{forced-color-adjust:none}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{background:var(--spectrum-colorarea-fill-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0 .spectrum-ColorArea-gradient_35e2c0{display:none}@media (forced-colors:active){.spectrum-ColorArea_35e2c0{--spectrum-colorarea-fill-color-disabled:GrayText;forced-color-adjust:none}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{forced-color-adjust:none}}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-focused_31462a .spectrum-ColorWheel-handle_31462a{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorWheel-slider_31462a{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a{width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);--spectrum-colorwheel-track-thickness:var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300));-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;border-radius:100%;display:block;position:relative}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a .spectrum-ColorWheel-handle_31462a{margin:0}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-focused_31462a{z-index:2}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-disabled_31462a{pointer-events:none}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-dragged_31462a{z-index:2}.spectrum-ColorWheel-gradient_31462a{z-index:0;width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);position:relative}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{content:"";border-width:var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin));border-radius:100%;border-style:solid;position:absolute}.spectrum-ColorWheel-gradient_31462a:before{top:0;bottom:0;left:0;right:0}.spectrum-ColorWheel-gradient_31462a:after{top:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));left:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));bottom:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));right:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a{background:var(--spectrum-colorwheel-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorwheel-border-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-segment_31462a{display:none}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorarea-border-color)}@media (forced-colors:active){.spectrum-ColorWheel_31462a{forced-color-adjust:none;--spectrum-colorwheel-fill-color-disabled:GrayText;--spectrum-colorwheel-border-color-disabled:GrayText;--spectrum-colorwheel-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06 .spectrum-ColorSlider-handle_a5bb06{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorSlider-slider_a5bb06{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorSlider-container--horizontal_a5bb06{width:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}.spectrum-ColorSlider-container--vertical_a5bb06{height:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400));flex-direction:column;display:flex}.spectrum-ColorSlider_a5bb06{width:100%;height:var(--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300));border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;display:block;position:relative}.spectrum-ColorSlider_a5bb06:before{content:"";z-index:-1;border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px)calc(-1*var(--spectrum-global-dimension-static-size-100,8px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px))0;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06{z-index:2}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{pointer-events:none}.spectrum-ColorSlider--vertical_a5bb06{width:var(--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300));flex:1;display:inline-block}.spectrum-ColorSlider--vertical_a5bb06 .spectrum-ColorSlider-handle_a5bb06{top:0;left:50%}.spectrum-ColorSlider-handle_a5bb06{top:50%;left:0}.spectrum-ColorSlider-handle_a5bb06:after{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:0%}.spectrum-ColorSlider-labelContainer_a5bb06{display:-ms-grid;-ms-grid-columns:auto 1fr auto;-ms-grid-column-align:start;grid-template-columns:auto 1fr auto;grid-template-areas:"label contextualHelp value";justify-items:start;display:grid}[dir=ltr] .spectrum-ColorSlider-contextualHelp_a5bb06{margin-left:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-ColorSlider-contextualHelp_a5bb06{margin-right:var(--spectrum-global-dimension-size-50)}.spectrum-ColorSlider-contextualHelp_a5bb06{margin-top:var(--spectrum-global-dimension-size-25);grid-area:contextualHelp}[dir=ltr] .spectrum-ColorSlider-valueLabel_a5bb06{margin-left:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-ColorSlider-valueLabel_a5bb06{margin-right:var(--spectrum-global-dimension-size-50)}.spectrum-ColorSlider-valueLabel_a5bb06{grid-area:value}.spectrum-ColorSlider_a5bb06{background-color:var(--spectrum-global-color-static-white,#fff);box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.spectrum-ColorSlider_a5bb06:before{background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorslider-border-color-disabled,var(--spectrum-global-color-gray-300));background:var(--spectrum-colorslider-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.spectrum-ColorSlider_a5bb06 .spectrum-ColorSlider-handle_a5bb06{margin:0}@media (forced-colors:active){.spectrum-ColorSlider_a5bb06{forced-color-adjust:none;--spectrum-colorslider-fill-color-disabled:GrayText;--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}[dir=ltr] .react-spectrum-ColorField-input_7bde3a{text-align:left}[dir=rtl] .react-spectrum-ColorField-input_7bde3a{text-align:right}.react-spectrum-ColorField-input_7bde3a{direction:ltr}
+.spectrum-ColorHandle_5a9f41.is-focused_5a9f41,.spectrum-ColorHandle_5a9f41.focus-ring_5a9f41{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorHandle_5a9f41{z-index:1;box-sizing:border-box;width:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));height:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2);margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2);border-width:var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-25,2px)),calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px)),calc(var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + -1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-25,2px));transition:width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,height var(--spectrum-global-animation-duration-100,.13s)ease-in-out,border-width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-left var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-top var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-ColorHandle_5a9f41,.spectrum-ColorHandle_5a9f41:after{border-radius:100%}.spectrum-ColorHandle_5a9f41:after{content:"";left:calc(50% - var(--spectrum-global-dimension-size-300)/2);top:calc(50% - var(--spectrum-global-dimension-size-300)/2);width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);display:block;position:absolute}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{pointer-events:none}.spectrum-ColorHandle-color_5a9f41{width:100%;height:100%;border-radius:100%}.spectrum-ColorHandle_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color,var(--spectrum-global-color-static-white));box-shadow:0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b;background-color:var(--spectrum-global-color-static-white,#fff);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color-disabled,var(--spectrum-global-color-gray-400));background:var(--spectrum-colorhandle-fill-color-disabled,var(--spectrum-global-color-gray-300));box-shadow:none}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41 .spectrum-ColorHandle-color_5a9f41{display:none}.spectrum-ColorHandle-color_5a9f41{box-shadow:inset 0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b}@media (forced-colors:active){.spectrum-ColorHandle_5a9f41{forced-color-adjust:none;--spectrum-colorhandle-inner-border-color-disabled:GrayText;--spectrum-colorhandle-fill-color-disabled:GrayText;--spectrum-colorhandle-inner-border-color:ButtonText;--spectrum-colorhandle-outer-border-color:ButtonFace}}[dir=ltr] .react-spectrum-ColorField-input_7bde3a{text-align:left}[dir=rtl] .react-spectrum-ColorField-input_7bde3a{text-align:right}.react-spectrum-ColorField-input_7bde3a{direction:ltr}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06 .spectrum-ColorSlider-handle_a5bb06{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorSlider-slider_a5bb06{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorSlider-container--horizontal_a5bb06{width:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}.spectrum-ColorSlider-container--vertical_a5bb06{height:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400));flex-direction:column;display:flex}.spectrum-ColorSlider_a5bb06{width:100%;height:var(--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300));border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;display:block;position:relative}.spectrum-ColorSlider_a5bb06:before{content:"";z-index:-1;border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px)calc(-1*var(--spectrum-global-dimension-static-size-100,8px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px))0;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06{z-index:2}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{pointer-events:none}.spectrum-ColorSlider--vertical_a5bb06{width:var(--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300));flex:1;display:inline-block}.spectrum-ColorSlider--vertical_a5bb06 .spectrum-ColorSlider-handle_a5bb06{top:0;left:50%}.spectrum-ColorSlider-handle_a5bb06{top:50%;left:0}.spectrum-ColorSlider-handle_a5bb06:after{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:0%}.spectrum-ColorSlider-labelContainer_a5bb06{display:-ms-grid;-ms-grid-columns:auto 1fr auto;-ms-grid-column-align:start;grid-template-columns:auto 1fr auto;grid-template-areas:"label contextualHelp value";justify-items:start;display:grid}[dir=ltr] .spectrum-ColorSlider-contextualHelp_a5bb06.spectrum-ColorSlider-contextualHelp_a5bb06{margin-left:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-ColorSlider-contextualHelp_a5bb06.spectrum-ColorSlider-contextualHelp_a5bb06{margin-right:var(--spectrum-global-dimension-size-50)}.spectrum-ColorSlider-contextualHelp_a5bb06.spectrum-ColorSlider-contextualHelp_a5bb06{margin-top:var(--spectrum-global-dimension-size-25);grid-area:contextualHelp}[dir=ltr] .spectrum-ColorSlider-valueLabel_a5bb06{margin-left:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-ColorSlider-valueLabel_a5bb06{margin-right:var(--spectrum-global-dimension-size-50)}.spectrum-ColorSlider-valueLabel_a5bb06{grid-area:value}.spectrum-ColorSlider_a5bb06{background-color:var(--spectrum-global-color-static-white,#fff);box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.spectrum-ColorSlider_a5bb06:before{background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorslider-border-color-disabled,var(--spectrum-global-color-gray-300));background:var(--spectrum-colorslider-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.spectrum-ColorSlider_a5bb06 .spectrum-ColorSlider-handle_a5bb06{margin:0}@media (forced-colors:active){.spectrum-ColorSlider_a5bb06{forced-color-adjust:none;--spectrum-colorslider-fill-color-disabled:GrayText;--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-focused_31462a .spectrum-ColorWheel-handle_31462a{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorWheel-slider_31462a{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a{width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);--spectrum-colorwheel-track-thickness:var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300));-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;border-radius:100%;display:block;position:relative}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a .spectrum-ColorWheel-handle_31462a{margin:0}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-focused_31462a{z-index:2}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-disabled_31462a{pointer-events:none}.spectrum-ColorWheel_31462a.spectrum-ColorWheel_31462a.is-dragged_31462a{z-index:2}.spectrum-ColorWheel-gradient_31462a{z-index:0;width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);position:relative}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{content:"";border-width:var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin));border-style:solid;border-radius:100%;position:absolute}.spectrum-ColorWheel-gradient_31462a:before{top:0;bottom:0;left:0;right:0}.spectrum-ColorWheel-gradient_31462a:after{top:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));left:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));bottom:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));right:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a{background:var(--spectrum-colorwheel-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorwheel-border-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-segment_31462a{display:none}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorarea-border-color)}@media (forced-colors:active){.spectrum-ColorWheel_31462a{forced-color-adjust:none;--spectrum-colorwheel-fill-color-disabled:GrayText;--spectrum-colorwheel-border-color-disabled:GrayText;--spectrum-colorwheel-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.spectrum-ColorArea_35e2c0{width:var(--spectrum-colorarea-default-width,var(--spectrum-global-dimension-size-2400));height:var(--spectrum-colorarea-default-height,var(--spectrum-global-dimension-size-2400));min-width:var(--spectrum-colorarea-min-width,var(--spectrum-global-dimension-size-800));min-height:var(--spectrum-colorarea-min-height,var(--spectrum-global-dimension-size-800));border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));cursor:default;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.spectrum-ColorArea_35e2c0.is-focused_35e2c0,.spectrum-ColorArea_35e2c0.focus-ring_35e2c0{z-index:2}.spectrum-ColorArea_35e2c0.is-focused_35e2c0 .spectrum-ColorArea-handle_35e2c0,.spectrum-ColorArea_35e2c0.focus-ring_35e2c0 .spectrum-ColorArea-handle_35e2c0{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{pointer-events:none}.spectrum-ColorArea_35e2c0:before{content:"";z-index:1;border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-ColorArea-handle_35e2c0{top:0;left:0}.spectrum-ColorArea-handle_35e2c0:focus-within{z-index:2}.spectrum-ColorArea-gradient_35e2c0{width:100%;height:100%;border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ColorArea-slider_35e2c0{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorArea_35e2c0:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.spectrum-ColorArea-gradient_35e2c0,.spectrum-ColorHandle-color_35e2c0{forced-color-adjust:none}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{background:var(--spectrum-colorarea-fill-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0 .spectrum-ColorArea-gradient_35e2c0{display:none}@media (forced-colors:active){.spectrum-ColorArea_35e2c0{--spectrum-colorarea-fill-color-disabled:GrayText;forced-color-adjust:none}.spectrum-ColorArea_35e2c0.is-disabled_35e2c0{forced-color-adjust:none}}.spectrum-ColorLoupe_c818a8{width:calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);height:calc(var(--spectrum-colorloupe-height,var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);transform:translate(0,var(--spectrum-global-dimension-static-size-100,8px));opacity:0;transform-origin:bottom;bottom:calc(50% + var(--spectrum-global-dimension-static-size-200,16px));left:calc(50% - (var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2)/2);pointer-events:none;transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute}.spectrum-ColorLoupe_c818a8.is-open_c818a8{opacity:1;z-index:2;transform:translate(0)}.spectrum-ColorLoupe-outer_c818a8{stroke-width:var(--spectrum-colorloupe-outer-border-size,var(--spectrum-global-dimension-static-size-10));fill:var(--spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white));stroke:var(--spectrum-colorloupe-outer-border-color,#3232321a)}.spectrum-ColorLoupe-inner-background_c818a8{fill:var(--spectrum-global-color-static-white,#fff)}.spectrum-ColorLoupe-inner-checker_c818a8{fill:var(--spectrum-global-color-static-gray-500,#bcbcbc)}@media (forced-colors:active){.spectrum-ColorLoupe_c818a8{forced-color-adjust:none;--spectrum-colorloupe-inner-border-color:ButtonText;--spectrum-colorloupe-outer-border-color:ButtonFace}}

package/dist/main.js

@@ -22,8 +22,39 @@ $parcel$export(module.exports, "ColorArea", () => $5f016e950c2dc3a6$export$b2103
 $parcel$export(module.exports, "ColorWheel", () => $63a2864687444ae1$export$f80663f808113381);
 $parcel$export(module.exports, "ColorSlider", () => $4537dec0de08c277$export$44fd664bcca5b6fb);
 $parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$export$b865d4358897bb17);
-
-
+/*
+ * 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.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2021 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.
+ */ 
+/*
+ * 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.
+ */ 
 
 var $f61d632765728b2e$exports = {};
 
@@ -65,62 +96,62 @@ $f65977ae56facfaa$export$f9a2a02e0b271024 = "spectrum-ColorLoupe-inner-checker_c
 
 
 function $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc(props) {
-    let { value: value , isDisabled: isDisabled , isDragging: isDragging , isFocused: isFocused , children: children , className: className = '' , ...otherProps } = props;
-    let patternId = $aAzec$reactariautils.useId();
-    let valueCSS = value.toString('css');
-    return(/*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports)), 'spectrum-ColorHandle', {
-            'is-focused': isFocused,
-            'is-disabled': isDisabled
-        }) + ' ' + className,
+    let { value: value , isDisabled: isDisabled , isDragging: isDragging , isFocused: isFocused , children: children , className: className = "" , ...otherProps } = props;
+    let patternId = (0, $aAzec$reactariautils.useId)();
+    let valueCSS = value.toString("css");
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle", {
+            "is-focused": isFocused,
+            "is-disabled": isDisabled
+        }) + " " + className,
         ...otherProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports)), 'spectrum-ColorHandle-color'),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle-color"),
         style: {
             backgroundColor: valueCSS
         }
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("svg", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe', {
-            'is-open': isDragging
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("svg", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe", {
+            "is-open": isDragging
         }),
         "aria-hidden": "true"
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("pattern", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("pattern", {
         id: patternId,
         x: "0",
         y: "0",
         width: "16",
         height: "16",
         patternUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("rect", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-inner-background'),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-background"),
         x: "0",
         y: "0",
         width: "16",
         height: "16"
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("rect", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-inner-checker'),
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
         x: "0",
         y: "0",
         width: "8",
         height: "8"
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("rect", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-inner-checker'),
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
         x: "8",
         y: "8",
         width: "8",
         height: "8"
-    })), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("path", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-inner'),
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
         d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
         fill: `url(#${patternId})`
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("path", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-inner'),
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
         d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
         fill: valueCSS
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("path", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports)), 'spectrum-ColorLoupe-outer'),
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-outer"),
         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"
-    })), children));
+    })), children);
 }
 
 
@@ -159,25 +190,25 @@ $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c = "spectrum-ColorHandle-color_35e2c0";
 
 
 function $5f016e950c2dc3a6$var$ColorArea(props, ref) {
-    props = $aAzec$reactspectrumprovider.useProviderProps(props);
+    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
     let { isDisabled: isDisabled  } = props;
-    let size = props.size && $aAzec$reactspectrumutils.dimensionValue(props.size);
-    let { styleProps: styleProps  } = $aAzec$reactspectrumutils.useStyleProps(props);
-    let inputXRef = $aAzec$react.useRef(null);
-    let inputYRef = $aAzec$react.useRef(null);
-    let containerRef = $aAzec$reactspectrumutils.useFocusableRef(ref, inputXRef);
-    let state = $aAzec$reactstatelycolor.useColorAreaState(props);
-    let { colorAreaProps: colorAreaProps , gradientProps: gradientProps , xInputProps: xInputProps , yInputProps: yInputProps , thumbProps: thumbProps  } = $aAzec$reactariacolor.useColorArea({
+    let size = props.size && (0, $aAzec$reactspectrumutils.dimensionValue)(props.size);
+    let { styleProps: styleProps  } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
+    let inputXRef = (0, $aAzec$react.useRef)(null);
+    let inputYRef = (0, $aAzec$react.useRef)(null);
+    let containerRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputXRef);
+    let state = (0, $aAzec$reactstatelycolor.useColorAreaState)(props);
+    let { colorAreaProps: colorAreaProps , gradientProps: gradientProps , xInputProps: xInputProps , yInputProps: yInputProps , thumbProps: thumbProps  } = (0, $aAzec$reactariacolor.useColorArea)({
         ...props,
         inputXRef: inputXRef,
         inputYRef: inputYRef,
         containerRef: containerRef
     }, state);
-    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = $aAzec$reactariafocus.useFocusRing();
-    return(/*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = (0, $aAzec$reactariafocus.useFocusRing)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         ...colorAreaProps,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports)), 'spectrum-ColorArea', {
-            'is-disabled': isDisabled
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea", {
+            "is-disabled": isDisabled
         }, styleProps.className),
         ref: containerRef,
         style: {
@@ -187,34 +218,44 @@ function $5f016e950c2dc3a6$var$ColorArea(props, ref) {
             width: size,
             height: size
         }
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         ...gradientProps,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports)), 'spectrum-ColorArea-gradient')
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($2b9adc23f6c7cae1$export$a3cc47cee1c1ccc, {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-gradient")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
         value: state.getDisplayColor(),
         isFocused: isFocusVisible,
         isDisabled: isDisabled,
         isDragging: state.isDragging,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports)), 'spectrum-ColorArea-handle'),
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-handle"),
         ...thumbProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         role: "presentation"
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("input", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports)), 'spectrum-ColorArea-slider'),
-        ...$aAzec$reactariautils.mergeProps(xInputProps, focusProps),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
+        ...(0, $aAzec$reactariautils.mergeProps)(xInputProps, focusProps),
         ref: inputXRef
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("input", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports)), 'spectrum-ColorArea-slider'),
-        ...$aAzec$reactariautils.mergeProps(yInputProps, focusProps),
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
+        ...(0, $aAzec$reactariautils.mergeProps)(yInputProps, focusProps),
         ref: inputYRef
-    })))));
+    }))));
 }
 /**
  * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
- */ let $5f016e950c2dc3a6$export$b2103f68a961418e = /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).forwardRef($5f016e950c2dc3a6$var$ColorArea);
-
+ */ let $5f016e950c2dc3a6$export$b2103f68a961418e = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($5f016e950c2dc3a6$var$ColorArea);
 
 
+/*
+ * 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.
+ */ 
 
 
 var $8fc6b1a2f4e7f682$exports = {};
@@ -252,18 +293,18 @@ $8fc6b1a2f4e7f682$export$ada9fbffdaa4f10 = "spectrum-ColorWheel-segment_31462a";
 
 const $63a2864687444ae1$var$WHEEL_THICKNESS = 24;
 function $63a2864687444ae1$var$ColorWheel(props, ref) {
-    props = $aAzec$reactspectrumprovider.useProviderProps(props);
+    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
     let { isDisabled: isDisabled  } = props;
-    let size = props.size && $aAzec$reactspectrumutils.dimensionValue(props.size);
-    let { styleProps: styleProps  } = $aAzec$reactspectrumutils.useStyleProps(props);
-    let inputRef = $aAzec$react.useRef(null);
-    let containerRef = $aAzec$reactspectrumutils.useFocusableRef(ref, inputRef);
-    let [wheelRadius, setWheelRadius] = $aAzec$react.useState(0);
-    let [wheelThickness, setWheelThickness] = $aAzec$react.useState($63a2864687444ae1$var$WHEEL_THICKNESS);
-    let resizeHandler = $aAzec$react.useCallback(()=>{
+    let size = props.size && (0, $aAzec$reactspectrumutils.dimensionValue)(props.size);
+    let { styleProps: styleProps  } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
+    let inputRef = (0, $aAzec$react.useRef)(null);
+    let containerRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputRef);
+    let [wheelRadius, setWheelRadius] = (0, $aAzec$react.useState)(0);
+    let [wheelThickness, setWheelThickness] = (0, $aAzec$react.useState)($63a2864687444ae1$var$WHEEL_THICKNESS);
+    let resizeHandler = (0, $aAzec$react.useCallback)(()=>{
         if (containerRef.current) {
             setWheelRadius(containerRef.current.offsetWidth / 2);
-            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue('--spectrum-colorwheel-track-thickness');
+            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue("--spectrum-colorwheel-track-thickness");
             if (thickness) setWheelThickness(parseInt(thickness, 10));
         }
     }, [
@@ -271,59 +312,69 @@ function $63a2864687444ae1$var$ColorWheel(props, ref) {
         setWheelRadius,
         setWheelThickness
     ]);
-    $aAzec$react.useEffect(()=>{
+    (0, $aAzec$react.useEffect)(()=>{
         // the size observer's fallback to the window resize event doesn't fire on mount
         if (wheelRadius === 0) resizeHandler();
     }, [
         wheelRadius,
         resizeHandler
     ]);
-    $aAzec$reactariautils.useResizeObserver({
+    (0, $aAzec$reactariautils.useResizeObserver)({
         ref: containerRef,
         onResize: resizeHandler
     });
-    let state = $aAzec$reactstatelycolor.useColorWheelState(props);
-    let { trackProps: trackProps , inputProps: inputProps , thumbProps: thumbProps  } = $aAzec$reactariacolor.useColorWheel({
+    let state = (0, $aAzec$reactstatelycolor.useColorWheelState)(props);
+    let { trackProps: trackProps , inputProps: inputProps , thumbProps: thumbProps  } = (0, $aAzec$reactariacolor.useColorWheel)({
         ...props,
         innerRadius: wheelRadius - wheelThickness,
         outerRadius: wheelRadius
     }, state, inputRef);
-    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = $aAzec$reactariafocus.useFocusRing();
-    return(/*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports)), 'spectrum-ColorWheel', {
-            'is-disabled': isDisabled
+    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = (0, $aAzec$reactariafocus.useFocusRing)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel", {
+            "is-disabled": isDisabled
         }, styleProps.className),
         ref: containerRef,
         style: {
             ...styleProps.style,
             // Workaround around https://github.com/adobe/spectrum-css/issues/1032
             // @ts-ignore
-            'width': size,
-            'height': size
+            "width": size,
+            "height": size
         }
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         ...trackProps,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports)), 'spectrum-ColorWheel-gradient')
-    }), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($2b9adc23f6c7cae1$export$a3cc47cee1c1ccc, {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-gradient")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
         value: state.getDisplayColor(),
         isFocused: isFocusVisible,
         isDisabled: isDisabled,
         isDragging: state.isDragging,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports)), 'spectrum-ColorWheel-handle'),
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-handle"),
         ...thumbProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("input", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
         ...focusProps,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports)), 'spectrum-ColorWheel-slider'),
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-slider"),
         ...inputProps,
         ref: inputRef
-    }))));
+    })));
 }
 /**
  * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
- */ let $63a2864687444ae1$export$f80663f808113381 = /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).forwardRef($63a2864687444ae1$var$ColorWheel);
-
+ */ let $63a2864687444ae1$export$f80663f808113381 = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($63a2864687444ae1$var$ColorWheel);
 
 
+/*
+ * 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.
+ */ 
 
 
 
@@ -370,88 +421,98 @@ $28060baf29cc5ac7$export$c2fbec5a538c1f81 = "spectrum-ColorSlider-valueLabel_a5b
 
 
 function $4537dec0de08c277$var$ColorSlider(props, ref) {
-    props = $aAzec$reactspectrumprovider.useProviderProps(props);
-    let { isDisabled: isDisabled , channel: channel , orientation: orientation , label: label , showValueLabel: showValueLabel , 'aria-label': ariaLabel  } = props;
-    let vertical = orientation === 'vertical';
-    let { styleProps: styleProps  } = $aAzec$reactspectrumutils.useStyleProps(props);
-    let { locale: locale  } = $aAzec$reactariai18n.useLocale();
-    let inputRef = $aAzec$react.useRef(null);
-    let trackRef = $aAzec$react.useRef(null);
-    let domRef = $aAzec$reactspectrumutils.useFocusableRef(ref, inputRef);
-    let state = $aAzec$reactstatelycolor.useColorSliderState({
+    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
+    let { isDisabled: isDisabled , channel: channel , orientation: orientation , label: label , showValueLabel: showValueLabel , "aria-label": ariaLabel  } = props;
+    let vertical = orientation === "vertical";
+    let { styleProps: styleProps  } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
+    let { locale: locale  } = (0, $aAzec$reactariai18n.useLocale)();
+    let inputRef = (0, $aAzec$react.useRef)(null);
+    let trackRef = (0, $aAzec$react.useRef)(null);
+    let domRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputRef);
+    let state = (0, $aAzec$reactstatelycolor.useColorSliderState)({
         ...props,
         locale: locale
     });
     // If vertical and a label is provided, use it as an aria-label instead.
     if (vertical && label) {
-        ariaLabel = ariaLabel || (typeof label === 'string' ? label : undefined);
+        ariaLabel = ariaLabel || (typeof label === "string" ? label : undefined);
         label = null;
     }
     // If no external label, aria-label or aria-labelledby is provided,
     // default to displaying the localized channel value.
     // Specifically check if label is undefined. If label is `null` then display no visible label.
     // A default aria-label is provided by useColorSlider in that case.
-    if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) label = state.value.getChannelName(channel, locale);
+    if (label === undefined && !ariaLabel && !props["aria-labelledby"] && !vertical) label = state.value.getChannelName(channel, locale);
     // Show the value label by default if there is a visible label
     if (showValueLabel == null) showValueLabel = !!label;
-    let { inputProps: inputProps , thumbProps: thumbProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $aAzec$reactariacolor.useColorSlider({
+    let { inputProps: inputProps , thumbProps: thumbProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = (0, $aAzec$reactariacolor.useColorSlider)({
         ...props,
         label: label,
-        'aria-label': ariaLabel,
+        "aria-label": ariaLabel,
         trackRef: trackRef,
         inputRef: inputRef
     }, state);
-    let { isFocusVisible: isFocusVisible  } = $aAzec$reactariainteractions.useFocusVisible();
-    let [isFocused, setIsFocused] = $aAzec$react.useState(false);
-    let { focusProps: focusProps  } = $aAzec$reactariainteractions.useFocus({
+    let { isFocusVisible: isFocusVisible  } = (0, $aAzec$reactariainteractions.useFocusVisible)();
+    let [isFocused, setIsFocused] = (0, $aAzec$react.useState)(false);
+    let { focusProps: focusProps  } = (0, $aAzec$reactariainteractions.useFocus)({
         isDisabled: isDisabled,
         onFocusChange: setIsFocused
     });
-    return(/*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         ref: domRef,
         ...styleProps,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), {
-            'spectrum-ColorSlider-container--horizontal': !vertical,
-            'spectrum-ColorSlider-container--vertical': vertical
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), {
+            "spectrum-ColorSlider-container--horizontal": !vertical,
+            "spectrum-ColorSlider-container--vertical": vertical
         })
-    }, label && /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider-labelContainer')
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($aAzec$reactspectrumlabel.Label, labelProps, label), props.contextualHelp && /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($aAzec$reactspectrumutils.SlotProvider, {
+    }, label && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-labelContainer")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumlabel.Label), labelProps, label), props.contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumutils.SlotProvider), {
         slots: {
             actionButton: {
-                UNSAFE_className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider-contextualHelp')
+                UNSAFE_className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-contextualHelp")
             }
         }
-    }, props.contextualHelp), showValueLabel && /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($aAzec$reactspectrumlabel.Label, {
+    }, props.contextualHelp), showValueLabel && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumlabel.Label), {
         elementType: "span",
-        UNSAFE_className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider-valueLabel')
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("div", {
+        UNSAFE_className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-valueLabel")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
         ...trackProps,
         ref: trackRef,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider', {
-            'is-disabled': isDisabled,
-            'spectrum-ColorSlider--vertical': vertical
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider", {
+            "is-disabled": isDisabled,
+            "spectrum-ColorSlider--vertical": vertical
         })
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($2b9adc23f6c7cae1$export$a3cc47cee1c1ccc, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
         value: state.getDisplayColor(),
         isFocused: isFocused && isFocusVisible,
         isDisabled: isDisabled,
         isDragging: state.isThumbDragging(0),
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider-handle'),
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-handle"),
         ...thumbProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement("input", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
         ...inputProps,
         ...focusProps,
         ref: inputRef,
-        className: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports)), 'spectrum-ColorSlider-slider')
-    })))));
+        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-slider")
+    }))));
 }
 /**
  * ColorSliders allow users to adjust an individual channel of a color value.
- */ let $4537dec0de08c277$export$44fd664bcca5b6fb = /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).forwardRef($4537dec0de08c277$var$ColorSlider);
-
+ */ let $4537dec0de08c277$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($4537dec0de08c277$var$ColorSlider);
 
 
+/*
+ * 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.
+ */ 
 
 var $ddec4d6aa21146c4$exports = {};
 
@@ -465,25 +526,25 @@ $ddec4d6aa21146c4$export$7d80c6630a750b1 = "react-spectrum-ColorField-input_7bde
 
 
 function $8bdb9bc27ff3debb$var$ColorField(props, ref) {
-    props = $aAzec$reactspectrumprovider.useProviderProps(props);
+    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
     let { value: // These disabled props are handled by the state hook
     value , defaultValue: defaultValue , onChange: onChange , ...otherProps } = props;
-    let state = $aAzec$reactstatelycolor.useColorFieldState(props);
-    let inputRef = $aAzec$react.useRef(null);
-    let { labelProps: labelProps , inputProps: inputProps  } = $aAzec$reactariacolor.useColorField(otherProps, state, inputRef);
-    if (props.placeholder) console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/ColorField.html#help-text');
-    return(/*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).createElement($aAzec$reactspectrumtextfield.TextFieldBase, {
+    let state = (0, $aAzec$reactstatelycolor.useColorFieldState)(props);
+    let inputRef = (0, $aAzec$react.useRef)(null);
+    let { labelProps: labelProps , inputProps: inputProps  } = (0, $aAzec$reactariacolor.useColorField)(otherProps, state, inputRef);
+    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/ColorField.html#help-text");
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumtextfield.TextFieldBase), {
         ...otherProps,
         ref: ref,
         inputRef: inputRef,
         labelProps: labelProps,
         inputProps: inputProps,
-        inputClassName: $aAzec$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ddec4d6aa21146c4$exports)), 'react-spectrum-ColorField-input')
-    }));
+        inputClassName: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ddec4d6aa21146c4$exports))), "react-spectrum-ColorField-input")
+    });
 }
 /**
  * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
- */ const $8bdb9bc27ff3debb$export$b865d4358897bb17 = /*#__PURE__*/ ($parcel$interopDefault($aAzec$react)).forwardRef($8bdb9bc27ff3debb$var$ColorField);
+ */ const $8bdb9bc27ff3debb$export$b865d4358897bb17 = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($8bdb9bc27ff3debb$var$ColorField);