@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/forms/hooks/useFieldControllers.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
-declare type FieldControls = {
-    id: string;
-    error?: React.ReactNode;
-    value?: string;
-    onChange: (e: React.ChangeEvent<InputElement>) => void;
-    onBlur: (e: React.ChangeEvent<InputElement>) => void;
-    onFocus: (e: React.FocusEvent<InputElement>) => void;
-    onKeyDown: (e: React.KeyboardEvent<InputElement>) => void;
-};
-declare type Props = {
-    name: string;
-    id?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    onBlur?: (value: string) => void;
-    onFocus?: (value: string) => void;
-    onKeyDown?: (key: string) => void;
-    error?: React.ReactNode;
-    type?: 'text' | 'currency';
-};
-export declare const useFieldControllers: ({ name, id: inputId, value, onChange, onBlur, onFocus, onKeyDown, error, type }: Props) => FieldControls;
-export {};
+import React from 'react';
+type InputElement = HTMLInputElement | HTMLTextAreaElement;
+type FieldControls = {
+    id: string;
+    error?: React.ReactNode;
+    value?: string;
+    onChange: (e: React.ChangeEvent<InputElement>) => void;
+    onBlur: (e: React.ChangeEvent<InputElement>) => void;
+    onFocus: (e: React.FocusEvent<InputElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<InputElement>) => void;
+};
+type Props = {
+    name: string;
+    id?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onKeyDown?: (key: string) => void;
+    error?: React.ReactNode;
+    type?: 'text' | 'currency';
+};
+export declare const useFieldControllers: ({ name, id: inputId, value, onChange, onBlur, onFocus, onKeyDown, error, type }: Props) => FieldControls;
+export {};

package/dist/forms/hooks/useFieldId.d.ts

@@ -1,6 +1,6 @@
-declare type Props = {
-    name: string;
-    id?: string;
-};
-export declare const useFieldId: ({ name, id: inputId }: Props) => string;
-export {};
+type Props = {
+    name: string;
+    id?: string;
+};
+export declare const useFieldId: ({ name, id: inputId }: Props) => string;
+export {};

package/dist/forms/hooks/useGrowTextAreaRef.d.ts

@@ -1,10 +1,10 @@
-declare type UseGrowTextAreaRef = {
-    ref: {
-        current: null | HTMLTextAreaElement;
-    };
-    updateHeight: () => void;
-};
-export declare const useGrowTextAreaRef: (minHeight: number, maxHeight: number, autoGrow: boolean, forwardedRef?: {
-    current: null | HTMLTextAreaElement;
-} | undefined) => UseGrowTextAreaRef;
-export {};
+type UseGrowTextAreaRef = {
+    ref: {
+        current: null | HTMLTextAreaElement;
+    };
+    updateHeight: () => void;
+};
+export declare const useGrowTextAreaRef: (minHeight: number, maxHeight: number, autoGrow: boolean, forwardedRef?: {
+    current: null | HTMLTextAreaElement;
+}) => UseGrowTextAreaRef;
+export {};

package/dist/forms/hooks/useMultiSelectFieldControllers.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import type { SelectOption } from '../SelectField/types';
-declare type FieldControls<T> = {
-    id: string;
-    error?: React.ReactNode;
-    value?: SelectOption<T>[];
-    onChange: (e: SelectOption<T>[]) => void;
-    onBlur: (e: SelectOption<T>[]) => void;
-};
-declare type Props<T> = {
-    name: string;
-    id?: string;
-    value?: SelectOption<T>[];
-    onChange?: (e: SelectOption<T>[]) => void;
-    onBlur?: (e: SelectOption<T>[]) => void;
-    error?: React.ReactNode;
-};
-export declare const useMultiSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
-export {};
+/// <reference types="react" />
+import type { SelectOption } from '../SelectField/types';
+type FieldControls<T> = {
+    id: string;
+    error?: React.ReactNode;
+    value?: SelectOption<T>[];
+    onChange: (e: SelectOption<T>[]) => void;
+    onBlur: (e: SelectOption<T>[]) => void;
+};
+type Props<T> = {
+    name: string;
+    id?: string;
+    value?: SelectOption<T>[];
+    onChange?: (e: SelectOption<T>[]) => void;
+    onBlur?: (e: SelectOption<T>[]) => void;
+    error?: React.ReactNode;
+};
+export declare const useMultiSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
+export {};

