@react-aria/color 3.0.0-beta.12 → 3.0.0-beta.15

package/dist/main.js

@@ -7,167 +7,390 @@ var $kZqDi$reactariaslider = require("@react-aria/slider");
 var $kZqDi$reactariatextfield = require("@react-aria/textfield");
 var $kZqDi$reactariaspinbutton = require("@react-aria/spinbutton");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $47925bd68062ac17$exports = {};
 
-$parcel$export($47925bd68062ac17$exports, "useColorArea", () => $47925bd68062ac17$export$2f92a7a615a014f6);
+$parcel$export(module.exports, "useColorArea", () => $47925bd68062ac17$export$2f92a7a615a014f6);
+$parcel$export(module.exports, "useColorSlider", () => $afbb9647440a7f5b$export$106b7a4e66508f66);
+$parcel$export(module.exports, "useColorWheel", () => $1d29bf243d4a9a53$export$9064ff4e44b3729a);
+$parcel$export(module.exports, "useColorField", () => $58c850037bc7a7ce$export$77e32ca575a28fdf);
 
 var $4f97b428b4cbcd4e$exports = {};
 var $f141a15c3076a67b$exports = {};
-$f141a15c3076a67b$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"أداة انتقاء اللون\",\"twoDimensionalSlider\":\"مُنزلق 2D\"}");
+$f141a15c3076a67b$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `أداة انتقاء اللون`,
+    "twoDimensionalSlider": `مُنزلق 2D`
+};
 
 
 var $435ac2a9fdd2ae5e$exports = {};
-$435ac2a9fdd2ae5e$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Средство за избиране на цвят\",\"twoDimensionalSlider\":\"2D плъзгач\"}");
+$435ac2a9fdd2ae5e$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Средство за избиране на цвят`,
+    "twoDimensionalSlider": `2D плъзгач`
+};
 
 
 var $6b29758b432284f5$exports = {};
-$6b29758b432284f5$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Výběr barvy\",\"twoDimensionalSlider\":\"2D posuvník\"}");
+$6b29758b432284f5$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Výběr barvy`,
+    "twoDimensionalSlider": `2D posuvník`
+};
 
 
 var $357597bcf4afd6fb$exports = {};
-$357597bcf4afd6fb$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Farvevælger\",\"twoDimensionalSlider\":\"2D-skyder\"}");
+$357597bcf4afd6fb$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Farvevælger`,
+    "twoDimensionalSlider": `2D-skyder`
+};
 
 
 var $ddc6333960e2b591$exports = {};
-$ddc6333960e2b591$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Farbwähler\",\"twoDimensionalSlider\":\"2D-Schieberegler\"}");
+$ddc6333960e2b591$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Farbwähler`,
+    "twoDimensionalSlider": `2D-Schieberegler`
+};
 
 
 var $417ee93d3ca474c0$exports = {};
-$417ee93d3ca474c0$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Επιλογέας χρωμάτων\",\"twoDimensionalSlider\":\"Ρυθμιστικό 2D\"}");
+$417ee93d3ca474c0$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Επιλογέας χρωμάτων`,
+    "twoDimensionalSlider": `Ρυθμιστικό 2D`
+};
 
 
 var $519561bc6dcff98b$exports = {};
-$519561bc6dcff98b$exports = JSON.parse("{\"colorPicker\":\"Color picker\",\"twoDimensionalSlider\":\"2D slider\",\"colorNameAndValue\":\"{name}: {value}\",\"colorInputLabel\":\"{label}, {channelLabel}\"}");
+$519561bc6dcff98b$exports = {
+    "colorPicker": `Color picker`,
+    "twoDimensionalSlider": `2D slider`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+};
 
 
 var $7a34c3fcc03402b8$exports = {};
-$7a34c3fcc03402b8$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Selector de color\",\"twoDimensionalSlider\":\"Regulador 2D\"}");
+$7a34c3fcc03402b8$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Selector de color`,
+    "twoDimensionalSlider": `Regulador 2D`
+};
 
 
 var $860f86d6eae22cba$exports = {};
