@react-spectrum/color 3.0.0-beta.5 → 3.0.0-beta.6
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 +1 -1
- package/dist/main.js +32 -32
- package/dist/module.js +32 -32
- package/package.json +5 -5
package/dist/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._spectrum-
|
|
1
|
+
._spectrum-ColorHandle_90b59._focus-ring_90b59,._spectrum-ColorHandle_90b59._is-focused_90b59{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorHandle_90b59{display:block;position:absolute;z-index:1;box-sizing:border-box;width:var(--spectrum-global-dimension-size-200);height:var(--spectrum-global-dimension-size-200);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);margin-top:calc(-1 * var(--spectrum-global-dimension-size-200) / 2);border-width:var(--spectrum-global-dimension-static-size-25,2px);border-style:solid;background-size:16px 16px;background-position:-2px -2px,-2px 6px,6px -10px,-10px -2px;transition:width .13s ease-in-out,height .13s ease-in-out,border-width .13s ease-in-out,margin-left .13s ease-in-out,margin-top .13s ease-in-out}._spectrum-ColorHandle_90b59,._spectrum-ColorHandle_90b59:after{border-radius:100%}._spectrum-ColorHandle_90b59:after{content:"";left:calc(50% - var(--spectrum-global-dimension-size-300) / 2);top:calc(50% - var(--spectrum-global-dimension-size-300) / 2);position:absolute;display:block;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorHandle_90b59._is-disabled_90b59{pointer-events:none}._spectrum-ColorHandle-color_90b59{border-radius:100%;width:100%;height:100%}._spectrum-ColorHandle_90b59{border-color:var(--spectrum-global-color-static-white,#fff);box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42);background-color:#fff;background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorHandle_90b59._is-disabled_90b59{border-color:var(--spectrum-global-color-gray-400);background:var(--spectrum-global-color-gray-300);box-shadow:none}._spectrum-ColorHandle_90b59._is-disabled_90b59 ._spectrum-ColorHandle-color_90b59{display:none}._spectrum-ColorHandle-color_90b59{box-shadow:inset 0 0 0 var(--spectrum-global-dimension-static-size-10,1px) rgba(0,0,0,.42)}._spectrum-ColorLoupe_b3834{width:calc(var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);height:calc(var(--spectrum-global-dimension-static-size-800, 64px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2);position:absolute;transform:translateY(8px);opacity:0;transform-origin:bottom center;bottom:calc(50% + 16px);left:calc(50% - (var(--spectrum-global-dimension-static-size-600, 48px) + var(--spectrum-global-dimension-static-size-25, 2px) * 2) / 2);transition:transform .1s ease-in-out,opacity 125ms ease-in-out;pointer-events:none}._spectrum-ColorLoupe_b3834._is-open_b3834{transform:translate(0);opacity:1}._spectrum-ColorLoupe-outer_b3834{stroke-width:var(--spectrum-global-dimension-static-size-10,1px);fill:var(--spectrum-global-color-static-white,#fff);stroke:rgba(50,50,50,.1)}._spectrum-ColorLoupe-inner-background_b3834{fill:#fff}._spectrum-ColorLoupe-inner-checker_b3834{fill:#bcbcbc}._spectrum-ColorWheel_58477._is-focused_58477 ._spectrum-ColorWheel-handle_58477{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorWheel-slider_58477{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorWheel_58477{position:relative;display:block;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16);--spectrum-colorwheel-track-thickness:var(--spectrum-global-dimension-size-300);border-radius:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorWheel_58477 ._spectrum-ColorWheel-handle_58477{margin:0}._spectrum-ColorWheel_58477._is-focused_58477{z-index:2}._spectrum-ColorWheel_58477._is-disabled_58477{pointer-events:none}._spectrum-ColorWheel_58477._is-dragged_58477{z-index:2}._spectrum-ColorWheel-gradient_58477{position:relative;z-index:0;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16)}._spectrum-ColorWheel-gradient_58477:after,._spectrum-ColorWheel-gradient_58477:before{content:"";position:absolute;border-radius:100%;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-style:solid}._spectrum-ColorWheel-gradient_58477:before{top:0;left:0;bottom:0;right:0}._spectrum-ColorWheel-gradient_58477:after{top:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));left:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));bottom:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)));right:calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-ColorWheel_58477._is-disabled_58477 ._spectrum-ColorWheel-gradient_58477{background:var(--spectrum-global-color-gray-300)!important}._spectrum-ColorWheel_58477._is-disabled_58477 ._spectrum-ColorWheel-gradient_58477:after,._spectrum-ColorWheel_58477._is-disabled_58477 ._spectrum-ColorWheel-gradient_58477:before{border-color:var(--spectrum-global-color-gray-300)}._spectrum-ColorWheel_58477._is-disabled_58477 ._spectrum-ColorWheel-segment_58477{display:none}._spectrum-ColorWheel-gradient_58477:after,._spectrum-ColorWheel-gradient_58477:before{border-color:var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_d5afb._is-focused_d5afb ._spectrum-ColorSlider-handle_d5afb{width:calc(var(--spectrum-global-dimension-size-200) * 2);height:calc(var(--spectrum-global-dimension-size-200) * 2);margin-left:calc(-1 * var(--spectrum-global-dimension-size-200));margin-top:calc(-1 * var(--spectrum-global-dimension-size-200))}._spectrum-ColorSlider-slider_d5afb{opacity:.0001;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin:0;pointer-events:none}._spectrum-ColorSlider-container--horizontal_d5afb{width:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider-container--vertical_d5afb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--spectrum-global-dimension-size-2400)}._spectrum-ColorSlider_d5afb{position:relative;display:block;width:100%;height:var(--spectrum-global-dimension-size-300);-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default}._spectrum-ColorSlider_d5afb,._spectrum-ColorSlider_d5afb:before{border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}._spectrum-ColorSlider_d5afb:before{content:"";z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}._spectrum-ColorSlider_d5afb._is-focused_d5afb{z-index:2}._spectrum-ColorSlider_d5afb._is-disabled_d5afb{pointer-events:none}._spectrum-ColorSlider--vertical_d5afb{display:inline-block;width:var(--spectrum-global-dimension-size-300);-ms-flex:1;flex:1}._spectrum-ColorSlider--vertical_d5afb ._spectrum-ColorSlider-handle_d5afb{left:50%;top:0}._spectrum-ColorSlider-handle_d5afb{left:0;top:50%}._spectrum-ColorSlider-handle_d5afb:after{border-radius:0;width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ColorSlider_d5afb{background-color:#fff;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_d5afb:before{background-image:linear-gradient(-45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(45deg,transparent 75.5%,#bcbcbc 0),linear-gradient(-45deg,#bcbcbc 25.5%,transparent 0),linear-gradient(45deg,#bcbcbc 25.5%,transparent 0)}._spectrum-ColorSlider_d5afb._is-disabled_d5afb{background:var(--spectrum-global-color-gray-300)!important;box-shadow:inset 0 0 0 var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) var(--spectrum-global-color-gray-300)}._spectrum-ColorSlider_d5afb ._spectrum-ColorSlider-handle_d5afb{margin:0}[dir=ltr] ._react-spectrum-ColorField-input_86851{text-align:left}[dir=rtl] ._react-spectrum-ColorField-input_86851{text-align:right}._react-spectrum-ColorField-input_86851{direction:ltr}
|
|
2
2
|
/*# sourceMappingURL=main.css.map */
|
package/dist/main.js
CHANGED
|
@@ -72,23 +72,23 @@ function $parcel$interopDefault(a) {
|
|
|
72
72
|
return a && a.__esModule ? a.default : a;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
// ASSET: /Users/govett/
|
|
75
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css
|
|
76
76
|
var $a55762e3754ccaed122df9bda494d$exports = {};
|
|
77
77
|
$a55762e3754ccaed122df9bda494d$exports = {
|
|
78
|
-
"spectrum-ColorHandle": "_spectrum-
|
|
79
|
-
"is-focused": "_is-
|
|
80
|
-
"focus-ring": "_focus-
|
|
81
|
-
"is-disabled": "_is-
|
|
82
|
-
"spectrum-ColorHandle-color": "_spectrum-ColorHandle-
|
|
78
|
+
"spectrum-ColorHandle": "_spectrum-ColorHandle_90b59",
|
|
79
|
+
"is-focused": "_is-focused_90b59",
|
|
80
|
+
"focus-ring": "_focus-ring_90b59",
|
|
81
|
+
"is-disabled": "_is-disabled_90b59",
|
|
82
|
+
"spectrum-ColorHandle-color": "_spectrum-ColorHandle-color_90b59"
|
|
83
83
|
};
|
|
84
|
-
// ASSET: /Users/govett/
|
|
84
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css
|
|
85
85
|
var $c0c7404f767cd2ff4437cc6ce4e$exports = {};
|
|
86
86
|
$c0c7404f767cd2ff4437cc6ce4e$exports = {
|
|
87
|
-
"spectrum-ColorLoupe": "_spectrum-
|
|
88
|
-
"is-open": "_is-
|
|
89
|
-
"spectrum-ColorLoupe-outer": "_spectrum-ColorLoupe-
|
|
90
|
-
"spectrum-ColorLoupe-inner-background": "_spectrum-ColorLoupe-inner-
|
|
91
|
-
"spectrum-ColorLoupe-inner-checker": "_spectrum-ColorLoupe-inner-
|
|
87
|
+
"spectrum-ColorLoupe": "_spectrum-ColorLoupe_b3834",
|
|
88
|
+
"is-open": "_is-open_b3834",
|
|
89
|
+
"spectrum-ColorLoupe-outer": "_spectrum-ColorLoupe-outer_b3834",
|
|
90
|
+
"spectrum-ColorLoupe-inner-background": "_spectrum-ColorLoupe-inner-background_b3834",
|
|
91
|
+
"spectrum-ColorLoupe-inner-checker": "_spectrum-ColorLoupe-inner-checker_b3834"
|
|
92
92
|
};
|
|
93
93
|
var $a55762e3754ccaed122df9bda494d$$interop$default = $parcel$interopDefault($a55762e3754ccaed122df9bda494d$exports);
|
|
94
94
|
var $c0c7404f767cd2ff4437cc6ce4e$$interop$default = $parcel$interopDefault($c0c7404f767cd2ff4437cc6ce4e$exports);
|
|
@@ -160,17 +160,17 @@ function $f1039d797e7720d032e7ae6b6b3355b$export$ColorThumb(props) {
|
|
|
160
160
|
})), children);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
// ASSET: /Users/govett/
|
|
163
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css
|
|
164
164
|
var $fa4e08bc458be14d6359c7136192ec4$exports = {};
|
|
165
165
|
$fa4e08bc458be14d6359c7136192ec4$exports = {
|
|
166
|
-
"spectrum-ColorWheel": "_spectrum-
|
|
167
|
-
"is-focused": "_is-
|
|
168
|
-
"spectrum-ColorWheel-handle": "_spectrum-ColorWheel-
|
|
169
|
-
"spectrum-ColorWheel-slider": "_spectrum-ColorWheel-
|
|
170
|
-
"is-disabled": "_is-
|
|
171
|
-
"is-dragged": "_is-
|
|
172
|
-
"spectrum-ColorWheel-gradient": "_spectrum-ColorWheel-
|
|
173
|
-
"spectrum-ColorWheel-segment": "_spectrum-ColorWheel-
|
|
166
|
+
"spectrum-ColorWheel": "_spectrum-ColorWheel_58477",
|
|
167
|
+
"is-focused": "_is-focused_58477",
|
|
168
|
+
"spectrum-ColorWheel-handle": "_spectrum-ColorWheel-handle_58477",
|
|
169
|
+
"spectrum-ColorWheel-slider": "_spectrum-ColorWheel-slider_58477",
|
|
170
|
+
"is-disabled": "_is-disabled_58477",
|
|
171
|
+
"is-dragged": "_is-dragged_58477",
|
|
172
|
+
"spectrum-ColorWheel-gradient": "_spectrum-ColorWheel-gradient_58477",
|
|
173
|
+
"spectrum-ColorWheel-segment": "_spectrum-ColorWheel-segment_58477"
|
|
174
174
|
};
|
|
175
175
|
const $c78a3286fdf083d3611a04f1cfbd186e$var$WHEEL_THICKNESS = 24;
|
|
176
176
|
var $fa4e08bc458be14d6359c7136192ec4$$interop$default = $parcel$interopDefault($fa4e08bc458be14d6359c7136192ec4$exports);
|
|
@@ -254,17 +254,17 @@ function $c78a3286fdf083d3611a04f1cfbd186e$var$ColorWheel(props, ref) {
|
|
|
254
254
|
let ColorWheel = /*#__PURE__*/_react.forwardRef($c78a3286fdf083d3611a04f1cfbd186e$var$ColorWheel);
|
|
255
255
|
|
|
256
256
|
exports.ColorWheel = ColorWheel;
|
|
257
|
-
// ASSET: /Users/govett/
|
|
257
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css
|
|
258
258
|
var $af343c9aea50f8d58d87012145d$exports = {};
|
|
259
259
|
$af343c9aea50f8d58d87012145d$exports = {
|
|
260
|
-
"spectrum-ColorSlider": "_spectrum-
|
|
261
|
-
"is-focused": "_is-
|
|
262
|
-
"spectrum-ColorSlider-handle": "_spectrum-ColorSlider-
|
|
263
|
-
"spectrum-ColorSlider-slider": "_spectrum-ColorSlider-
|
|
264
|
-
"spectrum-ColorSlider-container--horizontal": "_spectrum-ColorSlider-container--
|
|
265
|
-
"spectrum-ColorSlider-container--vertical": "_spectrum-ColorSlider-container--
|
|
266
|
-
"is-disabled": "_is-
|
|
267
|
-
"spectrum-ColorSlider--vertical": "_spectrum-ColorSlider--
|
|
260
|
+
"spectrum-ColorSlider": "_spectrum-ColorSlider_d5afb",
|
|
261
|
+
"is-focused": "_is-focused_d5afb",
|
|
262
|
+
"spectrum-ColorSlider-handle": "_spectrum-ColorSlider-handle_d5afb",
|
|
263
|
+
"spectrum-ColorSlider-slider": "_spectrum-ColorSlider-slider_d5afb",
|
|
264
|
+
"spectrum-ColorSlider-container--horizontal": "_spectrum-ColorSlider-container--horizontal_d5afb",
|
|
265
|
+
"spectrum-ColorSlider-container--vertical": "_spectrum-ColorSlider-container--vertical_d5afb",
|
|
266
|
+
"is-disabled": "_is-disabled_d5afb",
|
|
267
|
+
"spectrum-ColorSlider--vertical": "_spectrum-ColorSlider--vertical_d5afb"
|
|
268
268
|
};
|
|
269
269
|
var $af343c9aea50f8d58d87012145d$$interop$default = $parcel$interopDefault($af343c9aea50f8d58d87012145d$exports);
|
|
270
270
|
|
|
@@ -381,10 +381,10 @@ function $fb4f131139da532ca621e724fdbef3c$var$ColorSlider(props, ref) {
|
|
|
381
381
|
let ColorSlider = /*#__PURE__*/_react.forwardRef($fb4f131139da532ca621e724fdbef3c$var$ColorSlider);
|
|
382
382
|
|
|
383
383
|
exports.ColorSlider = ColorSlider;
|
|
384
|
-
// ASSET: /Users/govett/
|
|
384
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-spectrum/color/src/colorfield.css
|
|
385
385
|
var $b08711e3115a699593427293c2e01ba$exports = {};
|
|
386
386
|
$b08711e3115a699593427293c2e01ba$exports = {
|
|
387
|
-
"react-spectrum-ColorField-input": "_react-spectrum-ColorField-
|
|
387
|
+
"react-spectrum-ColorField-input": "_react-spectrum-ColorField-input_86851"
|
|
388
388
|
};
|
|
389
389
|
var $b08711e3115a699593427293c2e01ba$$interop$default = $parcel$interopDefault($b08711e3115a699593427293c2e01ba$exports);
|
|
390
390
|
|
package/dist/module.js
CHANGED
|
@@ -18,23 +18,23 @@ function $parcel$interopDefault(a) {
|
|
|
18
18
|
return a && a.__esModule ? a.default : a;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
// ASSET: /Users/govett/
|
|
21
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css
|
|
22
22
|
var $c1d45c9efa4321d2caaabcad$exports = {};
|
|
23
23
|
$c1d45c9efa4321d2caaabcad$exports = {
|
|
24
|
-
"spectrum-ColorHandle": "_spectrum-
|
|
25
|
-
"is-focused": "_is-
|
|
26
|
-
"focus-ring": "_focus-
|
|
27
|
-
"is-disabled": "_is-
|
|
28
|
-
"spectrum-ColorHandle-color": "_spectrum-ColorHandle-
|
|
24
|
+
"spectrum-ColorHandle": "_spectrum-ColorHandle_90b59",
|
|
25
|
+
"is-focused": "_is-focused_90b59",
|
|
26
|
+
"focus-ring": "_focus-ring_90b59",
|
|
27
|
+
"is-disabled": "_is-disabled_90b59",
|
|
28
|
+
"spectrum-ColorHandle-color": "_spectrum-ColorHandle-color_90b59"
|
|
29
29
|
};
|
|
30
|
-
// ASSET: /Users/govett/
|
|
30
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css
|
|
31
31
|
var $ec92b82bdbd68020936817f8c4e6c2a$exports = {};
|
|
32
32
|
$ec92b82bdbd68020936817f8c4e6c2a$exports = {
|
|
33
|
-
"spectrum-ColorLoupe": "_spectrum-
|
|
34
|
-
"is-open": "_is-
|
|
35
|
-
"spectrum-ColorLoupe-outer": "_spectrum-ColorLoupe-
|
|
36
|
-
"spectrum-ColorLoupe-inner-background": "_spectrum-ColorLoupe-inner-
|
|
37
|
-
"spectrum-ColorLoupe-inner-checker": "_spectrum-ColorLoupe-inner-
|
|
33
|
+
"spectrum-ColorLoupe": "_spectrum-ColorLoupe_b3834",
|
|
34
|
+
"is-open": "_is-open_b3834",
|
|
35
|
+
"spectrum-ColorLoupe-outer": "_spectrum-ColorLoupe-outer_b3834",
|
|
36
|
+
"spectrum-ColorLoupe-inner-background": "_spectrum-ColorLoupe-inner-background_b3834",
|
|
37
|
+
"spectrum-ColorLoupe-inner-checker": "_spectrum-ColorLoupe-inner-checker_b3834"
|
|
38
38
|
};
|
|
39
39
|
var $c1d45c9efa4321d2caaabcad$$interop$default = $parcel$interopDefault($c1d45c9efa4321d2caaabcad$exports);
|
|
40
40
|
var $ec92b82bdbd68020936817f8c4e6c2a$$interop$default = $parcel$interopDefault($ec92b82bdbd68020936817f8c4e6c2a$exports);
|
|
@@ -106,17 +106,17 @@ function $cdd8663043560cec63b4e230ec6e9f1$export$ColorThumb(props) {
|
|
|
106
106
|
})), children);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
// ASSET: /Users/govett/
|
|
109
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css
|
|
110
110
|
var $dcd06c3755bbe1eb4ff3238a5ab59863$exports = {};
|
|
111
111
|
$dcd06c3755bbe1eb4ff3238a5ab59863$exports = {
|
|
112
|
-
"spectrum-ColorWheel": "_spectrum-
|
|
113
|
-
"is-focused": "_is-
|
|
114
|
-
"spectrum-ColorWheel-handle": "_spectrum-ColorWheel-
|
|
115
|
-
"spectrum-ColorWheel-slider": "_spectrum-ColorWheel-
|
|
116
|
-
"is-disabled": "_is-
|
|
117
|
-
"is-dragged": "_is-
|
|
118
|
-
"spectrum-ColorWheel-gradient": "_spectrum-ColorWheel-
|
|
119
|
-
"spectrum-ColorWheel-segment": "_spectrum-ColorWheel-
|
|
112
|
+
"spectrum-ColorWheel": "_spectrum-ColorWheel_58477",
|
|
113
|
+
"is-focused": "_is-focused_58477",
|
|
114
|
+
"spectrum-ColorWheel-handle": "_spectrum-ColorWheel-handle_58477",
|
|
115
|
+
"spectrum-ColorWheel-slider": "_spectrum-ColorWheel-slider_58477",
|
|
116
|
+
"is-disabled": "_is-disabled_58477",
|
|
117
|
+
"is-dragged": "_is-dragged_58477",
|
|
118
|
+
"spectrum-ColorWheel-gradient": "_spectrum-ColorWheel-gradient_58477",
|
|
119
|
+
"spectrum-ColorWheel-segment": "_spectrum-ColorWheel-segment_58477"
|
|
120
120
|
};
|
|
121
121
|
const $bba021f7e6d36b6853febf56a778d$var$WHEEL_THICKNESS = 24;
|
|
122
122
|
var $dcd06c3755bbe1eb4ff3238a5ab59863$$interop$default = $parcel$interopDefault($dcd06c3755bbe1eb4ff3238a5ab59863$exports);
|
|
@@ -198,17 +198,17 @@ function $bba021f7e6d36b6853febf56a778d$var$ColorWheel(props, ref) {
|
|
|
198
198
|
|
|
199
199
|
|
|
200
200
|
export let ColorWheel = /*#__PURE__*/_react.forwardRef($bba021f7e6d36b6853febf56a778d$var$ColorWheel);
|
|
201
|
-
// ASSET: /Users/govett/
|
|
201
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css
|
|
202
202
|
var $d5576e4bc9a7ae94e3998a51423$exports = {};
|
|
203
203
|
$d5576e4bc9a7ae94e3998a51423$exports = {
|
|
204
|
-
"spectrum-ColorSlider": "_spectrum-
|
|
205
|
-
"is-focused": "_is-
|
|
206
|
-
"spectrum-ColorSlider-handle": "_spectrum-ColorSlider-
|
|
207
|
-
"spectrum-ColorSlider-slider": "_spectrum-ColorSlider-
|
|
208
|
-
"spectrum-ColorSlider-container--horizontal": "_spectrum-ColorSlider-container--
|
|
209
|
-
"spectrum-ColorSlider-container--vertical": "_spectrum-ColorSlider-container--
|
|
210
|
-
"is-disabled": "_is-
|
|
211
|
-
"spectrum-ColorSlider--vertical": "_spectrum-ColorSlider--
|
|
204
|
+
"spectrum-ColorSlider": "_spectrum-ColorSlider_d5afb",
|
|
205
|
+
"is-focused": "_is-focused_d5afb",
|
|
206
|
+
"spectrum-ColorSlider-handle": "_spectrum-ColorSlider-handle_d5afb",
|
|
207
|
+
"spectrum-ColorSlider-slider": "_spectrum-ColorSlider-slider_d5afb",
|
|
208
|
+
"spectrum-ColorSlider-container--horizontal": "_spectrum-ColorSlider-container--horizontal_d5afb",
|
|
209
|
+
"spectrum-ColorSlider-container--vertical": "_spectrum-ColorSlider-container--vertical_d5afb",
|
|
210
|
+
"is-disabled": "_is-disabled_d5afb",
|
|
211
|
+
"spectrum-ColorSlider--vertical": "_spectrum-ColorSlider--vertical_d5afb"
|
|
212
212
|
};
|
|
213
213
|
var $d5576e4bc9a7ae94e3998a51423$$interop$default = $parcel$interopDefault($d5576e4bc9a7ae94e3998a51423$exports);
|
|
214
214
|
|
|
@@ -323,10 +323,10 @@ function $dbcb06f1785939ebc9c915ac7132d142$var$ColorSlider(props, ref) {
|
|
|
323
323
|
|
|
324
324
|
|
|
325
325
|
export let ColorSlider = /*#__PURE__*/_react.forwardRef($dbcb06f1785939ebc9c915ac7132d142$var$ColorSlider);
|
|
326
|
-
// ASSET: /Users/govett/
|
|
326
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-spectrum/color/src/colorfield.css
|
|
327
327
|
var $ef922cc9e1840d9627379bdc5921de72$exports = {};
|
|
328
328
|
$ef922cc9e1840d9627379bdc5921de72$exports = {
|
|
329
|
-
"react-spectrum-ColorField-input": "_react-spectrum-ColorField-
|
|
329
|
+
"react-spectrum-ColorField-input": "_react-spectrum-ColorField-input_86851"
|
|
330
330
|
};
|
|
331
331
|
var $ef922cc9e1840d9627379bdc5921de72$$interop$default = $parcel$interopDefault($ef922cc9e1840d9627379bdc5921de72$exports);
|
|
332
332
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/color",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/color": "3.0.0-beta.
|
|
35
|
+
"@react-aria/color": "3.0.0-beta.6",
|
|
36
36
|
"@react-aria/focus": "^3.5.0",
|
|
37
37
|
"@react-aria/i18n": "^3.3.3",
|
|
38
38
|
"@react-aria/interactions": "^3.7.0",
|
|
39
39
|
"@react-aria/slider": "^3.0.3",
|
|
40
|
-
"@react-aria/utils": "^3.
|
|
40
|
+
"@react-aria/utils": "^3.11.0",
|
|
41
41
|
"@react-spectrum/label": "^3.4.1",
|
|
42
42
|
"@react-spectrum/layout": "^3.2.1",
|
|
43
43
|
"@react-spectrum/textfield": "^3.3.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@react-stately/slider": "^3.0.3",
|
|
47
47
|
"@react-stately/utils": "^3.3.0",
|
|
48
48
|
"@react-types/color": "3.0.0-beta.3",
|
|
49
|
-
"@react-types/shared": "^3.10.
|
|
49
|
+
"@react-types/shared": "^3.10.1",
|
|
50
50
|
"@react-types/slider": "^3.0.2",
|
|
51
51
|
"@react-types/textfield": "^3.3.0"
|
|
52
52
|
},
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "45e63a00c00486cf57b457371da6f8749cd9bca4"
|
|
65
65
|
}
|