@react-aria/color 3.1.5 → 3.2.0

package/dist/useColorAreaGradient.mjs

@@ -1,118 +0,0 @@
-import {parseColor as $hLqEt$parseColor} from "@react-stately/color";
-import {useMemo as $hLqEt$useMemo} from "react";
-
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
-*/ 
-
-const $40297c24c53588e6$var$hue = (color)=>[
-        0,
-        60,
-        120,
-        180,
-        240,
-        300,
-        360
-    ].map((hue)=>color.withChannelValue('hue', hue).toString('css')).join(', ');
-const $40297c24c53588e6$var$saturation = (color)=>`${color.withChannelValue('saturation', 0)}, transparent`;
-const $40297c24c53588e6$var$hslChannels = {
-    hue: $40297c24c53588e6$var$hue,
-    saturation: $40297c24c53588e6$var$saturation,
-    lightness: ()=>'black, transparent, white'
-};
-const $40297c24c53588e6$var$hsbChannels = {
-    hue: $40297c24c53588e6$var$hue,
-    saturation: $40297c24c53588e6$var$saturation,
-    brightness: ()=>'black, transparent'
-};
-function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction, state: state, zChannel: zChannel, xChannel: xChannel, yChannel: yChannel }) {
-    let returnVal = (0, $hLqEt$useMemo)(()=>{
-        let end = direction === 'rtl' ? 'left' : 'right';
-        let colorAreaStyles = {};
-        let zValue = state.value.getChannelValue(zChannel);
-        switch(state.value.getColorSpace()){
-            case 'rgb':
-                {
-                    let rgb = (0, $hLqEt$parseColor)('rgb(0, 0, 0)');
-                    colorAreaStyles = {
-                        background: [
-                            // The screen blend mode multiplies the inverse of each channel, e.g. 1 - (1 - a) * (1 - b).
-                            // Create a layer for each channel, with the other channels as 0. After blending, this should
-                            // result in the gradients being combined channel by channel.
-                            `linear-gradient(to ${end}, ${rgb.withChannelValue(xChannel, 0)}, ${rgb.withChannelValue(xChannel, 255)})`,
-                            `linear-gradient(to top, ${rgb.withChannelValue(yChannel, 0)}, ${rgb.withChannelValue(yChannel, 255)})`,
-                            rgb.withChannelValue(zChannel, zValue)
-                        ].join(','),
-                        backgroundBlendMode: 'screen'
-                    };
-                    break;
-                }
-            case 'hsl':
-                {
-                    let channels = state.value.getColorChannels();
-                    let value = (0, $hLqEt$parseColor)('hsl(0, 100%, 50%)').withChannelValue(zChannel, zValue);
-                    let bg = channels.filter((c)=>c !== zChannel).map((c)=>`linear-gradient(to ${c === xChannel ? end : 'top'}, ${$40297c24c53588e6$var$hslChannels[c](value)})`).reverse();
-                    if (zChannel === 'hue') bg.push(value.toString('css'));
-                    colorAreaStyles = {
-                        background: bg.join(', ')
-                    };
-                    break;
-                }
-            case 'hsb':
-                {
-                    let channels = state.value.getColorChannels();
-                    let value = (0, $hLqEt$parseColor)('hsb(0, 100%, 100%)').withChannelValue(zChannel, zValue);
-                    let bg = channels.filter((c)=>c !== zChannel).map((c)=>`linear-gradient(to ${c === xChannel ? end : 'top'}, ${$40297c24c53588e6$var$hsbChannels[c](value)})`).reverse();
-                    if (zChannel === 'hue') bg.push(value.toString('css'));
-                    colorAreaStyles = {
-                        background: bg.join(', ')
-                    };
-                    break;
-                }
-        }
-        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,
-                    ...colorAreaStyles
-                }
-            },
-            thumbStyleProps: {
-                style: {
-                    position: 'absolute',
-                    left: `${x * 100}%`,
-                    top: `${y * 100}%`,
-                    transform: 'translate(-50%, -50%)',
-                    touchAction: 'none',
-                    ...forcedColorAdjustNoneStyle
-                }
-            }
-        };
-    }, [
-        direction,
-        state,
-        zChannel,
-        xChannel,
-        yChannel
-    ]);
-    return returnVal;
-}
-
-
-export {$40297c24c53588e6$export$dd62420467d245ca as useColorAreaGradient};
-//# sourceMappingURL=useColorAreaGradient.module.js.map