package/dist/forms/hooks/usePasswordCriteria.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { PasswordCriteria as PasswordCriteriaType } from '../PasswordField/types';
-export declare const usePasswordCriteria: (criterias: PasswordCriteriaType[]) => React.JSX.Element | null;
+import React from 'react';
+import { PasswordCriteria as PasswordCriteriaType } from '../PasswordField/types';
+export declare const usePasswordCriteria: (criterias: PasswordCriteriaType[]) => React.JSX.Element | null;

package/dist/forms/hooks/usePhoneFieldControllers.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { PhoneFieldValue } from '../PhoneField/types';
-declare type FieldControls = {
-    id: string;
-    error?: React.ReactNode;
-    value?: PhoneFieldValue;
-    onChange: (e: PhoneFieldValue) => void;
-    onBlur: (e: PhoneFieldValue) => void;
-};
-declare type Props = {
-    name: string;
-    id?: string;
-    value?: PhoneFieldValue;
-    onChange?: (e: PhoneFieldValue) => void;
-    onBlur?: (e: PhoneFieldValue) => void;
-    error?: React.ReactNode;
-    onMenuInputFocus?: (isFocused: boolean) => void;
-};
-export declare const usePhoneFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus }: Props) => FieldControls;
-export {};
+/// <reference types="react" />
+import { PhoneFieldValue } from '../PhoneField/types';
+type FieldControls = {
+    id: string;
+    error?: React.ReactNode;
+    value?: PhoneFieldValue;
+    onChange: (e: PhoneFieldValue) => void;
+    onBlur: (e: PhoneFieldValue) => void;
+};
+type Props = {
+    name: string;
+    id?: string;
+    value?: PhoneFieldValue;
+    onChange?: (e: PhoneFieldValue) => void;
+    onBlur?: (e: PhoneFieldValue) => void;
+    error?: React.ReactNode;
+    onMenuInputFocus?: (isFocused: boolean) => void;
+};
+export declare const usePhoneFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus }: Props) => FieldControls;
+export {};

package/dist/forms/hooks/useRadioGroupFieldControllers.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-declare type RadioValue = string | number;
-declare type FieldControls = {
-    error?: React.ReactNode;
-    value?: RadioValue;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};
-declare type Props = {
-    name: string;
-    value?: RadioValue;
-    onChange?: (value: RadioValue) => void;
-    error?: React.ReactNode;
-};
-export declare const useRadioGroupFieldControllers: ({ name, value, onChange, error }: Props) => FieldControls;
-export {};
+import React from 'react';
+type RadioValue = string | number;
+type FieldControls = {
+    error?: React.ReactNode;
+    value?: RadioValue;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+type Props = {
+    name: string;
+    value?: RadioValue;
+    onChange?: (value: RadioValue) => void;
+    error?: React.ReactNode;
+};
+export declare const useRadioGroupFieldControllers: ({ name, value, onChange, error }: Props) => FieldControls;
+export {};

package/dist/forms/hooks/useRangeFieldControllers.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-declare type FieldControls<T> = {
-    id: string;
-    error?: React.ReactNode;
-    value: any;
-    onChange: (e: T) => void;
-    onBlur: () => void;
-};
-declare type Props<T> = {
-    name: string;
-    id?: string;
-    value?: T;
-    onChange?: (e: T) => void;
-    onBlur?: () => void;
-    error?: React.ReactNode;
-};
-export declare const useRangeFieldControllers: <T extends unknown>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
-export {};
+/// <reference types="react" />
+type FieldControls<T> = {
+    id: string;
+    error?: React.ReactNode;
+    value: any;
+    onChange: (e: T) => void;
+    onBlur: () => void;
+};
+type Props<T> = {
+    name: string;
+    id?: string;
+    value?: T;
+    onChange?: (e: T) => void;
+    onBlur?: () => void;
+    error?: React.ReactNode;
+};
+export declare const useRangeFieldControllers: <T extends unknown>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
+export {};

package/dist/forms/hooks/useSelectFieldControllers.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import type { SelectOption } from '../SelectField/types';
-declare type FieldControls<T> = {
-    id: string;
-    error?: React.ReactNode;
-    value?: SelectOption<T>;
-    onChange: (e: SelectOption<T>) => void;
-    onBlur: (e: SelectOption<T>) => void;
-};
-declare type Props<T> = {
-    name: string;
-    id?: string;
-    value?: SelectOption<T>;
-    onChange?: (e: SelectOption<T>) => void;
-    onBlur?: (e: SelectOption<T>) => void;
-    error?: React.ReactNode;
-    onMenuInputFocus?: (isFocused: boolean) => void;
-};
-export declare const useSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus }: Props<T>) => FieldControls<T>;
-export {};
+/// <reference types="react" />
+import type { SelectOption } from '../SelectField/types';
+type FieldControls<T> = {
+    id: string;
+    error?: React.ReactNode;
+    value?: SelectOption<T>;
+    onChange: (e: SelectOption<T>) => void;
+    onBlur: (e: SelectOption<T>) => void;
+};
+type Props<T> = {
+    name: string;
+    id?: string;
+    value?: SelectOption<T>;
+    onChange?: (e: SelectOption<T>) => void;
+    onBlur?: (e: SelectOption<T>) => void;
+    error?: React.ReactNode;
+    onMenuInputFocus?: (isFocused: boolean) => void;
+};
+export declare const useSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus }: Props<T>) => FieldControls<T>;
+export {};

