@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/types/Checkbox/checkbox.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type CheckboxOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -34,15 +34,16 @@ declare type CheckboxOwnProps = {
     /**
      * The icon to display when the component is checked.
      */
-    checkedIcon?: React.ElementType<any>;
+    checkedIcon?: React.ReactElement;
     /**
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
 };
-export declare type CheckboxProps = CheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare type CheckboxProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
 /**
  *
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/CircularProgress/circular_progress.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-/**
- * Types.
- */
-declare type CircularProgressOwnProps = {
+declare type BaseProps = {
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
      */
@@ -26,6 +23,9 @@ declare type CircularProgressOwnProps = {
      */
     value?: number;
 };
-export declare type CircularProgressProps = CircularProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare type CircularProgressProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ *
+ */
+export declare const CircularProgress: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Collapse/collapse.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
-/**
- * Types.
- */
-declare type CollapseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
-declare type CollapseOwnProps = {
+declare type BaseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
+declare type BaseProps = {
     /**
      * If `true`, the component will transition in.
      */
@@ -22,9 +19,6 @@ declare type CollapseOwnProps = {
      */
     children: React.ReactNode;
 };
-declare type CollapseProps = CollapseOwnProps & CollapseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
-/**
- *
- */
+declare type CollapseProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
 export declare const Collapse: React.FC<CollapseProps>;
 export {};

package/dist/types/Dialog/dialog.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
 import type { CircularProgressProps } from '../CircularProgress';
-/**
- * Types.
- */
-declare type DialogOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the Dialog is open.
      */
@@ -50,8 +47,5 @@ declare type DialogOwnProps = {
      */
     loadingColor?: CircularProgressProps['color'];
 };
-/**
- *
- */
-export declare const Dialog: React.ForwardRefExoticComponent<DialogOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_actions.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-/**
- * Types.
- */
-declare type DialogActionsOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
@@ -12,8 +9,5 @@ declare type DialogActionsOwnProps = {
      */
     className?: string;
 };
-/**
- *
- */
-export declare const DialogActions: React.ForwardRefExoticComponent<DialogActionsOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogActions: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_content.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * Types.
  */
-declare type DialogContentOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
@@ -27,5 +27,5 @@ declare type DialogContentOwnProps = {
 /**
  *
  */
-export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_title.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-/**
- * Types.
- */
-declare type DialogTitleOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
@@ -16,8 +13,5 @@ declare type DialogTitleOwnProps = {
      */
     onClose?: () => void;
 };
-/**
- *
- */
-export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Drawer/drawer.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type DrawerOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is shown.
      */
@@ -33,8 +30,5 @@ declare type DrawerOwnProps = {
     onClose?: () => void;
     'data-testid'?: string;
 };
-/**
- *
- */
-export declare const Drawer: React.ForwardRefExoticComponent<DrawerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Drawer: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/IconButton/icon_button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ButtonOwnProps } from '../Button';
-import { TooltipOwnProps } from '../Tooltip';
+import { TooltipBaseProps } from '../Tooltip';
 /**
  * Types.
  */
@@ -13,7 +13,7 @@ export interface IconButtonOwnProps extends Omit<ButtonOwnProps, 'variant' | 'wi
     /**
      * Props applied to the `Tooltip` element.
      */
-    tooltipProps?: Omit<TooltipOwnProps, 'open' | 'title' | 'children'>;
+    tooltipProps?: Omit<TooltipBaseProps, 'open' | 'title' | 'children'>;
 }
 export interface IconButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
     props: P & IconButtonOwnProps;

package/dist/types/Image/image.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type ImageOwnProps = {
+declare type BaseProps = {
     /**
      * The `src` attribute for the `img` element.
      */
@@ -19,9 +16,7 @@ declare type ImageOwnProps = {
      * The className of the component.
      */
     className?: string;
+    'data-testid'?: string;
 };
-/**
- *
- */
-export declare const Image: React.ForwardRefExoticComponent<ImageOwnProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading"> & React.RefAttributes<HTMLImageElement>>;
+export declare const Image: React.ForwardRefExoticComponent<BaseProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading"> & React.RefAttributes<HTMLImageElement>>;
 export {};

package/dist/types/LinearProgress/linear_progress.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-/**
- * Types.
- */
-declare type LinearProgressOwnProps = {
+declare type BaseProps = {
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
      */
@@ -16,8 +13,5 @@ declare type LinearProgressOwnProps = {
      */
     className?: string;
 };
-/**
- *
- */
-export declare const LinearProgress: React.ForwardRefExoticComponent<LinearProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare const LinearProgress: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Menu/menu.d.ts

@@ -4,7 +4,7 @@ import { TypographyType } from '../styles';
 /**
  * Types.
  */
-declare type OptionOwnProps = {
+declare type OptionBaseProps = {
     label: string;
     disabled?: boolean;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
@@ -22,11 +22,11 @@ declare type OptionOwnProps = {
      */
     endIcon?: React.ReactNode;
 };
-declare type OptionProps = OptionOwnProps & Omit<React.AllHTMLAttributes<HTMLElement>, 'children'>;
+declare type OptionProps = OptionBaseProps & Omit<React.AllHTMLAttributes<HTMLElement>, 'children'>;
 declare type MenuOptionProps = OptionProps & {
     subOptions?: OptionProps[];
 };
-declare type MenuOwnProps = {
+declare type BaseProps = {
     /**
      * Menu reference element.
      */
@@ -44,9 +44,9 @@ declare type MenuOwnProps = {
      */
     popoverProps?: Partial<PopoverProps>;
 };
-export declare type MenuProps = MenuOwnProps;
+export declare type MenuProps = BaseProps;
 /**
  *
  */
-export declare const Menu: React.ForwardRefExoticComponent<MenuOwnProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<BaseProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Modal/modal.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { BackdropProps } from '../Backdrop';
-/**
- * Types.
- */
-declare type ModalOwnProps = {
+declare type BaseProps = {
     /**
      * A single child content element.
      */
@@ -50,10 +47,8 @@ declare type ModalOwnProps = {
      * and replace it to the last focused element when it closes.
      */
     disableAutoFocus?: boolean;
+    'data-testid'?: string;
 };
-export declare type ModalProps = ModalOwnProps & React.HTMLAttributes<HTMLDivElement>;
-/**
- *
- */
-export declare const Modal: React.ForwardRefExoticComponent<ModalOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare type ModalProps = BaseProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Modal: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Popover/popover.d.ts

@@ -32,8 +32,5 @@ declare type BaseProps = {
     allowUseSameWidth?: boolean;
 };
 export declare type PopoverProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-/**
- *
- */
 export declare const Popover: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Radio/radio.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type RadioOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -34,7 +31,7 @@ declare type RadioOwnProps = {
     /**
      * The icon to display when the component is checked.
      */
-    checkedIcon?: React.ElementType<any>;
+    checkedIcon?: React.ReactElement;
     /**
      * Name attribute of the `input` element.
      */
@@ -43,10 +40,11 @@ declare type RadioOwnProps = {
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
 };
-export declare type RadioProps = RadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare type RadioProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
 /**
  *
  */
-export declare const Radio: React.ForwardRefExoticComponent<RadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Select/select.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type SelectOwnProps = {
+declare type BaseProps = {
     options: {
         value: string;
         label: string;
@@ -68,9 +65,7 @@ declare type SelectOwnProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    'data-testid'?: string;
 };
-/**
- *
- */
-export declare const Select: React.ForwardRefExoticComponent<SelectOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Select: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Slider/slider.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type SliderOwnProps = {
+declare type BaseProps = {
     className?: string;
     /**
      * The default element value. Use when the component is not controlled.
@@ -36,10 +33,8 @@ declare type SliderOwnProps = {
      * Callback function that is fired when the slider's value changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
 };
-export declare type SliderProps = SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
-/**
- *
- */
-export declare const Slider: React.ForwardRefExoticComponent<SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
+export declare type SliderProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
+export declare const Slider: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Switch/switch.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type SwitchOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -43,10 +40,8 @@ declare type SwitchOwnProps = {
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
 };
-export declare type SwitchProps = SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
-/**
- *
- */
-export declare const Switch: React.ForwardRefExoticComponent<SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare type SwitchProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare const Switch: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Tabs/tabs.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { Tab, TabProps } from './tab';
-/**
- * Types.
- */
-declare type TabsOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
@@ -21,8 +18,5 @@ declare type TabsOwnProps = {
      */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => void;
 };
-/**
- *
- */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/TextField/text_field.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type TextFieldOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is disabled.
      */
@@ -73,9 +70,7 @@ declare type TextFieldOwnProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    'data-testid'?: string;
 };
-/**
- *
- */
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TextField: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/TextareaField/textarea_field.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type TextareaFieldOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the component is disabled.
      */
@@ -18,7 +15,7 @@ declare type TextareaFieldOwnProps = {
     /**
      * Attributes applied to the `input` element.
      */
-    inputProps?: Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, 'size'>;
+    inputProps?: React.InputHTMLAttributes<HTMLTextAreaElement>;
     /**
      * The default value. Use when the component is not controlled.
      */
@@ -69,9 +66,7 @@ declare type TextareaFieldOwnProps = {
      * the field (not from interacting with the field).
      */
     readOnly?: boolean;
+    'data-testid'?: string;
 };
-/**
- *
- */
-export declare const TextareaField: React.ForwardRefExoticComponent<TextareaFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TextareaField: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Toast/toast.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { AlertProps } from '../Alert';
-/**
- * Types.
- */
-declare type ToastOwnProps = {
+declare type BaseProps = {
     /**
      * The `id` of the toast. Mostly used when you need to prevent duplicate.
      */
@@ -29,8 +26,5 @@ declare type ToastOwnProps = {
      */
     alertProps?: Omit<AlertProps, 'children' | 'onClose'>;
 };
-/**
- *
- */
-export declare const Toast: React.FC<ToastOwnProps>;
+export declare const Toast: React.FC<BaseProps>;
 export {};

package/dist/types/Toast/toast_container.d.ts

@@ -1,16 +1,10 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type ToastContainerOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
     children: React.ReactNode;
 };
-export declare type ToastContainerProps = ToastContainerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-/**
- *
- */
+export declare type ToastContainerProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
 export declare const ToastContainer: React.FC<ToastContainerProps>;
 export {};

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

@@ -1,2 +1,2 @@
 export { Tooltip } from './tooltip';
-export type { TooltipOwnProps, TooltipProps } from './tooltip';
+export type { TooltipBaseProps, TooltipProps } from './tooltip';

package/dist/types/Tooltip/tooltip.d.ts

@@ -3,7 +3,7 @@ import { Placement } from '@popperjs/core';
 /**
  * Types.
  */
-export declare type TooltipOwnProps = {
+export declare type TooltipBaseProps = {
     /**
      * If `true`, the component is shown.
      */
@@ -70,7 +70,7 @@ export declare type TooltipOwnProps = {
      */
     offset?: number;
 };
-export declare type TooltipProps = TooltipOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
+export declare type TooltipProps = TooltipBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
 /**
  *
  */

package/dist/types/styles/colors/additional.d.ts

@@ -0,0 +1,4 @@
+export declare const additional: {
+    'extra-1': string;
+    'extra-2': string;
+};

package/dist/types/styles/colors/attention.d.ts

@@ -0,0 +1,26 @@
+export declare const generateAttentionColors: (hex?: string) => {
+    'attention-tint-5': string;
+    'attention-tint-4': string;
+    'attention-tint-3': string;
+    'attention-tint-2': string;
+    'attention-tint-1': string;
+    attention: string;
+    'attention-shade-1': string;
+    'attention-shade-2': string;
+    'attention-shade-3': string;
+    'attention-shade-4': string;
+    'attention-shade-5': string;
+};
+export declare const attention: {
+    'attention-tint-5': string;
+    'attention-tint-4': string;
+    'attention-tint-3': string;
+    'attention-tint-2': string;
+    'attention-tint-1': string;
+    attention: string;
+    'attention-shade-1': string;
+    'attention-shade-2': string;
+    'attention-shade-3': string;
+    'attention-shade-4': string;
+    'attention-shade-5': string;
+};

package/dist/types/styles/colors/grayscale.d.ts

@@ -0,0 +1,14 @@
+export declare const grayscale: {
+    white: string;
+    'gray-1': string;
+    'gray-2': string;
+    'gray-3': string;
+    'gray-4': string;
+    'gray-5': string;
+    'gray-6': string;
+    'gray-7': string;
+    'gray-8': string;
+    'gray-9': string;
+    'gray-10': string;
+    black: string;
+};

package/dist/types/styles/colors/index.d.ts

@@ -0,0 +1,7 @@
+export { grayscale } from './grayscale';
+export { primary, generatePrimaryColors } from './primary';
+export { secondary, generateSecondaryColors } from './secondary';
+export { wrong, generateWrongColors } from './wrong';
+export { attention, generateAttentionColors } from './attention';
+export { success, generateSuccessColors } from './success';
+export { additional } from './additional';

package/dist/types/styles/colors/primary.d.ts

@@ -0,0 +1,26 @@
+export declare const generatePrimaryColors: (hex?: string) => {
+    'primary-tint-5': string;
+    'primary-tint-4': string;
+    'primary-tint-3': string;
+    'primary-tint-2': string;
+    'primary-tint-1': string;
+    primary: string;
+    'primary-shade-1': string;
+    'primary-shade-2': string;
+    'primary-shade-3': string;
+    'primary-shade-4': string;
+    'primary-shade-5': string;
+};
+export declare const primary: {
+    'primary-tint-5': string;
+    'primary-tint-4': string;
+    'primary-tint-3': string;
+    'primary-tint-2': string;
+    'primary-tint-1': string;
+    primary: string;
+    'primary-shade-1': string;
+    'primary-shade-2': string;
+    'primary-shade-3': string;
+    'primary-shade-4': string;
+    'primary-shade-5': string;
+};