@zendeskgarden/react-colorpickers 9.0.0-next.2 → 9.0.0-next.21

package/dist/typings/elements/{Colorpicker → ColorPicker}/index.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IColorpickerProps } from '../../types';
+import { IColorPickerProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Colorpicker: React.ForwardRefExoticComponent<IColorpickerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorPicker: React.ForwardRefExoticComponent<IColorPickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{ColorpickerDialog → ColorPickerDialog}/index.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IColorpickerDialogProps } from '../../types';
+import { IColorPickerDialogProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const ColorpickerDialog: React.ForwardRefExoticComponent<IColorpickerDialogProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorPickerDialog: React.ForwardRefExoticComponent<IColorPickerDialogProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/index.d.ts

@@ -4,8 +4,8 @@
  * 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 { Colorpicker } from './elements/Colorpicker';
-export { ColorpickerDialog } from './elements/ColorpickerDialog';
+export { ColorPicker } from './elements/ColorPicker';
+export { ColorPickerDialog } from './elements/ColorPickerDialog';
 export { ColorSwatch } from './elements/ColorSwatch';
 export { ColorSwatchDialog } from './elements/ColorSwatchDialog';
-export type { IColor, IColorpickerProps, IColorpickerDialogProps, ILabeledColor, IColorSwatchProps, IColorSwatchDialogProps } from './types';
+export type { IColor, IColorPickerProps, IColorPickerDialogProps, ILabeledColor, IColorSwatchProps, IColorSwatchDialogProps } from './types';

package/dist/typings/styled/{Colorpicker → ColorPicker}/StyledAlphaRange.d.ts

@@ -5,5 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IRGBColor } from '../../types';
-export declare const StyledAlphaRange: import("styled-components").StyledComponent<"input", DefaultTheme, IRGBColor, never>;
+import { IRGBColorProps } from '../types';
+export declare const StyledAlphaRange: import("styled-components").StyledComponent<"input", DefaultTheme, IRGBColorProps, never>;

package/dist/typings/styled/{Colorpicker → ColorPicker}/StyledColorPicker.d.ts

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledColorPickerProps {
-    isOpaque?: boolean;
+    $isOpaque?: boolean;
 }
 export declare const getColorPickerWidth: (props: IStyledColorPickerProps) => 268 | 312;
 export declare const StyledColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/typings/styled/{Colorpicker → ColorPicker}/StyledColorWell.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledColorWellProps {
-    hue: number;
+    $hue: number;
 }
 export declare const StyledColorWell: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledColorWellProps, never>;
 export {};

package/dist/typings/styled/{Colorpicker → ColorPicker}/StyledPreview.d.ts

@@ -5,9 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IRGBColor } from '../../types';
-interface IStyledColorPreviewProps extends IRGBColor {
-    isOpaque?: boolean;
+import { IRGBColorProps } from '../types';
+interface IStyledColorPreviewProps extends IRGBColorProps {
+    $isOpaque?: boolean;
 }
 export declare const StyledPreview: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledColorPreviewProps, never>;
 export {};

package/dist/typings/styled/{Colorpicker → ColorPicker}/StyledSliders.d.ts

@@ -4,10 +4,11 @@
  * 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 { DefaultTheme } from 'styled-components';
 interface IStyledSlidersProps {
-    isOpaque?: boolean;
+    $isOpaque?: boolean;
 }
-export declare const StyledSliders: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledSliders: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledSlidersProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{ColorpickerDialog → ColorPickerDialog}/StyledButton.d.ts

@@ -10,6 +10,5 @@
  */
 export declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object & {
     isNeutral: boolean;
-    'data-garden-id': string;
     'data-garden-version': string;
 }, string | number | symbol>;

package/dist/typings/styled/{ColorpickerDialog → ColorPickerDialog}/StyledButtonPreview.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
-import { IColorpickerDialogProps } from '../../types';
+import { IColorPickerDialogProps } from '../../types';
 export interface IStyleButtonPreviewProps extends ThemeProps<DefaultTheme> {
-    backgroundColor?: IColorpickerDialogProps['color'];
+    $backgroundColor?: IColorPickerDialogProps['color'];
 }
 export declare const StyledButtonPreview: import("styled-components").StyledComponent<"span", DefaultTheme, IStyleButtonPreviewProps, never>;

package/dist/typings/styled/ColorSwatch/StyledColorSwatchLabel.d.ts

@@ -6,11 +6,11 @@
  */
 import { DefaultTheme, ThemeProps } from 'styled-components';
 interface IStyledColorSwatchLabelProps extends ThemeProps<DefaultTheme> {
-    backgroundColor: string;
+    $backgroundColor: string;
 }
-export declare const StyledColorSwatchLabel: import("styled-components").StyledComponent<"span", DefaultTheme, import("../ColorpickerDialog/StyledButtonPreview").IStyleButtonPreviewProps & {
+export declare const StyledColorSwatchLabel: import("styled-components").StyledComponent<"span", DefaultTheme, import("../ColorPickerDialog/StyledButtonPreview").IStyleButtonPreviewProps & {
     as: string;
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledColorSwatchLabelProps, "data-garden-id" | "data-garden-version" | "as">;
+} & IStyledColorSwatchLabelProps, "as" | "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/common/StyledRange.d.ts

@@ -6,7 +6,7 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 export interface IStyledRangeProps {
-    isOpaque?: boolean;
+    $isOpaque?: boolean;
 }
 export declare const trackStyles: (styles: string, modifier?: string) => string;
 export declare const getTrackHeight: (props: IStyledRangeProps & ThemeProps<DefaultTheme>) => number;
@@ -15,4 +15,4 @@ export declare const StyledRange: import("styled-components").StyledComponent<"i
     'data-garden-id': string;
     'data-garden-version': string;
     hasLowerTrack: boolean;
-}, "data-garden-id" | "data-garden-version" | "hasLowerTrack">;
+} & IStyledRangeProps, "data-garden-id" | "data-garden-version" | "hasLowerTrack">;

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

