@react-aria/color 3.0.0-nightly.4228 → 3.0.0-nightly.4242

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/import.mjs CHANGED
@@ -4,9 +4,11 @@ import {useKeyboard as $7KHxM$useKeyboard, useMove as $7KHxM$useMove, useFocusWi
4
4
  import {useLocalizedStringFormatter as $7KHxM$useLocalizedStringFormatter, useLocale as $7KHxM$useLocale} from "@react-aria/i18n";
5
5
  import {useVisuallyHidden as $7KHxM$useVisuallyHidden} from "@react-aria/visually-hidden";
6
6
  import {useSlider as $7KHxM$useSlider, useSliderThumb as $7KHxM$useSliderThumb} from "@react-aria/slider";
7
+ import {privateValidationStateProp as $7KHxM$privateValidationStateProp} from "@react-stately/form";
7
8
  import {useFormattedTextField as $7KHxM$useFormattedTextField} from "@react-aria/textfield";
8
9
  import {useSpinButton as $7KHxM$useSpinButton} from "@react-aria/spinbutton";
9
10
 
11
+
10
12
  function $parcel$interopDefault(a) {
11
13
  return a && a.__esModule ? a.default : a;
12
14
  }
@@ -36,8 +38,8 @@ var $eccab2b0118aef08$exports = {};
36
38
  $eccab2b0118aef08$exports = {
37
39
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
38
40
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
39
- "colorPicker": `أداة انتقاء اللون`,
40
- "twoDimensionalSlider": `مُنزلق 2D`
41
+ "colorPicker": `\u{623}\u{62F}\u{627}\u{629} \u{627}\u{646}\u{62A}\u{642}\u{627}\u{621} \u{627}\u{644}\u{644}\u{648}\u{646}`,
42
+ "twoDimensionalSlider": `\u{645}\u{64F}\u{646}\u{632}\u{644}\u{642} 2D`
41
43
  };
42
44
 
43
45
 
@@ -45,8 +47,8 @@ var $bf2b4507594e3d45$exports = {};
45
47
  $bf2b4507594e3d45$exports = {
46
48
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
47
49
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
48
- "colorPicker": `Средство за избиране на цвят`,
49
- "twoDimensionalSlider": `2D плъзгач`
50
+ "colorPicker": `\u{421}\u{440}\u{435}\u{434}\u{441}\u{442}\u{432}\u{43E} \u{437}\u{430} \u{438}\u{437}\u{431}\u{438}\u{440}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{446}\u{432}\u{44F}\u{442}`,
51
+ "twoDimensionalSlider": `2D \u{43F}\u{43B}\u{44A}\u{437}\u{433}\u{430}\u{447}`
50
52
  };
51
53
 
52
54
 
@@ -54,8 +56,8 @@ var $01c08487af7ecd14$exports = {};
54
56
  $01c08487af7ecd14$exports = {
55
57
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
56
58
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
57
- "colorPicker": `Výběr barvy`,
58
- "twoDimensionalSlider": `2D posuvník`
59
+ "colorPicker": `V\xfdb\u{11B}r barvy`,
60
+ "twoDimensionalSlider": `2D posuvn\xedk`
59
61
  };
60
62
 
61
63
 
@@ -63,7 +65,7 @@ var $5e997db6ea0d10f6$exports = {};
63
65
  $5e997db6ea0d10f6$exports = {
64
66
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
65
67
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
66
- "colorPicker": `Farvevælger`,
68
+ "colorPicker": `Farvev\xe6lger`,
67
69
  "twoDimensionalSlider": `2D-skyder`
68
70
  };
69
71
 
@@ -72,7 +74,7 @@ var $fe5998f640a79fd2$exports = {};
72
74
  $fe5998f640a79fd2$exports = {
73
75
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
74
76
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
75
- "colorPicker": `Farbwähler`,
77
+ "colorPicker": `Farbw\xe4hler`,
76
78
  "twoDimensionalSlider": `2D-Schieberegler`
77
79
  };
78
80
 
@@ -81,8 +83,8 @@ var $18e4d1d5b500a9ee$exports = {};
81
83
  $18e4d1d5b500a9ee$exports = {
82
84
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
83
85
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
84
- "colorPicker": `Επιλογέας χρωμάτων`,
85
- "twoDimensionalSlider": `Ρυθμιστικό 2D`
86
+ "colorPicker": `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AD}\u{3B1}\u{3C2} \u{3C7}\u{3C1}\u{3C9}\u{3BC}\u{3AC}\u{3C4}\u{3C9}\u{3BD}`,
87
+ "twoDimensionalSlider": `\u{3A1}\u{3C5}\u{3B8}\u{3BC}\u{3B9}\u{3C3}\u{3C4}\u{3B9}\u{3BA}\u{3CC} 2D`
86
88
  };
87
89
 
88
90
 
@@ -108,7 +110,7 @@ var $d950967017e3485b$exports = {};
108
110
  $d950967017e3485b$exports = {
109
111
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
110
112
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
111
- "colorPicker": `Värvivalija`,
113
+ "colorPicker": `V\xe4rvivalija`,
112
114
  "twoDimensionalSlider": `2D-liugur`
113
115
  };
114
116
 
@@ -117,17 +119,17 @@ var $00a415a3f0ab315a$exports = {};
117
119
  $00a415a3f0ab315a$exports = {
118
120
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
119
121
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
120
- "colorPicker": `Värimuokkain`,
121
- "twoDimensionalSlider": `2D-liukusäädin`
122
+ "colorPicker": `V\xe4rimuokkain`,
123
+ "twoDimensionalSlider": `2D-liukus\xe4\xe4din`
122
124
  };
123
125
 
124
126
 
125
127
  var $d80f30fe86c95741$exports = {};
126
128
  $d80f30fe86c95741$exports = {
127
129
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
128
- "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
129
- "colorPicker": `Sélecteur de couleurs`,
130
- "twoDimensionalSlider": `Curseur 2D`
130
+ "colorNameAndValue": (args)=>`${args.name}\xa0: ${args.value}`,
131
+ "colorPicker": `S\xe9lecteur de couleurs`,
132
+ "twoDimensionalSlider": `Curseur\xa02D`
131
133
  };
132
134
 
133
135
 
@@ -135,8 +137,8 @@ var $6912afb584340a2e$exports = {};
135
137
  $6912afb584340a2e$exports = {
136
138
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
137
139
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
138
- "colorPicker": `בוחר הצבעים`,
139
- "twoDimensionalSlider": `מחוון דו מימדי`
140
+ "colorPicker": `\u{5D1}\u{5D5}\u{5D7}\u{5E8} \u{5D4}\u{5E6}\u{5D1}\u{5E2}\u{5D9}\u{5DD}`,
141
+ "twoDimensionalSlider": `\u{5DE}\u{5D7}\u{5D5}\u{5D5}\u{5DF} \u{5D3}\u{5D5} \u{5DE}\u{5D9}\u{5DE}\u{5D3}\u{5D9}`
140
142
  };
141
143
 
142
144
 
@@ -145,7 +147,7 @@ $7b97fcacd84ec90f$exports = {
145
147
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
146
148
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
147
149
  "colorPicker": `Odabir boje`,
148
- "twoDimensionalSlider": `2D klizač`
150
+ "twoDimensionalSlider": `2D kliza\u{10D}`
149
151
  };
150
152
 
151
153
 
@@ -153,8 +155,8 @@ var $da9b443e89eebc6b$exports = {};
153
155
  $da9b443e89eebc6b$exports = {
154
156
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
155
157
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
156
- "colorPicker": `Színválasztó`,
157
- "twoDimensionalSlider": `2D-csúszka`
158
+ "colorPicker": `Sz\xednv\xe1laszt\xf3`,
159
+ "twoDimensionalSlider": `2D-cs\xfaszka`
158
160
  };
159
161
 
160
162
 
@@ -169,10 +171,10 @@ $35f135b45eb4d95b$exports = {
169
171
 
170
172
  var $760b09448e39c6cd$exports = {};
171
173
  $760b09448e39c6cd$exports = {
172
- "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
174
+ "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
173
175
  "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
174
- "colorPicker": `カラーピッカー`,
175
- "twoDimensionalSlider": `2D スライダー`
176
+ "colorPicker": `\u{30AB}\u{30E9}\u{30FC}\u{30D4}\u{30C3}\u{30AB}\u{30FC}`,
177
+ "twoDimensionalSlider": `2D \u{30B9}\u{30E9}\u{30A4}\u{30C0}\u{30FC}`
176
178
  };
177
179
 
178
180
 
@@ -180,8 +182,8 @@ var $fc7b7d43be9703ec$exports = {};
180
182
  $fc7b7d43be9703ec$exports = {
181
183
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
182
184
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
183
- "colorPicker": `색상 피커`,
184
- "twoDimensionalSlider": `2D 슬라이더`
185
+ "colorPicker": `\u{C0C9}\u{C0C1} \u{D53C}\u{CEE4}`,
186
+ "twoDimensionalSlider": `2D \u{C2AC}\u{B77C}\u{C774}\u{B354}`
185
187
  };
186
188
 
187
189
 
@@ -189,7 +191,7 @@ var $74918a1664156912$exports = {};
189
191
  $74918a1664156912$exports = {
190
192
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
191
193
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
192
- "colorPicker": `Spalvų parinkiklis`,
194
+ "colorPicker": `Spalv\u{173} parinkiklis`,
193
195
  "twoDimensionalSlider": `2D slankiklis`
194
196
  };
195
197
 
@@ -198,8 +200,8 @@ var $4e6cde11c2bc9840$exports = {};
198
200
  $4e6cde11c2bc9840$exports = {
199
201
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
200
202
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
201
- "colorPicker": `Krāsu atlasītājs`,
202
- "twoDimensionalSlider": `2D slīdnis`
203
+ "colorPicker": `Kr\u{101}su atlas\u{12B}t\u{101}js`,
204
+ "twoDimensionalSlider": `2D sl\u{12B}dnis`
203
205
  };
204
206
 
205
207
 
@@ -225,7 +227,7 @@ var $1be8b0ee8841f1e7$exports = {};
225
227
  $1be8b0ee8841f1e7$exports = {
226
228
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
227
229
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
228
- "colorPicker": `Próbnik kolorów`,
230
+ "colorPicker": `Pr\xf3bnik kolor\xf3w`,
229
231
  "twoDimensionalSlider": `Suwak 2D`
230
232
  };
231
233
 
@@ -261,8 +263,8 @@ var $f1107d94c09df9b8$exports = {};
261
263
  $f1107d94c09df9b8$exports = {
262
264
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
263
265
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
264
- "colorPicker": `Палитра цветов`,
265
- "twoDimensionalSlider": `Ползунок 2D`
266
+ "colorPicker": `\u{41F}\u{430}\u{43B}\u{438}\u{442}\u{440}\u{430} \u{446}\u{432}\u{435}\u{442}\u{43E}\u{432}`,
267
+ "twoDimensionalSlider": `\u{41F}\u{43E}\u{43B}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
266
268
  };
267
269
 
268
270
 
@@ -270,7 +272,7 @@ var $b61325f242fafc7c$exports = {};
270
272
  $b61325f242fafc7c$exports = {
271
273
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
272
274
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
273
- "colorPicker": `Výber farieb`,
275
+ "colorPicker": `V\xfdber farieb`,
274
276
  "twoDimensionalSlider": `2D jazdec`
275
277
  };
276
278
 
@@ -288,8 +290,8 @@ var $aa8cd83fc8d4982b$exports = {};
288
290
  $aa8cd83fc8d4982b$exports = {
289
291
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
290
292
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
291
- "colorPicker": `Birač boja`,
292
- "twoDimensionalSlider": `2D klizač`
293
+ "colorPicker": `Bira\u{10D} boja`,
294
+ "twoDimensionalSlider": `2D kliza\u{10D}`
293
295
  };
294
296
 
295
297
 
@@ -297,7 +299,7 @@ var $7c4f4e5bb7c06f1e$exports = {};
297
299
  $7c4f4e5bb7c06f1e$exports = {
298
300
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
299
301
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
300
- "colorPicker": `Färgväljaren`,
302
+ "colorPicker": `F\xe4rgv\xe4ljaren`,
301
303
  "twoDimensionalSlider": `2D-reglage`
302
304
  };
303
305
 
@@ -306,8 +308,8 @@ var $8045cf930ef745aa$exports = {};
306
308
  $8045cf930ef745aa$exports = {
307
309
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
308
310
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
309
- "colorPicker": `Renk Seçici`,
310
- "twoDimensionalSlider": `2D sürgü`
311
+ "colorPicker": `Renk Se\xe7ici`,
312
+ "twoDimensionalSlider": `2D s\xfcrg\xfc`
311
313
  };
312
314
 
313
315
 
@@ -315,26 +317,26 @@ var $ee2044a77f24b118$exports = {};
315
317
  $ee2044a77f24b118$exports = {
316
318
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
317
319
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
318
- "colorPicker": `Палітра кольорів`,
319
- "twoDimensionalSlider": `Повзунок 2D`
320
+ "colorPicker": `\u{41F}\u{430}\u{43B}\u{456}\u{442}\u{440}\u{430} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
321
+ "twoDimensionalSlider": `\u{41F}\u{43E}\u{432}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
320
322
  };
321
323
 
322
324
 
323
325
  var $4e1dbc65a687dd93$exports = {};
324
326
  $4e1dbc65a687dd93$exports = {
325
- "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
326
- "colorNameAndValue": (args)=>`${args.name}:${args.value}`,
327
- "colorPicker": `拾色器`,
328
- "twoDimensionalSlider": `2D 滑块`
327
+ "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
328
+ "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
329
+ "colorPicker": `\u{62FE}\u{8272}\u{5668}`,
330
+ "twoDimensionalSlider": `2D \u{6ED1}\u{5757}`
329
331
  };
330
332
 
331
333
 
332
334
  var $b0fef28529309aa6$exports = {};
333
335
  $b0fef28529309aa6$exports = {
334
- "colorInputLabel": (args)=>`${args.label},${args.channelLabel}`,
335
- "colorNameAndValue": (args)=>`${args.name}:${args.value}`,
336
- "colorPicker": `檢色器`,
337
- "twoDimensionalSlider": `2D 滑桿`
336
+ "colorInputLabel": (args)=>`${args.label}\u{FF0C}${args.channelLabel}`,
337
+ "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
338
+ "colorPicker": `\u{6AA2}\u{8272}\u{5668}`,
339
+ "twoDimensionalSlider": `2D \u{6ED1}\u{687F}`
338
340
  };
339
341
 
340
342
 
@@ -1301,9 +1303,10 @@ function $b4a0a4fdc900495e$var$circlePath(cx, cy, r) {
1301
1303
 
1302
1304
 
1303
1305
 
1306
+
1304
1307
  function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
1305
- let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired } = props;
1306
- let { colorValue: colorValue, inputValue: inputValue, commit: commit, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin } = state;
1308
+ let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationBehavior: validationBehavior = "aria" } = props;
1309
+ let { colorValue: colorValue, inputValue: inputValue, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin, commit: commit } = state;
1307
1310
  let inputId = (0, $7KHxM$useId)();
1308
1311
  let { spinButtonProps: spinButtonProps } = (0, $7KHxM$useSpinButton)({
1309
1312
  isDisabled: isDisabled,
@@ -1340,26 +1343,30 @@ function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
1340
1343
  let onChange = (value)=>{
1341
1344
  if (state.validate(value)) state.setInputValue(value);
1342
1345
  };
1343
- let { labelProps: labelProps, inputProps: inputProps } = (0, $7KHxM$useFormattedTextField)((0, $7KHxM$mergeProps)(props, {
1346
+ let { inputProps: inputProps, ...otherProps } = (0, $7KHxM$useFormattedTextField)((0, $7KHxM$mergeProps)(props, {
1344
1347
  id: inputId,
1345
1348
  value: inputValue,
1346
1349
  defaultValue: undefined,
1350
+ validate: undefined,
1351
+ [(0, $7KHxM$privateValidationStateProp)]: state,
1347
1352
  type: "text",
1348
1353
  autoComplete: "off",
1349
1354
  onChange: onChange
1350
1355
  }), state, ref);
1356
+ inputProps = (0, $7KHxM$mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
1357
+ role: "textbox",
1358
+ "aria-valuemax": null,
1359
+ "aria-valuemin": null,
1360
+ "aria-valuenow": null,
1361
+ "aria-valuetext": null,
1362
+ autoCorrect: "off",
1363
+ spellCheck: "false",
1364
+ onBlur: commit
1365
+ });
1366
+ if (validationBehavior === "native") inputProps["aria-required"] = undefined;
1351
1367
  return {
1352
- labelProps: labelProps,
1353
- inputProps: (0, $7KHxM$mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
1354
- role: "textbox",
1355
- "aria-valuemax": null,
1356
- "aria-valuemin": null,
1357
- "aria-valuenow": null,
1358
- "aria-valuetext": null,
1359
- autoCorrect: "off",
1360
- spellCheck: "false",
1361
- onBlur: commit
1362
- })
1368
+ inputProps: inputProps,
1369
+ ...otherProps
1363
1370
  };
1364
1371
  }
1365
1372
 
package/dist/main.js CHANGED
@@ -4,12 +4,15 @@ var $kZqDi$reactariainteractions = require("@react-aria/interactions");
4
4
  var $kZqDi$reactariai18n = require("@react-aria/i18n");
5
5
  var $kZqDi$reactariavisuallyhidden = require("@react-aria/visually-hidden");
6
6
  var $kZqDi$reactariaslider = require("@react-aria/slider");
7
+ var $kZqDi$reactstatelyform = require("@react-stately/form");
7
8
  var $kZqDi$reactariatextfield = require("@react-aria/textfield");
8
9
  var $kZqDi$reactariaspinbutton = require("@react-aria/spinbutton");
9
10
 
11
+
10
12
  function $parcel$export(e, n, v, s) {
11
13
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
12
14
  }
15
+
13
16
  function $parcel$interopDefault(a) {
14
17
  return a && a.__esModule ? a.default : a;
15
18
  }
@@ -44,8 +47,8 @@ var $f141a15c3076a67b$exports = {};
44
47
  $f141a15c3076a67b$exports = {
45
48
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
46
49
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
47
- "colorPicker": `أداة انتقاء اللون`,
48
- "twoDimensionalSlider": `مُنزلق 2D`
50
+ "colorPicker": `\u{623}\u{62F}\u{627}\u{629} \u{627}\u{646}\u{62A}\u{642}\u{627}\u{621} \u{627}\u{644}\u{644}\u{648}\u{646}`,
51
+ "twoDimensionalSlider": `\u{645}\u{64F}\u{646}\u{632}\u{644}\u{642} 2D`
49
52
  };
50
53
 
51
54
 
@@ -53,8 +56,8 @@ var $435ac2a9fdd2ae5e$exports = {};
53
56
  $435ac2a9fdd2ae5e$exports = {
54
57
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
55
58
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
56
- "colorPicker": `Средство за избиране на цвят`,
57
- "twoDimensionalSlider": `2D плъзгач`
59
+ "colorPicker": `\u{421}\u{440}\u{435}\u{434}\u{441}\u{442}\u{432}\u{43E} \u{437}\u{430} \u{438}\u{437}\u{431}\u{438}\u{440}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{446}\u{432}\u{44F}\u{442}`,
60
+ "twoDimensionalSlider": `2D \u{43F}\u{43B}\u{44A}\u{437}\u{433}\u{430}\u{447}`
58
61
  };
59
62
 
60
63
 
@@ -62,8 +65,8 @@ var $6b29758b432284f5$exports = {};
62
65
  $6b29758b432284f5$exports = {
63
66
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
64
67
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
65
- "colorPicker": `Výběr barvy`,
66
- "twoDimensionalSlider": `2D posuvník`
68
+ "colorPicker": `V\xfdb\u{11B}r barvy`,
69
+ "twoDimensionalSlider": `2D posuvn\xedk`
67
70
  };
68
71
 
69
72
 
@@ -71,7 +74,7 @@ var $357597bcf4afd6fb$exports = {};
71
74
  $357597bcf4afd6fb$exports = {
72
75
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
73
76
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
74
- "colorPicker": `Farvevælger`,
77
+ "colorPicker": `Farvev\xe6lger`,
75
78
  "twoDimensionalSlider": `2D-skyder`
76
79
  };
77
80
 
@@ -80,7 +83,7 @@ var $ddc6333960e2b591$exports = {};
80
83
  $ddc6333960e2b591$exports = {
81
84
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
82
85
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
83
- "colorPicker": `Farbwähler`,
86
+ "colorPicker": `Farbw\xe4hler`,
84
87
  "twoDimensionalSlider": `2D-Schieberegler`
85
88
  };
86
89
 
@@ -89,8 +92,8 @@ var $417ee93d3ca474c0$exports = {};
89
92
  $417ee93d3ca474c0$exports = {
90
93
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
91
94
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
92
- "colorPicker": `Επιλογέας χρωμάτων`,
93
- "twoDimensionalSlider": `Ρυθμιστικό 2D`
95
+ "colorPicker": `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AD}\u{3B1}\u{3C2} \u{3C7}\u{3C1}\u{3C9}\u{3BC}\u{3AC}\u{3C4}\u{3C9}\u{3BD}`,
96
+ "twoDimensionalSlider": `\u{3A1}\u{3C5}\u{3B8}\u{3BC}\u{3B9}\u{3C3}\u{3C4}\u{3B9}\u{3BA}\u{3CC} 2D`
94
97
  };
95
98
 
96
99
 
@@ -116,7 +119,7 @@ var $860f86d6eae22cba$exports = {};
116
119
  $860f86d6eae22cba$exports = {
117
120
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
118
121
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
119
- "colorPicker": `Värvivalija`,
122
+ "colorPicker": `V\xe4rvivalija`,
120
123
  "twoDimensionalSlider": `2D-liugur`
121
124
  };
122
125
 
@@ -125,17 +128,17 @@ var $8525d3c77b8a51b0$exports = {};
125
128
  $8525d3c77b8a51b0$exports = {
126
129
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
127
130
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
128
- "colorPicker": `Värimuokkain`,
129
- "twoDimensionalSlider": `2D-liukusäädin`
131
+ "colorPicker": `V\xe4rimuokkain`,
132
+ "twoDimensionalSlider": `2D-liukus\xe4\xe4din`
130
133
  };
131
134
 
132
135
 
133
136
  var $8240fe6825e900ec$exports = {};
134
137
  $8240fe6825e900ec$exports = {
135
138
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
136
- "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
137
- "colorPicker": `Sélecteur de couleurs`,
138
- "twoDimensionalSlider": `Curseur 2D`
139
+ "colorNameAndValue": (args)=>`${args.name}\xa0: ${args.value}`,
140
+ "colorPicker": `S\xe9lecteur de couleurs`,
141
+ "twoDimensionalSlider": `Curseur\xa02D`
139
142
  };
140
143
 
141
144
 
@@ -143,8 +146,8 @@ var $377849238307c673$exports = {};
143
146
  $377849238307c673$exports = {
144
147
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
145
148
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
146
- "colorPicker": `בוחר הצבעים`,
147
- "twoDimensionalSlider": `מחוון דו מימדי`
149
+ "colorPicker": `\u{5D1}\u{5D5}\u{5D7}\u{5E8} \u{5D4}\u{5E6}\u{5D1}\u{5E2}\u{5D9}\u{5DD}`,
150
+ "twoDimensionalSlider": `\u{5DE}\u{5D7}\u{5D5}\u{5D5}\u{5DF} \u{5D3}\u{5D5} \u{5DE}\u{5D9}\u{5DE}\u{5D3}\u{5D9}`
148
151
  };
149
152
 
150
153
 
@@ -153,7 +156,7 @@ $5a6f44e0ec14b083$exports = {
153
156
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
154
157
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
155
158
  "colorPicker": `Odabir boje`,
156
- "twoDimensionalSlider": `2D klizač`
159
+ "twoDimensionalSlider": `2D kliza\u{10D}`
157
160
  };
158
161
 
159
162
 
@@ -161,8 +164,8 @@ var $82327d6e71e3e273$exports = {};
161
164
  $82327d6e71e3e273$exports = {
162
165
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
163
166
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
164
- "colorPicker": `Színválasztó`,
165
- "twoDimensionalSlider": `2D-csúszka`
167
+ "colorPicker": `Sz\xednv\xe1laszt\xf3`,
168
+ "twoDimensionalSlider": `2D-cs\xfaszka`
166
169
  };
167
170
 
168
171
 
@@ -177,10 +180,10 @@ $b1e297275c248ab8$exports = {
177
180
 
178
181
  var $b39c9f2638b4d2b9$exports = {};
179
182
  $b39c9f2638b4d2b9$exports = {
180
- "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
183
+ "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
181
184
  "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
182
- "colorPicker": `カラーピッカー`,
183
- "twoDimensionalSlider": `2D スライダー`
185
+ "colorPicker": `\u{30AB}\u{30E9}\u{30FC}\u{30D4}\u{30C3}\u{30AB}\u{30FC}`,
186
+ "twoDimensionalSlider": `2D \u{30B9}\u{30E9}\u{30A4}\u{30C0}\u{30FC}`
184
187
  };
185
188
 
186
189
 
@@ -188,8 +191,8 @@ var $2d2fbf4195848a62$exports = {};
188
191
  $2d2fbf4195848a62$exports = {
189
192
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
190
193
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
191
- "colorPicker": `색상 피커`,
192
- "twoDimensionalSlider": `2D 슬라이더`
194
+ "colorPicker": `\u{C0C9}\u{C0C1} \u{D53C}\u{CEE4}`,
195
+ "twoDimensionalSlider": `2D \u{C2AC}\u{B77C}\u{C774}\u{B354}`
193
196
  };
194
197
 
195
198
 
@@ -197,7 +200,7 @@ var $ea88350d0828fa2c$exports = {};
197
200
  $ea88350d0828fa2c$exports = {
198
201
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
199
202
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
200
- "colorPicker": `Spalvų parinkiklis`,
203
+ "colorPicker": `Spalv\u{173} parinkiklis`,
201
204
  "twoDimensionalSlider": `2D slankiklis`
202
205
  };
203
206
 
@@ -206,8 +209,8 @@ var $0e0acd541630120a$exports = {};
206
209
  $0e0acd541630120a$exports = {
207
210
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
208
211
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
209
- "colorPicker": `Krāsu atlasītājs`,
210
- "twoDimensionalSlider": `2D slīdnis`
212
+ "colorPicker": `Kr\u{101}su atlas\u{12B}t\u{101}js`,
213
+ "twoDimensionalSlider": `2D sl\u{12B}dnis`
211
214
  };
212
215
 
213
216
 
@@ -233,7 +236,7 @@ var $750d83f83c5f38d4$exports = {};
233
236
  $750d83f83c5f38d4$exports = {
234
237
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
235
238
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
236
- "colorPicker": `Próbnik kolorów`,
239
+ "colorPicker": `Pr\xf3bnik kolor\xf3w`,
237
240
  "twoDimensionalSlider": `Suwak 2D`
238
241
  };
239
242
 
@@ -269,8 +272,8 @@ var $8849a15ecc435984$exports = {};
269
272
  $8849a15ecc435984$exports = {
270
273
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
271
274
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
272
- "colorPicker": `Палитра цветов`,
273
- "twoDimensionalSlider": `Ползунок 2D`
275
+ "colorPicker": `\u{41F}\u{430}\u{43B}\u{438}\u{442}\u{440}\u{430} \u{446}\u{432}\u{435}\u{442}\u{43E}\u{432}`,
276
+ "twoDimensionalSlider": `\u{41F}\u{43E}\u{43B}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
274
277
  };
275
278
 
276
279
 
@@ -278,7 +281,7 @@ var $5192372f064be783$exports = {};
278
281
  $5192372f064be783$exports = {
279
282
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
280
283
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
281
- "colorPicker": `Výber farieb`,
284
+ "colorPicker": `V\xfdber farieb`,
282
285
  "twoDimensionalSlider": `2D jazdec`
283
286
  };
284
287
 
@@ -296,8 +299,8 @@ var $9795aa59b4ad40ed$exports = {};
296
299
  $9795aa59b4ad40ed$exports = {
297
300
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
298
301
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
299
- "colorPicker": `Birač boja`,
300
- "twoDimensionalSlider": `2D klizač`
302
+ "colorPicker": `Bira\u{10D} boja`,
303
+ "twoDimensionalSlider": `2D kliza\u{10D}`
301
304
  };
302
305
 
303
306
 
@@ -305,7 +308,7 @@ var $9ebaa0b485f13e4d$exports = {};
305
308
  $9ebaa0b485f13e4d$exports = {
306
309
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
307
310
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
308
- "colorPicker": `Färgväljaren`,
311
+ "colorPicker": `F\xe4rgv\xe4ljaren`,
309
312
  "twoDimensionalSlider": `2D-reglage`
310
313
  };
311
314
 
@@ -314,8 +317,8 @@ var $ad58e2e4e0f2e750$exports = {};
314
317
  $ad58e2e4e0f2e750$exports = {
315
318
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
316
319
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
317
- "colorPicker": `Renk Seçici`,
318
- "twoDimensionalSlider": `2D sürgü`
320
+ "colorPicker": `Renk Se\xe7ici`,
321
+ "twoDimensionalSlider": `2D s\xfcrg\xfc`
319
322
  };
320
323
 
321
324
 
@@ -323,26 +326,26 @@ var $dafc19306f8b2dfc$exports = {};
323
326
  $dafc19306f8b2dfc$exports = {
324
327
  "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
325
328
  "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
326
- "colorPicker": `Палітра кольорів`,
327
- "twoDimensionalSlider": `Повзунок 2D`
329
+ "colorPicker": `\u{41F}\u{430}\u{43B}\u{456}\u{442}\u{440}\u{430} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
330
+ "twoDimensionalSlider": `\u{41F}\u{43E}\u{432}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
328
331
  };
329
332
 
330
333
 
331
334
  var $d31a8b80af5acc16$exports = {};
332
335
  $d31a8b80af5acc16$exports = {
333
- "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
334
- "colorNameAndValue": (args)=>`${args.name}:${args.value}`,
335
- "colorPicker": `拾色器`,
336
- "twoDimensionalSlider": `2D 滑块`
336
+ "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
337
+ "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
338
+ "colorPicker": `\u{62FE}\u{8272}\u{5668}`,
339
+ "twoDimensionalSlider": `2D \u{6ED1}\u{5757}`
337
340
  };
338
341
 
339
342
 
340
343
  var $7377d28aec5fa200$exports = {};
341
344
  $7377d28aec5fa200$exports = {
342
- "colorInputLabel": (args)=>`${args.label},${args.channelLabel}`,
343
- "colorNameAndValue": (args)=>`${args.name}:${args.value}`,
344
- "colorPicker": `檢色器`,
345
- "twoDimensionalSlider": `2D 滑桿`
345
+ "colorInputLabel": (args)=>`${args.label}\u{FF0C}${args.channelLabel}`,
346
+ "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
347
+ "colorPicker": `\u{6AA2}\u{8272}\u{5668}`,
348
+ "twoDimensionalSlider": `2D \u{6ED1}\u{687F}`
346
349
  };
347
350
 
348
351
 
@@ -1309,9 +1312,10 @@ function $1d29bf243d4a9a53$var$circlePath(cx, cy, r) {
1309
1312
 
1310
1313
 
1311
1314
 
1315
+
1312
1316
  function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
1313
- let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired } = props;
1314
- let { colorValue: colorValue, inputValue: inputValue, commit: commit, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin } = state;
1317
+ let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationBehavior: validationBehavior = "aria" } = props;
1318
+ let { colorValue: colorValue, inputValue: inputValue, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin, commit: commit } = state;
1315
1319
  let inputId = (0, $kZqDi$reactariautils.useId)();