package/dist/forms/hooks/useShouldScrollMenuIntoView.d.ts

@@ -1 +1 @@
-export declare const useShouldScrollMenuIntoView: (menuShouldScrollIntoView?: boolean | undefined) => boolean;
+export declare const useShouldScrollMenuIntoView: (menuShouldScrollIntoView?: boolean) => boolean;

package/dist/forms/index.d.ts

@@ -1,30 +1,30 @@
-import Form from './Form';
-import FormRow, { SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT } from './FormRow';
-import TextAreaField from './TextAreaField';
-import TextField from './TextField';
-import CheckboxField from './CheckboxField';
-import PillSelectField from './PillSelectField';
-import RadioGroupField from './RadioGroupField';
-import RadioGroupOption from './RadioGroupOption';
-import RadioGroupBoxOption from './RadioGroupBoxOption';
-import PasswordField from './PasswordField';
-import MultiSelectField from './MultiSelectField';
-import SelectField from './SelectField';
-import AsyncSelectField from './AsyncSelectField';
-import DateField from './DateField';
-import DateRangeField from './DateRangeField';
-import WeekField from './WeekField';
-import TimeField from './TimeField';
-import TimeRangeField from './TimeRangeField';
-import CurrencyField from './CurrencyField';
-import PercentageField from './PercentageField';
-import FormSection from './FormSection';
-import FormFooter from './FormFooter';
-import FormFeedback from './FormFeedback';
-import PhoneField from './PhoneField';
-export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, RadioGroupBoxOption, PasswordField, MultiSelectField, SelectField, AsyncSelectField, DateField, DateRangeField, WeekField, TimeField, TimeRangeField, CurrencyField, PercentageField, FormSection, FormFooter, FormFeedback, PhoneField, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
-export type { PasswordCriteria } from './PasswordField/types';
-export type { SelectOption, SelectOptions, GroupOption, CustomOptionProps, SelectedOptionPrefixProps } from './SelectField/types';
-export type { AsyncSelectOptions } from './AsyncSelectField/types';
-export type { FormikType } from './Form/types';
-export type { PhoneFieldValue, PhoneFieldCountryCode } from './PhoneField/types';
+import Form from './Form';
+import FormRow, { SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT } from './FormRow';
+import TextAreaField from './TextAreaField';
+import TextField from './TextField';
+import CheckboxField from './CheckboxField';
+import PillSelectField from './PillSelectField';
+import RadioGroupField from './RadioGroupField';
+import RadioGroupOption from './RadioGroupOption';
+import RadioGroupBoxOption from './RadioGroupBoxOption';
+import PasswordField from './PasswordField';
+import MultiSelectField from './MultiSelectField';
+import SelectField from './SelectField';
+import AsyncSelectField from './AsyncSelectField';
+import DateField from './DateField';
+import DateRangeField from './DateRangeField';
+import WeekField from './WeekField';
+import TimeField from './TimeField';
+import TimeRangeField from './TimeRangeField';
+import CurrencyField from './CurrencyField';
+import PercentageField from './PercentageField';
+import FormSection from './FormSection';
+import FormFooter from './FormFooter';
+import FormFeedback from './FormFeedback';
+import PhoneField from './PhoneField';
+export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, RadioGroupBoxOption, PasswordField, MultiSelectField, SelectField, AsyncSelectField, DateField, DateRangeField, WeekField, TimeField, TimeRangeField, CurrencyField, PercentageField, FormSection, FormFooter, FormFeedback, PhoneField, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
+export type { PasswordCriteria } from './PasswordField/types';
+export type { SelectOption, SelectOptions, GroupOption, CustomOptionProps, SelectedOptionPrefixProps } from './SelectField/types';
+export type { AsyncSelectOptions } from './AsyncSelectField/types';
+export type { FormikType } from './Form/types';
+export type { PhoneFieldValue, PhoneFieldCountryCode } from './PhoneField/types';