package/dist/useColorAreaGradient.module.js

@@ -1,118 +0,0 @@
-import {parseColor as $hLqEt$parseColor} from "@react-stately/color";
-import {useMemo as $hLqEt$useMemo} from "react";
-
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
-*/ 
-
-const $40297c24c53588e6$var$hue = (color)=>[
-        0,
-        60,
-        120,
-        180,
-        240,
-        300,
-        360
-    ].map((hue)=>color.withChannelValue('hue', hue).toString('css')).join(', ');
-const $40297c24c53588e6$var$saturation = (color)=>`${color.withChannelValue('saturation', 0)}, transparent`;
-const $40297c24c53588e6$var$hslChannels = {
-    hue: $40297c24c53588e6$var$hue,
-    saturation: $40297c24c53588e6$var$saturation,
-    lightness: ()=>'black, transparent, white'
-};
-const $40297c24c53588e6$var$hsbChannels = {
-    hue: $40297c24c53588e6$var$hue,
-    saturation: $40297c24c53588e6$var$saturation,
-    brightness: ()=>'black, transparent'
-};
-function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction, state: state, zChannel: zChannel, xChannel: xChannel, yChannel: yChannel }) {
-    let returnVal = (0, $hLqEt$useMemo)(()=>{
-        let end = direction === 'rtl' ? 'left' : 'right';
-        let colorAreaStyles = {};
-        let zValue = state.value.getChannelValue(zChannel);
-        switch(state.value.getColorSpace()){
-            case 'rgb':
-                {
-                    let rgb = (0, $hLqEt$parseColor)('rgb(0, 0, 0)');
-                    colorAreaStyles = {
-                        background: [
-                            // The screen blend mode multiplies the inverse of each channel, e.g. 1 - (1 - a) * (1 - b).
-                            // Create a layer for each channel, with the other channels as 0. After blending, this should
-                            // result in the gradients being combined channel by channel.
-                            `linear-gradient(to ${end}, ${rgb.withChannelValue(xChannel, 0)}, ${rgb.withChannelValue(xChannel, 255)})`,
-                            `linear-gradient(to top, ${rgb.withChannelValue(yChannel, 0)}, ${rgb.withChannelValue(yChannel, 255)})`,
-                            rgb.withChannelValue(zChannel, zValue)
-                        ].join(','),
-                        backgroundBlendMode: 'screen'
-                    };
-                    break;
-                }
-            case 'hsl':
-                {
-                    let channels = state.value.getColorChannels();
-                    let value = (0, $hLqEt$parseColor)('hsl(0, 100%, 50%)').withChannelValue(zChannel, zValue);
-                    let bg = channels.filter((c)=>c !== zChannel).map((c)=>`linear-gradient(to ${c === xChannel ? end : 'top'}, ${$40297c24c53588e6$var$hslChannels[c](value)})`).reverse();
-                    if (zChannel === 'hue') bg.push(value.toString('css'));
-                    colorAreaStyles = {
-                        background: bg.join(', ')
-                    };
-                    break;
-                }
-            case 'hsb':
-                {
-                    let channels = state.value.getColorChannels();
-                    let value = (0, $hLqEt$parseColor)('hsb(0, 100%, 100%)').withChannelValue(zChannel, zValue);
-                    let bg = channels.filter((c)=>c !== zChannel).map((c)=>`linear-gradient(to ${c === xChannel ? end : 'top'}, ${$40297c24c53588e6$var$hsbChannels[c](value)})`).reverse();
-                    if (zChannel === 'hue') bg.push(value.toString('css'));
-                    colorAreaStyles = {
-                        background: bg.join(', ')
-                    };
-                    break;
-                }
-        }
-        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,
-                    ...colorAreaStyles
-                }
-            },
-            thumbStyleProps: {
-                style: {
-                    position: 'absolute',
-                    left: `${x * 100}%`,
-                    top: `${y * 100}%`,
-                    transform: 'translate(-50%, -50%)',
-                    touchAction: 'none',
-                    ...forcedColorAdjustNoneStyle
-                }
-            }
-        };
-    }, [
-        direction,
-        state,
-        zChannel,
-        xChannel,
-        yChannel
-    ]);
-    return returnVal;
-}
-
-
-export {$40297c24c53588e6$export$dd62420467d245ca as useColorAreaGradient};
-//# sourceMappingURL=useColorAreaGradient.module.js.map

