@react-spectrum/color 3.0.0-nightly.4624 → 3.0.0-nightly.4637

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/ColorArea.main.js +5 -5
  2. package/dist/ColorArea.mjs +5 -5
  3. package/dist/ColorArea.module.js +5 -5
  4. package/dist/ColorEditor.main.js +21 -21
  5. package/dist/ColorEditor.mjs +21 -21
  6. package/dist/ColorEditor.module.js +21 -21
  7. package/dist/ColorField.main.js +4 -4
  8. package/dist/ColorField.mjs +4 -4
  9. package/dist/ColorField.module.js +4 -4
  10. package/dist/ColorPicker.main.js +46 -46
  11. package/dist/ColorPicker.mjs +46 -46
  12. package/dist/ColorPicker.module.js +46 -46
  13. package/dist/ColorSlider.main.js +15 -15
  14. package/dist/ColorSlider.mjs +15 -15
  15. package/dist/ColorSlider.module.js +15 -15
  16. package/dist/ColorSwatch.main.js +30 -30
  17. package/dist/ColorSwatch.mjs +30 -30
  18. package/dist/ColorSwatch.module.js +30 -30
  19. package/dist/ColorSwatchPicker.main.js +40 -40
  20. package/dist/ColorSwatchPicker.mjs +40 -40
  21. package/dist/ColorSwatchPicker.module.js +40 -40
  22. package/dist/ColorThumb.main.js +20 -20
  23. package/dist/ColorThumb.mjs +20 -20
  24. package/dist/ColorThumb.module.js +20 -20
  25. package/dist/ColorWheel.main.js +8 -8
  26. package/dist/ColorWheel.mjs +8 -8
  27. package/dist/ColorWheel.module.js +8 -8
  28. package/package.json +22 -22
package/dist/ColorArea.main.js CHANGED
@@ -59,8 +59,8 @@ function $5f016e950c2dc3a6$var$ColorArea(props, ref) {
59
59
  let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $6Gwd1$reactariafocus.useFocusRing)();
60
60
  return /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("div", {
61
61
  ...colorAreaProps,
62
- className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea", {
63
- "is-disabled": isDisabled
62
+ className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea', {
63
+ 'is-disabled': isDisabled
64
64
  }, styleProps.className),
65
65
  ref: containerRef,
66
66
  style: {
@@ -76,16 +76,16 @@ function $5f016e950c2dc3a6$var$ColorArea(props, ref) {
76
76
  isDisabled: isDisabled,
77
77
  isDragging: state.isDragging,
78
78
  containerRef: containerRef,
79
- className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-handle"),
79
+ className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-handle'),
80
80
  ...thumbProps
81
81
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("div", {
82
82
  role: "presentation"
83
83
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("input", {
84
- className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
84
+ className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-slider'),
85
85
  ...(0, $6Gwd1$reactariautils.mergeProps)(xInputProps, focusProps),
86
86
  ref: inputXRef
87
87
  }), /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("input", {
88
- className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
88
+ className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-slider'),
89
89
  ...(0, $6Gwd1$reactariautils.mergeProps)(yInputProps, focusProps),
90
90
  ref: inputYRef
91
91
  }))));
package/dist/ColorArea.mjs CHANGED
@@ -53,8 +53,8 @@ function $40046aa1a7ccb226$var$ColorArea(props, ref) {
53
53
  let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $4eSry$useFocusRing)();
54
54
  return /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
55
55
  ...colorAreaProps,
56
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea", {
57
- "is-disabled": isDisabled
56
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea', {
57
+ 'is-disabled': isDisabled
58
58
  }, styleProps.className),
59
59
  ref: containerRef,
60
60
  style: {
@@ -70,16 +70,16 @@ function $40046aa1a7ccb226$var$ColorArea(props, ref) {
70
70
  isDisabled: isDisabled,
71
71
  isDragging: state.isDragging,
72
72
  containerRef: containerRef,
73
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-handle"),
73
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-handle'),
74
74
  ...thumbProps
75
75
  }, /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
76
76
  role: "presentation"
77
77
  }, /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
78
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-slider"),
78
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
79
79
  ...(0, $4eSry$mergeProps)(xInputProps, focusProps),
80
80
  ref: inputXRef
81
81
  }), /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
