@codeandfunction/callaloo 1.13.6 → 1.14.1

package/dist/components/Buttons/CLButton.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<CLAlign>;
         default: CLAlign;
     };
-    /** Sets the aria-label on the button. It should be used when there is no discernable text present, or if this is an icon only button. */
+    /** Sets the aria-label on the  It should be used when there is no discernable text present, or if this is an icon only  */
     ariaLabel: {
         type: StringConstructor;
     };
@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     borderRadius: {
         type: PropType<CLBorderRadius>;
     };
-    /** A `boolean` value which dictates the busy state of the button. */
+    /** A `boolean` value which dictates the busy state of the  */
     busy: {
         type: BooleanConstructor;
     };
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     form: {
         type: StringConstructor;
     };
-    /** A callback function which provides a reference to the button. */
+    /** A callback function which provides a reference to the  */
     forwardRef: {
         type: FunctionConstructor;
     };
@@ -108,15 +108,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {
+    hasSlots: boolean;
+}, {}, {
+    checkForSlots(): boolean;
+    getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
     alignContent: {
         type: PropType<CLAlign>;
         default: CLAlign;
     };
-    /** Sets the aria-label on the button. It should be used when there is no discernable text present, or if this is an icon only button. */
+    /** Sets the aria-label on the  It should be used when there is no discernable text present, or if this is an icon only  */
     ariaLabel: {
         type: StringConstructor;
     };
@@ -124,7 +127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     borderRadius: {
         type: PropType<CLBorderRadius>;
     };
-    /** A `boolean` value which dictates the busy state of the button. */
+    /** A `boolean` value which dictates the busy state of the  */
     busy: {
         type: BooleanConstructor;
     };
@@ -137,7 +140,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     form: {
         type: StringConstructor;
     };
-    /** A callback function which provides a reference to the button. */
+    /** A callback function which provides a reference to the  */
     forwardRef: {
         type: FunctionConstructor;
     };
@@ -216,10 +219,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    link: boolean;
     rounded: boolean;
     testId: string;
     type: CLButtonTypes;
-    link: boolean;
     elevated: boolean;
     theme: CLThemes;
     busy: boolean;

package/dist/components/Buttons/utils.d.ts

@@ -0,0 +1,7 @@
+import { CLThemes } from '../../index';
+interface ThemeProps {
+    color: CLThemes;
+}
+export declare const a11yButtonTheme: () => string;
+export declare const buttonTheme: ({ color }: ThemeProps) => string;
+export {};

package/dist/components/Containers/CLCard.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<CLCardProps, {}, {}
     elevated: boolean;
     theme: CLThemes;
     align: CLAlign;
+    bordered: boolean;
     busy: boolean;
     height: string;
     width: string;

package/dist/components/Containers/utils.d.ts

@@ -0,0 +1,7 @@
+import { CLThemes } from '../../index';
+interface ThemeProps {
+    color: CLThemes;
+}
+export declare const cardTheme: ({ color }: ThemeProps) => string;
+export declare const disclosureTheme: () => string;
+export {};

package/dist/components/Form/CLCheckbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } from '../../index';
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
 interface Props {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
@@ -19,7 +19,7 @@ interface Props {
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLMessageType`, e.g. `CLMessageType.Error`. */
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
     /** A string representing name of the checkbox. The name is submitted along with the checkbox value when the form it belongs to is submitted. */
     name: string;
     /** Set the required state. */

package/dist/components/Form/CLInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLMessageType, CLSizes, CLInputThemes } from '../../index';
+import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLSizes, CLInputThemes, CLMessageThemes } from '../../index';
 interface Props {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
@@ -27,7 +27,7 @@ interface Props {
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLMessageType`, e.g. `CLMessageType.Error`. */
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
     /** A string representing name of the input. The name is submitted along with the input value when the form it belongs to is submitted. */
     name: string;
     /** A regexp pattern that can be used for validation. */
@@ -58,14 +58,14 @@ interface Props {
     type?: CLInputTypes;
     /** Set the value for the input when it's checked. */
     value?: string | number;
-    /** A callback function which handles when the input state is updated. */
-    onInput?: CLGenericFunction;
-    /** A callback function which handles when the radiobutton loses focus. */
+    /** A callback function which handles when the input loses focus. */
     onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the radiobutton gains focus. */
-    onFocus?: CLGenericFocusFunction;
-    /** A callback function which handles when the radiobutton is clicked. */
+    /** A callback function which handles when the input value changes. */
     onChange?: CLGenericFunction;
+    /** A callback function which handles when the input gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the input state is updated. */
+    onInput?: CLGenericFunction;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     fluid: boolean;

package/dist/components/Form/CLInputMessages.vue.d.ts

@@ -1,8 +1,10 @@
-import { CLMessageType } from '../../index';
+import { CLMessageThemes } from '../../index';
 export interface Props {
     id: string;
     messages?: string[];
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    messageType: CLMessageThemes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Form/CLRadioButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } from '../../index';
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
 interface Props {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
@@ -19,7 +19,7 @@ interface Props {
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLMessageType`, e.g. `CLMessageType.Error`. */
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
     /** A string representing name of the radiobutton. The name is submitted along with the radiobutton value when the form it belongs to is submitted. */
     name: string;
     /** Set the required state. */

package/dist/components/Form/CLSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFocusFunction, CLGenericFunction, CLInputThemes, CLMessageType, CLOption, CLSizes } from '../../index';
+import { CLBorderRadius, CLGenericFocusFunction, CLGenericFunction, CLInputThemes, CLMessageThemes, CLOption, CLSizes } from '../../index';
 interface Props {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
@@ -19,7 +19,7 @@ interface Props {
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLMessageType`, e.g. `CLMessageType.Error`. */
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
     /** A string representing name of the select. The name is submitted along with the select value when the form it belongs to is submitted. */
     name: string;
     /** A list of options */
@@ -42,7 +42,7 @@ interface Props {
     onChange?: CLGenericFunction;
     /** A callback function which handles when the select gains focus. */
     onFocus?: CLGenericFocusFunction;
-    /** A callback function which handles when the radiobutton input state is updated. */
+    /** A callback function which handles when the select state is updated. */
     onInput?: CLGenericFunction;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {

package/dist/components/Form/CLTextArea.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } from '../../index';
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
 interface Props {
     /** Sets the aria-label on the textarea. It should be used when there is no label present. */
     ariaLabel?: string;
@@ -27,7 +27,7 @@ interface Props {
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLMessageType`, e.g. `CLMessageType.Error`. */
-    messageType?: CLMessageType;
+    messageType?: CLMessageThemes;
     /** A string representing name of the textarea. The name is submitted along with the textarea value when the form it belongs to is submitted. */
     name: string;
     /** A regexp pattern that can be used for validation. */
@@ -54,14 +54,14 @@ interface Props {
     theme?: CLInputThemes;
     /** Set the value for the textarea when it's checked. */
     value?: string | number;
-    /** A callback function which handles when the textarea state is updated. */
-    onInput?: CLGenericFunction;
-    /** A callback function which handles when the radiobutton loses focus. */
+    /** A callback function which handles when the textarea loses focus. */
     onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the radiobutton gains focus. */
-    onFocus?: CLGenericFocusFunction;
-    /** A callback function which handles when the radiobutton is clicked. */
+    /** A callback function which handles when the textarea value changes. */
     onChange?: CLGenericFunction;
+    /** A callback function which handles when the textarea gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the textarea state is updated. */
+    onInput?: CLGenericFunction;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     fluid: boolean;

package/dist/components/Form/utils.d.ts

@@ -0,0 +1,12 @@
+import { CLThemes } from '../../index';
+interface ThemeProps {
+    color: CLThemes;
+    component?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+}
+export declare const checkboxTheme: ({ color, component, disabled }: ThemeProps) => string;
+export declare const inputTheme: ({ color, component, disabled, readonly, }: ThemeProps) => string;
+export declare const inputMessagesTheme: ({ color }: ThemeProps) => string;
+export declare const selectTheme: ({ color, disabled }: ThemeProps) => string;
+export {};

package/dist/components/Indicators/CLBanner.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import('vue').DefineComponent<CLBannerProps, {}, {}, {},
     testId: string;
     theme: import('../../types').BannerThemes;
     align: CLAlign;
+    bordered: boolean;
     busy: boolean;
     height: string;
     width: string;

package/dist/components/Indicators/utils.d.ts

@@ -0,0 +1,8 @@
+import { CLThemes } from '../../index';
+interface ThemeProps {
+    color: CLThemes;
+}
+export declare const badgeTheme: ({ color }: ThemeProps) => string;
+export declare const bannerTheme: ({ color }: ThemeProps) => string;
+export declare const pillTheme: ({ color }: ThemeProps) => string;
+export {};

package/dist/components/Loading/utils.d.ts

@@ -0,0 +1,6 @@
+import { CLThemes } from '../../index';
+interface ThemeProps {
+    color: CLThemes;
+}
+export declare const spinnerTheme: ({ color }: ThemeProps) => string;
+export {};

package/dist/components/Modals/CLModal.vue.d.ts

@@ -20,7 +20,9 @@ declare function __VLS_template(): {
         body?(_: {}): any;
         footer?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        modalWindow: HTMLDivElement;
+    };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;

package/dist/components/Modals/utils.d.ts

@@ -0,0 +1 @@
+export declare const modalTheme: () => string;

package/dist/components/Navigation/CLNavSection.vue.d.ts

@@ -12,5 +12,6 @@ export interface Props {
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     testId: string;
     type: CLOrientation;
+    theme: CLSimpleThemes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Navigation/utils.d.ts

@@ -0,0 +1,7 @@
+import { CLThemes } from '../../index';
+interface BaseLinkProps {
+    color: CLThemes;
+    underline?: boolean;
+}
+export declare const base_link: ({ color, underline, }: BaseLinkProps) => string;
+export {};

package/dist/components/Popups/CLDropdownMenu.vue.d.ts

@@ -13,9 +13,11 @@ interface Props {
     /** Set the border radius size on the content container. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     containerBorderRadius?: CLBorderRadius;
     /** Sets the style/theme of the content container. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
-    containerTheme?: CLThemes.Light | CLThemes.Dark;
+    containerTheme?: CLThemes.Light | CLThemes.Dark | CLThemes.Transparent | CLThemes.Outline;
     /** Sets the width of the content container. */
     contentWidth?: string;
+    /** A unique identifier, this is required. It ensures that if multiple dropdowns are used, each will be handled properly. */
+    dropdownId: string;
     /** Sets the icon to be displayed after the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.ChevronDown`. */
     iconAfter?: CLIconNames;
     /** Sets the icon to be displayed before the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.Menu`. */
@@ -122,13 +124,16 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        }>> & Readonly<{}>, {}, {
+            hasSlots: boolean;
+        }, {}, {
+            checkForSlots(): boolean;
+            getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            link: boolean;
             rounded: boolean;
             testId: string;
             type: import('../../types').ButtonTypes;
-            link: boolean;
             elevated: boolean;
             theme: CLThemes;
             busy: boolean;
@@ -229,13 +234,16 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
+        }>> & Readonly<{}>, {}, {
+            hasSlots: boolean;
+        }, {}, {
+            checkForSlots(): boolean;
+            getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
+        }, {
+            link: boolean;
             rounded: boolean;
             testId: string;
             type: import('../../types').ButtonTypes;
-            link: boolean;
             elevated: boolean;
             theme: CLThemes;
             busy: boolean;
@@ -259,7 +267,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     iconAfterSize: CLIconSizes;
     buttonSize: CLSizes;
     buttonTheme: CLThemes;
-    containerTheme: CLThemes.Light | CLThemes.Dark;
+    containerTheme: CLThemes.Light | CLThemes.Dark | CLThemes.Transparent | CLThemes.Outline;
     contentWidth: string;
     isOpen: boolean;
     placement: CLPlacement;

package/dist/components/Popups/{Toast.vue.d.ts → CLToast.vue.d.ts}

@@ -2,6 +2,7 @@ import { CLIconSizes, CLToastProps } from '../../index';
 declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
     rounded: boolean;
     testId: string;
+    theme: import('../../types').ToastThemes;
     width: string;
     iconSize: CLIconSizes;
     dismissTimer: number;

package/dist/components/Popups/utils.d.ts

@@ -0,0 +1,4 @@
+import { CLThemes } from '../../index';
+export declare const toastTheme: ({ color }: {
+    color?: CLThemes | undefined;
+}) => string;

package/dist/components/Table/utils.d.ts

@@ -0,0 +1 @@
+export declare const tableTheme: () => string;

package/dist/components/Theme/CLThemeProvider.vue.d.ts

@@ -0,0 +1,21 @@
+import { CLThemeConfig } from '../../index';
+interface Props {
+    /** A theme configuration object. */
+    themeConfig?: CLThemeConfig;
+}
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Theme/base-theme.d.ts

@@ -0,0 +1,188 @@
+import { CLTheme, CLThemeConfig } from '../../index';
+export declare const DEFAULT_THEME: CLThemeConfig;
+export declare enum COLOR_KEYS {
+    focusBorder = 600,
+    focusShadow = 100,
+    outlineBorderBase = 300,
+    outlineBorderHover = 700,
+    outlineBgHover = 100,
+    solidBgBase = 100,
+    solidBgDark = 900,
+    solidBgDarkHover = 700,
+    solidBgDarkBorder = 500,
+    solidBgDisabled = 100,
+    solidBgLight = 100,
+    solidBgLightHover = 200,
+    solidBgLightBorder = 300,
+    solidBgHover = 200,
+    solidBorderBase = 300,
+    solidBorderDisabled = 200,
+    text = 700,
+    textDark = 100,
+    textDarkHover = 200,
+    textDisabled = 300,
+    textHover = 900,
+    textLight = 800,
+    textLightHover = 900
+}
+export declare const setupTheme: (config?: CLThemeConfig) => void;
+export declare const useTheme: () => {
+    colors: import('vue').Ref<{
+        primary?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        secondary?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        neutral?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        danger?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        warning?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        success?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        info?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+    }, CLTheme | {
+        primary?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        secondary?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        neutral?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        danger?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        warning?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        success?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+        info?: {
+            100?: string | undefined;
+            200?: string | undefined;
+            300?: string | undefined;
+            400?: string | undefined;
+            500?: string | undefined;
+            600?: string | undefined;
+            700?: string | undefined;
+            800?: string | undefined;
+            900?: string | undefined;
+        } | undefined;
+    }>;
+    updateBaseColors: (config: CLThemeConfig) => void;
+};

package/dist/components/Theme/utils.d.ts

@@ -0,0 +1,21 @@
+import { CLThemeKeys, CLThemes } from '../../index';
+export declare const baseContentBox: () => string;
+interface BaseFormElementProps {
+    borderColor?: string;
+    placeholderColor?: string;
+}
+export declare const baseFormElement: ({ borderColor, placeholderColor, }: BaseFormElementProps) => string;
+export declare const css: (template: TemplateStringsArray, ...args: any[]) => string;
+export declare const cx: (...classNames: any[]) => string;
+interface FocusProps {
+    borderColor?: string;
+    outlineWidth?: string;
+    outlineOffset?: string;
+    outlineColor?: string;
+    shadowWidth?: string;
+    shadowColor?: string;
+}
+export declare const focusTheme: ({ borderColor, outlineWidth, outlineOffset, outlineColor, shadowWidth, shadowColor, }: FocusProps) => string;
+export declare const getThemeKeys: (theme: CLThemes) => CLThemeKeys;
+export declare const getOutlineColor: (outlineColor: string) => CLThemeKeys;
+export {};