-$860f86d6eae22cba$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Värvivalija\",\"twoDimensionalSlider\":\"2D-liugur\"}");
+$860f86d6eae22cba$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Värvivalija`,
+    "twoDimensionalSlider": `2D-liugur`
+};
 
 
 var $8525d3c77b8a51b0$exports = {};
-$8525d3c77b8a51b0$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Värimuokkain\",\"twoDimensionalSlider\":\"2D-liukusäädin\"}");
+$8525d3c77b8a51b0$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Värimuokkain`,
+    "twoDimensionalSlider": `2D-liukusäädin`
+};
 
 
 var $8240fe6825e900ec$exports = {};
-$8240fe6825e900ec$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name} : {value}\",\"colorPicker\":\"Sélecteur de couleurs\",\"twoDimensionalSlider\":\"Curseur 2D\"}");
+$8240fe6825e900ec$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name} : ${args.value}`
+    ,
+    "colorPicker": `Sélecteur de couleurs`,
+    "twoDimensionalSlider": `Curseur 2D`
+};
 
 
 var $377849238307c673$exports = {};
-$377849238307c673$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"בוחר הצבעים\",\"twoDimensionalSlider\":\"מחוון דו מימדי\"}");
+$377849238307c673$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `בוחר הצבעים`,
+    "twoDimensionalSlider": `מחוון דו מימדי`
+};
 
 
 var $5a6f44e0ec14b083$exports = {};
-$5a6f44e0ec14b083$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Odabir boje\",\"twoDimensionalSlider\":\"2D klizač\"}");
+$5a6f44e0ec14b083$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Odabir boje`,
+    "twoDimensionalSlider": `2D klizač`
+};
 
 
 var $82327d6e71e3e273$exports = {};
-$82327d6e71e3e273$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Színválasztó\",\"twoDimensionalSlider\":\"2D-csúszka\"}");
+$82327d6e71e3e273$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Színválasztó`,
+    "twoDimensionalSlider": `2D-csúszka`
+};
 
 
 var $b1e297275c248ab8$exports = {};
-$b1e297275c248ab8$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Selettore colore\",\"twoDimensionalSlider\":\"Cursore 2D\"}");
+$b1e297275c248ab8$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Selettore colore`,
+    "twoDimensionalSlider": `Cursore 2D`
+};
 
 
 var $b39c9f2638b4d2b9$exports = {};
-$b39c9f2638b4d2b9$exports = JSON.parse("{\"colorInputLabel\":\"{label}、{channelLabel}\",\"colorNameAndValue\":\"{name} : {value}\",\"colorPicker\":\"カラーピッカー\",\"twoDimensionalSlider\":\"2D スライダー\"}");
+$b39c9f2638b4d2b9$exports = {
+    "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name} : ${args.value}`
+    ,
+    "colorPicker": `カラーピッカー`,
+    "twoDimensionalSlider": `2D スライダー`
+};
 
 
 var $2d2fbf4195848a62$exports = {};
-$2d2fbf4195848a62$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"색상 피커\",\"twoDimensionalSlider\":\"2D 슬라이더\"}");
+$2d2fbf4195848a62$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `색상 피커`,
+    "twoDimensionalSlider": `2D 슬라이더`
+};
 
 
 var $ea88350d0828fa2c$exports = {};
-$ea88350d0828fa2c$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Spalvų parinkiklis\",\"twoDimensionalSlider\":\"2D slankiklis\"}");
+$ea88350d0828fa2c$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Spalvų parinkiklis`,
+    "twoDimensionalSlider": `2D slankiklis`
+};
 
 
 var $0e0acd541630120a$exports = {};
-$0e0acd541630120a$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Krāsu atlasītājs\",\"twoDimensionalSlider\":\"2D slīdnis\"}");
+$0e0acd541630120a$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Krāsu atlasītājs`,
+    "twoDimensionalSlider": `2D slīdnis`
+};
 
 
 var $952a458224052046$exports = {};