82
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-slider"),
82
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
83
83
  ...(0, $4eSry$mergeProps)(yInputProps, focusProps),
84
84
  ref: inputYRef
85
85
  }))));
package/dist/ColorArea.module.js CHANGED
@@ -53,8 +53,8 @@ function $40046aa1a7ccb226$var$ColorArea(props, ref) {
53
53
  let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $4eSry$useFocusRing)();
54
54
  return /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
55
55
  ...colorAreaProps,
56
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea", {
57
- "is-disabled": isDisabled
56
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea', {
57
+ 'is-disabled': isDisabled
58
58
  }, styleProps.className),
59
59
  ref: containerRef,
60
60
  style: {
@@ -70,16 +70,16 @@ function $40046aa1a7ccb226$var$ColorArea(props, ref) {
70
70
  isDisabled: isDisabled,
71
71
  isDragging: state.isDragging,
72
72
  containerRef: containerRef,
73
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-handle"),
73
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-handle'),
74
74
  ...thumbProps
75
75
  }, /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
76
76
  role: "presentation"
77
77
  }, /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
78
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-slider"),
78
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
79
79
  ...(0, $4eSry$mergeProps)(xInputProps, focusProps),
80
80
  ref: inputXRef
81
81
  }), /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
82
- className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), "spectrum-ColorArea-slider"),
82
+ className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
83
83
  ...(0, $4eSry$mergeProps)(yInputProps, focusProps),
84
84
  ref: inputYRef
85
85
  }))));
package/dist/ColorEditor.main.js CHANGED
@@ -29,25 +29,25 @@ $parcel$export(module.exports, "ColorEditor", () => $ecaab91cad36cb44$export$5aa
29
29
 
30
30
 
31
31
  function $ecaab91cad36cb44$var$ColorEditor(props, ref) {
32
- let [format, setFormat] = (0, $2H14s$react.useState)("hex");
32
+ let [format, setFormat] = (0, $2H14s$react.useState)('hex');
33
33
  let domRef = (0, $2H14s$reactspectrumutils.useDOMRef)(ref);
34
- let formatter = (0, $2H14s$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($5cb66132bfdb0a33$exports))), "@react-spectrum/color");
34
+ let formatter = (0, $2H14s$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($5cb66132bfdb0a33$exports))), '@react-spectrum/color');
35
35
  return /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement("div", {
36
36
  className: function anonymous(props) {
37
37
  let rules = "";
38
- rules += " _Sd";
39
- rules += " _Zb";
40
- rules += " le";
41
- rules += " me";
38
+ rules += ' _Sd';
39
+ rules += ' _Zb';
40
+ rules += ' le';
41
+ rules += ' me';
42
42
  return rules;
43
43
  }(),
44
44
  ref: domRef
45
45
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement("div", {
46
46
  className: function anonymous(props) {
47
47
  let rules = "";
48
- rules += " _Sd";
49
- rules += " le";
50
- rules += " me";
48
+ rules += ' _Sd';
49
+ rules += ' le';
50
+ rules += ' me';
51
51
  return rules;
52
52
  }()
53
53
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $5f016e950c2dc3a6$exports.ColorArea), {
@@ -64,13 +64,13 @@ function $ecaab91cad36cb44$var$ColorEditor(props, ref) {
64
64
  })), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement("div", {
65
65
  className: function anonymous(props) {
66
66
  let rules = "";
67
- rules += " _Sd";
68
- rules += " le";
69
- rules += " me";
67
+ rules += ' _Sd';
68
+ rules += ' le';
69
+ rules += ' me';
70
70
  return rules;
71
71
  }()
72
72
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Picker), {
73
- "aria-label": formatter.format("colorFormat"),
73
+ "aria-label": formatter.format('colorFormat'),
74
74
  isQuiet: true,
75
75
  width: "size-700",
76
76
  menuWidth: "size-1000",
@@ -78,25 +78,25 @@ function $ecaab91cad36cb44$var$ColorEditor(props, ref) {
78
78
  onSelectionChange: (f)=>setFormat(f)
79
79
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
80
80
  key: "hex"
81
- }, formatter.format("hex")), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
81
+ }, formatter.format('hex')), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
82
82
  key: "rgb"
83
- }, formatter.format("rgb")), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
83
+ }, formatter.format('rgb')), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
84
84
  key: "hsl"
