@zendeskgarden/react-colorpickers 8.69.2 → 8.69.4

package/dist/typings/types/index.d.ts

@@ -1,176 +1,176 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { HTMLAttributes } from 'react';
-import { ITooltipModalProps } from '@zendeskgarden/react-modals';
-export interface IColor {
-    hex: string;
-    hue: number;
-    saturation: number;
-    lightness: number;
-    red: number;
-    green: number;
-    blue: number;
-    alpha: number;
-}
-export interface IHSVColor {
-    h: number;
-    s: number;
-    v: number;
-}
-export interface IHSLColor {
-    h: number;
-    s: number;
-    l: number;
-    a?: number;
-}
-export interface IRGBColor {
-    red: number;
-    green: number;
-    blue: number;
-    alpha?: number;
-}
-export interface IColorpickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {
-    /** Sets the color for an uncontrolled color picker */
-    defaultColor?: string | IColor;
-    /** Sets the color for a controlled color picker */
-    color?: string | IColor;
-    /** Hides alpha transparency fields */
-    isOpaque?: boolean;
-    /**
-     * Handles color picker changes
-     *
-     * @param {Object} color A color picker state
-     */
-    onChange?: (color: IColor) => void;
-    /** Replaces label text within the color picker */
-    labels?: {
-        hueSlider?: string;
-        alphaSlider?: string;
-        hex?: string;
-        red?: string;
-        green?: string;
-        blue?: string;
-        alpha?: string;
-    };
-    /** @ignore */
-    autofocus?: boolean;
-}
-export interface IColorpickerDialogProps extends IColorpickerProps {
-    /**
-     * Handles close actions. Can be triggered from the backdrop.
-     *
-     * @param {Object} color A color picker state
-     */
-    onClose?: (color: IColor) => void;
-    /** Adjusts the placement of the color dialog */
-    placement?: ITooltipModalProps['placement'];
-    /** Disables the color dialog button */
-    disabled?: boolean;
-    /**
-     * Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic
-     */
-    popperModifiers?: ITooltipModalProps['popperModifiers'];
-    /**
-     * Sets the `z-index` of the color dialog
-     */
-    zIndex?: ITooltipModalProps['zIndex'];
-    /**
-     * Adds an arrow to the color dialog
-     */
-    hasArrow?: ITooltipModalProps['hasArrow'];
-    /**
-     * Animates the color dialog
-     */
-    isAnimated?: ITooltipModalProps['isAnimated'];
-    /**
-     * Opens the dialog in a controlled color picker dialog
-     */
-    isOpen?: boolean;
-    /**
-     * Applies inset `box-shadow` styling on focus
-     */
-    focusInset?: boolean;
-    /**
-     * Passes HTML attributes to the color dialog button element
-     */
-    buttonProps?: HTMLAttributes<HTMLButtonElement>;
-    /**
-     * Handles dialog changes
-     *
-     * @param {Object} changes The changed dialog state
-     */
-    onDialogChange?: (changes: {
-        isOpen: boolean;
-    }) => void;
-}
-export interface ILabeledColor {
-    value: string;
-    label: string;
-}
-export interface IColorSwatchProps extends Omit<HTMLAttributes<HTMLTableElement>, 'onChange' | 'onSelect'> {
-    /** Sets the two-dimension array of labeled HEX and RGB/A string colors */
-    colors: {
-        value: string;
-        label: string;
-    }[][];
-    /** Sets the focused row index in a controlled color swatch */
-    rowIndex?: number;
-    /** Sets the focused column index in a controlled color swatch.
-     * Can be set to `-1` to clear the row focus.
-     */
-    colIndex?: number;
-    /** Sets the selected row index in a controlled color swatch.
-     * Can be set to `-1` to clear the column focus.
-     */
-    selectedRowIndex?: number;
-    /** Sets the selected column index in a controlled color swatch.
-     * Can be set to `-1` to clear the row selection.
-     */
-    selectedColIndex?: number;
-    /** Sets the default focused row index in an uncontrolled color swatch.
-     * Can be set to `-1` to clear the column selection.
-     */
-    defaultRowIndex?: number;
-    /** Sets the default focused column index in an uncontrolled color swatch */
-    defaultColIndex?: number;
-    /** Sets the default selected row index in an uncontrolled color swatch */
-    defaultSelectedRowIndex?: number;
-    /** Sets the default selected column index in an uncontrolled color swatch */
-    defaultSelectedColIndex?: number;
-    /** Handles color swatch changes */
-    onChange?: (rowIndex: number, colIndex: number) => void;
-    /** Handles color swatch select event */
-    onSelect?: (rowIndex: number, colIndex: number) => void;
-}
-export interface IColorSwatchDialogProps extends IColorSwatchProps {
-    /** Adjusts the placement of the color dialog */
-    placement?: ITooltipModalProps['placement'];
-    /** Disables the color dialog button */
-    disabled?: boolean;
-    /** Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic */
-    popperModifiers?: ITooltipModalProps['popperModifiers'];
-    /** Sets the `z-index` of the color dialog */
-    zIndex?: ITooltipModalProps['zIndex'];
-    /** Adds an arrow to the color dialog */
-    hasArrow?: ITooltipModalProps['hasArrow'];
-    /** Animates the color dialog */
-    isAnimated?: ITooltipModalProps['isAnimated'];
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Passes HTML attributes to the color dialog button element */
-    buttonProps?: HTMLAttributes<HTMLButtonElement>;
-    /** Opens the dialog in a controlled color swatch dialog */
-    isOpen?: boolean;
-    /**
-     * Handles dialog changes
-     *
-     * @param {Object} changes The changed dialog state
-     */
-    onDialogChange?: (changes: {
-        isOpen: boolean;
-    }) => void;
-}
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes } from 'react';
+import { ITooltipModalProps } from '@zendeskgarden/react-modals';
+export interface IColor {
+    hex: string;
+    hue: number;
+    saturation: number;
+    lightness: number;
+    red: number;
+    green: number;
+    blue: number;
+    alpha: number;
+}
+export interface IHSVColor {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface IHSLColor {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+}
+export interface IRGBColor {
+    red: number;
+    green: number;
+    blue: number;
+    alpha?: number;
+}
+export interface IColorpickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {
+    /** Sets the color for an uncontrolled color picker */
+    defaultColor?: string | IColor;
+    /** Sets the color for a controlled color picker */
+    color?: string | IColor;
+    /** Hides alpha transparency fields */
+    isOpaque?: boolean;
+    /**
+     * Handles color picker changes
+     *
+     * @param {Object} color A color picker state
+     */
+    onChange?: (color: IColor) => void;
+    /** Replaces label text within the color picker */
+    labels?: {
+        hueSlider?: string;
+        alphaSlider?: string;
+        hex?: string;
+        red?: string;
+        green?: string;
+        blue?: string;
+        alpha?: string;
+    };
+    /** @ignore */
+    autofocus?: boolean;
+}
+export interface IColorpickerDialogProps extends IColorpickerProps {
+    /**
+     * Handles close actions. Can be triggered from the backdrop.
+     *
+     * @param {Object} color A color picker state
+     */
+    onClose?: (color: IColor) => void;
+    /** Adjusts the placement of the color dialog */
+    placement?: ITooltipModalProps['placement'];
+    /** Disables the color dialog button */
+    disabled?: boolean;
+    /**
+     * Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic
+     */
+    popperModifiers?: ITooltipModalProps['popperModifiers'];
+    /**
+     * Sets the `z-index` of the color dialog
+     */
+    zIndex?: ITooltipModalProps['zIndex'];
+    /**
+     * Adds an arrow to the color dialog
+     */
+    hasArrow?: ITooltipModalProps['hasArrow'];
+    /**
+     * Animates the color dialog
+     */
+    isAnimated?: ITooltipModalProps['isAnimated'];
+    /**
+     * Opens the dialog in a controlled color picker dialog
+     */
+    isOpen?: boolean;
+    /**
+     * Applies inset `box-shadow` styling on focus
+     */
+    focusInset?: boolean;
+    /**
+     * Passes HTML attributes to the color dialog button element
+     */
+    buttonProps?: HTMLAttributes<HTMLButtonElement>;
+    /**
+     * Handles dialog changes
+     *
+     * @param {Object} changes The changed dialog state
+     */
+    onDialogChange?: (changes: {
+        isOpen: boolean;
+    }) => void;
+}
+export interface ILabeledColor {
+    value: string;
+    label: string;
+}
+export interface IColorSwatchProps extends Omit<HTMLAttributes<HTMLTableElement>, 'onChange' | 'onSelect'> {
+    /** Sets the two-dimension array of labeled HEX and RGB/A string colors */
+    colors: {
+        value: string;
+        label: string;
+    }[][];
+    /** Sets the focused row index in a controlled color swatch */
+    rowIndex?: number;
+    /** Sets the focused column index in a controlled color swatch.
+     * Can be set to `-1` to clear the row focus.
+     */
+    colIndex?: number;
+    /** Sets the selected row index in a controlled color swatch.
+     * Can be set to `-1` to clear the column focus.
+     */
+    selectedRowIndex?: number;
+    /** Sets the selected column index in a controlled color swatch.
+     * Can be set to `-1` to clear the row selection.
+     */
+    selectedColIndex?: number;
+    /** Sets the default focused row index in an uncontrolled color swatch.
+     * Can be set to `-1` to clear the column selection.
+     */
+    defaultRowIndex?: number;
+    /** Sets the default focused column index in an uncontrolled color swatch */
+    defaultColIndex?: number;
+    /** Sets the default selected row index in an uncontrolled color swatch */
+    defaultSelectedRowIndex?: number;
+    /** Sets the default selected column index in an uncontrolled color swatch */
+    defaultSelectedColIndex?: number;
+    /** Handles color swatch changes */
+    onChange?: (rowIndex: number, colIndex: number) => void;
+    /** Handles color swatch select event */
+    onSelect?: (rowIndex: number, colIndex: number) => void;
+}
+export interface IColorSwatchDialogProps extends IColorSwatchProps {
+    /** Adjusts the placement of the color dialog */
+    placement?: ITooltipModalProps['placement'];
+    /** Disables the color dialog button */
+    disabled?: boolean;
+    /** Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic */
+    popperModifiers?: ITooltipModalProps['popperModifiers'];
+    /** Sets the `z-index` of the color dialog */
+    zIndex?: ITooltipModalProps['zIndex'];
+    /** Adds an arrow to the color dialog */
+    hasArrow?: ITooltipModalProps['hasArrow'];
+    /** Animates the color dialog */
+    isAnimated?: ITooltipModalProps['isAnimated'];
+    /** Applies inset `box-shadow` styling on focus */
+    focusInset?: boolean;
+    /** Passes HTML attributes to the color dialog button element */
+    buttonProps?: HTMLAttributes<HTMLButtonElement>;
+    /** Opens the dialog in a controlled color swatch dialog */
+    isOpen?: boolean;
+    /**
+     * Handles dialog changes
+     *
+     * @param {Object} changes The changed dialog state
+     */
+    onDialogChange?: (changes: {
+        isOpen: boolean;
+    }) => void;
+}

package/dist/typings/utils/conversion.d.ts

@@ -1,16 +1,16 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export declare function hslToHsv(h: number, s: number, l: number): {
-    h: number;
-    s: number;
-    v: number;
-};
-export declare function hsvToHsl(h: number, s: number, v: number): {
-    h: number;
-    s: number;
-    l: number;
-};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare function hslToHsv(h: number, s: number, l: number): {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare function hsvToHsl(h: number, s: number, v: number): {
+    h: number;
+    s: number;
+    l: number;
+};

package/dist/typings/utils/saturation.d.ts

@@ -1,13 +1,13 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { IHSVColor } from '../types';
-export declare function limit(value: number, max: number, min?: number): number;
-export declare function getNextHsv(e: MouseEvent, hue: number, container: HTMLDivElement, rtl: boolean): IHSVColor;
-export declare const getThumbPosition: (x: number, y: number, rtl: boolean, container: React.RefObject<HTMLDivElement>) => {
-    topFromMouse: number;
-    leftFromMouse: number;
-};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { IHSVColor } from '../types';
+export declare function limit(value: number, max: number, min?: number): number;
+export declare function getNextHsv(e: MouseEvent, hue: number, container: HTMLDivElement, rtl: boolean): IHSVColor;
+export declare const getThumbPosition: (x: number, y: number, rtl: boolean, container: React.RefObject<HTMLDivElement>) => {
+    topFromMouse: number;
+    leftFromMouse: number;
+};

package/dist/typings/utils/validation.d.ts

@@ -1,7 +1,7 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export declare const isValidHex: (hexString: string) => boolean;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const isValidHex: (hexString: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "8.69.2",
+  "version": "8.69.4",
   "description": "Components related to color pickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,10 +23,10 @@
   "dependencies": {
     "@zendeskgarden/container-grid": "^0.1.1",
     "@zendeskgarden/container-utilities": "^1.0.0",
-    "@zendeskgarden/react-buttons": "^8.69.2",
-    "@zendeskgarden/react-forms": "^8.69.2",
-    "@zendeskgarden/react-modals": "^8.69.2",
-    "@zendeskgarden/react-tooltips": "^8.69.2",
+    "@zendeskgarden/react-buttons": "^8.69.4",
+    "@zendeskgarden/react-forms": "^8.69.4",
+    "@zendeskgarden/react-modals": "^8.69.4",
+    "@zendeskgarden/react-tooltips": "^8.69.4",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "polished": "^4.0.0",
@@ -41,7 +41,7 @@
   "devDependencies": {
     "@types/lodash.isequal": "4.5.6",
     "@types/lodash.throttle": "4.1.7",
-    "@zendeskgarden/react-theming": "^8.69.2",
+    "@zendeskgarden/react-theming": "^8.69.4",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a39f2b421375013a50990d206610e3813abc0bd7"
+  "gitHead": "4911fa867a3c7e72f0c78dcea8748893c3070c17"
 }