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

package/types/ColorIndicator/ColorIndicatorLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorIndicatorLocator.d.ts","sourceRoot":"","sources":["../../src/ColorIndicator/ColorIndicatorLocator.ts"],"names":[],"mappings":";AA6BA,eAAO,MAAM,qBAAqB;;gCACR,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAAd,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAAd,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAAd,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAAd,cAAc;;8IAUtC,CAAA"}

package/types/ColorIndicator/index.d.ts

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { ColorIndicatorProps } from './props';
+/**
+---
+category: components
+---
+@tsProps
+**/
+declare class ColorIndicator extends Component<ColorIndicatorProps> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        color?: string | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        shape?: "circle" | "rectangle" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        color?: string | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        shape?: "circle" | "rectangle" | undefined;
+    })[];
+    static readonly componentId = "ColorIndicator";
+    static defaultProps: {
+        color: string;
+        shape: string;
+    };
+    ref: HTMLDivElement | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    handleRef: (el: HTMLDivElement | null) => void;
+    render(): jsx.JSX.Element;
+}
+export default ColorIndicator;
+export { ColorIndicator };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorIndicator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,MAAM;CAUP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/ColorIndicator/props.d.ts

@@ -0,0 +1,25 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators, ColorIndicatorTheme } from '@instructure/shared-types';
+declare type ColorIndicatorOwnProps = {
+    /**
+     * Valid CSS color string. E.g.: #555, rgba(55,55,55,1). It can accept empty strings
+     */
+    color?: string;
+    /**
+     * Provides a reference to the `ColorIndicator`'s underlying html element.
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * Sets the shape of the indicator. Either a circle or a rectangle
+     */
+    shape?: 'circle' | 'rectangle';
+};
+declare type PropKeys = keyof ColorIndicatorOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ColorIndicatorProps = ColorIndicatorOwnProps & WithStyleProps<ColorIndicatorTheme, ColorIndicatorStyle> & OtherHTMLAttributes<ColorIndicatorOwnProps>;
+declare type ColorIndicatorStyle = ComponentStyle<'colorIndicator'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ColorIndicatorProps, ColorIndicatorStyle };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ColorIndicator/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAC/B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAE3D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAkD,CAAA;AAEtE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorIndicator/styles.d.ts

@@ -0,0 +1,15 @@
+import type { ColorIndicatorProps, ColorIndicatorStyle } from './props';
+import { ColorIndicatorTheme } 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: ColorIndicatorTheme, props: ColorIndicatorProps) => ColorIndicatorStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ColorIndicator/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAgB/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,mBAAmB,SAC5B,mBAAmB,KACzB,mBA+BF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorIndicator/theme.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '@instructure/ui-themes';
+import { ColorIndicatorTheme } from '@instructure/shared-types';
+export declare const colorIndicatorBorderColor = "#384A5899";
+/**
+ * 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) => ColorIndicatorTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ColorIndicator/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ColorIndicator/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,eAAO,MAAM,yBAAyB,cAAc,CAAA;AAEpD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,mBAqB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}