85
- }, formatter.format("hsl")), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
85
+ }, formatter.format('hsl')), /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $2H14s$reactspectrumpicker.Item), {
86
86
  key: "hsb"
87
- }, formatter.format("hsb"))), format === "hex" ? /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $8bdb9bc27ff3debb$exports.ColorField), {
87
+ }, formatter.format('hsb'))), format === 'hex' ? /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $8bdb9bc27ff3debb$exports.ColorField), {
88
88
  isQuiet: true,
89
89
  width: "size-1000",
90
- "aria-label": formatter.format("hex")
90
+ "aria-label": formatter.format('hex')
91
91
  }) : (0, $2H14s$reactstatelycolor.getColorChannels)(format).map((channel)=>/*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $8bdb9bc27ff3debb$exports.ColorField), {
92
92
  key: channel,
93
- colorSpace: format === "hex" ? "rgb" : format,
93
+ colorSpace: format === 'hex' ? 'rgb' : format,
94
94
  channel: channel,
95
95
  isQuiet: true,
96
96
  width: "size-400",
97
97
  flex: true,
98
98
  UNSAFE_style: {
99
- "--spectrum-textfield-min-width": 0
99
+ '--spectrum-textfield-min-width': 0
100
100
  }
101
101
  })), !props.hideAlphaChannel && /*#__PURE__*/ (0, ($parcel$interopDefault($2H14s$react))).createElement((0, $8bdb9bc27ff3debb$exports.ColorField), {
102
102
  channel: "alpha",
@@ -104,7 +104,7 @@ function $ecaab91cad36cb44$var$ColorEditor(props, ref) {
104
104
  width: "size-400",
105
105
  flex: true,
106
106
  UNSAFE_style: {
107
- "--spectrum-textfield-min-width": 0
107
+ '--spectrum-textfield-min-width': 0
108
108
  }
109
109
  })));
110
110
  }
package/dist/ColorEditor.mjs CHANGED
@@ -23,25 +23,25 @@ function $parcel$interopDefault(a) {
23
23
 
24
24
 
25
25
  function $49352c629f2d8349$var$ColorEditor(props, ref) {
26
- let [format, setFormat] = (0, $3Vio4$useState)("hex");
26
+ let [format, setFormat] = (0, $3Vio4$useState)('hex');
27
27
  let domRef = (0, $3Vio4$useDOMRef)(ref);
28
- let formatter = (0, $3Vio4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3Vio4$intlStringsmodulejs))), "@react-spectrum/color");
28
+ let formatter = (0, $3Vio4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3Vio4$intlStringsmodulejs))), '@react-spectrum/color');
29
29
  return /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
30
30
  className: function anonymous(props) {
31
31
  let rules = "";
32
- rules += " _Sd";
33
- rules += " _Zb";
34
- rules += " le";
35
- rules += " me";
32
+ rules += ' _Sd';
33
+ rules += ' _Zb';
34
+ rules += ' le';
35
+ rules += ' me';
36
36
  return rules;
37
37
  }(),
38
38
  ref: domRef
39
39
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
40
40
  className: function anonymous(props) {
41
41
  let rules = "";
42
- rules += " _Sd";
43
- rules += " le";
44
- rules += " me";
42
+ rules += ' _Sd';
43
+ rules += ' le';
44
+ rules += ' me';
45
45
  return rules;
46
46
  }()
47
47
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $40046aa1a7ccb226$export$b2103f68a961418e), {
@@ -58,13 +58,13 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
58
58
  })), /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
59
59
  className: function anonymous(props) {
60
60
  let rules = "";
61
- rules += " _Sd";
62
- rules += " le";
63
- rules += " me";
61
+ rules += ' _Sd';
62
+ rules += ' le';
63
+ rules += ' me';
64
64
  return rules;
65
65
  }()
66
66
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Picker), {
67
- "aria-label": formatter.format("colorFormat"),
67
+ "aria-label": formatter.format('colorFormat'),
68
68
  isQuiet: true,
69
69
  width: "size-700",
70
70
  menuWidth: "size-1000",
@@ -72,25 +72,25 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
72
72
  onSelectionChange: (f)=>setFormat(f)
73
73
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
74
74
  key: "hex"
75
- }, formatter.format("hex")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
75
+ }, formatter.format('hex')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
76
76
  key: "rgb"