package/dist/useColorAreaGradient.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/color/src/useColorAreaGradient.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n*/\n\nimport {Color, ColorChannel} from '@react-types/color';\nimport {ColorAreaState, parseColor} from '@react-stately/color';\nimport {CSSProperties, useMemo} from 'react';\n\nconst hue = (color: Color) => [0, 60, 120, 180, 240, 300, 360].map(hue => color.withChannelValue('hue', hue).toString('css')).join(', ');\nconst saturation = (color: Color) => `${color.withChannelValue('saturation', 0)}, transparent`;\n\nconst hslChannels = {\n  hue,\n  saturation,\n  lightness: () => 'black, transparent, white'\n};\n\nconst hsbChannels = {\n  hue,\n  saturation,\n  brightness: () => 'black, transparent'\n};\n\ninterface Gradients {\n  colorAreaStyleProps: {\n    style: CSSProperties\n  },\n  thumbStyleProps: {\n    style: CSSProperties\n  }\n}\n\ninterface ColorAreaGradientProps {\n  direction: 'ltr' | 'rtl',\n  state: ColorAreaState,\n  zChannel: ColorChannel,\n  xChannel: ColorChannel,\n  yChannel: ColorChannel\n}\n\nexport function useColorAreaGradient({direction, state, zChannel, xChannel, yChannel}: ColorAreaGradientProps): Gradients {\n  let returnVal = useMemo<Gradients>(() => {\n    let end = direction === 'rtl' ? 'left' : 'right';\n    let colorAreaStyles = {};\n    let zValue = state.value.getChannelValue(zChannel);\n\n    switch (state.value.getColorSpace()) {\n      case 'rgb': {\n        let rgb = parseColor('rgb(0, 0, 0)');\n        colorAreaStyles = {\n          background: [\n            // The screen blend mode multiplies the inverse of each channel, e.g. 1 - (1 - a) * (1 - b).\n            // Create a layer for each channel, with the other channels as 0. After blending, this should\n            // result in the gradients being combined channel by channel.\n            `linear-gradient(to ${end}, ${rgb.withChannelValue(xChannel, 0)}, ${rgb.withChannelValue(xChannel, 255)})`,\n            `linear-gradient(to top, ${rgb.withChannelValue(yChannel, 0)}, ${rgb.withChannelValue(yChannel, 255)})`,\n            rgb.withChannelValue(zChannel, zValue)\n          ].join(','),\n          backgroundBlendMode: 'screen'\n        };\n        break;\n      }\n      case 'hsl': {\n        let channels = state.value.getColorChannels();\n        let value = parseColor('hsl(0, 100%, 50%)').withChannelValue(zChannel, zValue);\n\n        let bg = channels\n          .filter(c => c !== zChannel)\n          .map(c => `linear-gradient(to ${c === xChannel ? end : 'top'}, ${hslChannels[c](value)})`)\n          .reverse();\n        if (zChannel === 'hue') {\n          bg.push(value.toString('css'));\n        }\n\n        colorAreaStyles = {\n          background: bg.join(', ')\n        };\n        break;\n      }\n      case 'hsb': {\n        let channels = state.value.getColorChannels();\n        let value = parseColor('hsb(0, 100%, 100%)').withChannelValue(zChannel, zValue);\n\n        let bg = channels\n          .filter(c => c !== zChannel)\n          .map(c => `linear-gradient(to ${c === xChannel ? end : 'top'}, ${hsbChannels[c](value)})`)\n          .reverse();\n        if (zChannel === 'hue') {\n          bg.push(value.toString('css'));\n        }\n\n        colorAreaStyles = {\n          background: bg.join(', ')\n        };\n        break;\n      }\n    }\n\n    let {x, y} = state.getThumbPosition();\n\n    if (direction === 'rtl') {\n      x = 1 - x;\n    }\n\n    let forcedColorAdjustNoneStyle = {forcedColorAdjust: 'none'};\n\n    return {\n      colorAreaStyleProps: {\n        style: {\n          position: 'relative',\n          touchAction: 'none',\n          ...forcedColorAdjustNoneStyle,\n          ...colorAreaStyles\n        }\n      },\n      thumbStyleProps: {\n        style: {\n          position: 'absolute',\n          left: `${x * 100}%`,\n          top: `${y * 100}%`,\n          transform: 'translate(-50%, -50%)',\n          touchAction: 'none',\n          ...forcedColorAdjustNoneStyle\n        }\n      }\n    };\n  }, [direction, state, zChannel, xChannel, yChannel]);\n\n  return returnVal;\n}\n\n"],"names":[],"version":3,"file":"useColorAreaGradient.module.js.map"}

package/dist/useColorChannelField.main.js

@@ -1,36 +0,0 @@
-var $bkgtN$reactarianumberfield = require("@react-aria/numberfield");
-var $bkgtN$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useColorChannelField", () => $d84c0c836f6e3601$export$e55dd820142d3131);
-/*
- * Copyright 2024 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-function $d84c0c836f6e3601$export$e55dd820142d3131(props, state, inputRef) {
-    let { locale: locale } = (0, $bkgtN$reactariai18n.useLocale)();
-    return (0, $bkgtN$reactarianumberfield.useNumberField)({
-        ...props,
-        value: undefined,
-        defaultValue: undefined,
-        onChange: undefined,
-        validate: undefined,
-        // Provide a default aria-label if no other label is provided.
-        'aria-label': props['aria-label'] || (props.label || props['aria-labelledby'] ? undefined : state.colorValue.getChannelName(props.channel, locale))
-    }, state, inputRef);
-}
-
-
-//# sourceMappingURL=useColorChannelField.main.js.map

package/dist/useColorChannelField.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAcM,SAAS,0CAAqB,KAAiC,EAAE,KAA6B,EAAE,QAA4C;IACjJ,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,OAAO,CAAA,GAAA,0CAAa,EAAE;QACpB,GAAG,KAAK;QACR,OAAO;QACP,cAAc;QACd,UAAU;QACV,UAAU;QACV,8DAA8D;QAC9D,cAAc,KAAK,CAAC,aAAa,IAAK,CAAA,MAAM,KAAK,IAAI,KAAK,CAAC,kBAAkB,GAAG,YAAY,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,OAAO,EAAE,OAAM;IACnJ,GAAG,OAAO;AACZ","sources":["packages/@react-aria/color/src/useColorChannelField.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, RefObject} from '@react-types/shared';\nimport {ColorChannelFieldProps, ColorChannelFieldState} from '@react-stately/color';\nimport {NumberFieldAria, useNumberField} from '@react-aria/numberfield';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface AriaColorChannelFieldProps extends ColorChannelFieldProps, AriaLabelingProps {}\nexport interface ColorChannelFieldAria extends NumberFieldAria {}\n\n/**\n * Provides the behavior and accessibility implementation for a color channel field, allowing users to edit the\n * value of an individual color channel.\n */\nexport function useColorChannelField(props: AriaColorChannelFieldProps, state: ColorChannelFieldState, inputRef: RefObject<HTMLInputElement | null>): ColorChannelFieldAria {\n  let {locale} = useLocale();\n  return useNumberField({\n    ...props,\n    value: undefined,\n    defaultValue: undefined,\n    onChange: undefined,\n    validate: undefined,\n    // Provide a default aria-label if no other label is provided.\n    'aria-label': props['aria-label'] || (props.label || props['aria-labelledby'] ? undefined : state.colorValue.getChannelName(props.channel, locale))\n  }, state, inputRef);\n}\n"],"names":[],"version":3,"file":"useColorChannelField.main.js.map"}

package/dist/useColorChannelField.mjs

@@ -1,31 +0,0 @@
-import {useNumberField as $5aC6d$useNumberField} from "@react-aria/numberfield";
-import {useLocale as $5aC6d$useLocale} from "@react-aria/i18n";
-
-/*
- * Copyright 2024 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-function $5e632d1ff0188f00$export$e55dd820142d3131(props, state, inputRef) {
-    let { locale: locale } = (0, $5aC6d$useLocale)();
-    return (0, $5aC6d$useNumberField)({
-        ...props,
-        value: undefined,
-        defaultValue: undefined,
-        onChange: undefined,
-        validate: undefined,
-        // Provide a default aria-label if no other label is provided.
-        'aria-label': props['aria-label'] || (props.label || props['aria-labelledby'] ? undefined : state.colorValue.getChannelName(props.channel, locale))
-    }, state, inputRef);
-}
-
-
-export {$5e632d1ff0188f00$export$e55dd820142d3131 as useColorChannelField};
-//# sourceMappingURL=useColorChannelField.module.js.map

package/dist/useColorChannelField.module.js

@@ -1,31 +0,0 @@
-import {useNumberField as $5aC6d$useNumberField} from "@react-aria/numberfield";
-import {useLocale as $5aC6d$useLocale} from "@react-aria/i18n";
-
-/*
- * Copyright 2024 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-function $5e632d1ff0188f00$export$e55dd820142d3131(props, state, inputRef) {
-    let { locale: locale } = (0, $5aC6d$useLocale)();
-    return (0, $5aC6d$useNumberField)({
-        ...props,
-        value: undefined,
-        defaultValue: undefined,
-        onChange: undefined,
-        validate: undefined,
-        // Provide a default aria-label if no other label is provided.
-        'aria-label': props['aria-label'] || (props.label || props['aria-labelledby'] ? undefined : state.colorValue.getChannelName(props.channel, locale))
-    }, state, inputRef);
-}
-
-
-export {$5e632d1ff0188f00$export$e55dd820142d3131 as useColorChannelField};
-//# sourceMappingURL=useColorChannelField.module.js.map

package/dist/useColorChannelField.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAcM,SAAS,0CAAqB,KAAiC,EAAE,KAA6B,EAAE,QAA4C;IACjJ,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,OAAO,CAAA,GAAA,qBAAa,EAAE;QACpB,GAAG,KAAK;QACR,OAAO;QACP,cAAc;QACd,UAAU;QACV,UAAU;QACV,8DAA8D;QAC9D,cAAc,KAAK,CAAC,aAAa,IAAK,CAAA,MAAM,KAAK,IAAI,KAAK,CAAC,kBAAkB,GAAG,YAAY,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,OAAO,EAAE,OAAM;IACnJ,GAAG,OAAO;AACZ","sources":["packages/@react-aria/color/src/useColorChannelField.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, RefObject} from '@react-types/shared';\nimport {ColorChannelFieldProps, ColorChannelFieldState} from '@react-stately/color';\nimport {NumberFieldAria, useNumberField} from '@react-aria/numberfield';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface AriaColorChannelFieldProps extends ColorChannelFieldProps, AriaLabelingProps {}\nexport interface ColorChannelFieldAria extends NumberFieldAria {}\n\n/**\n * Provides the behavior and accessibility implementation for a color channel field, allowing users to edit the\n * value of an individual color channel.\n */\nexport function useColorChannelField(props: AriaColorChannelFieldProps, state: ColorChannelFieldState, inputRef: RefObject<HTMLInputElement | null>): ColorChannelFieldAria {\n  let {locale} = useLocale();\n  return useNumberField({\n    ...props,\n    value: undefined,\n    defaultValue: undefined,\n    onChange: undefined,\n    validate: undefined,\n    // Provide a default aria-label if no other label is provided.\n    'aria-label': props['aria-label'] || (props.label || props['aria-labelledby'] ? undefined : state.colorValue.getChannelName(props.channel, locale))\n  }, state, inputRef);\n}\n"],"names":[],"version":3,"file":"useColorChannelField.module.js.map"}

package/dist/useColorField.main.js

@@ -1,101 +0,0 @@
-var $grujV$react = require("react");
-var $grujV$reactariautils = require("@react-aria/utils");
-var $grujV$reactstatelyform = require("@react-stately/form");
-var $grujV$reactariainteractions = require("@react-aria/interactions");
-var $grujV$reactariatextfield = require("@react-aria/textfield");
-var $grujV$reactariaspinbutton = require("@react-aria/spinbutton");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useColorField", () => $58c850037bc7a7ce$export$77e32ca575a28fdf);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
-    let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, isWheelDisabled: isWheelDisabled, validationBehavior: validationBehavior = 'aria' } = props;
-    let { colorValue: colorValue, inputValue: inputValue, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin, commit: commit } = state;
-    let inputId = (0, $grujV$reactariautils.useId)();
-    let { spinButtonProps: spinButtonProps } = (0, $grujV$reactariaspinbutton.useSpinButton)({
-        isDisabled: isDisabled,
-        isReadOnly: isReadOnly,
-        isRequired: isRequired,
-        maxValue: 0xFFFFFF,
-        minValue: 0,
-        onIncrement: increment,
-        onIncrementToMax: incrementToMax,
-        onDecrement: decrement,
-        onDecrementToMin: decrementToMin,
-        value: colorValue ? colorValue.toHexInt() : undefined,
-        textValue: colorValue ? colorValue.toString('hex') : undefined
-    });
-    let [focusWithin, setFocusWithin] = (0, $grujV$react.useState)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $grujV$reactariainteractions.useFocusWithin)({
-        isDisabled: isDisabled,
-        onFocusWithinChange: setFocusWithin
-    });
-    let onWheel = (0, $grujV$react.useCallback)((e)=>{
-        if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
-        if (e.deltaY > 0) increment();
-        else if (e.deltaY < 0) decrement();
-    }, [
-        decrement,
-        increment
-    ]);
-    // If the input isn't supposed to receive input, disable scrolling.
-    let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
-    (0, $grujV$reactariainteractions.useScrollWheel)({
-        onScroll: onWheel,
-        isDisabled: scrollingDisabled
-    }, ref);
-    let onChange = (value)=>{
-        if (state.validate(value)) state.setInputValue(value);
-    };
-    let { inputProps: inputProps, ...otherProps } = (0, $grujV$reactariatextfield.useFormattedTextField)({
-        ...props,
-        id: inputId,
-        value: inputValue,
-        // Intentionally invalid value that will be ignored by onChange during form reset
-        // This is handled separately below.
-        defaultValue: '!',
-        validate: undefined,
-        [(0, $grujV$reactstatelyform.privateValidationStateProp)]: state,
-        type: 'text',
-        autoComplete: 'off',
-        onChange: onChange
-    }, state, ref);
-    (0, $grujV$reactariautils.useFormReset)(ref, state.defaultColorValue, state.setColorValue);
-    inputProps = (0, $grujV$reactariautils.mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
-        role: 'textbox',
-        'aria-valuemax': null,
-        'aria-valuemin': null,
-        'aria-valuenow': null,
-        'aria-valuetext': null,
-        autoCorrect: 'off',
-        spellCheck: 'false',
-        onBlur: commit
-    });
-    if (validationBehavior === 'native') inputProps['aria-required'] = undefined;
-    return {
-        inputProps: inputProps,
-        ...otherProps
-    };
-}
-
-
-//# sourceMappingURL=useColorField.main.js.map

package/dist/useColorField.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAiCM,SAAS,0CACd,KAA0B,EAC1B,KAAsB,EACtB,GAAuC;IAEvC,IAAI,cACF,UAAU,cACV,UAAU,cACV,UAAU,mBACV,eAAe,sBACf,qBAAqB,QACtB,GAAG;IAEJ,IAAI,cACF,UAAU,cACV,UAAU,aACV,SAAS,aACT,SAAS,kBACT,cAAc,kBACd,cAAc,UACd,MAAM,EACP,GAAG;IAEJ,IAAI,UAAU,CAAA,GAAA,2BAAI;IAClB,IAAI,mBAAC,eAAe,EAAC,GAAG,CAAA,GAAA,wCAAY,EAClC;oBACE;oBACA;oBACA;QACA,UAAU;QACV,UAAU;QACV,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,kBAAkB;QAClB,OAAO,aAAa,WAAW,QAAQ,KAAK;QAC5C,WAAW,aAAa,WAAW,QAAQ,CAAC,SAAS;IACvD;IAGF,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC7C,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,2CAAa,EAAE;oBAAC;QAAY,qBAAqB;IAAc;IAExF,IAAI,UAAU,CAAA,GAAA,wBAAU,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,CAAC,EAAE,MAAM,KAAK,KAAK,GAAG,CAAC,EAAE,MAAM,GACzC;QAEF,IAAI,EAAE,MAAM,GAAG,GACb;aACK,IAAI,EAAE,MAAM,GAAG,GACpB;IAEJ,GAAG;QAAC;QAAW;KAAU;IACzB,mEAAmE;IACnE,IAAI,oBAAoB,mBAAmB,cAAc,cAAc,CAAC;IACxE,CAAA,GAAA,2CAAa,EAAE;QAAC,UAAU;QAAS,YAAY;IAAiB,GAAG;IAEnE,IAAI,WAAW,CAAA;QACb,IAAI,MAAM,QAAQ,CAAC,QACjB,MAAM,aAAa,CAAC;IAExB;IAEA,IAAI,cAAC,UAAU,EAAE,GAAG,YAAW,GAAG,CAAA,GAAA,+CAAoB,EAAE;QACtD,GAAG,KAAK;QACR,IAAI;QACJ,OAAO;QACP,iFAAiF;QACjF,oCAAoC;QACpC,cAAc;QACd,UAAU;QACV,CAAC,CAAA,GAAA,kDAAyB,EAAE,EAAE;QAC9B,MAAM;QACN,cAAc;kBACd;IACF,GAAG,OAAO;IAEV,CAAA,GAAA,kCAAW,EAAE,KAAK,MAAM,iBAAiB,EAAE,MAAM,aAAa;IAE9D,aAAa,CAAA,GAAA,gCAAS,EAAE,YAAY,iBAAiB,kBAAkB;QACrE,MAAM;QACN,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,kBAAkB;QAClB,aAAa;QACb,YAAY;QACZ,QAAQ;IACV;IAEA,IAAI,uBAAuB,UACzB,UAAU,CAAC,gBAAgB,GAAG;IAGhC,OAAO;oBACL;QACA,GAAG,UAAU;IACf;AACF","sources":["packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {DOMAttributes, ValidationResult} from '@react-types/shared';\nimport {\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useState\n} from 'react';\nimport {mergeProps, useFormReset, useId} from '@react-aria/utils';\nimport {privateValidationStateProp} from '@react-stately/form';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\nexport interface ColorFieldAria extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the text field's description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the text field's error message element, if any. */\n  errorMessageProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n  props: AriaColorFieldProps,\n  state: ColorFieldState,\n  ref: RefObject<HTMLInputElement | null>\n): ColorFieldAria {\n  let {\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isWheelDisabled,\n    validationBehavior = 'aria'\n  } = props;\n\n  let {\n    colorValue,\n    inputValue,\n    increment,\n    decrement,\n    incrementToMax,\n    decrementToMin,\n    commit\n  } = state;\n\n  let inputId = useId();\n  let {spinButtonProps} = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue: 0xFFFFFF,\n      minValue: 0,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: colorValue ? colorValue.toHexInt() : undefined,\n      textValue: colorValue ? colorValue.toString('hex') : undefined\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n  let onChange = value => {\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  let {inputProps, ...otherProps} = useFormattedTextField({\n    ...props,\n    id: inputId,\n    value: inputValue,\n    // Intentionally invalid value that will be ignored by onChange during form reset\n    // This is handled separately below.\n    defaultValue: '!',\n    validate: undefined,\n    [privateValidationStateProp]: state,\n    type: 'text',\n    autoComplete: 'off',\n    onChange\n  }, state, ref);\n\n  useFormReset(ref, state.defaultColorValue, state.setColorValue);\n\n  inputProps = mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n    role: 'textbox',\n    'aria-valuemax': null,\n    'aria-valuemin': null,\n    'aria-valuenow': null,\n    'aria-valuetext': null,\n    autoCorrect: 'off',\n    spellCheck: 'false',\n    onBlur: commit\n  });\n\n  if (validationBehavior === 'native') {\n    inputProps['aria-required'] = undefined;\n  }\n\n  return {\n    inputProps,\n    ...otherProps\n  };\n}\n"],"names":[],"version":3,"file":"useColorField.main.js.map"}

package/dist/useColorField.mjs

@@ -1,96 +0,0 @@
-import {useState as $f8mV7$useState, useCallback as $f8mV7$useCallback} from "react";
-import {useId as $f8mV7$useId, useFormReset as $f8mV7$useFormReset, mergeProps as $f8mV7$mergeProps} from "@react-aria/utils";
-import {privateValidationStateProp as $f8mV7$privateValidationStateProp} from "@react-stately/form";
-import {useFocusWithin as $f8mV7$useFocusWithin, useScrollWheel as $f8mV7$useScrollWheel} from "@react-aria/interactions";
-import {useFormattedTextField as $f8mV7$useFormattedTextField} from "@react-aria/textfield";
-import {useSpinButton as $f8mV7$useSpinButton} from "@react-aria/spinbutton";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
-    let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, isWheelDisabled: isWheelDisabled, validationBehavior: validationBehavior = 'aria' } = props;
-    let { colorValue: colorValue, inputValue: inputValue, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin, commit: commit } = state;
-    let inputId = (0, $f8mV7$useId)();
-    let { spinButtonProps: spinButtonProps } = (0, $f8mV7$useSpinButton)({
-        isDisabled: isDisabled,
-        isReadOnly: isReadOnly,
-        isRequired: isRequired,
-        maxValue: 0xFFFFFF,
-        minValue: 0,
-        onIncrement: increment,
-        onIncrementToMax: incrementToMax,
-        onDecrement: decrement,
-        onDecrementToMin: decrementToMin,
-        value: colorValue ? colorValue.toHexInt() : undefined,
-        textValue: colorValue ? colorValue.toString('hex') : undefined
-    });
-    let [focusWithin, setFocusWithin] = (0, $f8mV7$useState)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $f8mV7$useFocusWithin)({
-        isDisabled: isDisabled,
-        onFocusWithinChange: setFocusWithin
-    });
-    let onWheel = (0, $f8mV7$useCallback)((e)=>{
-        if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
-        if (e.deltaY > 0) increment();
-        else if (e.deltaY < 0) decrement();
-    }, [
-        decrement,
-        increment
-    ]);
-    // If the input isn't supposed to receive input, disable scrolling.
-    let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
-    (0, $f8mV7$useScrollWheel)({
-        onScroll: onWheel,
-        isDisabled: scrollingDisabled
-    }, ref);
-    let onChange = (value)=>{
-        if (state.validate(value)) state.setInputValue(value);
-    };
-    let { inputProps: inputProps, ...otherProps } = (0, $f8mV7$useFormattedTextField)({
-        ...props,
-        id: inputId,
-        value: inputValue,
-        // Intentionally invalid value that will be ignored by onChange during form reset
-        // This is handled separately below.
-        defaultValue: '!',
-        validate: undefined,
-        [(0, $f8mV7$privateValidationStateProp)]: state,
-        type: 'text',
-        autoComplete: 'off',
-        onChange: onChange
-    }, state, ref);
-    (0, $f8mV7$useFormReset)(ref, state.defaultColorValue, state.setColorValue);
-    inputProps = (0, $f8mV7$mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
-        role: 'textbox',
-        'aria-valuemax': null,
-        'aria-valuemin': null,
-        'aria-valuenow': null,
-        'aria-valuetext': null,
-        autoCorrect: 'off',
-        spellCheck: 'false',
-        onBlur: commit
-    });
-    if (validationBehavior === 'native') inputProps['aria-required'] = undefined;
-    return {
-        inputProps: inputProps,
-        ...otherProps
-    };
-}
-
-
-export {$f6896b05b2ecad12$export$77e32ca575a28fdf as useColorField};
-//# sourceMappingURL=useColorField.module.js.map