1316
1320
  let { spinButtonProps: spinButtonProps } = (0, $kZqDi$reactariaspinbutton.useSpinButton)({
1317
1321
  isDisabled: isDisabled,
@@ -1348,26 +1352,30 @@ function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
1348
1352
  let onChange = (value)=>{
1349
1353
  if (state.validate(value)) state.setInputValue(value);
1350
1354
  };
1351
- let { labelProps: labelProps, inputProps: inputProps } = (0, $kZqDi$reactariatextfield.useFormattedTextField)((0, $kZqDi$reactariautils.mergeProps)(props, {
1355
+ let { inputProps: inputProps, ...otherProps } = (0, $kZqDi$reactariatextfield.useFormattedTextField)((0, $kZqDi$reactariautils.mergeProps)(props, {
1352
1356
  id: inputId,
1353
1357
  value: inputValue,
1354
1358
  defaultValue: undefined,
1359
+ validate: undefined,
1360
+ [(0, $kZqDi$reactstatelyform.privateValidationStateProp)]: state,
1355
1361
  type: "text",
1356
1362
  autoComplete: "off",
1357
1363
  onChange: onChange
1358
1364
  }), state, ref);
1365
+ inputProps = (0, $kZqDi$reactariautils.mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
1366
+ role: "textbox",
1367
+ "aria-valuemax": null,
1368
+ "aria-valuemin": null,
1369
+ "aria-valuenow": null,
1370
+ "aria-valuetext": null,
1371
+ autoCorrect: "off",
1372
+ spellCheck: "false",
1373
+ onBlur: commit
1374
+ });
1375
+ if (validationBehavior === "native") inputProps["aria-required"] = undefined;
1359
1376
  return {
1360
- labelProps: labelProps,
1361
- inputProps: (0, $kZqDi$reactariautils.mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
1362
- role: "textbox",
1363
- "aria-valuemax": null,
1364
- "aria-valuemin": null,
1365
- "aria-valuenow": null,
1366
- "aria-valuetext": null,
1367
- autoCorrect: "off",
1368
- spellCheck: "false",
1369
- onBlur: commit
1370
- })
1377
+ inputProps: inputProps,
1378
+ ...otherProps
1371
1379
  };
1372
1380
  }
1373
1381