package/dist/foundation/constants.d.ts

@@ -1 +1 @@
-export declare const FONT_FAMILY = "'Proxima Nova', sans-serif";
+export declare const FONT_FAMILY = "'Proxima Nova', sans-serif";

package/dist/foundation/domain.d.ts

@@ -1,2 +1,4 @@
-export declare const getColor: (color?: string | undefined) => string | undefined;
-export declare const getZIndex: (zIndex?: number | "base" | "nav" | "tooltip" | "modal" | "dropdown" | "portal" | undefined) => number | undefined;
+import { Color } from './tokens/color/color-types';
+import { ZIndex } from './tokens/zindex/z-index-types';
+export declare const getColor: (color?: string | Color) => string | undefined;
+export declare const getZIndex: (zIndex?: ZIndex | number) => number | undefined;

package/dist/foundation/tokens/color/color-codes.d.ts

@@ -1,46 +1,46 @@
-export declare const COLOR_CODES: {
-    readonly white: " #fff";
-    readonly black: " #000";
-    readonly 'tangerine-100': " #fef1ed";
-    readonly 'tangerine-200': " #fdd5c8";
-    readonly 'tangerine-300': " #fcab91";
-    readonly 'tangerine-400': " #fb7448";
-    readonly 'tangerine-500': " #e16840";
-    readonly 'tangerine-600': " #96452b";
-    readonly 'eggplant-100': " #f0f3fb";
-    readonly 'eggplant-200': " #d3dbf4";
-    readonly 'eggplant-300': " #a7b7ea";
-    readonly 'eggplant-400': " #6d87dd";
-    readonly 'eggplant-500': " #6179c6";
-    readonly 'eggplant-600': " #415184";
-    readonly 'mint-100': " #ecfaf8";
-    readonly 'mint-200': " #c6f1eb";
-    readonly 'mint-300': " #8de4d7";
-    readonly 'mint-400': " #3abda9";
-    readonly 'mint-500': " #35ac9a";
-    readonly 'mint-600': " #277e71";
-    readonly 'radish-100': " #fcf0f0";
-    readonly 'radish-200': " #f7d1d1";
-    readonly 'radish-300': " #f0a3a3";
-    readonly 'radish-400': " #e76767";
-    readonly 'radish-500': " #cf5c5c";
-    readonly 'radish-600': " #8a3d3d";
-    readonly 'blueberry-100': " #f6fdff";
-    readonly 'blueberry-200': " #ceecf5";
-    readonly 'blueberry-300': " #9cd9eb";
-    readonly 'blueberry-400': " #5bc0de";
-    readonly 'blueberry-500': " #51acc7";
-    readonly 'blueberry-600': " #367385";
-    readonly 'banana-100': " #fff9ed";
-    readonly 'banana-200': " #ffeec9";
-    readonly 'banana-300': " #ffdd92";
-    readonly 'banana-400': " #ffc74a";
-    readonly 'banana-500': " #e5b242";
-    readonly 'banana-600': " #99772c";
-    readonly 'grey-100': " #f3f3f3";
-    readonly 'grey-200': " #d5d5d5";
-    readonly 'grey-300': " #949494";
-    readonly 'grey-400': " #767676";
-    readonly 'grey-500': " #464646";
-    readonly 'grey-600': " #323232";
-};
+export declare const COLOR_CODES: {
+    readonly white: " #fff";
+    readonly black: " #000";
+    readonly 'tangerine-100': " #fef1ed";
+    readonly 'tangerine-200': " #fdd5c8";
+    readonly 'tangerine-300': " #fcab91";
+    readonly 'tangerine-400': " #fb7448";
+    readonly 'tangerine-500': " #e16840";
+    readonly 'tangerine-600': " #96452b";
+    readonly 'eggplant-100': " #f0f3fb";
+    readonly 'eggplant-200': " #d3dbf4";
+    readonly 'eggplant-300': " #a7b7ea";
+    readonly 'eggplant-400': " #6d87dd";
+    readonly 'eggplant-500': " #6179c6";
+    readonly 'eggplant-600': " #415184";
+    readonly 'mint-100': " #ecfaf8";
+    readonly 'mint-200': " #c6f1eb";
+    readonly 'mint-300': " #8de4d7";
+    readonly 'mint-400': " #3abda9";
+    readonly 'mint-500': " #35ac9a";
+    readonly 'mint-600': " #277e71";
+    readonly 'radish-100': " #fcf0f0";
+    readonly 'radish-200': " #f7d1d1";
+    readonly 'radish-300': " #f0a3a3";
+    readonly 'radish-400': " #e76767";
+    readonly 'radish-500': " #cf5c5c";
+    readonly 'radish-600': " #8a3d3d";
+    readonly 'blueberry-100': " #f6fdff";
+    readonly 'blueberry-200': " #ceecf5";
+    readonly 'blueberry-300': " #9cd9eb";
+    readonly 'blueberry-400': " #5bc0de";
+    readonly 'blueberry-500': " #51acc7";
+    readonly 'blueberry-600': " #367385";
+    readonly 'banana-100': " #fff9ed";
+    readonly 'banana-200': " #ffeec9";
+    readonly 'banana-300': " #ffdd92";
+    readonly 'banana-400': " #ffc74a";
+    readonly 'banana-500': " #e5b242";
+    readonly 'banana-600': " #99772c";
+    readonly 'grey-100': " #f3f3f3";
+    readonly 'grey-200': " #d5d5d5";
+    readonly 'grey-300': " #949494";
+    readonly 'grey-400': " #767676";
+    readonly 'grey-500': " #464646";
+    readonly 'grey-600': " #323232";
+};