@@ -4,23 +4,23 @@
  * 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 * from './Colorpicker/StyledColorPicker';
-export * from './Colorpicker/StyledHueRange';
-export * from './Colorpicker/StyledAlphaRange';
-export * from './Colorpicker/StyledPreview';
-export * from './Colorpicker/StyledColorWell';
-export * from './Colorpicker/StyledColorWellThumb';
-export * from './Colorpicker/StyledSliderGroup';
-export * from './Colorpicker/StyledHexField';
-export * from './Colorpicker/StyledLabel';
-export * from './Colorpicker/StyledInput';
-export * from './Colorpicker/StyledInputGroup';
-export * from './Colorpicker/StyledRGBAField';
-export * from './Colorpicker/StyledSliders';
-export * from './ColorpickerDialog/StyledButton';
-export * from './ColorpickerDialog/StyledButtonPreview';
-export * from './ColorpickerDialog/StyledTooltipModal';
-export * from './ColorpickerDialog/StyledTooltipBody';
+export * from './ColorPicker/StyledColorPicker';
+export * from './ColorPicker/StyledHueRange';
+export * from './ColorPicker/StyledAlphaRange';
+export * from './ColorPicker/StyledPreview';
+export * from './ColorPicker/StyledColorWell';
+export * from './ColorPicker/StyledColorWellThumb';
+export * from './ColorPicker/StyledSliderGroup';
+export * from './ColorPicker/StyledHexField';
+export * from './ColorPicker/StyledLabel';
+export * from './ColorPicker/StyledInput';
+export * from './ColorPicker/StyledInputGroup';
+export * from './ColorPicker/StyledRGBAField';
+export * from './ColorPicker/StyledSliders';
+export * from './ColorPickerDialog/StyledButton';
+export * from './ColorPickerDialog/StyledButtonPreview';
+export * from './ColorPickerDialog/StyledTooltipModal';
+export * from './ColorPickerDialog/StyledTooltipBody';
 export * from './ColorSwatch/StyledColorSwatch';
 export * from './ColorSwatch/StyledColorSwatchInput';
 export * from './ColorSwatch/StyledColorSwatchLabel';

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

@@ -0,0 +1,12 @@
+/**
+ * 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 interface IRGBColorProps {
+    $red: number;
+    $green: number;
+    $blue: number;
+    $alpha?: number;
+}

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

@@ -33,7 +33,7 @@ export interface IRGBColor {
     blue: number;
     alpha?: number;
 }
-export interface IColorpickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {
+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 */
@@ -59,7 +59,7 @@ export interface IColorpickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
     /** @ignore */
     autofocus?: boolean;
 }
-export interface IColorpickerDialogProps extends IColorpickerProps {
+export interface IColorPickerDialogProps extends IColorPickerProps {
     /**
      * Handles close actions. Can be triggered from the backdrop.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.21",
   "description": "Components related to color pickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -23,27 +23,27 @@
   "dependencies": {
     "@zendeskgarden/container-grid": "^3.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.2",
-    "@zendeskgarden/react-forms": "^9.0.0-next.2",
-    "@zendeskgarden/react-modals": "^9.0.0-next.2",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.2",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.21",
+    "@zendeskgarden/react-forms": "^9.0.0-next.21",
+    "@zendeskgarden/react-modals": "^9.0.0-next.21",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.21",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.7.2",
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/lodash.isequal": "4.5.8",
     "@types/lodash.throttle": "4.1.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "colorpicker",
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
 }