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

package/types/ColorContrast/ColorContrastLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorContrastLocator.d.ts","sourceRoot":"","sources":["../../src/ColorContrast/ColorContrastLocator.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAUnD,eAAO,MAAM,oBAAoB;;+BACR,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAAL,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAAL,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAAL,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAAL,GAAG,EAAE;;;;;8NAe5B,CAAA"}

package/types/ColorContrast/index.d.ts

@@ -0,0 +1,61 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { ColorContrastProps } from './props';
+import type { RGBAType } from '../ColorMixer/props';
+/**
+---
+category: components
+---
+@tsProps
+**/
+declare class ColorContrast extends Component<ColorContrastProps> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        elementRef?: ((element: Element | null) => void) | undefined;
+        failureLabel: string;
+        firstColor: string;
+        firstColorLabel?: string | undefined;
+        graphicsTextLabel: string;
+        label: string;
+        largeTextLabel: string;
+        normalTextLabel: string;
+        secondColor: string;
+        secondColorLabel?: string | undefined;
+        successLabel: string;
+        withoutColorPreview?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        elementRef?: ((element: Element | null) => void) | undefined;
+        failureLabel: string;
+        firstColor: string;
+        firstColorLabel?: string | undefined;
+        graphicsTextLabel: string;
+        label: string;
+        largeTextLabel: string;
+        normalTextLabel: string;
+        secondColor: string;
+        secondColorLabel?: string | undefined;
+        successLabel: string;
+        withoutColorPreview?: boolean | undefined;
+    })[];
+    static readonly componentId = "ColorContrast";
+    constructor(props: ColorContrastProps);
+    ref: HTMLDivElement | null;
+    handleRef: (el: HTMLDivElement | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    renderStatus: (pass: boolean, description: string) => jsx.JSX.Element;
+    renderColorIndicator: (color: string, label: string) => jsx.JSX.Element;
+    calcBlendedColor: (c1: RGBAType, c2: RGBAType) => {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    get calcContrast(): number;
+    render(): jsx.JSX.Element;
+}
+export { ColorContrast };
+export default ColorContrast;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorContrast/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAC9B,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAWjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEnD;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;gBAEjC,KAAK,EAAE,kBAAkB;IAIrC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,SAAU,OAAO,eAAe,MAAM,qBAgBjD;IAED,oBAAoB,UAAW,MAAM,SAAS,MAAM,qBAanD;IACD,gBAAgB,OAAQ,QAAQ,MAAM,QAAQ;;;;;MAQ7C;IAID,IAAI,YAAY,WAUf;IACD,MAAM;CA8CP;AAED,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,eAAe,aAAa,CAAA"}

package/types/ColorContrast/props.d.ts

@@ -0,0 +1,62 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, PropValidators, ColorContrastTheme } from '@instructure/shared-types';
+declare type ColorContrastOwnProps = {
+    /**
+     * Provides a reference to the component's underlying html element.
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * Text of the failure indicator (Suggested english text: FAIL)
+     */
+    failureLabel: string;
+    /**
+     * The first color to compare (HEX code)
+     */
+    firstColor: string;
+    /**
+     * The name of the first color which will be compared
+     */
+    firstColorLabel?: string;
+    /**
+     * Text of the third check (Suggested english text: Graphics text)
+     */
+    graphicsTextLabel: string;
+    /**
+     * Label of the component
+     */
+    label: string;
+    /**
+     * Text of the second check (Suggested english text: Large text)
+     */
+    largeTextLabel: string;
+    /**
+     * Text of the first check (Suggested english text: Normal text)
+     */
+    normalTextLabel: string;
+    /**
+     * The second color to compare (HEX code)
+     */
+    secondColor: string;
+    /**
+     * The name of the second color which will be compared
+     */
+    secondColorLabel?: string;
+    /**
+     * Text of the success indicator (Suggested english text: PASS)
+     */
+    successLabel: string;
+    /**
+     * toggles the color preview part of the component
+     * if true, firstColorLabel and secondColorLabel is not necessary. Otherwise required
+     */
+    withoutColorPreview?: boolean;
+};
+declare type PropKeys = keyof ColorContrastOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ColorContrastProps = ColorContrastOwnProps & WithStyleProps<ColorContrastTheme, ColorContrastStyle> & OtherHTMLAttributes<ColorContrastOwnProps>;
+declare type ColorContrastStyle = ComponentStyle<'colorContrast' | 'successDescription' | 'failureDescription' | 'statusWrapper' | 'colorIndicator' | 'statusIndicatorWrapper' | 'colorIndicatorLabel' | 'pickedColorHex' | 'colorPreview' | 'firstColorPreview' | 'secondColorPreview' | 'label'>;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ColorContrastProps, ColorContrastStyle };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ColorContrast/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAElC,aAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,GACtD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,oBAAoB,GACpB,oBAAoB,GACpB,eAAe,GACf,gBAAgB,GAChB,wBAAwB,GACxB,qBAAqB,GACrB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,OAAO,CACV,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAavC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ColorContrast/styles.d.ts

@@ -0,0 +1,76 @@
+import type { ColorContrastTheme } 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: ColorContrastTheme) => {
+    colorContrast: {
+        label: string;
+        width: string;
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: string | number;
+        fontSize: string | 0;
+    };
+    statusWrapper: {
+        label: string;
+        width: string;
+        display: string;
+        marginBottom: string | 0;
+    };
+    successDescription: {
+        label: string;
+        flex: number;
+        color: string;
+    };
+    failureDescription: {
+        label: string;
+        flex: number;
+        color: string;
+    };
+    colorIndicator: {
+        marginInlineEnd: string | 0;
+    };
+    statusIndicatorWrapper: {
+        label: string;
+        flex: number;
+        display: string;
+        flexDirection: string;
+    };
+    colorIndicatorLabel: {
+        label: string;
+        wordBreak: string;
+    };
+    pickedColorHex: {
+        label: string;
+        color: string;
+    };
+    colorPreview: {
+        label: string;
+        display: string;
+        width: string;
+        marginBottom: string | 0;
+        marginTop: string | 0;
+    };
+    firstColorPreview: {
+        label: string;
+        display: string;
+        flex: number;
+    };
+    secondColorPreview: {
+        label: string;
+        display: string;
+    };
+    label: {
+        label: string;
+        marginBottom: string | 0;
+    };
+};
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ColorContrast/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AACnE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ColorContrast/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { ColorContrastTheme } 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) => ColorContrastTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

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

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