@instructure/ui-color-picker 8.25.1-snapshot-20

package/types/ColorMixer/ColorMixerLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMixerLocator.d.ts","sourceRoot":"","sources":["../../src/ColorMixer/ColorMixerLocator.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sIAA+B,CAAA"}

package/types/ColorMixer/ColorPalette/index.d.ts

@@ -0,0 +1,70 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { ViewOwnProps } from '@instructure/ui-view';
+import type { ColorPaletteProps, ColorPaletteState } from './props';
+import type { HSVType } from '../props';
+/**
+ * ---
+ * private: true
+ * ---
+ * @tsProps
+ **/
+declare class ColorPalette extends Component<ColorPaletteProps, ColorPaletteState> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        disabled?: boolean | undefined;
+        hue: number;
+        color: HSVType;
+        width: number;
+        height: number;
+        indicatorRadius: number;
+        onChange: (rgb: HSVType) => void;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        navigationExplanationScreenReaderLabel: string;
+    }>;
+    static allowedProps: readonly (keyof {
+        disabled?: boolean | undefined;
+        hue: number;
+        color: HSVType;
+        width: number;
+        height: number;
+        indicatorRadius: number;
+        onChange: (rgb: HSVType) => void;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        navigationExplanationScreenReaderLabel: string;
+    })[];
+    static readonly componentId = "ColorMixer.Palette";
+    constructor(props: ColorPaletteProps);
+    ref: Element | null;
+    private _paletteRef;
+    private _mouseMoveListener?;
+    private _mouseUpListener?;
+    handleRef: (el: Element | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ColorPaletteProps): void;
+    componentWillUnmount(): void;
+    get paletteWidth(): number;
+    get paletteHeight(): number;
+    calcSaturation: (position: number) => number;
+    calcLuminance: (position: number) => number;
+    calcPositionFromColor(hsv: HSVType): {
+        x: number;
+        y: number;
+    };
+    handlePaletteMouseDown(e: React.MouseEvent<ViewOwnProps, MouseEvent>): void;
+    handleMouseUp: () => void;
+    removeEventListeners(): void;
+    calcColorPosition(clientX: number, clientY: number): {
+        newXPosition: number;
+        newYPosition: number;
+    };
+    applyBoundaries(x: number, y: number): {
+        newXPosition: number;
+        newYPosition: number;
+    };
+    handleChange: (e: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    handleKeyDown(e: React.KeyboardEvent<ViewOwnProps>): void;
+    render(): jsx.JSX.Element;
+}
+export default ColorPalette;
+//# sourceMappingURL=index.d.ts.map

package/types/ColorMixer/ColorPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/ColorPalette/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAKvC;;;;;IAKI;AACJ,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,SAAS;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,wBAAuB;gBAEtC,KAAK,EAAE,iBAAiB;IAOpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAC/C,OAAO,CAAC,gBAAgB,CAAC,CAAoB;IAE7C,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAS/C,oBAAoB;IAIpB,IAAI,YAAY,WAEf;IAED,IAAI,aAAa,WAEhB;IACD,cAAc,aAAc,MAAM,YACsB;IACxD,aAAa,aAAc,MAAM,YAE5B;IAEL,qBAAqB,CAAC,GAAG,EAAE,OAAO;;;;IAQlC,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;IAepE,aAAa,aAEZ;IAED,oBAAoB;IAKpB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;;;;IAMlD,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;;;;IAkBpC,YAAY,MAAO,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,UAgB5D;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAmClD,MAAM;CA8BP;AAED,eAAe,YAAY,CAAA"}

package/types/ColorMixer/ColorPalette/props.d.ts

@@ -0,0 +1,29 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators, ColorMixerPaletteTheme } from '@instructure/shared-types';
+import type { HSVType } from '../props';
+declare type ColorPaletteOwnProps = {
+    disabled?: boolean;
+    hue: number;
+    color: HSVType;
+    width: number;
+    height: number;
+    indicatorRadius: number;
+    onChange: (rgb: HSVType) => void;
+    elementRef?: (element: Element | null) => void;
+    navigationExplanationScreenReaderLabel: string;
+};
+declare type ColorPaletteState = {
+    colorPosition: {
+        x: number;
+        y: number;
+    };
+};
+declare type PropKeys = keyof ColorPaletteOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ColorPaletteProps = ColorPaletteOwnProps & WithStyleProps<ColorMixerPaletteTheme, ColorPaletteStyle> & OtherHTMLAttributes<ColorPaletteOwnProps>;
+declare type ColorPaletteStyle = ComponentStyle<'ColorPalette' | 'indicator' | 'palette' | 'disabledOverlay'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ColorPaletteProps, ColorPaletteState, ColorPaletteStyle };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ColorMixer/ColorPalette/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/ColorPalette/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,sCAAsC,EAAE,MAAM,CAAA;CAC/C,CAAA;AAED,aAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GACzD,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;AAE3C,aAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAC7D,CAAA;AACD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAUvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAUnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorMixer/ColorPalette/styles.d.ts