package/dist/foundation/tokens/color/color-constants.d.ts

@@ -1,46 +1,46 @@
-export declare const COLORS: {
-    readonly white: "var(--color-white)";
-    readonly black: "var(--color-black)";
-    readonly 'tangerine-100': "var(--color-tangerine-100)";
-    readonly 'tangerine-200': "var(--color-tangerine-200)";
-    readonly 'tangerine-300': "var(--color-tangerine-300)";
-    readonly 'tangerine-400': "var(--color-tangerine-400)";
-    readonly 'tangerine-500': "var(--color-tangerine-500)";
-    readonly 'tangerine-600': "var(--color-tangerine-600)";
-    readonly 'eggplant-100': "var(--color-eggplant-100)";
-    readonly 'eggplant-200': "var(--color-eggplant-200)";
-    readonly 'eggplant-300': "var(--color-eggplant-300)";
-    readonly 'eggplant-400': "var(--color-eggplant-400)";
-    readonly 'eggplant-500': "var(--color-eggplant-500)";
-    readonly 'eggplant-600': "var(--color-eggplant-600)";
-    readonly 'mint-100': "var(--color-mint-100)";
-    readonly 'mint-200': "var(--color-mint-200)";
-    readonly 'mint-300': "var(--color-mint-300)";
-    readonly 'mint-400': "var(--color-mint-400)";
-    readonly 'mint-500': "var(--color-mint-500)";
-    readonly 'mint-600': "var(--color-mint-600)";
-    readonly 'radish-100': "var(--color-radish-100)";
-    readonly 'radish-200': "var(--color-radish-200)";
-    readonly 'radish-300': "var(--color-radish-300)";
-    readonly 'radish-400': "var(--color-radish-400)";
-    readonly 'radish-500': "var(--color-radish-500)";
-    readonly 'radish-600': "var(--color-radish-600)";
-    readonly 'blueberry-100': "var(--color-blueberry-100)";
-    readonly 'blueberry-200': "var(--color-blueberry-200)";
-    readonly 'blueberry-300': "var(--color-blueberry-300)";
-    readonly 'blueberry-400': "var(--color-blueberry-400)";
-    readonly 'blueberry-500': "var(--color-blueberry-500)";
-    readonly 'blueberry-600': "var(--color-blueberry-600)";
-    readonly 'banana-100': "var(--color-banana-100)";
-    readonly 'banana-200': "var(--color-banana-200)";
-    readonly 'banana-300': "var(--color-banana-300)";
-    readonly 'banana-400': "var(--color-banana-400)";
-    readonly 'banana-500': "var(--color-banana-500)";
-    readonly 'banana-600': "var(--color-banana-600)";
-    readonly 'grey-100': "var(--color-grey-100)";
-    readonly 'grey-200': "var(--color-grey-200)";
-    readonly 'grey-300': "var(--color-grey-300)";
-    readonly 'grey-400': "var(--color-grey-400)";
-    readonly 'grey-500': "var(--color-grey-500)";
-    readonly 'grey-600': "var(--color-grey-600)";
-};
+export declare const COLORS: {
+    readonly white: "var(--color-white)";
+    readonly black: "var(--color-black)";
+    readonly 'tangerine-100': "var(--color-tangerine-100)";
+    readonly 'tangerine-200': "var(--color-tangerine-200)";
+    readonly 'tangerine-300': "var(--color-tangerine-300)";
+    readonly 'tangerine-400': "var(--color-tangerine-400)";
+    readonly 'tangerine-500': "var(--color-tangerine-500)";
+    readonly 'tangerine-600': "var(--color-tangerine-600)";
+    readonly 'eggplant-100': "var(--color-eggplant-100)";
+    readonly 'eggplant-200': "var(--color-eggplant-200)";
+    readonly 'eggplant-300': "var(--color-eggplant-300)";
+    readonly 'eggplant-400': "var(--color-eggplant-400)";
+    readonly 'eggplant-500': "var(--color-eggplant-500)";
+    readonly 'eggplant-600': "var(--color-eggplant-600)";
+    readonly 'mint-100': "var(--color-mint-100)";
+    readonly 'mint-200': "var(--color-mint-200)";
+    readonly 'mint-300': "var(--color-mint-300)";
+    readonly 'mint-400': "var(--color-mint-400)";
+    readonly 'mint-500': "var(--color-mint-500)";
+    readonly 'mint-600': "var(--color-mint-600)";
+    readonly 'radish-100': "var(--color-radish-100)";
+    readonly 'radish-200': "var(--color-radish-200)";
+    readonly 'radish-300': "var(--color-radish-300)";
+    readonly 'radish-400': "var(--color-radish-400)";
+    readonly 'radish-500': "var(--color-radish-500)";
+    readonly 'radish-600': "var(--color-radish-600)";
+    readonly 'blueberry-100': "var(--color-blueberry-100)";
+    readonly 'blueberry-200': "var(--color-blueberry-200)";
+    readonly 'blueberry-300': "var(--color-blueberry-300)";
+    readonly 'blueberry-400': "var(--color-blueberry-400)";
+    readonly 'blueberry-500': "var(--color-blueberry-500)";
+    readonly 'blueberry-600': "var(--color-blueberry-600)";
+    readonly 'banana-100': "var(--color-banana-100)";
+    readonly 'banana-200': "var(--color-banana-200)";
+    readonly 'banana-300': "var(--color-banana-300)";
+    readonly 'banana-400': "var(--color-banana-400)";
+    readonly 'banana-500': "var(--color-banana-500)";
+    readonly 'banana-600': "var(--color-banana-600)";
+    readonly 'grey-100': "var(--color-grey-100)";
+    readonly 'grey-200': "var(--color-grey-200)";
+    readonly 'grey-300': "var(--color-grey-300)";
+    readonly 'grey-400': "var(--color-grey-400)";
+    readonly 'grey-500': "var(--color-grey-500)";
+    readonly 'grey-600': "var(--color-grey-600)";
+};

