@react-spectrum/color 3.0.0-beta.33 → 3.0.0-beta.34

package/dist/ColorSwatch.mjs

@@ -25,7 +25,7 @@ function $d68786ae409fa722$var$ColorSwatch(props, ref) {
     let { colorSwatchProps: colorSwatchProps, color: color } = (0, $5Pjc1$useColorSwatch)(props);
     let { styleProps: styleProps } = (0, $5Pjc1$useStyleProps)(props);
     let ctx = (0, $5Pjc1$useContext)($d68786ae409fa722$export$8529d7908a78c058);
-    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || "M", rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || "default" } = props;
+    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || 'M', rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || 'default' } = props;
     let swatch = /*#__PURE__*/ (0, $5Pjc1$react).createElement("div", {
         ...colorSwatchProps,
         ...styleProps,
@@ -33,38 +33,38 @@ function $d68786ae409fa722$var$ColorSwatch(props, ref) {
         style: {
             ...styleProps.style,
             // TODO: should there be a distinction between transparent and no value (e.g. null)?
-            background: color.getChannelValue("alpha") > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : "linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat"
+            background: color.getChannelValue('alpha') > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : 'linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat'
         },
         className: function anonymous(props) {
             let rules = "";
-            if (props.size === "L") rules += " ok";
-            else if (props.size === "M") rules += " oi";
-            else if (props.size === "S") rules += " og";
-            else if (props.size === "XS") rules += " oe";
-            if (props.size === "L") rules += " nk";
-            else if (props.size === "M") rules += " ni";
-            else if (props.size === "S") rules += " ng";
-            else if (props.size === "XS") rules += " ne";
-            if (props.rounding === "full") rules += " _pf";
-            else if (props.rounding === "none") rules += " _pa";
-            else if (props.rounding === "default") rules += " _pc";
-            if (props.rounding === "full") rules += " _qf";
-            else if (props.rounding === "none") rules += " _qa";
-            else if (props.rounding === "default") rules += " _qc";
-            if (props.rounding === "full") rules += " _rf";
-            else if (props.rounding === "none") rules += " _ra";
-            else if (props.rounding === "default") rules += " _rc";
-            if (props.rounding === "full") rules += " _sf";
-            else if (props.rounding === "none") rules += " _sa";
-            else if (props.rounding === "default") rules += " _sc";
-            rules += " c-1n5whoe";
-            rules += " wb";
-            rules += " xb";
-            rules += " ub";
-            rules += " vb";
-            rules += " Aa";
-            rules += " __ka";
-            rules += " _tb";
+            if (props.size === "L") rules += ' ok';
+            else if (props.size === "M") rules += ' oi';
+            else if (props.size === "S") rules += ' og';
+            else if (props.size === "XS") rules += ' oe';
+            if (props.size === "L") rules += ' nk';
+            else if (props.size === "M") rules += ' ni';
+            else if (props.size === "S") rules += ' ng';
+            else if (props.size === "XS") rules += ' ne';
+            if (props.rounding === "full") rules += ' _pf';
+            else if (props.rounding === "none") rules += ' _pa';
+            else if (props.rounding === "default") rules += ' _pc';
+            if (props.rounding === "full") rules += ' _qf';
+            else if (props.rounding === "none") rules += ' _qa';
+            else if (props.rounding === "default") rules += ' _qc';
+            if (props.rounding === "full") rules += ' _rf';
+            else if (props.rounding === "none") rules += ' _ra';
+            else if (props.rounding === "default") rules += ' _rc';
+            if (props.rounding === "full") rules += ' _sf';
+            else if (props.rounding === "none") rules += ' _sa';
+            else if (props.rounding === "default") rules += ' _sc';
+            rules += ' c-1n5whoe';
+            rules += ' wb';
+            rules += ' xb';
+            rules += ' ub';
+            rules += ' vb';
+            rules += ' Aa';
+            rules += ' __ka';
+            rules += ' _tb';
             return rules;
         }({
             size: size,
@@ -81,4 +81,4 @@ function $d68786ae409fa722$var$ColorSwatch(props, ref) {
 
 
 export {$d68786ae409fa722$export$8529d7908a78c058 as SpectrumColorSwatchContext, $d68786ae409fa722$export$cae13e90592f246a as ColorSwatch};
-//# sourceMappingURL=ColorSwatch.mjs.map
+//# sourceMappingURL=ColorSwatch.module.js.map

package/dist/ColorSwatch.module.js

@@ -25,7 +25,7 @@ function $d68786ae409fa722$var$ColorSwatch(props, ref) {
     let { colorSwatchProps: colorSwatchProps, color: color } = (0, $5Pjc1$useColorSwatch)(props);
     let { styleProps: styleProps } = (0, $5Pjc1$useStyleProps)(props);
     let ctx = (0, $5Pjc1$useContext)($d68786ae409fa722$export$8529d7908a78c058);
-    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || "M", rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || "default" } = props;
+    let { size: size = (ctx === null || ctx === void 0 ? void 0 : ctx.size) || 'M', rounding: rounding = (ctx === null || ctx === void 0 ? void 0 : ctx.rounding) || 'default' } = props;
     let swatch = /*#__PURE__*/ (0, $5Pjc1$react).createElement("div", {
         ...colorSwatchProps,
         ...styleProps,
@@ -33,38 +33,38 @@ function $d68786ae409fa722$var$ColorSwatch(props, ref) {
         style: {
             ...styleProps.style,
             // TODO: should there be a distinction between transparent and no value (e.g. null)?
-            background: color.getChannelValue("alpha") > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : "linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat"
+            background: color.getChannelValue('alpha') > 0 ? `linear-gradient(${color}, ${color}), repeating-conic-gradient(#e6e6e6 0% 25%, white 0% 50%) 0% 50% / 16px 16px` : 'linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat'
         },
         className: function anonymous(props) {
             let rules = "";
-            if (props.size === "L") rules += " ok";
-            else if (props.size === "M") rules += " oi";
-            else if (props.size === "S") rules += " og";
-            else if (props.size === "XS") rules += " oe";
-            if (props.size === "L") rules += " nk";
-            else if (props.size === "M") rules += " ni";
-            else if (props.size === "S") rules += " ng";
-            else if (props.size === "XS") rules += " ne";
-            if (props.rounding === "full") rules += " _pf";
-            else if (props.rounding === "none") rules += " _pa";
-            else if (props.rounding === "default") rules += " _pc";
-            if (props.rounding === "full") rules += " _qf";
-            else if (props.rounding === "none") rules += " _qa";
-            else if (props.rounding === "default") rules += " _qc";
-            if (props.rounding === "full") rules += " _rf";
-            else if (props.rounding === "none") rules += " _ra";
-            else if (props.rounding === "default") rules += " _rc";
-            if (props.rounding === "full") rules += " _sf";
-            else if (props.rounding === "none") rules += " _sa";
-            else if (props.rounding === "default") rules += " _sc";
-            rules += " c-1n5whoe";
-            rules += " wb";
-            rules += " xb";
-            rules += " ub";
-            rules += " vb";
-            rules += " Aa";
-            rules += " __ka";
-            rules += " _tb";
+            if (props.size === "L") rules += ' ok';
+            else if (props.size === "M") rules += ' oi';
+            else if (props.size === "S") rules += ' og';
+            else if (props.size === "XS") rules += ' oe';
+            if (props.size === "L") rules += ' nk';
+            else if (props.size === "M") rules += ' ni';
+            else if (props.size === "S") rules += ' ng';
+            else if (props.size === "XS") rules += ' ne';
+            if (props.rounding === "full") rules += ' _pf';
+            else if (props.rounding === "none") rules += ' _pa';
+            else if (props.rounding === "default") rules += ' _pc';
+            if (props.rounding === "full") rules += ' _qf';
+            else if (props.rounding === "none") rules += ' _qa';
+            else if (props.rounding === "default") rules += ' _qc';
+            if (props.rounding === "full") rules += ' _rf';
+            else if (props.rounding === "none") rules += ' _ra';
+            else if (props.rounding === "default") rules += ' _rc';
+            if (props.rounding === "full") rules += ' _sf';
+            else if (props.rounding === "none") rules += ' _sa';
+            else if (props.rounding === "default") rules += ' _sc';
+            rules += ' c-1n5whoe';
+            rules += ' wb';
+            rules += ' xb';
+            rules += ' ub';
+            rules += ' vb';
+            rules += ' Aa';
+            rules += ' __ka';
+            rules += ' _tb';
             return rules;
         }({
             size: size,

package/dist/ColorSwatchPicker.main.js

@@ -29,7 +29,7 @@ $parcel$export(module.exports, "ColorSwatchPicker", () => $ba9a184bcae9b225$expo
 
 
 function $ba9a184bcae9b225$var$ColorSwatchPicker(props, ref) {
-    let { density: density = "regular", size: size = "M", rounding: rounding = "none", ...otherProps } = props;
+    let { density: density = 'regular', size: size = 'M', rounding: rounding = 'none', ...otherProps } = props;
     let { styleProps: styleProps } = (0, $iY2T3$reactspectrumutils.useStyleProps)(props);
     let domRef = (0, $iY2T3$reactspectrumutils.useDOMRef)(ref);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($iY2T3$react))).createElement((0, $iY2T3$reactariacomponents.ColorSwatchPicker), {
@@ -38,14 +38,14 @@ function $ba9a184bcae9b225$var$ColorSwatchPicker(props, ref) {
         ref: domRef,
         className: styleProps.className + function anonymous(props) {
             let rules = "";
-            rules += " _Sd";
-            rules += " _0a";
-            if (props.density === "spacious") rules += " lc";
-            else if (props.density === "regular") rules += " lb";
-            else if (props.density === "compact") rules += " lF";
-            if (props.density === "spacious") rules += " mc";
-            else if (props.density === "regular") rules += " mb";
-            else if (props.density === "compact") rules += " mF";
+            rules += ' _Sd';
+            rules += ' _0a';
+            if (props.density === "spacious") rules += ' lc';
+            else if (props.density === "regular") rules += ' lb';
+            else if (props.density === "compact") rules += ' lF';
+            if (props.density === "spacious") rules += ' mc';
+            else if (props.density === "regular") rules += ' mb';
+            else if (props.density === "compact") rules += ' mF';
             return rules;
         }({
             density: density
@@ -66,25 +66,25 @@ function $ba9a184bcae9b225$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += " _Eb";
-                else rules += " _Ea";
-                rules += " da___D";
-                rules += " d___I";
-                rules += " _Gc";
-                rules += " _Fc";
-                rules += " Xc";
-                if (props.rounding === "full") rules += " _pf";
-                else if (props.rounding === "default") rules += " _pc";
-                else if (props.rounding === "none") rules += " _pa";
-                if (props.rounding === "full") rules += " _qf";
-                else if (props.rounding === "default") rules += " _qc";
-                else if (props.rounding === "none") rules += " _qa";
-                if (props.rounding === "full") rules += " _rf";
-                else if (props.rounding === "default") rules += " _rc";
-                else if (props.rounding === "none") rules += " _ra";
-                if (props.rounding === "full") rules += " _sf";
-                else if (props.rounding === "default") rules += " _sc";
-                else if (props.rounding === "none") rules += " _sa";
+                if (props.isFocusVisible) rules += ' _Eb';
+                else rules += ' _Ea';
+                rules += ' da___D';
+                rules += ' d___I';
+                rules += ' _Gc';
+                rules += ' _Fc';
+                rules += ' Xc';
+                if (props.rounding === "full") rules += ' _pf';
+                else if (props.rounding === "default") rules += ' _pc';
+                else if (props.rounding === "none") rules += ' _pa';
+                if (props.rounding === "full") rules += ' _qf';
+                else if (props.rounding === "default") rules += ' _qc';
+                else if (props.rounding === "none") rules += ' _qa';
+                if (props.rounding === "full") rules += ' _rf';
+                else if (props.rounding === "default") rules += ' _rc';
+                else if (props.rounding === "none") rules += ' _ra';
+                if (props.rounding === "full") rules += ' _sf';
+                else if (props.rounding === "default") rules += ' _sc';
+                else if (props.rounding === "none") rules += ' _sa';
                 return rules;
             })({
                 ...renderProps,
@@ -94,18 +94,18 @@ function $ba9a184bcae9b225$var$useWrapper(swatch, color, rounding) {
             "aria-hidden": true,
             className: function anonymous(props) {
                 let rules = "";
-                rules += " Xa";
-                rules += " __ya";
-                rules += " _0a";
-                rules += " _2a";
-                rules += " _1a";
-                rules += " _3a";
-                rules += " _o-1icpv9v";
-                rules += " _tb";
-                rules += " _p-17zqamw";
-                rules += " _q-17zqamw";
-                rules += " _r-17zqamw";
-                rules += " _s-17zqamw";
+                rules += ' Xa';
+                rules += ' __ya';
+                rules += ' _0a';
+                rules += ' _2a';
+                rules += ' _1a';
+                rules += ' _3a';
+                rules += ' _o-1icpv9v';
+                rules += ' _tb';
+                rules += ' _p-17zqamw';
+                rules += ' _q-17zqamw';
+                rules += ' _r-17zqamw';
+                rules += ' _s-17zqamw';
                 return rules;
             }()
         })));

package/dist/ColorSwatchPicker.mjs

@@ -19,7 +19,7 @@ import {useStyleProps as $1TpDU$useStyleProps, useDOMRef as $1TpDU$useDOMRef} fr
 
 
 function $4919bc07654f325c$var$ColorSwatchPicker(props, ref) {
-    let { density: density = "regular", size: size = "M", rounding: rounding = "none", ...otherProps } = props;
+    let { density: density = 'regular', size: size = 'M', rounding: rounding = 'none', ...otherProps } = props;
     let { styleProps: styleProps } = (0, $1TpDU$useStyleProps)(props);
     let domRef = (0, $1TpDU$useDOMRef)(ref);
     return /*#__PURE__*/ (0, $1TpDU$react).createElement((0, $1TpDU$ColorSwatchPicker), {
@@ -28,14 +28,14 @@ function $4919bc07654f325c$var$ColorSwatchPicker(props, ref) {
         ref: domRef,
         className: styleProps.className + function anonymous(props) {
             let rules = "";
-            rules += " _Sd";
-            rules += " _0a";
-            if (props.density === "spacious") rules += " lc";
-            else if (props.density === "regular") rules += " lb";
-            else if (props.density === "compact") rules += " lF";
-            if (props.density === "spacious") rules += " mc";
-            else if (props.density === "regular") rules += " mb";
-            else if (props.density === "compact") rules += " mF";
+            rules += ' _Sd';
+            rules += ' _0a';
+            if (props.density === "spacious") rules += ' lc';
+            else if (props.density === "regular") rules += ' lb';
+            else if (props.density === "compact") rules += ' lF';
+            if (props.density === "spacious") rules += ' mc';
+            else if (props.density === "regular") rules += ' mb';
+            else if (props.density === "compact") rules += ' mF';
             return rules;
         }({
             density: density
@@ -56,25 +56,25 @@ function $4919bc07654f325c$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += " _Eb";
-                else rules += " _Ea";
-                rules += " da___D";
-                rules += " d___I";
-                rules += " _Gc";
-                rules += " _Fc";
-                rules += " Xc";
-                if (props.rounding === "full") rules += " _pf";
-                else if (props.rounding === "default") rules += " _pc";
-                else if (props.rounding === "none") rules += " _pa";
-                if (props.rounding === "full") rules += " _qf";
-                else if (props.rounding === "default") rules += " _qc";
-                else if (props.rounding === "none") rules += " _qa";
-                if (props.rounding === "full") rules += " _rf";
-                else if (props.rounding === "default") rules += " _rc";
-                else if (props.rounding === "none") rules += " _ra";
-                if (props.rounding === "full") rules += " _sf";
-                else if (props.rounding === "default") rules += " _sc";
-                else if (props.rounding === "none") rules += " _sa";
+                if (props.isFocusVisible) rules += ' _Eb';
+                else rules += ' _Ea';
+                rules += ' da___D';
+                rules += ' d___I';
+                rules += ' _Gc';
+                rules += ' _Fc';
+                rules += ' Xc';
+                if (props.rounding === "full") rules += ' _pf';
+                else if (props.rounding === "default") rules += ' _pc';
+                else if (props.rounding === "none") rules += ' _pa';
+                if (props.rounding === "full") rules += ' _qf';
+                else if (props.rounding === "default") rules += ' _qc';
+                else if (props.rounding === "none") rules += ' _qa';
+                if (props.rounding === "full") rules += ' _rf';
+                else if (props.rounding === "default") rules += ' _rc';
+                else if (props.rounding === "none") rules += ' _ra';
+                if (props.rounding === "full") rules += ' _sf';
+                else if (props.rounding === "default") rules += ' _sc';
+                else if (props.rounding === "none") rules += ' _sa';
                 return rules;
             })({
                 ...renderProps,
@@ -84,18 +84,18 @@ function $4919bc07654f325c$var$useWrapper(swatch, color, rounding) {
             "aria-hidden": true,
             className: function anonymous(props) {
                 let rules = "";
-                rules += " Xa";
-                rules += " __ya";
-                rules += " _0a";
-                rules += " _2a";
-                rules += " _1a";
-                rules += " _3a";
-                rules += " _o-1icpv9v";
-                rules += " _tb";
-                rules += " _p-17zqamw";
-                rules += " _q-17zqamw";
-                rules += " _r-17zqamw";
-                rules += " _s-17zqamw";
+                rules += ' Xa';
+                rules += ' __ya';
+                rules += ' _0a';
+                rules += ' _2a';
+                rules += ' _1a';
+                rules += ' _3a';
+                rules += ' _o-1icpv9v';
+                rules += ' _tb';
+                rules += ' _p-17zqamw';
+                rules += ' _q-17zqamw';
+                rules += ' _r-17zqamw';
+                rules += ' _s-17zqamw';
                 return rules;
             }()
         })));
@@ -103,4 +103,4 @@ function $4919bc07654f325c$var$useWrapper(swatch, color, rounding) {
 
 
 export {$4919bc07654f325c$export$b46792416e3d8515 as ColorSwatchPicker};
-//# sourceMappingURL=ColorSwatchPicker.mjs.map
+//# sourceMappingURL=ColorSwatchPicker.module.js.map

package/dist/ColorSwatchPicker.module.js

@@ -19,7 +19,7 @@ import {useStyleProps as $1TpDU$useStyleProps, useDOMRef as $1TpDU$useDOMRef} fr
 
 
 function $4919bc07654f325c$var$ColorSwatchPicker(props, ref) {
-    let { density: density = "regular", size: size = "M", rounding: rounding = "none", ...otherProps } = props;
+    let { density: density = 'regular', size: size = 'M', rounding: rounding = 'none', ...otherProps } = props;
     let { styleProps: styleProps } = (0, $1TpDU$useStyleProps)(props);
     let domRef = (0, $1TpDU$useDOMRef)(ref);
     return /*#__PURE__*/ (0, $1TpDU$react).createElement((0, $1TpDU$ColorSwatchPicker), {
@@ -28,14 +28,14 @@ function $4919bc07654f325c$var$ColorSwatchPicker(props, ref) {
         ref: domRef,
         className: styleProps.className + function anonymous(props) {
             let rules = "";
-            rules += " _Sd";
-            rules += " _0a";
-            if (props.density === "spacious") rules += " lc";
-            else if (props.density === "regular") rules += " lb";
-            else if (props.density === "compact") rules += " lF";
-            if (props.density === "spacious") rules += " mc";
-            else if (props.density === "regular") rules += " mb";
-            else if (props.density === "compact") rules += " mF";
+            rules += ' _Sd';
+            rules += ' _0a';
+            if (props.density === "spacious") rules += ' lc';
+            else if (props.density === "regular") rules += ' lb';
+            else if (props.density === "compact") rules += ' lF';
+            if (props.density === "spacious") rules += ' mc';
+            else if (props.density === "regular") rules += ' mb';
+            else if (props.density === "compact") rules += ' mF';
             return rules;
         }({
             density: density
@@ -56,25 +56,25 @@ function $4919bc07654f325c$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = "";
-                if (props.isFocusVisible) rules += " _Eb";
-                else rules += " _Ea";
-                rules += " da___D";
-                rules += " d___I";
-                rules += " _Gc";
-                rules += " _Fc";
-                rules += " Xc";
-                if (props.rounding === "full") rules += " _pf";
-                else if (props.rounding === "default") rules += " _pc";
-                else if (props.rounding === "none") rules += " _pa";
-                if (props.rounding === "full") rules += " _qf";
-                else if (props.rounding === "default") rules += " _qc";
-                else if (props.rounding === "none") rules += " _qa";
-                if (props.rounding === "full") rules += " _rf";
-                else if (props.rounding === "default") rules += " _rc";
-                else if (props.rounding === "none") rules += " _ra";
-                if (props.rounding === "full") rules += " _sf";
-                else if (props.rounding === "default") rules += " _sc";
-                else if (props.rounding === "none") rules += " _sa";
+                if (props.isFocusVisible) rules += ' _Eb';
+                else rules += ' _Ea';
+                rules += ' da___D';
+                rules += ' d___I';
+                rules += ' _Gc';
+                rules += ' _Fc';
+                rules += ' Xc';
+                if (props.rounding === "full") rules += ' _pf';
+                else if (props.rounding === "default") rules += ' _pc';
+                else if (props.rounding === "none") rules += ' _pa';
+                if (props.rounding === "full") rules += ' _qf';
+                else if (props.rounding === "default") rules += ' _qc';
+                else if (props.rounding === "none") rules += ' _qa';
+                if (props.rounding === "full") rules += ' _rf';
+                else if (props.rounding === "default") rules += ' _rc';
+                else if (props.rounding === "none") rules += ' _ra';
+                if (props.rounding === "full") rules += ' _sf';
+                else if (props.rounding === "default") rules += ' _sc';
+                else if (props.rounding === "none") rules += ' _sa';
                 return rules;
             })({
                 ...renderProps,
@@ -84,18 +84,18 @@ function $4919bc07654f325c$var$useWrapper(swatch, color, rounding) {
             "aria-hidden": true,
             className: function anonymous(props) {
                 let rules = "";
-                rules += " Xa";
-                rules += " __ya";
-                rules += " _0a";
-                rules += " _2a";
-                rules += " _1a";
-                rules += " _3a";
-                rules += " _o-1icpv9v";
-                rules += " _tb";
-                rules += " _p-17zqamw";
-                rules += " _q-17zqamw";
-                rules += " _r-17zqamw";
-                rules += " _s-17zqamw";
+                rules += ' Xa';
+                rules += ' __ya';
+                rules += ' _0a';
+                rules += ' _2a';
+                rules += ' _1a';
+                rules += ' _3a';
+                rules += ' _o-1icpv9v';
+                rules += ' _tb';
+                rules += ' _p-17zqamw';
+                rules += ' _q-17zqamw';
+                rules += ' _r-17zqamw';
+                rules += ' _s-17zqamw';
                 return rules;
             }()
         })));

package/dist/ColorThumb.main.js

@@ -36,19 +36,19 @@ $parcel$export(module.exports, "ColorThumb", () => $2b9adc23f6c7cae1$export$a3cc
 
 
 function $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc(props) {
-    let { value: value, isDisabled: isDisabled, isDragging: isDragging, isFocused: isFocused, children: children, className: className = "", style: style, containerRef: containerRef, ...otherProps } = props;
-    let valueCSS = value.toString("css");
+    let { value: value, isDisabled: isDisabled, isDragging: isDragging, isFocused: isFocused, children: children, className: className = '', style: style, containerRef: containerRef, ...otherProps } = props;
+    let valueCSS = value.toString('css');
     let loupeRef = (0, $bRwD9$react.useRef)(null);
     let provider = (0, $bRwD9$reactspectrumprovider.useProvider)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("div", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle", {
-            "is-focused": isFocused,
-            "is-disabled": isDisabled
-        }) + " " + className,
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f61d632765728b2e$exports))), 'spectrum-ColorHandle', {
+            'is-focused': isFocused,
+            'is-disabled': isDisabled
+        }) + ' ' + className,
         style: style,
         ...otherProps
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("div", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle-color"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f61d632765728b2e$exports))), 'spectrum-ColorHandle-color'),
         style: {
             backgroundColor: valueCSS
         }
@@ -85,17 +85,17 @@ function $2b9adc23f6c7cae1$var$ColorLoupe({ isOpen: isOpen, valueCSS: valueCSS,
         containerRef
     ]);
     // Compute the pixel position of the thumb.
-    let thumbTop = style.top || "50%";
-    if (typeof thumbTop === "string" && thumbTop.endsWith("%")) thumbTop = parseFloat(style.top || "50%") / 100 * containerRect.height;
-    let thumbLeft = style.left || "50%";
-    if (typeof thumbLeft === "string" && thumbLeft.endsWith("%")) thumbLeft = parseFloat(thumbLeft || "50%") / 100 * containerRect.width;
+    let thumbTop = style.top || '50%';
+    if (typeof thumbTop === 'string' && thumbTop.endsWith('%')) thumbTop = parseFloat(style.top || '50%') / 100 * containerRect.height;
+    let thumbLeft = style.left || '50%';
+    if (typeof thumbLeft === 'string' && thumbLeft.endsWith('%')) thumbLeft = parseFloat(thumbLeft || '50%') / 100 * containerRect.width;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("svg", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe", {
-            "is-open": isOpen
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe', {
+            'is-open': isOpen
         }),
         style: {
             // Position relative to the viewport.
-            position: "fixed",
+            position: 'fixed',
             top: containerRect.top + thumbTop,
             left: containerRect.left + thumbLeft
         },
@@ -109,33 +109,33 @@ function $2b9adc23f6c7cae1$var$ColorLoupe({ isOpen: isOpen, valueCSS: valueCSS,
         height: "16",
         patternUnits: "userSpaceOnUse"
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("rect", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-background"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-inner-background'),
         x: "0",
         y: "0",
         width: "16",
         height: "16"
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("rect", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-inner-checker'),
         x: "0",
         y: "0",
         width: "8",
         height: "8"
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("rect", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-inner-checker'),
         x: "8",
         y: "8",
         width: "8",
         height: "8"
     })), /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("path", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-inner'),
         d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
         fill: `url(#${patternId})`
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("path", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-inner'),
         d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
         fill: valueCSS
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($bRwD9$react))).createElement("path", {
-        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-outer"),
+        className: (0, $bRwD9$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f65977ae56facfaa$exports))), 'spectrum-ColorLoupe-outer'),
         d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
     }));
 }