@@ -0,0 +1,15 @@
+import type { ColorPaletteStyle, ColorPaletteProps, ColorPaletteState } from './props';
+import type { ColorMixerPaletteTheme } from '@instructure/shared-types';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ColorMixerPaletteTheme, props: ColorPaletteProps, state: ColorPaletteState) => ColorPaletteStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ColorMixer/ColorPalette/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/ColorPalette/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAGvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,sBAAsB,SAC/B,iBAAiB,SACjB,iBAAiB,KACvB,iBA6CF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorMixer/ColorPalette/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { ColorMixerPaletteTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => ColorMixerPaletteTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ColorMixer/ColorPalette/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/ColorPalette/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAGvE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,sBAgB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/ColorMixer/RGBAInput/index.d.ts

@@ -0,0 +1,51 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { RGBAInputProps, RGBAInputState } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * @tsProps
+ **/
+declare class RGBAInput extends Component<RGBAInputProps, RGBAInputState> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        disabled?: boolean | undefined;
+        label?: string | undefined;
+        width: number;
+        value: import("../props").RGBAType;
+        onChange: (rgba: import("../props").RGBAType) => void;
+        withAlpha?: boolean | undefined;
+        rgbRedInputScreenReaderLabel: string;
+        rgbGreenInputScreenReaderLabel: string;
+        rgbBlueInputScreenReaderLabel: string;
+        rgbAlphaInputScreenReaderLabel: string;
+        elementRef?: ((element: Element | null) => void) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        disabled?: boolean | undefined;
+        label?: string | undefined;
+        width: number;
+        value: import("../props").RGBAType;
+        onChange: (rgba: import("../props").RGBAType) => void;
+        withAlpha?: boolean | undefined;
+        rgbRedInputScreenReaderLabel: string;
+        rgbGreenInputScreenReaderLabel: string;
+        rgbBlueInputScreenReaderLabel: string;
+        rgbAlphaInputScreenReaderLabel: string;
+        elementRef?: ((element: Element | null) => void) | undefined;
+    })[];
+    static readonly componentId = "ColorMixer.RGBAInput";
+    constructor(props: RGBAInputProps);
+    static defaultProps: {
+        withAlpha: boolean;
+    };
+    ref: HTMLDivElement | null;
+    handleRef: (el: HTMLDivElement | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RGBAInputProps): void;
+    handleChange(type: string, e: React.ChangeEvent<HTMLInputElement>): void;
+    render(): jsx.JSX.Element;
+}
+export default RGBAInput;
+//# sourceMappingURL=index.d.ts.map

package/types/ColorMixer/RGBAInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/RGBAInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7D;;;;;IAKI;AACJ,cACM,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC/D,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,0BAAyB;gBAExC,KAAK,EAAE,cAAc;IAOjC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,cAAc;IAY5C,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAajE,MAAM;CAkEP;AAED,eAAe,SAAS,CAAA"}

package/types/ColorMixer/RGBAInput/props.d.ts

@@ -0,0 +1,28 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators, ColorMixerRGBAInputTheme } from '@instructure/shared-types';
+import type { RGBAType } from '../props';
+declare type RGBAInputOwnProps = {
+    disabled?: boolean;
+    label?: string;
+    width: number;
+    value: RGBAType;
+    onChange: (rgba: RGBAType) => void;
+    withAlpha?: boolean;
+    rgbRedInputScreenReaderLabel: string;
+    rgbGreenInputScreenReaderLabel: string;
+    rgbBlueInputScreenReaderLabel: string;
+    rgbAlphaInputScreenReaderLabel: string;
+    elementRef?: (element: Element | null) => void;
+};
+declare type RGBAInputState = {
+    value: RGBAType;
+};
+declare type PropKeys = keyof RGBAInputOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type RGBAInputProps = RGBAInputOwnProps & WithStyleProps<ColorMixerRGBAInputTheme, RGBAInputStyle> & OtherHTMLAttributes<RGBAInputOwnProps>;
+declare type RGBAInputStyle = ComponentStyle<'RGBAInput' | 'label' | 'inputContainer' | 'rgbInput' | 'aInput'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { RGBAInputProps, RGBAInputState, RGBAInputStyle };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ColorMixer/RGBAInput/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/RGBAInput/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,wBAAwB,EACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,aAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,QAAQ,CAAA;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B,EAAE,MAAM,CAAA;IACpC,8BAA8B,EAAE,MAAM,CAAA;IACtC,6BAA6B,EAAE,MAAM,CAAA;IACrC,8BAA8B,EAAE,MAAM,CAAA;IACtC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,cAAc,GAAG;IACpB,KAAK,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,wBAAwB,EAAE,cAAc,CAAC,GACxD,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,aAAK,cAAc,GAAG,cAAc,CAClC,WAAW,GAAG,OAAO,GAAG,gBAAgB,GAAG,UAAU,GAAG,QAAQ,CACjE,CAAA;AACD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAYvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorMixer/RGBAInput/styles.d.ts