package/dist/foundation/tokens/color/color-types.d.ts

@@ -1 +1 @@
-export declare type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600';
+export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600';

package/dist/foundation/tokens/zindex/z-index-constants.d.ts

@@ -1,8 +1,8 @@
-export declare const ZINDEX: {
-    readonly base: "var(--z-index-base)";
-    readonly nav: "var(--z-index-nav)";
-    readonly modal: "var(--z-index-modal)";
-    readonly dropdown: "var(--z-index-dropdown)";
-    readonly tooltip: "var(--z-index-tooltip)";
-    readonly portal: "var(--z-index-portal)";
-};
+export declare const ZINDEX: {
+    readonly base: "var(--z-index-base)";
+    readonly nav: "var(--z-index-nav)";
+    readonly modal: "var(--z-index-modal)";
+    readonly dropdown: "var(--z-index-dropdown)";
+    readonly tooltip: "var(--z-index-tooltip)";
+    readonly portal: "var(--z-index-portal)";
+};

package/dist/foundation/tokens/zindex/z-index-types.d.ts

@@ -1 +1 @@
-export declare type ZIndex = 'base' | 'nav' | 'modal' | 'dropdown' | 'tooltip' | 'portal';
+export type ZIndex = 'base' | 'nav' | 'modal' | 'dropdown' | 'tooltip' | 'portal';