77
- }, formatter.format("rgb")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
77
+ }, formatter.format('rgb')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
78
78
  key: "hsl"
79
- }, formatter.format("hsl")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
79
+ }, formatter.format('hsl')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
80
80
  key: "hsb"
81
- }, formatter.format("hsb"))), format === "hex" ? /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
81
+ }, formatter.format('hsb'))), format === 'hex' ? /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
82
82
  isQuiet: true,
83
83
  width: "size-1000",
84
- "aria-label": formatter.format("hex")
84
+ "aria-label": formatter.format('hex')
85
85
  }) : (0, $3Vio4$getColorChannels)(format).map((channel)=>/*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
86
86
  key: channel,
87
- colorSpace: format === "hex" ? "rgb" : format,
87
+ colorSpace: format === 'hex' ? 'rgb' : format,
88
88
  channel: channel,
89
89
  isQuiet: true,
90
90
  width: "size-400",
91
91
  flex: true,
92
92
  UNSAFE_style: {
93
- "--spectrum-textfield-min-width": 0
93
+ '--spectrum-textfield-min-width': 0
94
94
  }
95
95
  })), !props.hideAlphaChannel && /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
96
96
  channel: "alpha",
@@ -98,7 +98,7 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
98
98
  width: "size-400",
99
99
  flex: true,
100
100
  UNSAFE_style: {
101
- "--spectrum-textfield-min-width": 0
101
+ '--spectrum-textfield-min-width': 0
102
102
  }
103
103
  })));
104
104
  }
package/dist/ColorEditor.module.js CHANGED
@@ -23,25 +23,25 @@ function $parcel$interopDefault(a) {
23
23
 
24
24
 
25
25
  function $49352c629f2d8349$var$ColorEditor(props, ref) {
26
- let [format, setFormat] = (0, $3Vio4$useState)("hex");
26
+ let [format, setFormat] = (0, $3Vio4$useState)('hex');
27
27
  let domRef = (0, $3Vio4$useDOMRef)(ref);
28
- let formatter = (0, $3Vio4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3Vio4$intlStringsmodulejs))), "@react-spectrum/color");
28
+ let formatter = (0, $3Vio4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3Vio4$intlStringsmodulejs))), '@react-spectrum/color');
29
29
  return /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
30
30
  className: function anonymous(props) {
31
31
  let rules = "";
32
- rules += " _Sd";
33
- rules += " _Zb";
34
- rules += " le";
35
- rules += " me";
32
+ rules += ' _Sd';
33
+ rules += ' _Zb';
34
+ rules += ' le';
35
+ rules += ' me';
36
36
  return rules;
37
37
  }(),
38
38
  ref: domRef
39
39
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
40
40
  className: function anonymous(props) {
41
41
  let rules = "";
42
- rules += " _Sd";
43
- rules += " le";
44
- rules += " me";
42
+ rules += ' _Sd';
43
+ rules += ' le';
44
+ rules += ' me';
45
45
  return rules;
46
46
  }()
47
47
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $40046aa1a7ccb226$export$b2103f68a961418e), {
@@ -58,13 +58,13 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
58
58
  })), /*#__PURE__*/ (0, $3Vio4$react).createElement("div", {
59
59
  className: function anonymous(props) {
60
60
  let rules = "";
61
- rules += " _Sd";
62
- rules += " le";
63
- rules += " me";
61
+ rules += ' _Sd';
62
+ rules += ' le';
63
+ rules += ' me';
64
64
  return rules;
65
65
  }()
66
66
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Picker), {
67
- "aria-label": formatter.format("colorFormat"),
67
+ "aria-label": formatter.format('colorFormat'),
68
68
  isQuiet: true,
69
69
  width: "size-700",
70
70
  menuWidth: "size-1000",
@@ -72,25 +72,25 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
72
72
  onSelectionChange: (f)=>setFormat(f)
73
73
  }, /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
74
74
  key: "hex"
75
- }, formatter.format("hex")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
75
+ }, formatter.format('hex')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
76
76
  key: "rgb"
77
- }, formatter.format("rgb")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
77
+ }, formatter.format('rgb')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
78
78
  key: "hsl"