@@ -0,0 +1,15 @@
+import type { RGBAInputStyle, RGBAInputProps } from './props';
+import type { ColorMixerRGBAInputTheme } from '@instructure/shared-types';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ColorMixerRGBAInputTheme, props: RGBAInputProps) => RGBAInputStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ColorMixer/RGBAInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/RGBAInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEzE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,SACjC,cAAc,KACpB,cA0BF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorMixer/RGBAInput/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { ColorMixerRGBAInputTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => ColorMixerRGBAInputTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ColorMixer/RGBAInput/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/RGBAInput/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEpE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,wBAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/ColorMixer/Slider/index.d.ts

@@ -0,0 +1,64 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { ViewOwnProps } from '@instructure/ui-view';
+import type { SliderProps, SliderStyleProps } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * @tsProps
+ **/
+declare class Slider extends Component<SliderProps> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        isColorSlider?: boolean | undefined;
+        onChange: (position: number) => void;
+        width: number;
+        value: number;
+        minValue: number;
+        maxValue: number;
+        indicatorRadius: number;
+        height: number;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        navigationExplanationScreenReaderLabel: string;
+    }>;
+    static allowedProps: readonly (keyof {
+        isColorSlider?: boolean | undefined;
+        onChange: (position: number) => void;
+        width: number;
+        value: number;
+        minValue: number;
+        maxValue: number;
+        indicatorRadius: number;
+        height: number;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        navigationExplanationScreenReaderLabel: string;
+    })[];
+    static readonly componentId = "ColorMixer.Slider";
+    static defaultProps: {
+        isColorSlider: boolean;
+    };
+    ref: Element | null;
+    private _sliderRef;
+    private _mouseMoveListener?;
+    private _mouseUpListener?;
+    handleRef: (el: Element | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    removeEventListeners(): void;
+    get sliderPositionFromValue(): number;
+    get roundedValue(): number;
+    get makeStylesProps(): SliderStyleProps;
+    handleMouseDown(e: React.MouseEvent<ViewOwnProps, MouseEvent>): void;
+    handleChange: (e: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    handleMouseUp: () => void;
+    applyBoundaries(x: number): number;
+    calcSliderPositionFromCursorPosition: (clientX: number, _sliderRef: HTMLDivElement) => number;
+    calcSliderPositionFromValue: (value: number) => number;
+    calcValueFromSliderPosition: (position: number) => number;
+    handleKeyDown(e: React.KeyboardEvent<ViewOwnProps>): void;
+    render(): jsx.JSX.Element;
+}
+export default Slider;
+//# sourceMappingURL=index.d.ts.map

package/types/ColorMixer/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/Slider/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK5D;;;;;IAKI;AACJ,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAC/C,OAAO,CAAC,gBAAgB,CAAC,CAAoB;IAE7C,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,oBAAoB;IAIpB,oBAAoB;IAKpB,IAAI,uBAAuB,WAE1B;IAED,IAAI,YAAY,WAQf;IAED,IAAI,eAAe,IAAI,gBAAgB,CAItC;IAED,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;IAe7D,YAAY,MAAO,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,UAS5D;IAED,aAAa,aAEZ;IAED,eAAe,CAAC,CAAC,EAAE,MAAM;IAMzB,oCAAoC,YACzB,MAAM,cACH,cAAc,YAc3B;IAED,2BAA2B,UAAW,MAAM,YAM3C;IAED,2BAA2B,aAAc,MAAM,YAY9C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAkBlD,MAAM;CAsCP;AAED,eAAe,MAAM,CAAA"}

package/types/ColorMixer/Slider/props.d.ts

@@ -0,0 +1,26 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators, ColorMixerSliderTheme } from '@instructure/shared-types';
+declare type SliderOwnProps = {
+    isColorSlider?: boolean;
+    onChange: (position: number) => void;
+    width: number;
+    value: number;
+    minValue: number;
+    maxValue: number;
+    indicatorRadius: number;
+    height: number;
+    elementRef?: (element: Element | null) => void;
+    navigationExplanationScreenReaderLabel: string;
+};
+declare type PropKeys = keyof SliderOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type SliderProps = SliderOwnProps & WithStyleProps<ColorMixerSliderTheme, SliderStyle> & OtherHTMLAttributes<SliderOwnProps>;
+declare type SliderStyleProps = {
+    sliderPositionFromValue: number;
+};
+declare type SliderStyle = ComponentStyle<'colorSlider' | 'indicator' | 'slider' | 'sliderBackground' | 'disabledOverlay'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { SliderProps, SliderStyle, SliderStyleProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ColorMixer/Slider/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/Slider/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACtB,MAAM,2BAA2B,CAAA;AAElC,aAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,sCAAsC,EAAE,MAAM,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAClD,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,aAAK,gBAAgB,GAAG;IACtB,uBAAuB,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,aAAK,WAAW,GAAG,cAAc,CAC7B,aAAa,GACb,WAAW,GACX,QAAQ,GACR,kBAAkB,GAClB,iBAAiB,CACpB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAWvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorMixer/Slider/styles.d.ts

@@ -0,0 +1,15 @@
+import type { ColorMixerSliderTheme } from '@instructure/shared-types';
+import type { SliderStyle, SliderProps, SliderStyleProps } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ColorMixerSliderTheme, props: SliderProps, state: SliderStyleProps) => SliderStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ColorMixer/Slider/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/Slider/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEzE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,qBAAqB,SAC9B,WAAW,SACX,gBAAgB,KACtB,WAsEF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorMixer/Slider/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { ColorMixerSliderTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => ColorMixerSliderTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ColorMixer/Slider/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/Slider/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGtE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,qBAuB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/ColorMixer/index.d.ts

@@ -0,0 +1,59 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { ColorMixerProps, ColorMixerState } from './props';
+/**
+---
+category: components
+---
+@tsProps
+**/
+declare class ColorMixer extends Component<ColorMixerProps, ColorMixerState> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        disabled?: boolean | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        onChange: (hex: string) => void;
+        value: string;
+        withAlpha: boolean;
+        rgbRedInputScreenReaderLabel: string;
+        rgbGreenInputScreenReaderLabel: string;
+        rgbBlueInputScreenReaderLabel: string;
+        rgbAlphaInputScreenReaderLabel: string;
+        colorSliderNavigationExplanationScreenReaderLabel: string;
+        alphaSliderNavigationExplanationScreenReaderLabel: string;
+        colorPaletteNavigationExplanationScreenReaderLabel: string;
+    }>;
+    static allowedProps: readonly (keyof {
+        disabled?: boolean | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        onChange: (hex: string) => void;
+        value: string;
+        withAlpha: boolean;
+        rgbRedInputScreenReaderLabel: string;
+        rgbGreenInputScreenReaderLabel: string;
+        rgbBlueInputScreenReaderLabel: string;
+        rgbAlphaInputScreenReaderLabel: string;
+        colorSliderNavigationExplanationScreenReaderLabel: string;
+        alphaSliderNavigationExplanationScreenReaderLabel: string;
+        colorPaletteNavigationExplanationScreenReaderLabel: string;
+    })[];
+    static readonly componentId = "ColorMixer";
+    static defaultProps: {
+        withAlpha: boolean;
+        disabled: boolean;
+    };
+    constructor(props: ColorMixerProps);
+    ref: HTMLDivElement | null;
+    private _width;
+    private _paletteHeight;
+    private _sliderHeight;
+    private _sliderIndicatorRadius;
+    private _paletteIndicatorRadius;
+    handleRef: (el: HTMLDivElement | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ColorMixerProps, prevState: ColorMixerState): void;
+    render(): jsx.JSX.Element;
+}
+export { ColorMixer };
+export default ColorMixer;
+//# sourceMappingURL=index.d.ts.map