package/dist/foundation/tokens/zindex/z-index-values.d.ts

@@ -1,8 +1,8 @@
-export declare const ZINDEX_VALUES: {
-    readonly base: 1;
-    readonly nav: 7;
-    readonly modal: 100;
-    readonly dropdown: 200;
-    readonly tooltip: 300;
-    readonly portal: 9999;
-};
+export declare const ZINDEX_VALUES: {
+    readonly base: 1;
+    readonly nav: 7;
+    readonly modal: 100;
+    readonly dropdown: 200;
+    readonly tooltip: 300;
+    readonly portal: 9999;
+};

package/dist/foundation/types.d.ts

@@ -0,0 +1,25 @@
+export type PositionStyles = {
+    /** Shortcut for `margin`. */
+    m?: string | number;
+    /** Defines the margin around of the element. */
+    margin?: string | number;
+    /** Shortcut for `marginTop`. */
+    mt?: string | number;
+    /** Defines the margin on the top of the element. */
+    marginTop?: string | number;
+    /** Shortcut for `marginRight`. */
+    mr?: string | number;
+    /** Defines the margin on the right side of the element. */
+    marginRight?: string | number;
+    /** Shortcut for `marginBottom`. */
+    mb?: string | number;
+    /** Defines the margin on the bottom of the element. */
+    marginBottom?: string | number;
+    /** Shortcut for `marginLeft`. */
+    ml?: string | number;
+    /** Defines the margin on the left side of the element. */
+    marginLeft?: string | number;
+};
+export type DataProps = {
+    [key in `data${string}`]: string;
+};

package/dist/hooks/useIsMounted.d.ts

@@ -1 +1 @@
-export declare const useIsMounted: () => (() => boolean);
+export declare const useIsMounted: () => (() => boolean);