79
- }, formatter.format("hsl")), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
79
+ }, formatter.format('hsl')), /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $3Vio4$Item), {
80
80
  key: "hsb"
81
- }, formatter.format("hsb"))), format === "hex" ? /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
81
+ }, formatter.format('hsb'))), format === 'hex' ? /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
82
82
  isQuiet: true,
83
83
  width: "size-1000",
84
- "aria-label": formatter.format("hex")
84
+ "aria-label": formatter.format('hex')
85
85
  }) : (0, $3Vio4$getColorChannels)(format).map((channel)=>/*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
86
86
  key: channel,
87
- colorSpace: format === "hex" ? "rgb" : format,
87
+ colorSpace: format === 'hex' ? 'rgb' : format,
88
88
  channel: channel,
89
89
  isQuiet: true,
90
90
  width: "size-400",
91
91
  flex: true,
92
92
  UNSAFE_style: {
93
- "--spectrum-textfield-min-width": 0
93
+ '--spectrum-textfield-min-width': 0
94
94
  }
95
95
  })), !props.hideAlphaChannel && /*#__PURE__*/ (0, $3Vio4$react).createElement((0, $0077d47e004328f0$export$b865d4358897bb17), {
96
96
  channel: "alpha",
@@ -98,7 +98,7 @@ function $49352c629f2d8349$var$ColorEditor(props, ref) {
98
98
  width: "size-400",
99
99
  flex: true,
100
100
  UNSAFE_style: {
101
- "--spectrum-textfield-min-width": 0
101
+ '--spectrum-textfield-min-width': 0
102
102
  }
103
103
  })));
104
104
  }
package/dist/ColorField.main.js CHANGED
@@ -44,7 +44,7 @@ function $8bdb9bc27ff3debb$var$ColorField(props, ref) {
44
44
  props = (0, $4ivT8$reactspectrumprovider.useProviderProps)(props);
45
45
  props = (0, $4ivT8$reactspectrumform.useFormProps)(props);
46
46
  [props] = (0, $4ivT8$reactariacomponents.useContextProps)(props, null, (0, $4ivT8$reactariacomponents.ColorFieldContext));
47
- 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");
47
+ 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');
48
48
  if (props.channel) return /*#__PURE__*/ (0, ($parcel$interopDefault($4ivT8$react))).createElement($8bdb9bc27ff3debb$var$ColorChannelField, {
49
49
  ...props,
50
50
  channel: props.channel,
@@ -73,11 +73,11 @@ function $8bdb9bc27ff3debb$var$ColorChannelField(props) {
73
73
  ref: forwardedRef,
74
74
  inputRef: inputRef,
75
75
  ...result,
76
- inputClassName: (0, $4ivT8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ddec4d6aa21146c4$exports))), "react-spectrum-ColorField-input")
76
+ inputClassName: (0, $4ivT8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ddec4d6aa21146c4$exports))), 'react-spectrum-ColorField-input')
77
77
  }), props.name && /*#__PURE__*/ (0, ($parcel$interopDefault($4ivT8$react))).createElement("input", {
78
78
  type: "hidden",
79
79
  name: props.name,
80
- value: isNaN(state.numberValue) ? "" : state.numberValue
80
+ value: isNaN(state.numberValue) ? '' : state.numberValue
81
81
  }));
82
82
  }
83
83
  function $8bdb9bc27ff3debb$var$HexColorField(props) {
@@ -91,7 +91,7 @@ function $8bdb9bc27ff3debb$var$HexColorField(props) {
91
91
  ref: forwardedRef,
92
92
  inputRef: inputRef,
93
93
  ...result,
94
- inputClassName: (0, $4ivT8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ddec4d6aa21146c4$exports))), "react-spectrum-ColorField-input")
94
+ inputClassName: (0, $4ivT8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ddec4d6aa21146c4$exports))), 'react-spectrum-ColorField-input')
95
95
  });
96
96
  }
97
97
 