-$952a458224052046$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Fargevelger\",\"twoDimensionalSlider\":\"2D-glidebryter\"}");
+$952a458224052046$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Fargevelger`,
+    "twoDimensionalSlider": `2D-glidebryter`
+};
 
 
 var $2d8e195bc5683483$exports = {};
-$2d8e195bc5683483$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Kleurkiezer\",\"twoDimensionalSlider\":\"2D-schuifregelaar\"}");
+$2d8e195bc5683483$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Kleurkiezer`,
+    "twoDimensionalSlider": `2D-schuifregelaar`
+};
 
 
 var $750d83f83c5f38d4$exports = {};
-$750d83f83c5f38d4$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Próbnik kolorów\",\"twoDimensionalSlider\":\"Suwak 2D\"}");
+$750d83f83c5f38d4$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Próbnik kolorów`,
+    "twoDimensionalSlider": `Suwak 2D`
+};
 
 
 var $656b2846f611067c$exports = {};
-$656b2846f611067c$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Seletor de cores\",\"twoDimensionalSlider\":\"Controle deslizante 2D\"}");
+$656b2846f611067c$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Seletor de cores`,
+    "twoDimensionalSlider": `Controle deslizante 2D`
+};
 
 
 var $58ce120874d069dd$exports = {};
-$58ce120874d069dd$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Seletor de cores\",\"twoDimensionalSlider\":\"Controle deslizante 2D\"}");
+$58ce120874d069dd$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Seletor de cores`,
+    "twoDimensionalSlider": `Controle deslizante 2D`
+};
 
 
 var $fd6c85b4eba18825$exports = {};
-$fd6c85b4eba18825$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Selector de culori\",\"twoDimensionalSlider\":\"Glisor 2D\"}");
+$fd6c85b4eba18825$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Selector de culori`,
+    "twoDimensionalSlider": `Glisor 2D`
+};
 
 
 var $8849a15ecc435984$exports = {};
-$8849a15ecc435984$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Палитра цветов\",\"twoDimensionalSlider\":\"Ползунок 2D\"}");
+$8849a15ecc435984$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Палитра цветов`,
+    "twoDimensionalSlider": `Ползунок 2D`
+};
 
 
 var $5192372f064be783$exports = {};
-$5192372f064be783$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Výber farieb\",\"twoDimensionalSlider\":\"2D jazdec\"}");
+$5192372f064be783$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Výber farieb`,
+    "twoDimensionalSlider": `2D jazdec`
+};
 
 
 var $094525f9176df65d$exports = {};
-$094525f9176df65d$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Izbirnik barv\",\"twoDimensionalSlider\":\"2D drsnik\"}");
+$094525f9176df65d$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Izbirnik barv`,
+    "twoDimensionalSlider": `2D drsnik`
+};
 
 
 var $9795aa59b4ad40ed$exports = {};
-$9795aa59b4ad40ed$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Birač boja\",\"twoDimensionalSlider\":\"2D klizač\"}");
+$9795aa59b4ad40ed$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Birač boja`,
+    "twoDimensionalSlider": `2D klizač`
+};
 
 
 var $9ebaa0b485f13e4d$exports = {};
-$9ebaa0b485f13e4d$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Färgväljaren\",\"twoDimensionalSlider\":\"2D-reglage\"}");
+$9ebaa0b485f13e4d$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Färgväljaren`,
+    "twoDimensionalSlider": `2D-reglage`
+};
 
 
 var $ad58e2e4e0f2e750$exports = {};
-$ad58e2e4e0f2e750$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Renk Seçici\",\"twoDimensionalSlider\":\"2D sürgü\"}");
+$ad58e2e4e0f2e750$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Renk Seçici`,
+    "twoDimensionalSlider": `2D sürgü`
+};
 
 
 var $dafc19306f8b2dfc$exports = {};
