@react-spectrum/color 3.0.0-nightly.4464 → 3.0.0-nightly.4472
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.
- package/dist/main.css +491 -1
- package/dist/main.css.map +1 -0
- package/package.json +16 -16
package/dist/main.css
CHANGED
@@ -1 +1,491 @@
|
|
1
|
-
.hoc2UW_spectrum-ColorHandle{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*calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2));margin-top:calc(-1*calc(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) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px))),calc(var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px)))calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px))),calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px)))calc(-1*var(--spectrum-global-dimension-static-size-25,2px));transition:width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,height var(--spectrum-global-animation-duration-100,.13s)ease-in-out,border-width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-left var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-top var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;border-radius:100%;display:block;position:absolute}.hoc2UW_spectrum-ColorHandle:after{content:"";left:calc(50% - calc(var(--spectrum-global-dimension-size-300)/2));top:calc(50% - calc(var(--spectrum-global-dimension-size-300)/2));width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:100%;display:block;position:absolute}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled{pointer-events:none}.hoc2UW_spectrum-ColorControl-handle--focused{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.hoc2UW_spectrum-ColorHandle-color{border-radius:100%;width:100%;height:100%}.hoc2UW_spectrum-ColorHandle{border-color:var(--spectrum-colorhandle-inner-border-color,var(--spectrum-global-color-static-white));box-shadow:0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b;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%)}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled{border-color:var(--spectrum-colorhandle-inner-border-color-disabled,var(--spectrum-global-color-gray-400));background:var(--spectrum-colorhandle-fill-color-disabled,var(--spectrum-global-color-gray-300));box-shadow:none}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled .hoc2UW_spectrum-ColorHandle-color{display:none}.hoc2UW_spectrum-ColorHandle-color{box-shadow:inset 0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b}@media (forced-colors:active){.hoc2UW_spectrum-ColorHandle{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}}.HpWpfq_spectrum-ColorLoupe{width:calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);height:calc(var(--spectrum-colorloupe-height,var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);transform:translate(0,var(--spectrum-global-dimension-static-size-100,8px));opacity:0;transform-origin:bottom;bottom:calc(50% + var(--spectrum-global-dimension-static-size-200,16px));left:calc(50% - calc(calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2)/2));pointer-events:none;transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute}.HpWpfq_spectrum-ColorLoupe.HpWpfq_is-open{opacity:1;z-index:2;transform:translate(0)}.HpWpfq_spectrum-ColorLoupe-outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,var(--spectrum-global-dimension-static-size-10));fill:var(--spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white));stroke:var(--spectrum-colorloupe-outer-border-color,#3232321a)}.HpWpfq_spectrum-ColorLoupe-inner-background{fill:var(--spectrum-global-color-static-white,#fff)}.HpWpfq_spectrum-ColorLoupe-inner-checker{fill:var(--spectrum-global-color-static-gray-500,#bcbcbc)}@media (forced-colors:active){.HpWpfq_spectrum-ColorLoupe{forced-color-adjust:none;--spectrum-colorloupe-inner-border-color:ButtonText;--spectrum-colorloupe-outer-border-color:ButtonFace}}.lm1DSq_spectrum-ColorArea{inline-size:var(--spectrum-colorarea-default-width,var(--spectrum-global-dimension-size-2400));block-size:var(--spectrum-colorarea-default-height,var(--spectrum-global-dimension-size-2400));min-inline-size:var(--spectrum-colorarea-min-width,var(--spectrum-global-dimension-size-800));min-block-size: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}.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused{z-index:2}.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused .lm1DSq_spectrum-ColorArea-handle{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);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)))}.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring{z-index:2}.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring .lm1DSq_spectrum-ColorArea-handle{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);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)))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{pointer-events:none}.lm1DSq_spectrum-ColorArea: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}.lm1DSq_spectrum-ColorArea-handle{top:0;left:0}.lm1DSq_spectrum-ColorArea-handle:focus-within{z-index:2}.lm1DSq_spectrum-ColorArea-gradient{border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));width:100%;height:100%}.lm1DSq_spectrum-ColorArea-slider{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.lm1DSq_spectrum-ColorArea:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.lm1DSq_spectrum-ColorArea-gradient,.lm1DSq_spectrum-ColorHandle-color{forced-color-adjust:none}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{background:var(--spectrum-colorarea-fill-color-disabled,var(--spectrum-global-color-gray-300))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color-disabled,var(--spectrum-global-color-gray-300))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled .lm1DSq_spectrum-ColorArea-gradient{display:none}@media (forced-colors:active){.lm1DSq_spectrum-ColorArea{--spectrum-colorarea-fill-color-disabled:GrayText;forced-color-adjust:none}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{forced-color-adjust:none}}.qPIMxa_spectrum-ColorControl-hiddenField{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel{width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);--spectrum-colorwheel-track-thickness:var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300));-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;border-radius:100%;display:block;position:relative}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel .qPIMxa_spectrum-ColorWheel-handle{margin:0}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-focused{z-index:2}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled{pointer-events:none}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-dragged{z-index:2}.qPIMxa_spectrum-ColorWheel-gradient{z-index:0;width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);position:relative}.qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel-gradient:after{content:"";border-width:var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin));border-style:solid;border-radius:100%;position:absolute}.qPIMxa_spectrum-ColorWheel-gradient:before{top:0;bottom:0;left:0;right:0}.qPIMxa_spectrum-ColorWheel-gradient:after{top:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));left:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));bottom:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));right:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)))}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient{background:var(--spectrum-colorwheel-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:after{border-color:var(--spectrum-colorwheel-border-color-disabled,var(--spectrum-global-color-gray-300))}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-segment{display:none}.qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel-gradient:after{border-color:var(--spectrum-colorarea-border-color)}@media (forced-colors:active){.qPIMxa_spectrum-ColorWheel{forced-color-adjust:none;--spectrum-colorwheel-fill-color-disabled:GrayText;--spectrum-colorwheel-border-color-disabled:GrayText;--spectrum-colorwheel-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.WJOmgG_spectrum-ColorControl-hiddenField{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.WJOmgG_spectrum-ColorSlider-container--horizontal{width:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}.WJOmgG_spectrum-ColorSlider-container--vertical{height:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400));flex-direction:column;display:flex}.WJOmgG_spectrum-ColorSlider{height:var(--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300));border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;width:100%;display:block;position:relative}.WJOmgG_spectrum-ColorSlider .WJOmgG_spectrum-ColorSlider-handle.WJOmgG_spectrum-ColorSlider-handle{margin:0}.WJOmgG_spectrum-ColorSlider:before{content:"";z-index:-1;border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px)calc(-1*var(--spectrum-global-dimension-static-size-100,8px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px))0;position:absolute;top:0;bottom:0;left:0;right:0}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-focused{z-index:2}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled{pointer-events:none}.WJOmgG_spectrum-ColorSlider--vertical{width:var(--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300));flex:1;display:inline-block}.WJOmgG_spectrum-ColorSlider--vertical .WJOmgG_spectrum-ColorSlider-handle{top:0;left:50%}.WJOmgG_spectrum-ColorSlider-handle{top:50%;left:0}.WJOmgG_spectrum-ColorSlider-handle:after{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:0%}.WJOmgG_spectrum-ColorSlider-labelContainer{grid-template-columns:auto 1fr auto;grid-template-areas:"WJOmgG_label WJOmgG_contextualHelp WJOmgG_value";justify-items:start;display:grid}.WJOmgG_spectrum-ColorSlider-contextualHelp.WJOmgG_spectrum-ColorSlider-contextualHelp{margin-inline-start:var(--spectrum-global-dimension-size-50);margin-top:var(--spectrum-global-dimension-size-25);grid-area:WJOmgG_contextualHelp}.WJOmgG_spectrum-ColorSlider-valueLabel{grid-area:WJOmgG_value;margin-inline-start:var(--spectrum-global-dimension-size-50)}.WJOmgG_spectrum-ColorSlider{background-color:var(--spectrum-global-color-static-white,#fff);box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.WJOmgG_spectrum-ColorSlider: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%)}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled{box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorslider-border-color-disabled,var(--spectrum-global-color-gray-300));background:var(--spectrum-colorslider-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}@media (forced-colors:active){.WJOmgG_spectrum-ColorSlider{forced-color-adjust:none;--spectrum-colorslider-fill-color-disabled:GrayText;--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown){unicode-bidi:plaintext}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:end}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:end}
|
1
|
+
.hoc2UW_spectrum-ColorHandle {
|
2
|
+
z-index: 1;
|
3
|
+
box-sizing: border-box;
|
4
|
+
width: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
|
5
|
+
height: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
|
6
|
+
margin-left: calc(-1 * calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2));
|
7
|
+
margin-top: calc(-1 * calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2));
|
8
|
+
border-width: var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25));
|
9
|
+
background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
|
10
|
+
background-position: calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)), calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))), calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
|
11
|
+
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;
|
12
|
+
border-style: solid;
|
13
|
+
display: block;
|
14
|
+
position: absolute;
|
15
|
+
}
|
16
|
+
|
17
|
+
.hoc2UW_spectrum-ColorHandle {
|
18
|
+
border-radius: 100%;
|
19
|
+
}
|
20
|
+
|
21
|
+
.hoc2UW_spectrum-ColorHandle:after {
|
22
|
+
border-radius: 100%;
|
23
|
+
}
|
24
|
+
|
25
|
+
.hoc2UW_spectrum-ColorHandle:after {
|
26
|
+
content: "";
|
27
|
+
left: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
|
28
|
+
top: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
|
29
|
+
width: var(--spectrum-global-dimension-size-300);
|
30
|
+
height: var(--spectrum-global-dimension-size-300);
|
31
|
+
display: block;
|
32
|
+
position: absolute;
|
33
|
+
}
|
34
|
+
|
35
|
+
.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled {
|
36
|
+
pointer-events: none;
|
37
|
+
}
|
38
|
+
|
39
|
+
.hoc2UW_spectrum-ColorControl-handle--focused {
|
40
|
+
width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
41
|
+
height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
42
|
+
margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
43
|
+
margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
44
|
+
}
|
45
|
+
|
46
|
+
.hoc2UW_is-focused, .hoc2UW_focus-ring {
|
47
|
+
}
|
48
|
+
|
49
|
+
.hoc2UW_spectrum-ColorHandle-color {
|
50
|
+
border-radius: 100%;
|
51
|
+
width: 100%;
|
52
|
+
height: 100%;
|
53
|
+
}
|
54
|
+
|
55
|
+
.hoc2UW_spectrum-ColorHandle {
|
56
|
+
border-color: var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));
|
57
|
+
box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
|
58
|
+
background-color: var(--spectrum-global-color-static-white, #fff);
|
59
|
+
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%);
|
60
|
+
}
|
61
|
+
|
62
|
+
.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled {
|
63
|
+
border-color: var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));
|
64
|
+
background: var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-global-color-gray-300));
|
65
|
+
box-shadow: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled .hoc2UW_spectrum-ColorHandle-color {
|
69
|
+
display: none;
|
70
|
+
}
|
71
|
+
|
72
|
+
.hoc2UW_spectrum-ColorHandle-color {
|
73
|
+
box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
|
74
|
+
}
|
75
|
+
|
76
|
+
@media (forced-colors: active) {
|
77
|
+
.hoc2UW_spectrum-ColorHandle {
|
78
|
+
forced-color-adjust: none;
|
79
|
+
--spectrum-colorhandle-inner-border-color-disabled: GrayText;
|
80
|
+
--spectrum-colorhandle-fill-color-disabled: GrayText;
|
81
|
+
--spectrum-colorhandle-inner-border-color: ButtonText;
|
82
|
+
--spectrum-colorhandle-outer-border-color: ButtonFace;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
|
86
|
+
.HpWpfq_spectrum-ColorLoupe {
|
87
|
+
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);
|
88
|
+
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);
|
89
|
+
transform: translate(0, var(--spectrum-global-dimension-static-size-100, 8px));
|
90
|
+
opacity: 0;
|
91
|
+
transform-origin: bottom;
|
92
|
+
bottom: calc(50% + var(--spectrum-global-dimension-static-size-200, 16px));
|
93
|
+
left: calc(50% - calc(calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) / 2));
|
94
|
+
pointer-events: none;
|
95
|
+
transition: transform .1s ease-in-out, opacity .125s ease-in-out;
|
96
|
+
position: absolute;
|
97
|
+
}
|
98
|
+
|
99
|
+
.HpWpfq_spectrum-ColorLoupe.HpWpfq_is-open {
|
100
|
+
opacity: 1;
|
101
|
+
z-index: 2;
|
102
|
+
transform: translate(0);
|
103
|
+
}
|
104
|
+
|
105
|
+
.HpWpfq_spectrum-ColorLoupe-outer {
|
106
|
+
stroke-width: var(--spectrum-colorloupe-outer-border-size, var(--spectrum-global-dimension-static-size-10));
|
107
|
+
fill: var(--spectrum-colorloupe-inner-border-color, var(--spectrum-global-color-static-white));
|
108
|
+
stroke: var(--spectrum-colorloupe-outer-border-color, #3232321a);
|
109
|
+
}
|
110
|
+
|
111
|
+
.HpWpfq_spectrum-ColorLoupe-inner-background {
|
112
|
+
fill: var(--spectrum-global-color-static-white, #fff);
|
113
|
+
}
|
114
|
+
|
115
|
+
.HpWpfq_spectrum-ColorLoupe-inner-checker {
|
116
|
+
fill: var(--spectrum-global-color-static-gray-500, #bcbcbc);
|
117
|
+
}
|
118
|
+
|
119
|
+
@media (forced-colors: active) {
|
120
|
+
.HpWpfq_spectrum-ColorLoupe {
|
121
|
+
forced-color-adjust: none;
|
122
|
+
--spectrum-colorloupe-inner-border-color: ButtonText;
|
123
|
+
--spectrum-colorloupe-outer-border-color: ButtonFace;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
|
127
|
+
.lm1DSq_spectrum-ColorArea {
|
128
|
+
inline-size: var(--spectrum-colorarea-default-width, var(--spectrum-global-dimension-size-2400));
|
129
|
+
block-size: var(--spectrum-colorarea-default-height, var(--spectrum-global-dimension-size-2400));
|
130
|
+
min-inline-size: var(--spectrum-colorarea-min-width, var(--spectrum-global-dimension-size-800));
|
131
|
+
min-block-size: var(--spectrum-colorarea-min-height, var(--spectrum-global-dimension-size-800));
|
132
|
+
border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
|
133
|
+
cursor: default;
|
134
|
+
-webkit-user-select: none;
|
135
|
+
user-select: none;
|
136
|
+
display: inline-block;
|
137
|
+
position: relative;
|
138
|
+
}
|
139
|
+
|
140
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused {
|
141
|
+
z-index: 2;
|
142
|
+
}
|
143
|
+
|
144
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused .lm1DSq_spectrum-ColorArea-handle {
|
145
|
+
width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
146
|
+
height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
147
|
+
margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
148
|
+
margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
149
|
+
}
|
150
|
+
|
151
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring {
|
152
|
+
z-index: 2;
|
153
|
+
}
|
154
|
+
|
155
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring .lm1DSq_spectrum-ColorArea-handle {
|
156
|
+
width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
157
|
+
height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
|
158
|
+
margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
159
|
+
margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
|
160
|
+
}
|
161
|
+
|
162
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
|
163
|
+
pointer-events: none;
|
164
|
+
}
|
165
|
+
|
166
|
+
.lm1DSq_spectrum-ColorArea:before {
|
167
|
+
content: "";
|
168
|
+
z-index: 1;
|
169
|
+
border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
|
170
|
+
position: absolute;
|
171
|
+
top: 0;
|
172
|
+
bottom: 0;
|
173
|
+
left: 0;
|
174
|
+
right: 0;
|
175
|
+
}
|
176
|
+
|
177
|
+
.lm1DSq_spectrum-ColorArea-handle {
|
178
|
+
top: 0;
|
179
|
+
left: 0;
|
180
|
+
}
|
181
|
+
|
182
|
+
.lm1DSq_spectrum-ColorArea-handle:focus-within {
|
183
|
+
z-index: 2;
|
184
|
+
}
|
185
|
+
|
186
|
+
.lm1DSq_spectrum-ColorArea-gradient {
|
187
|
+
border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
|
188
|
+
width: 100%;
|
189
|
+
height: 100%;
|
190
|
+
}
|
191
|
+
|
192
|
+
.lm1DSq_spectrum-ColorArea-slider {
|
193
|
+
opacity: .0001;
|
194
|
+
z-index: 0;
|
195
|
+
pointer-events: none;
|
196
|
+
width: 100%;
|
197
|
+
height: 100%;
|
198
|
+
margin: 0;
|
199
|
+
position: absolute;
|
200
|
+
top: 0;
|
201
|
+
left: 0;
|
202
|
+
}
|
203
|
+
|
204
|
+
.lm1DSq_spectrum-ColorArea:before {
|
205
|
+
box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
|
206
|
+
}
|
207
|
+
|
208
|
+
.lm1DSq_spectrum-ColorArea-gradient, .lm1DSq_spectrum-ColorHandle-color {
|
209
|
+
forced-color-adjust: none;
|
210
|
+
}
|
211
|
+
|
212
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
|
213
|
+
background: var(--spectrum-colorarea-fill-color-disabled, var(--spectrum-global-color-gray-300));
|
214
|
+
}
|
215
|
+
|
216
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled:before {
|
217
|
+
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));
|
218
|
+
}
|
219
|
+
|
220
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled .lm1DSq_spectrum-ColorArea-gradient {
|
221
|
+
display: none;
|
222
|
+
}
|
223
|
+
|
224
|
+
@media (forced-colors: active) {
|
225
|
+
.lm1DSq_spectrum-ColorArea {
|
226
|
+
--spectrum-colorarea-fill-color-disabled: GrayText;
|
227
|
+
}
|
228
|
+
|
229
|
+
.lm1DSq_spectrum-ColorArea {
|
230
|
+
forced-color-adjust: none;
|
231
|
+
}
|
232
|
+
|
233
|
+
.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
|
234
|
+
forced-color-adjust: none;
|
235
|
+
}
|
236
|
+
}
|
237
|
+
|
238
|
+
.qPIMxa_spectrum-ColorControl-hiddenField {
|
239
|
+
opacity: .0001;
|
240
|
+
z-index: 0;
|
241
|
+
pointer-events: none;
|
242
|
+
width: 100%;
|
243
|
+
height: 100%;
|
244
|
+
margin: 0;
|
245
|
+
position: absolute;
|
246
|
+
top: 0;
|
247
|
+
left: 0;
|
248
|
+
}
|
249
|
+
|
250
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel {
|
251
|
+
width: calc(var(--spectrum-global-dimension-size-125) * 16);
|
252
|
+
height: calc(var(--spectrum-global-dimension-size-125) * 16);
|
253
|
+
--spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300));
|
254
|
+
-webkit-user-select: none;
|
255
|
+
user-select: none;
|
256
|
+
touch-action: none;
|
257
|
+
cursor: default;
|
258
|
+
border-radius: 100%;
|
259
|
+
display: block;
|
260
|
+
position: relative;
|
261
|
+
}
|
262
|
+
|
263
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel .qPIMxa_spectrum-ColorWheel-handle {
|
264
|
+
margin: 0;
|
265
|
+
}
|
266
|
+
|
267
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-focused {
|
268
|
+
z-index: 2;
|
269
|
+
}
|
270
|
+
|
271
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled {
|
272
|
+
pointer-events: none;
|
273
|
+
}
|
274
|
+
|
275
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-dragged {
|
276
|
+
z-index: 2;
|
277
|
+
}
|
278
|
+
|
279
|
+
.qPIMxa_spectrum-ColorWheel-gradient {
|
280
|
+
z-index: 0;
|
281
|
+
width: calc(var(--spectrum-global-dimension-size-125) * 16);
|
282
|
+
height: calc(var(--spectrum-global-dimension-size-125) * 16);
|
283
|
+
position: relative;
|
284
|
+
}
|
285
|
+
|
286
|
+
.qPIMxa_spectrum-ColorWheel-gradient:before {
|
287
|
+
content: "";
|
288
|
+
border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
|
289
|
+
border-style: solid;
|
290
|
+
border-radius: 100%;
|
291
|
+
position: absolute;
|
292
|
+
}
|
293
|
+
|
294
|
+
.qPIMxa_spectrum-ColorWheel-gradient:after {
|
295
|
+
content: "";
|
296
|
+
border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
|
297
|
+
border-style: solid;
|
298
|
+
border-radius: 100%;
|
299
|
+
position: absolute;
|
300
|
+
}
|
301
|
+
|
302
|
+
.qPIMxa_spectrum-ColorWheel-gradient:before {
|
303
|
+
top: 0;
|
304
|
+
bottom: 0;
|
305
|
+
left: 0;
|
306
|
+
right: 0;
|
307
|
+
}
|
308
|
+
|
309
|
+
.qPIMxa_spectrum-ColorWheel-gradient:after {
|
310
|
+
top: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
|
311
|
+
left: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
|
312
|
+
bottom: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
|
313
|
+
right: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
|
314
|
+
}
|
315
|
+
|
316
|
+
.qPIMxa_spectrum-ColorWheel-slider {
|
317
|
+
}
|
318
|
+
|
319
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient {
|
320
|
+
background: var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
|
321
|
+
}
|
322
|
+
|
323
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:before {
|
324
|
+
border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
|
325
|
+
}
|
326
|
+
|
327
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:after {
|
328
|
+
border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
|
329
|
+
}
|
330
|
+
|
331
|
+
.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-segment {
|
332
|
+
display: none;
|
333
|
+
}
|
334
|
+
|
335
|
+
.qPIMxa_spectrum-ColorWheel-gradient:before {
|
336
|
+
border-color: var(--spectrum-colorarea-border-color);
|
337
|
+
}
|
338
|
+
|
339
|
+
.qPIMxa_spectrum-ColorWheel-gradient:after {
|
340
|
+
border-color: var(--spectrum-colorarea-border-color);
|
341
|
+
}
|
342
|
+
|
343
|
+
@media (forced-colors: active) {
|
344
|
+
.qPIMxa_spectrum-ColorWheel {
|
345
|
+
forced-color-adjust: none;
|
346
|
+
--spectrum-colorwheel-fill-color-disabled: GrayText;
|
347
|
+
--spectrum-colorwheel-border-color-disabled: GrayText;
|
348
|
+
--spectrum-colorwheel-border-color: ButtonText;
|
349
|
+
--spectrum-colorarea-border-color: ButtonText;
|
350
|
+
}
|
351
|
+
}
|
352
|
+
|
353
|
+
.WJOmgG_spectrum-ColorControl-hiddenField {
|
354
|
+
opacity: .0001;
|
355
|
+
z-index: 0;
|
356
|
+
pointer-events: none;
|
357
|
+
width: 100%;
|
358
|
+
height: 100%;
|
359
|
+
margin: 0;
|
360
|
+
position: absolute;
|
361
|
+
top: 0;
|
362
|
+
left: 0;
|
363
|
+
}
|
364
|
+
|
365
|
+
.WJOmgG_spectrum-ColorSlider-container--horizontal {
|
366
|
+
width: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
|
367
|
+
}
|
368
|
+
|
369
|
+
.WJOmgG_spectrum-ColorSlider-container--vertical {
|
370
|
+
height: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
|
371
|
+
flex-direction: column;
|
372
|
+
display: flex;
|
373
|
+
}
|
374
|
+
|
375
|
+
.WJOmgG_spectrum-ColorSlider {
|
376
|
+
height: var(--spectrum-colorslider-height, var(--spectrum-global-dimension-size-300));
|
377
|
+
border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
|
378
|
+
-webkit-user-select: none;
|
379
|
+
user-select: none;
|
380
|
+
touch-action: none;
|
381
|
+
cursor: default;
|
382
|
+
width: 100%;
|
383
|
+
display: block;
|
384
|
+
position: relative;
|
385
|
+
}
|
386
|
+
|
387
|
+
.WJOmgG_spectrum-ColorSlider .WJOmgG_spectrum-ColorSlider-handle.WJOmgG_spectrum-ColorSlider-handle {
|
388
|
+
margin: 0;
|
389
|
+
}
|
390
|
+
|
391
|
+
.WJOmgG_spectrum-ColorSlider:before {
|
392
|
+
content: "";
|
393
|
+
z-index: -1;
|
394
|
+
border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
|
395
|
+
background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
|
396
|
+
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;
|
397
|
+
position: absolute;
|
398
|
+
top: 0;
|
399
|
+
bottom: 0;
|
400
|
+
left: 0;
|
401
|
+
right: 0;
|
402
|
+
}
|
403
|
+
|
404
|
+
.WJOmgG_spectrum-ColorSlider.WJOmgG_is-focused {
|
405
|
+
z-index: 2;
|
406
|
+
}
|
407
|
+
|
408
|
+
.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled {
|
409
|
+
pointer-events: none;
|
410
|
+
}
|
411
|
+
|
412
|
+
.WJOmgG_spectrum-ColorSlider--vertical {
|
413
|
+
width: var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));
|
414
|
+
flex: 1;
|
415
|
+
display: inline-block;
|
416
|
+
}
|
417
|
+
|
418
|
+
.WJOmgG_spectrum-ColorSlider--vertical .WJOmgG_spectrum-ColorSlider-handle {
|
419
|
+
top: 0;
|
420
|
+
left: 50%;
|
421
|
+
}
|
422
|
+
|
423
|
+
.WJOmgG_spectrum-ColorSlider-handle {
|
424
|
+
top: 50%;
|
425
|
+
left: 0;
|
426
|
+
}
|
427
|
+
|
428
|
+
.WJOmgG_spectrum-ColorSlider-handle:after {
|
429
|
+
width: var(--spectrum-global-dimension-size-300);
|
430
|
+
height: var(--spectrum-global-dimension-size-300);
|
431
|
+
border-radius: 0%;
|
432
|
+
}
|
433
|
+
|
434
|
+
.WJOmgG_spectrum-ColorSlider-slider {
|
435
|
+
}
|
436
|
+
|
437
|
+
.WJOmgG_spectrum-ColorSlider-labelContainer {
|
438
|
+
grid-template-columns: auto 1fr auto;
|
439
|
+
grid-template-areas: "WJOmgG_label WJOmgG_contextualHelp WJOmgG_value";
|
440
|
+
justify-items: start;
|
441
|
+
display: grid;
|
442
|
+
}
|
443
|
+
|
444
|
+
.WJOmgG_spectrum-ColorSlider-contextualHelp.WJOmgG_spectrum-ColorSlider-contextualHelp {
|
445
|
+
margin-inline-start: var(--spectrum-global-dimension-size-50);
|
446
|
+
margin-top: var(--spectrum-global-dimension-size-25);
|
447
|
+
grid-area: WJOmgG_contextualHelp;
|
448
|
+
}
|
449
|
+
|
450
|
+
.WJOmgG_spectrum-ColorSlider-valueLabel {
|
451
|
+
grid-area: WJOmgG_value;
|
452
|
+
margin-inline-start: var(--spectrum-global-dimension-size-50);
|
453
|
+
}
|
454
|
+
|
455
|
+
.WJOmgG_spectrum-ColorSlider {
|
456
|
+
background-color: var(--spectrum-global-color-static-white, #fff);
|
457
|
+
box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
|
458
|
+
}
|
459
|
+
|
460
|
+
.WJOmgG_spectrum-ColorSlider:before {
|
461
|
+
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%);
|
462
|
+
}
|
463
|
+
|
464
|
+
.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled {
|
465
|
+
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));
|
466
|
+
background: var(--spectrum-colorslider-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
|
467
|
+
}
|
468
|
+
|
469
|
+
@media (forced-colors: active) {
|
470
|
+
.WJOmgG_spectrum-ColorSlider {
|
471
|
+
forced-color-adjust: none;
|
472
|
+
--spectrum-colorslider-fill-color-disabled: GrayText;
|
473
|
+
--spectrum-colorslider-border-color-disabled: GrayText;
|
474
|
+
--spectrum-colorslider-border-color: ButtonText;
|
475
|
+
--spectrum-colorarea-border-color: ButtonText;
|
476
|
+
}
|
477
|
+
}
|
478
|
+
|
479
|
+
.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown) {
|
480
|
+
unicode-bidi: plaintext;
|
481
|
+
}
|
482
|
+
|
483
|
+
.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
484
|
+
text-align: end;
|
485
|
+
}
|
486
|
+
|
487
|
+
.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
488
|
+
text-align: end;
|
489
|
+
}
|
490
|
+
|
491
|
+
/*# sourceMappingURL=main.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAYA;;;;;;;;;;;;;;;;AA8BE;;;;AAAA;;;;AAKA;;;;;;;;;;AAUA;;;;AAKF;;;;;;;AASA;;;AAKA;;;;;;AAMA;;;;;;;AAaE;;;;;;AAKE;;;;AAMJ;;;;AAIA;EACE;;;;;;;;;ACnGF;;;;;;;;;;;;;AAuBE;;;;;;AAOF;;;;;;AASA;;;;AAIA;;;;AAIA;EACE;;;;;;;AChDF;;;;;;;;;;;;;AAcE;;;;AAIE;;;;;;;AAJF;;;;AAIE;;;;;;;AAUF;;;;AAKA;;;;;;;;;;;AAYF;;;;;AAIE;;;;AAKF;;;;;;AAMA;;;;;;;;;;;;AAaI;;;;AAKJ;;;;AASI;;;;AAGE;;;;AAIA;;;;AAMN;EACI;;;;EAGA;;;;EAEE;;;;;ACxGN;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAcE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMF;;;;;;;AAME;;;;;;;;AAAA;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAQF;;;AAMI;;;;AAGE;;;;AAAA;;;;AAOF;;;;AAOF;;;;AAAA;;;;AAMF;EACE;;;;;;;;;AC1GF;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;AAaE;;;;AAKA;;;;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKF;;;;;;AAME;;;;;AAMF;;;;;AAIE;;;;;;AAWF;;;AAIA;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAIE;;;;AASA;;;;;AAMF;EACE;;;;;;;;;ACvIF;;;;AAEE;;;;AAAA","sources":["packages/@adobe/spectrum-css-temp/components/colorhandle/vars.css","packages/@adobe/spectrum-css-temp/components/colorloupe/vars.css","packages/@adobe/spectrum-css-temp/components/colorarea/vars.css","packages/@adobe/spectrum-css-temp/components/colorwheel/vars.css","packages/@adobe/spectrum-css-temp/components/colorslider/vars.css","packages/@react-spectrum/color/src/colorfield.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@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 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\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\n.react-spectrum-ColorField-input:not(:placeholder-shown) {\n unicode-bidi: plaintext;\n &:dir(rtl) {\n text-align: end;\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/color",
|
3
|
-
"version": "3.0.0-nightly.
|
3
|
+
"version": "3.0.0-nightly.4472+8b7fb3e2b",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -36,23 +36,23 @@
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
|
-
"@react-aria/color": "3.0.0-nightly.
|
40
|
-
"@react-aria/focus": "3.0.0-nightly.
|
41
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
42
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
43
|
-
"@react-aria/utils": "3.0.0-nightly.
|
44
|
-
"@react-spectrum/form": "3.0.0-nightly.
|
45
|
-
"@react-spectrum/label": "3.16.
|
46
|
-
"@react-spectrum/textfield": "3.0.0-nightly.
|
47
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
48
|
-
"@react-stately/color": "3.5.
|
49
|
-
"@react-types/color": "3.0.0-nightly.
|
50
|
-
"@react-types/shared": "3.0.0-nightly.
|
51
|
-
"@react-types/textfield": "3.0.0-nightly.
|
39
|
+
"@react-aria/color": "3.0.0-nightly.4472+8b7fb3e2b",
|
40
|
+
"@react-aria/focus": "3.0.0-nightly.2760+8b7fb3e2b",
|
41
|
+
"@react-aria/i18n": "3.0.0-nightly.2760+8b7fb3e2b",
|
42
|
+
"@react-aria/interactions": "3.0.0-nightly.2760+8b7fb3e2b",
|
43
|
+
"@react-aria/utils": "3.0.0-nightly.2760+8b7fb3e2b",
|
44
|
+
"@react-spectrum/form": "3.0.0-nightly.2760+8b7fb3e2b",
|
45
|
+
"@react-spectrum/label": "3.16.5-nightly.4472+8b7fb3e2b",
|
46
|
+
"@react-spectrum/textfield": "3.0.0-nightly.2760+8b7fb3e2b",
|
47
|
+
"@react-spectrum/utils": "3.0.0-nightly.2760+8b7fb3e2b",
|
48
|
+
"@react-stately/color": "3.5.4-nightly.4472+8b7fb3e2b",
|
49
|
+
"@react-types/color": "3.0.0-nightly.4472+8b7fb3e2b",
|
50
|
+
"@react-types/shared": "3.0.0-nightly.2760+8b7fb3e2b",
|
51
|
+
"@react-types/textfield": "3.0.0-nightly.2760+8b7fb3e2b",
|
52
52
|
"@swc/helpers": "^0.5.0"
|
53
53
|
},
|
54
54
|
"devDependencies": {
|
55
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
55
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2760+8b7fb3e2b"
|
56
56
|
},
|
57
57
|
"peerDependencies": {
|
58
58
|
"@react-spectrum/provider": "^3.0.0",
|
@@ -62,5 +62,5 @@
|
|
62
62
|
"publishConfig": {
|
63
63
|
"access": "public"
|
64
64
|
},
|
65
|
-
"gitHead": "
|
65
|
+
"gitHead": "8b7fb3e2b3d557bf7932dd541c5702d218354ad9"
|
66
66
|
}
|