package/dist/ColorField.mjs CHANGED
@@ -38,7 +38,7 @@ function $0077d47e004328f0$var$ColorField(props, ref) {
38
38
  props = (0, $b4uus$useProviderProps)(props);
39
39
  props = (0, $b4uus$useFormProps)(props);
40
40
  [props] = (0, $b4uus$useContextProps)(props, null, (0, $b4uus$ColorFieldContext));
41
- 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");
41
+ 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');
42
42
  if (props.channel) return /*#__PURE__*/ (0, $b4uus$react).createElement($0077d47e004328f0$var$ColorChannelField, {
43
43
  ...props,
44
44
  channel: props.channel,
@@ -67,11 +67,11 @@ function $0077d47e004328f0$var$ColorChannelField(props) {
67
67
  ref: forwardedRef,
68
68
  inputRef: inputRef,
69
69
  ...result,
70
- inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), "react-spectrum-ColorField-input")
70
+ inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), 'react-spectrum-ColorField-input')
71
71
  }), props.name && /*#__PURE__*/ (0, $b4uus$react).createElement("input", {
72
72
  type: "hidden",
73
73
  name: props.name,
74
- value: isNaN(state.numberValue) ? "" : state.numberValue
74
+ value: isNaN(state.numberValue) ? '' : state.numberValue
75
75
  }));
76
76
  }
77
77
  function $0077d47e004328f0$var$HexColorField(props) {
@@ -85,7 +85,7 @@ function $0077d47e004328f0$var$HexColorField(props) {
85
85
  ref: forwardedRef,
86
86
  inputRef: inputRef,
87
87
  ...result,
88
- inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), "react-spectrum-ColorField-input")
88
+ inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), 'react-spectrum-ColorField-input')
89
89
  });
90
90
  }
91
91
 
package/dist/ColorField.module.js CHANGED
@@ -38,7 +38,7 @@ function $0077d47e004328f0$var$ColorField(props, ref) {
38
38
  props = (0, $b4uus$useProviderProps)(props);
39
39
  props = (0, $b4uus$useFormProps)(props);
40
40
  [props] = (0, $b4uus$useContextProps)(props, null, (0, $b4uus$ColorFieldContext));
41
- 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");
41
+ 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');
42
42
  if (props.channel) return /*#__PURE__*/ (0, $b4uus$react).createElement($0077d47e004328f0$var$ColorChannelField, {
43
43
  ...props,
44
44
  channel: props.channel,
@@ -67,11 +67,11 @@ function $0077d47e004328f0$var$ColorChannelField(props) {
67
67
  ref: forwardedRef,
68
68
  inputRef: inputRef,
69
69
  ...result,
70
- inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), "react-spectrum-ColorField-input")
70
+ inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), 'react-spectrum-ColorField-input')
71
71
  }), props.name && /*#__PURE__*/ (0, $b4uus$react).createElement("input", {
72
72
  type: "hidden",
73
73
  name: props.name,
74
- value: isNaN(state.numberValue) ? "" : state.numberValue
74
+ value: isNaN(state.numberValue) ? '' : state.numberValue
75
75
  }));
76
76
  }
77
77
  function $0077d47e004328f0$var$HexColorField(props) {
@@ -85,7 +85,7 @@ function $0077d47e004328f0$var$HexColorField(props) {
85
85
  ref: forwardedRef,
86
86
  inputRef: inputRef,
87
87
  ...result,
88
- inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), "react-spectrum-ColorField-input")
88
+ inputClassName: (0, $b4uus$classNames)((0, ($parcel$interopDefault($b4uus$colorfield_cssmodulejs))), 'react-spectrum-ColorField-input')
89
89
  });
90
90
  }
91
91
 