-$dafc19306f8b2dfc$exports = JSON.parse("{\"colorInputLabel\":\"{label}, {channelLabel}\",\"colorNameAndValue\":\"{name}: {value}\",\"colorPicker\":\"Палітра кольорів\",\"twoDimensionalSlider\":\"Повзунок 2D\"}");
+$dafc19306f8b2dfc$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`
+    ,
+    "colorPicker": `Палітра кольорів`,
+    "twoDimensionalSlider": `Повзунок 2D`
+};
 
 
 var $d31a8b80af5acc16$exports = {};
-$d31a8b80af5acc16$exports = JSON.parse("{\"colorInputLabel\":\"{label}、{channelLabel}\",\"colorNameAndValue\":\"{name}：{value}\",\"colorPicker\":\"拾色器\",\"twoDimensionalSlider\":\"2D 滑块\"}");
+$d31a8b80af5acc16$exports = {
+    "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}：${args.value}`
+    ,
+    "colorPicker": `拾色器`,
+    "twoDimensionalSlider": `2D 滑块`
+};
 
 
 var $7377d28aec5fa200$exports = {};
-$7377d28aec5fa200$exports = JSON.parse("{\"colorInputLabel\":\"{label}，{channelLabel}\",\"colorNameAndValue\":\"{name}：{value}\",\"colorPicker\":\"檢色器\",\"twoDimensionalSlider\":\"2D 滑桿\"}");
+$7377d28aec5fa200$exports = {
+    "colorInputLabel": (args)=>`${args.label}，${args.channelLabel}`
+    ,
+    "colorNameAndValue": (args)=>`${args.name}：${args.value}`
+    ,
+    "colorPicker": `檢色器`,
+    "twoDimensionalSlider": `2D 滑桿`
+};
 
 
 $4f97b428b4cbcd4e$exports = {
@@ -386,17 +609,22 @@ function $99936ad0bf67c8c4$export$dd62420467d245ca({ direction: direction , stat
         }
         let { x: x , y: y  } = state.getThumbPosition();
         if (direction === 'rtl') x = 1 - x;
+        let forcedColorAdjustNoneStyle = {
+            forcedColorAdjust: 'none'
+        };
         return {
             colorAreaStyleProps: {
                 style: {
                     position: 'relative',
                     touchAction: 'none',
+                    ...forcedColorAdjustNoneStyle,
                     ...background.colorAreaStyles
                 }
             },
             gradientStyleProps: {
                 style: {
                     touchAction: 'none',
+                    ...forcedColorAdjustNoneStyle,
                     ...background.gradientStyles
                 }
             },
@@ -406,7 +634,8 @@ function $99936ad0bf67c8c4$export$dd62420467d245ca({ direction: direction , stat
                     left: `${x * 100}%`,
                     top: `${y * 100}%`,
                     transform: 'translate(0%, 0%)',
-                    touchAction: 'none'
+                    touchAction: 'none',
+                    ...forcedColorAdjustNoneStyle
                 }
             }
         };
@@ -426,7 +655,7 @@ function $99936ad0bf67c8c4$export$dd62420467d245ca({ direction: direction , stat
 
 function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
     let { isDisabled: isDisabled , inputXRef: inputXRef , inputYRef: inputYRef , containerRef: containerRef , 'aria-label': ariaLabel  } = props;
-    let formatMessage = $kZqDi$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($4f97b428b4cbcd4e$exports)));
+    let stringFormatter = $kZqDi$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($4f97b428b4cbcd4e$exports)));
     let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $kZqDi$reactariautils.useGlobalListeners();
     let { direction: direction , locale: locale  } = $kZqDi$reactariai18n.useLocale();
     let focusedInputRef = $kZqDi$react.useRef(null);