package/types/ColorMixer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorMixer/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAarD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAW,MAAM,SAAS,CAAA;AAIxE;;;;;GAKG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;MAGlB;gBAEW,KAAK,EAAE,eAAe;IAUlC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,sBAAsB,CAAI;IAClC,OAAO,CAAC,uBAAuB,CAAI;IAEnC,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,iBAAiB;IASjB,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAqBzE,MAAM;CAiGP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}

package/types/ColorMixer/props.d.ts

@@ -0,0 +1,91 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+declare type RGBType = {
+    r: number;
+    g: number;
+    b: number;
+};
+declare type HSVType = {
+    h: number;
+    s: number;
+    v: number;
+};
+declare type HSLType = {
+    h: number;
+    s: number;
+    l: number;
+};
+declare type RGBAType = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+declare type ColorMixerOwnProps = {
+    /**
+     * Makes the component uninteractable
+     */
+    disabled?: boolean;
+    /**
+     * Provides a reference to the component's underlying html element.
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * Gets called each time the color changes
+     */
+    onChange: (hex: string) => void;
+    /**
+     * Sets the value of the component. If changes, the color changes inside the component as well
+     */
+    value: string;
+    /**
+     * Toggles alpha. If true, alpha slider will appear
+     */
+    withAlpha: boolean;
+    /**
+     * screenReaderLabel for the RGBA input's red input field
+     */
+    rgbRedInputScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the RGBA input's green input field
+     */
+    rgbGreenInputScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the RGBA input's blue input field
+     */
+    rgbBlueInputScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the RGBA input's alpha input field
+     */
+    rgbAlphaInputScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the color slider. It should explain how to navigate the slider
+     * with the keyboard ('A' for left, 'D' for right)
+     */
+    colorSliderNavigationExplanationScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the alpha slider. It should explain how to navigate the slider
+     * with the keyboard ('A' for left, 'D' for right)
+     */
+    alphaSliderNavigationExplanationScreenReaderLabel: string;
+    /**
+     * screenReaderLabel for the color palette. It should explain how to navigate the palette
+     * with the keyboard ('W' for up, 'A' for left, 'S' for down and 'D' for right)
+     */
+    colorPaletteNavigationExplanationScreenReaderLabel: string;
+};
+declare type ColorMixerState = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+declare type PropKeys = keyof ColorMixerOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ColorMixerProps = ColorMixerOwnProps & WithStyleProps<null, ColorMixerStyle> & OtherHTMLAttributes<ColorMixerOwnProps>;
+declare type ColorMixerStyle = ComponentStyle<'colorMixer' | 'sliderAndPaletteContainer'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ColorMixerProps, ColorMixerStyle, ColorMixerState, RGBType, RGBAType, HSVType, HSLType };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ColorMixer/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ColorMixer/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,OAAO,GAAG;IACb,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AACD,aAAK,OAAO,GAAG;IACb,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AACD,aAAK,OAAO,GAAG;IACb,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AACD,aAAK,QAAQ,GAAG;IACd,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AACD,aAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,4BAA4B,EAAE,MAAM,CAAA;IACpC;;OAEG;IACH,8BAA8B,EAAE,MAAM,CAAA;IACtC;;OAEG;IACH,6BAA6B,EAAE,MAAM,CAAA;IACrC;;OAEG;IACH,8BAA8B,EAAE,MAAM,CAAA;IACtC;;;OAGG;IACH,iDAAiD,EAAE,MAAM,CAAA;IACzD;;;OAGG;IACH,iDAAiD,EAAE,MAAM,CAAA;IACzD;;;OAGG;IACH,kDAAkD,EAAE,MAAM,CAAA;CAC3D,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,IAAI,EAAE,eAAe,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,2BAA2B,CAC3C,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EACV,eAAe,EACf,eAAe,EACf,eAAe,EACf,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACR,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorMixer/styles.d.ts

@@ -0,0 +1,14 @@
+import type { ColorMixerStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: () => ColorMixerStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ColorMixer/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ColorMixer/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,QAAO,eAYzB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorMixer/utils/shallowCompare.d.ts

@@ -0,0 +1,3 @@
+declare const shallowCompare: (newObj: Record<string, unknown>, prevObj: Record<string, unknown>) => boolean;
+export default shallowCompare;
+//# sourceMappingURL=shallowCompare.d.ts.map

package/types/ColorMixer/utils/shallowCompare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallowCompare.d.ts","sourceRoot":"","sources":["../../../src/ColorMixer/utils/shallowCompare.ts"],"names":[],"mappings":"AAwBA,QAAA,MAAM,cAAc,WACV,OAAO,MAAM,EAAE,OAAO,CAAC,WACtB,OAAO,MAAM,EAAE,OAAO,CAAC,YAMjC,CAAA;AAED,eAAe,cAAc,CAAA"}