package/dist/ColorPicker.main.js CHANGED
@@ -46,47 +46,47 @@ function $0c330b4a4fe337a6$var$ColorPicker(props, ref) {
46
46
  ref: domRef,
47
47
  className: function anonymous(props) {
48
48
  let rules = "";
49
- rules += " ba";
50
- rules += " Af";
51
- rules += " Ia";
52
- rules += " Ja";
53
- rules += " Ga";
54
- rules += " Ha";
55
- rules += " _Sd";
56
- rules += " _Uc";
57
- rules += " lM";
58
- rules += " mM";
59
- rules += " _Ea";
60
- rules += " _5-bc1l9oh";
61
- rules += " _5-1uotwbwg";
62
- rules += " _5-eo0c6sf";
63
- rules += " _5-enzzrge";
64
- rules += " _5-enzykdd";
65
- rules += " _5-enzwzjc";
66
- rules += " _5-enzrfpb";
67
- rules += " _5a";
68
- rules += " a___K";
69
- if (props.size === "L") rules += " _6d";
70
- else if (props.size === "M") rules += " _6c";
71
- else if (props.size === "S") rules += " _6b";
72
- else if (props.size === "XS") rules += " _6a";
49
+ rules += ' ba';
50
+ rules += ' Af';
51
+ rules += ' Ia';
52
+ rules += ' Ja';
53
+ rules += ' Ga';
54
+ rules += ' Ha';
55
+ rules += ' _Sd';
56
+ rules += ' _Uc';
57
+ rules += ' lM';
58
+ rules += ' mM';
59
+ rules += ' _Ea';
60
+ rules += ' _5-bc1l9oh';
61
+ rules += ' _5-1uotwbwg';
62
+ rules += ' _5-eo0c6sf';
63
+ rules += ' _5-enzzrge';
64
+ rules += ' _5-enzykdd';
65
+ rules += ' _5-enzwzjc';
66
+ rules += ' _5-enzrfpb';
67
+ rules += ' _5a';
68
+ rules += ' a___K';
69
+ if (props.size === "L") rules += ' _6d';
70
+ else if (props.size === "M") rules += ' _6c';
71
+ else if (props.size === "S") rules += ' _6b';
72
+ else if (props.size === "XS") rules += ' _6a';
73
73
  return rules;
74
74
  }({
75
- size: props.size || "M"
75
+ size: props.size || 'M'
76
76
  })
77
77
  }, ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement((0, ($parcel$interopDefault($64NP6$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement("div", {
78
78
  className: function anonymous(props) {
79
79
  let rules = "";
80
- if (props.isFocusVisible) rules += " _Eb";
81
- else rules += " _Ea";
82
- rules += " da___D";
83
- rules += " d___I";
84
- rules += " _Gc";
85
- rules += " _Fc";
86
- rules += " _pc";
87
- rules += " _qc";
88
- rules += " _rc";
89
- rules += " _sc";
80
+ if (props.isFocusVisible) rules += ' _Eb';
81
+ else rules += ' _Ea';
82
+ rules += ' da___D';
83
+ rules += ' d___I';
84
+ rules += ' _Gc';
85
+ rules += ' _Fc';
86
+ rules += ' _pc';
87
+ rules += ' _qc';
88
+ rules += ' _rc';
89
+ rules += ' _sc';
90
90
  return rules;
91
91
  }({
92
92
  isFocusVisible: isFocusVisible
@@ -95,25 +95,25 @@ function $0c330b4a4fe337a6$var$ColorPicker(props, ref) {
95
95
  ref: swatchRef,
96
96
  size: props.size,
97
97
  rounding: props.rounding,
98
- "aria-label": props["aria-label"],
99
- "aria-labelledby": props["aria-labelledby"],
100
- "aria-describedby": props["aria-describedby"],
101
- "aria-details": props["aria-details"]
98
+ "aria-label": props['aria-label'],
99
+ "aria-labelledby": props['aria-labelledby'],
100
+ "aria-describedby": props['aria-describedby'],
101
+ "aria-details": props['aria-details']
102
102
  })), props.label && /*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement("span", {
103
103
  id: labelId
104
104
  }, props.label))), /*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement((0, $64NP6$reactspectrumdialog.Dialog), {
105
- "aria-labelledby": props.label ? labelId : props["aria-labelledby"],
106
- "aria-label": props["aria-label"],
105
+ "aria-labelledby": props.label ? labelId : props['aria-labelledby'],
106
+ "aria-label": props['aria-label'],
107
107
  UNSAFE_style: {
108
- width: "fit-content",
108
+ width: 'fit-content',
109
109
  minWidth: 0,
110
- margin: "0 auto" // Center within tray.
110
+ margin: '0 auto' // Center within tray.
111
111
  }
112
112
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($64NP6$react))).createElement((0, $64NP6$reactspectrumview.Content), {
113
113
  UNSAFE_style: {
114
- position: "relative",
115
- margin: "calc(var(--spectrum-dialog-padding) * -1)",
116
- padding: "var(--spectrum-global-dimension-size-200)"
114
+ position: 'relative',
115
+ margin: 'calc(var(--spectrum-dialog-padding) * -1)',
116
+ padding: 'var(--spectrum-global-dimension-size-200)'
117
117
  }
118
118
  }, props.children))));
119
119
  }