@@ -643,40 +872,40 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
     });
     let isMobile = $kZqDi$reactariautils.isIOS() || $kZqDi$reactariautils.isAndroid();
     function getAriaValueTextForChannel(channel) {
-        return valueChangedViaKeyboard.current ? formatMessage('colorNameAndValue', {
+        return valueChangedViaKeyboard.current ? stringFormatter.format('colorNameAndValue', {
             name: state.value.getChannelName(channel, locale),
             value: state.value.formatChannelValue(channel, locale)
         }) : [
-            formatMessage('colorNameAndValue', {
+            stringFormatter.format('colorNameAndValue', {
                 name: state.value.getChannelName(channel, locale),
                 value: state.value.formatChannelValue(channel, locale)
             }),
-            formatMessage('colorNameAndValue', {
+            stringFormatter.format('colorNameAndValue', {
                 name: state.value.getChannelName(channel === yChannel ? xChannel : yChannel, locale),
                 value: state.value.formatChannelValue(channel === yChannel ? xChannel : yChannel, locale)
             })
         ].join(', ');
     }
-    let colorPickerLabel = formatMessage('colorPicker');
+    let colorPickerLabel = stringFormatter.format('colorPicker');
     let xInputLabellingProps = $kZqDi$reactariautils.useLabels({
         ...props,
-        'aria-label': ariaLabel ? formatMessage('colorInputLabel', {
+        'aria-label': ariaLabel ? stringFormatter.format('colorInputLabel', {
             label: ariaLabel,
             channelLabel: colorPickerLabel
         }) : colorPickerLabel
     });
     let yInputLabellingProps = $kZqDi$reactariautils.useLabels({
         ...props,
-        'aria-label': ariaLabel ? formatMessage('colorInputLabel', {
+        'aria-label': ariaLabel ? stringFormatter.format('colorInputLabel', {
             label: ariaLabel,
             channelLabel: colorPickerLabel
         }) : colorPickerLabel
     });
-    let colorAriaLabellingProps = $kZqDi$reactariautils.useLabels({
+    let colorAreaLabellingProps = $kZqDi$reactariautils.useLabels({
         ...props,
-        'aria-label': ariaLabel ? `${ariaLabel} ${colorPickerLabel}` : undefined
+        'aria-label': ariaLabel ? `${ariaLabel}, ${colorPickerLabel}` : undefined
     }, isMobile ? colorPickerLabel : undefined);
-    let ariaRoleDescription = formatMessage('twoDimensionalSlider');
+    let ariaRoleDescription = stringFormatter.format('twoDimensionalSlider');
     let { visuallyHiddenProps: visuallyHiddenProps  } = $kZqDi$reactariavisuallyhidden.useVisuallyHidden({
         style: {
             opacity: '0.0001',
@@ -694,7 +923,7 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
     });
     return {
         colorAreaProps: {
-            ...colorAriaLabellingProps,
+            ...colorAreaLabellingProps,
             ...colorAreaInteractions,
             ...colorAreaStyleProps,
             role: 'group'
@@ -725,7 +954,7 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
         So that only a single "2d slider" control shows up when listing form elements for screen readers,
         add aria-hidden="true" to the unfocused control when the value has not changed via the keyboard,
         but remove aria-hidden to reveal the input for each channel when the value has changed with the keyboard.
-      */ 'aria-hidden': !isMobile && focusedInputRef.current === inputYRef.current && !valueChangedViaKeyboard.current ? 'true' : undefined,
+      */ 'aria-hidden': isMobile || !focusedInputRef.current || focusedInputRef.current === inputXRef.current || valueChangedViaKeyboard.current ? undefined : 'true',
             onChange: (e)=>{
                 state.setXValue(parseFloat(e.target.value));
             }
@@ -743,12 +972,12 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
             'aria-orientation': 'vertical',
             disabled: isDisabled,
             value: state.value.getChannelValue(yChannel),
-            tabIndex: isMobile || focusedInputRef.current === inputYRef.current ? undefined : -1,
+            tabIndex: isMobile || focusedInputRef.current && focusedInputRef.current === inputYRef.current ? undefined : -1,
             /*
         So that only a single "2d slider" control shows up when listing form elements for screen readers,
         add aria-hidden="true" to the unfocused input when the value has not changed via the keyboard,
         but remove aria-hidden to reveal the input for each channel when the value has changed with the keyboard.
-      */ 'aria-hidden': isMobile || focusedInputRef.current === inputYRef.current || valueChangedViaKeyboard.current ? undefined : 'true',
+      */ 'aria-hidden': isMobile || focusedInputRef.current && focusedInputRef.current === inputYRef.current || valueChangedViaKeyboard.current ? undefined : 'true',
             onChange: (e)=>{
                 state.setYValue(parseFloat(e.target.value));
             }
@@ -757,9 +986,6 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
 }
 
 
-var $afbb9647440a7f5b$exports = {};
-
-$parcel$export($afbb9647440a7f5b$exports, "useColorSlider", () => $afbb9647440a7f5b$export$106b7a4e66508f66);
 
 
 
@@ -815,14 +1041,15 @@ function $afbb9647440a7f5b$export$106b7a4e66508f66(props, state) {
                 throw new Error('Unknown color channel: ' + channel);
         }
     };
-    let thumbPosition = state.getThumbPercent(0);
-    if (orientation === 'vertical' || direction === 'rtl') thumbPosition = 1 - thumbPosition;
+    let forcedColorAdjustNoneStyle = {
+        forcedColorAdjust: 'none'
+    };
     return {
         trackProps: {
             ...$kZqDi$reactariautils.mergeProps(groupProps, trackProps),
             style: {
-                position: 'relative',
-                touchAction: 'none',
+                ...trackProps.style,
+                ...forcedColorAdjustNoneStyle,
                 background: generateBackground()
             }
         },
@@ -830,10 +1057,8 @@ function $afbb9647440a7f5b$export$106b7a4e66508f66(props, state) {
         thumbProps: {
             ...thumbProps,
             style: {
-                touchAction: 'none',
-                position: 'absolute',
-                [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition * 100}%`,
-                transform: 'translate(-50%, -50%)'
+                ...thumbProps.style,
+                ...forcedColorAdjustNoneStyle
             }
         },
         labelProps: labelProps,
@@ -842,9 +1067,6 @@ function $afbb9647440a7f5b$export$106b7a4e66508f66(props, state) {
 }
 
 
-var $1d29bf243d4a9a53$exports = {};
-
-$parcel$export($1d29bf243d4a9a53$exports, "useColorWheel", () => $1d29bf243d4a9a53$export$9064ff4e44b3729a);
 
 
 
@@ -1021,6 +1243,9 @@ function $1d29bf243d4a9a53$export$9064ff4e44b3729a(props, state, inputRef) {
         'aria-label': ariaLabel
     });
     let { minValue: minValue , maxValue: maxValue , step: step  } = state.value.getChannelRange('hue');
+    let forcedColorAdjustNoneStyle = {
+        forcedColorAdjust: 'none'
+    };
     return {
         trackProps: {
             ...trackInteractions,
@@ -1047,7 +1272,8 @@ function $1d29bf243d4a9a53$export$9064ff4e44b3729a(props, state, inputRef) {
             hsl(360, 100%, 50%)
           )
         `,
-                clipPath: `path(evenodd, "${$1d29bf243d4a9a53$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$1d29bf243d4a9a53$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
+                clipPath: `path(evenodd, "${$1d29bf243d4a9a53$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$1d29bf243d4a9a53$var$circlePath(outerRadius, outerRadius, innerRadius)}")`,
+                ...forcedColorAdjustNoneStyle
             }
         },
         thumbProps: {
@@ -1057,7 +1283,8 @@ function $1d29bf243d4a9a53$export$9064ff4e44b3729a(props, state, inputRef) {
                 left: '50%',
                 top: '50%',
                 transform: `translate(calc(${x1}px - 50%), calc(${y1}px - 50%))`,
-                touchAction: 'none'
+                touchAction: 'none',
+                ...forcedColorAdjustNoneStyle
             }
         },
         inputProps: $kZqDi$reactariautils.mergeProps(inputLabellingProps, {
@@ -1080,9 +1307,6 @@ function $1d29bf243d4a9a53$var$circlePath(cx, cy, r) {
 }
 
 
-var $58c850037bc7a7ce$exports = {};
-
-$parcel$export($58c850037bc7a7ce$exports, "useColorField", () => $58c850037bc7a7ce$export$77e32ca575a28fdf);
 
 
 
@@ -1151,10 +1375,6 @@ function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
 }
 
 
-$parcel$exportWildcard(module.exports, $47925bd68062ac17$exports);
-$parcel$exportWildcard(module.exports, $afbb9647440a7f5b$exports);
-$parcel$exportWildcard(module.exports, $1d29bf243d4a9a53$exports);
-$parcel$exportWildcard(module.exports, $58c850037bc7a7ce$exports);
 
 
 //# sourceMappingURL=main.js.map