@aws-amplify/ui 6.0.17 → 6.2.0

package/dist/styles.layer.css

@@ -1641,9 +1641,8 @@ strong.amplify-text {
   padding-inline-start: var(--amplify-components-button-padding-inline-start);
   padding-inline-end: var(--amplify-components-button-padding-inline-end);
   transition: all var(--amplify-components-button-transition-duration);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   --amplify-internal-button-disabled-color: var(
     --amplify-components-button-disabled-color
   );
@@ -2664,58 +2663,50 @@ strong.amplify-text {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
   cursor: not-allowed;
 }
 .amplify-button--disabled:hover {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--disabled :focus {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--disabled:active {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--loading {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:hover {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:focus {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:active {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button__loader-wrapper {
   align-items: var(--amplify-components-button-loader-wrapper-align-items);
@@ -2863,9 +2854,8 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
-  -webkit-user-select: text;
-     -moz-user-select: text;
-          user-select: text;
+  -moz-user-select: text;
+       user-select: text;
   display: inline-block;
   --amplify-components-fieldcontrol-color: var(
     --amplify-components-input-color
@@ -2948,9 +2938,8 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
-  -webkit-user-select: text;
-     -moz-user-select: text;
-          user-select: text;
+  -moz-user-select: text;
+       user-select: text;
   white-space: pre-wrap;
 }
 .amplify-textarea:focus {
@@ -3014,29 +3003,24 @@ strong.amplify-text {
 
 .amplify-link {
   color: var(--amplify-components-link-color);
-  -webkit-text-decoration: var(--amplify-components-link-text-decoration);
-          text-decoration: var(--amplify-components-link-text-decoration);
+  text-decoration: var(--amplify-components-link-text-decoration);
   cursor: pointer;
 }
 .amplify-link:visited {
   color: var(--amplify-components-link-visited-color);
-  -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
-          text-decoration: var(--amplify-components-link-visited-text-decoration);
+  text-decoration: var(--amplify-components-link-visited-text-decoration);
 }
 .amplify-link:active {
   color: var(--amplify-components-link-active-color);
-  -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
-          text-decoration: var(--amplify-components-link-active-text-decoration);
+  text-decoration: var(--amplify-components-link-active-text-decoration);
 }
 .amplify-link:focus {
   color: var(--amplify-components-link-focus-color);
-  -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
-          text-decoration: var(--amplify-components-link-focus-text-decoration);
+  text-decoration: var(--amplify-components-link-focus-text-decoration);
 }
 .amplify-link:hover {
   color: var(--amplify-components-link-hover-color);
-  -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
-          text-decoration: var(--amplify-components-link-hover-text-decoration);
+  text-decoration: var(--amplify-components-link-hover-text-decoration);
 }
 
 .amplify-loader {
@@ -3467,16 +3451,14 @@ strong.amplify-text {
   font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
   padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
   padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
-  -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
-          text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
+  text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
 }
 
 .amplify-breadcrumbs__link--current {
   color: var(--amplify-components-breadcrumbs-link-current-color);
   font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
   font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
-  -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
-          text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
+  text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
 }
 
 .amplify-card {
@@ -5026,9 +5008,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   padding-block: var(--amplify-components-sliderfield-padding-block);
   position: relative;
   touch-action: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   --amplify-internal-sliderfield-root-height: var(
     --amplify-components-sliderfield-thumb-height
   );

package/dist/types/i18n/dictionaries/authenticator/index.d.ts

@@ -16,4 +16,5 @@ export { trDict } from './tr';
 export { ruDict } from './ru';
 export { heDict } from './he';
 export { uaDict } from './ua';
+export { thDict } from './th';
 export { defaultTexts } from './defaultTexts';

package/dist/types/i18n/dictionaries/authenticator/th.d.ts

@@ -0,0 +1,2 @@
+import { AuthenticatorDictionary } from './types';
+export declare const thDict: AuthenticatorDictionary;

package/dist/types/i18n/dictionaries/index.d.ts

@@ -934,6 +934,58 @@ export declare const uaDict: {
     "Verify Contact": string;
     Verify: string;
 };
+export declare const thDict: {
+    [x: string]: string;
+    Email: string;
+    "Phone Number": string;
+    "Account recovery requires verified contact information": string;
+    "Back to Sign In": string;
+    "Change Password": string;
+    Changing: string;
+    Code: string;
+    "Confirm Password": string;
+    "Confirm Sign Up": string;
+    "Confirm SMS Code": string;
+    "Confirm TOTP Code": string;
+    Confirm: string;
+    "Confirmation Code": string;
+    Confirming: string;
+    "Create a new account": string;
+    "Create Account": string;
+    "Creating Account": string;
+    "Dismiss alert": string;
+    "Enter your code": string;
+    "Enter your Email": string;
+    "Enter your phone number": string;
+    "Enter your username": string;
+    "Forgot your password?": string;
+    "Hide password": string;
+    Loading: string;
+    "New password": string;
+    Password: string;
+    "Resend Code": string;
+    "Reset your password": string;
+    "Reset your Password": string;
+    "Send code": string;
+    "Send Code": string;
+    Sending: string;
+    "Setup TOTP": string;
+    "Show password": string;
+    "Sign in to your account": string;
+    "Sign In with Amazon": string;
+    "Sign In with Apple": string;
+    "Sign In with Facebook": string;
+    "Sign In with Google": string;
+    "Sign in": string;
+    "Sign In": string;
+    "Signing in": string;
+    Skip: string;
+    Submit: string;
+    Submitting: string;
+    Username: string;
+    "Verify Contact": string;
+    Verify: string;
+};
 export declare const defaultTexts: {
     ADD_PROFILE: string;
     ADD_WEBSITE: string;

package/dist/types/theme/components/accordion.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements } from './utils';
+export type AccordionTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    [key in 'item' | 'item__trigger' | 'item__content' | 'item__icon']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/alert.d.ts

@@ -0,0 +1,4 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+export type AlertTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
+    [key in 'icon' | 'heading' | 'body' | 'dismiss']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/autocomplete.d.ts

@@ -0,0 +1,8 @@
+import { Modifiers, ComponentStyles, Elements } from './utils';
+export type AutoCompleteTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    menu?: ComponentStyles & Modifiers<'empty' | 'loading', Required>;
+    menu__option?: ComponentStyles & Modifiers<'active', Required>;
+    menu__options?: ComponentStyles;
+    menu__header?: ComponentStyles;
+    menu__footer?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/badge.d.ts

@@ -0,0 +1,4 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme, Size } from './utils';
+export type BadgeTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | ColorTheme, Required> & Elements<{
+    [key in 'icon' | 'heading' | 'body' | 'dismiss']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStyles, Elements, Modifiers } from './utils';
+export type BreadcrumbsTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    list?: ComponentStyles;
+    separator?: ComponentStyles;
+    item?: ComponentStyles;
+    link?: ComponentStyles & Modifiers<'current', Required>;
+}, Required>;

package/dist/types/theme/components/button.d.ts

@@ -0,0 +1,7 @@
+import type { ColorTheme, Size, Modifiers, ComponentStyles, Elements } from './utils';
+type Variations = 'primary' | 'secondary' | 'destructive' | 'warning' | 'menu' | 'link';
+export type ButtonColorThemeVariations = `${'primary' | 'link' | 'outlined'}--${ColorTheme | 'overlay'}`;
+export type ButtonTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | ButtonColorThemeVariations | Variations | 'loading' | 'fullwidth' | 'disabled', Required> & Elements<{
+    'loader-wrapper'?: ComponentStyles;
+}, Required>;
+export {};

package/dist/types/theme/components/buttonGroup.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles } from './utils';
+export type ButtonGroupTheme<Required extends boolean = false> = ComponentStyles;

package/dist/types/theme/components/card.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles, Modifiers } from './utils';
+export type CardTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'elevated' | 'outlined', Required>;

package/dist/types/theme/components/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { Modifiers, ComponentStyles, ColorTheme, Elements } from './utils';
+export type CheckboxTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme | 'disabled', Required> & Elements<{
+    button?: ComponentStyles & Modifiers<'focused' | 'error' | 'disabled'>;
+    icon?: ComponentStyles & Modifiers<'checked' | 'indeterminate' | 'disabled'>;
+    label?: ComponentStyles;
+    input?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/checkboxField.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles } from './utils';
+export type CheckboxFieldTheme<Required extends boolean = false> = ComponentStyles;

package/dist/types/theme/components/collection.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements } from './utils';
+export type CollectionTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    [key in 'pagination' | 'search' | 'items']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/divider.d.ts

@@ -0,0 +1,2 @@
+import { Modifiers, ComponentStyles, Size } from './utils';
+export type DividerTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'horizontal' | 'vertical', Required>;

package/dist/types/theme/components/dropZone.d.ts

@@ -0,0 +1,2 @@
+import { Modifiers, ComponentStyles } from './utils';
+export type DropZoneTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'disabled' | 'active' | 'rejected' | 'accepted', Required>;

package/dist/types/theme/components/field.d.ts

@@ -0,0 +1,6 @@
+import { Modifiers, ComponentStyles, Size, Elements } from './utils';
+export type FieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size, Required> & Elements<{
+    description?: ComponentStyles;
+    'error-message'?: ComponentStyles;
+    'show-password'?: ComponentStyles & Modifiers<'error', Required>;
+}, Required>;

package/dist/types/theme/components/fieldGroup.d.ts

@@ -0,0 +1,11 @@
+import { Modifiers, ComponentStyles, Elements } from './utils';
+export type FieldGroupTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    'inner-start'?: ComponentStyles;
+    'inner-end'?: ComponentStyles;
+    'outer-start'?: ComponentStyles & Modifiers<'quiet', Required>;
+    'outer-end'?: ComponentStyles & Modifiers<'quiet', Required>;
+    'field-wrapper'?: ComponentStyles & Modifiers<'horizontal' | 'vertical', Required>;
+    control?: ComponentStyles;
+    icon?: ComponentStyles;
+    'icon-button'?: ComponentStyles;
+}, Required> & Modifiers<'horizontal' | 'vertical' | 'has-inner-end' | 'has-inner-start', Required>;

package/dist/types/theme/components/fieldset.d.ts

@@ -0,0 +1,4 @@
+import { Modifiers, ComponentStyles, Size, Elements } from './utils';
+export type FieldsetTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'outlined' | 'plain', Required> & Elements<{
+    legend?: ComponentStyles & Modifiers<Size, Required>;
+}, Required>;

package/dist/types/theme/components/heading.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Modifiers } from './utils';
+type Level = '1' | '2' | '3' | '4' | '5' | '6';
+export type HeadingTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Level | 'truncated', Required>;
+export {};

package/dist/types/theme/components/highlightMatch.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements } from './utils';
+export type HighlightMatchTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    highlighted?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/index.d.ts

@@ -0,0 +1,92 @@
+import { WebTokens } from '../tokens';
+import { AccordionTheme } from './accordion';
+import { AlertTheme } from './alert';
+import { AutoCompleteTheme } from './autocomplete';
+import { BadgeTheme } from './badge';
+import { BreadcrumbsTheme } from './breadcrumbs';
+import { ButtonTheme } from './button';
+import { ButtonGroupTheme } from './buttonGroup';
+import { CardTheme } from './card';
+import { CheckboxTheme } from './checkbox';
+import { CheckboxFieldTheme } from './checkboxField';
+import { CollectionTheme } from './collection';
+import { DividerTheme } from './divider';
+import { DropZoneTheme } from './dropZone';
+import { FieldTheme } from './field';
+import { FieldGroupTheme } from './fieldGroup';
+import { FieldsetTheme } from './fieldset';
+import { HeadingTheme } from './heading';
+import { HighlightMatchTheme } from './highlightMatch';
+import { InputTheme } from './input';
+import { LoaderTheme } from './loader';
+import { MenuTheme } from './menu';
+import { MessageTheme } from './message';
+import { PaginationTheme } from './pagination';
+import { PlaceholderTheme } from './placeholder';
+import { RadioTheme } from './radio';
+import { RatingTheme } from './rating';
+import { ScrollViewTheme } from './scrollview';
+import { SearchFieldTheme } from './searchField';
+import { SelectTheme } from './select';
+import { SelectFieldTheme } from './selectField';
+import { SliderFieldTheme } from './sliderField';
+import { StepperFieldTheme } from './stepperField';
+import { StorageManagerTheme } from './storageManager';
+import { SwitchFieldTheme, SwitchTheme } from './switchField';
+import { TableTheme } from './table';
+import { TabsTheme } from './tabs';
+import { TextTheme } from './text';
+import { TextFieldTheme } from './textField';
+import { TextareaTheme } from './textarea';
+import { TextareaFieldTheme } from './textareaField';
+import { ToggleButtonTheme, ToggleButtonGroupTheme } from './toggleButton';
+import { ComponentTheme, BaseComponentTheme, BaseTheme } from './utils';
+export { ClassNameFunction } from '../createTheme/createComponentClasses';
+export type { ComponentTheme, BaseComponentTheme, BaseTheme };
+export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
+export type AllComponentThemes = {
+    accordion: AccordionTheme;
+    alert: AlertTheme;
+    autocomplete: AutoCompleteTheme;
+    badge: BadgeTheme;
+    breadcrumbs: BreadcrumbsTheme;
+    button: ButtonTheme;
+    buttongroup: ButtonGroupTheme;
+    card: CardTheme;
+    checkbox: CheckboxTheme;
+    checkboxfield: CheckboxFieldTheme;
+    collection: CollectionTheme;
+    divider: DividerTheme;
+    dropZone: DropZoneTheme;
+    field: FieldTheme;
+    'field-group': FieldGroupTheme;
+    fieldset: FieldsetTheme;
+    heading: HeadingTheme;
+    highlightmatch: HighlightMatchTheme;
+    input: InputTheme;
+    loader: LoaderTheme;
+    menu: MenuTheme;
+    message: MessageTheme;
+    pagination: PaginationTheme;
+    placeholder: PlaceholderTheme;
+    radio: RadioTheme;
+    rating: RatingTheme;
+    scrollview: ScrollViewTheme;
+    searchfield: SearchFieldTheme;
+    select: SelectTheme;
+    selectfield: SelectFieldTheme;
+    sliderfield: SliderFieldTheme;
+    stepperfield: StepperFieldTheme;
+    storagemanager: StorageManagerTheme;
+    switch: SwitchTheme;
+    switchfield: SwitchFieldTheme;
+    table: TableTheme;
+    tabs: TabsTheme;
+    text: TextTheme;
+    textarea: TextareaTheme;
+    textareaField: TextareaFieldTheme;
+    textField: TextFieldTheme;
+    toggleButton: ToggleButtonTheme;
+    toggleButtonGroup: ToggleButtonGroupTheme;
+};
+export type ComponentThemeFromName<T extends string, Theme extends BaseTheme = BaseTheme> = T extends keyof AllComponentThemes ? AllComponentThemes[T] : Theme;

package/dist/types/theme/components/input.d.ts

@@ -0,0 +1,2 @@
+import { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
+export type InputTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers, Required>;

package/dist/types/theme/components/loader.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+export type LoaderTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    label?: ComponentStyles;
+}, Required> & Modifiers<Size | 'linear' | 'determinate', Required>;

package/dist/types/theme/components/menu.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements } from './utils';
+export type MenuTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    [key in 'wrapper' | 'trigger' | 'content' | 'content__item']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/message.d.ts

@@ -0,0 +1,4 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+export type MessageTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'plain' | 'outlined' | 'filled' | ColorTheme | 'neutral', Required> & Elements<{
+    [key in 'icon' | 'heading' | 'content' | 'dismiss']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/pagination.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements, Modifiers } from './utils';
+export type PaginationTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    item?: ComponentStyles & Modifiers<'ellipsis' | 'current' | 'disabled'>;
+}, Required>;

package/dist/types/theme/components/placeholder.d.ts

@@ -0,0 +1,2 @@
+import { Modifiers, ComponentStyles, Size } from './utils';
+export type PlaceholderTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size, Required>;

package/dist/types/theme/components/radio.d.ts

@@ -0,0 +1,6 @@
+import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+export type RadioTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'disabled', Required> & Elements<{
+    input?: ComponentStyles;
+    button?: ComponentStyles & Modifiers<Size>;
+    label?: ComponentStyles & Modifiers<'disabled'>;
+}, Required>;

package/dist/types/theme/components/rating.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+export type RatingTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size> & Elements<{
+    item?: ComponentStyles;
+    icon?: ComponentStyles & Modifiers<'filled' | 'empty'>;
+}, Required>;

package/dist/types/theme/components/scrollview.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles, Modifiers, Orientation } from './utils';
+export type ScrollViewTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Orientation, Required>;

package/dist/types/theme/components/searchField.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles, Elements } from './utils';
+export type SearchFieldTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    search?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/select.d.ts

@@ -0,0 +1,5 @@
+import { Modifiers, ComponentStyles, Elements, Size, FieldControlModifiers } from './utils';
+export type SelectTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers | 'expanded', Required> & Elements<{
+    wrapper?: ComponentStyles;
+    icon?: ComponentStyles & Modifiers<Size, Required>;
+}, Required>;

package/dist/types/theme/components/selectField.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles } from './utils';
+export type SelectFieldTheme<Required extends boolean = false> = ComponentStyles;

package/dist/types/theme/components/sliderField.d.ts

@@ -0,0 +1,9 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme, Size } from './utils';
+export type SliderFieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
+    label?: ComponentStyles;
+    group?: ComponentStyles;
+    root?: ComponentStyles & Modifiers<'disabled' | 'horizontal' | 'vertical' | Size, Required>;
+    track?: ComponentStyles & Modifiers<'horizontal' | 'vertical' | Size, Required>;
+    range?: ComponentStyles & Modifiers<'disabled' | 'horizontal' | 'vertical', Required>;
+    thumb?: ComponentStyles & Modifiers<'disabled' | Size, Required>;
+}, Required>;

package/dist/types/theme/components/stepperField.d.ts

@@ -0,0 +1,6 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+export type StepperFieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
+    'button--increase'?: ComponentStyles & Modifiers<'quiet' | 'disabled', Required>;
+    'button--decrease'?: ComponentStyles & Modifiers<'quiet' | 'disabled', Required>;
+    input?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/storageManager.d.ts

@@ -0,0 +1,20 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+export type StorageManagerTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
+    dropzone?: ComponentStyles & Modifiers<'active' | 'small', Required>;
+    dropzone__icon?: ComponentStyles;
+    dropzone__text?: ComponentStyles;
+    file?: ComponentStyles;
+    file__picker?: ComponentStyles;
+    file__wrapper?: ComponentStyles;
+    file__name?: ComponentStyles;
+    file__size?: ComponentStyles;
+    file__list?: ComponentStyles;
+    file__main?: ComponentStyles;
+    file__image?: ComponentStyles;
+    file__status?: ComponentStyles & Modifiers<'error' | 'success', Required>;
+    loader?: ComponentStyles;
+    previewer?: ComponentStyles;
+    previewer__text?: ComponentStyles;
+    previewer__footer?: ComponentStyles;
+    previewer__actions?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/switchField.d.ts

@@ -0,0 +1,8 @@
+import { Modifiers, ComponentStyles, Elements, Size } from './utils';
+export type SwitchTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    wrapper?: ComponentStyles & Modifiers<'start' | 'end' | 'top' | 'bottom', Required>;
+    track?: ComponentStyles & Modifiers<'checked' | 'disabled' | 'focused' | 'error'>;
+    thumb?: ComponentStyles & Modifiers<'checked' | 'disabled'>;
+    label?: ComponentStyles;
+}, Required>;
+export type SwitchFieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size, Required>;

package/dist/types/theme/components/table.d.ts

@@ -0,0 +1,4 @@
+import { Modifiers, ComponentStyles, Size, Elements } from './utils';
+export type TableTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'bordered' | 'striped', Required> & Elements<{
+    [key in 'caption' | 'head' | 'body' | 'foot' | 'row' | 'th' | 'td']?: ComponentStyles;
+}, Required>;

package/dist/types/theme/components/tabs.d.ts

@@ -0,0 +1,6 @@
+import { ComponentStyles, Elements, Modifiers } from './utils';
+export type TabsTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    list?: ComponentStyles & Modifiers<'equal' | 'relative' | 'top' | 'bottom'>;
+    panel?: ComponentStyles & Modifiers<'active'>;
+    item?: ComponentStyles & Modifiers<'active'>;
+}, Required>;

package/dist/types/theme/components/text.d.ts

@@ -0,0 +1,3 @@
+import { Modifiers, ComponentStyles } from './utils';
+export type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
+export type TextTheme<Required extends boolean = false> = ComponentStyles & Modifiers<TextVariation | 'truncated', Required>;

package/dist/types/theme/components/textField.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles } from './utils';
+export type TextFieldTheme = ComponentStyles;

package/dist/types/theme/components/textarea.d.ts

@@ -0,0 +1,2 @@
+import { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
+export type TextareaTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers, Required>;

package/dist/types/theme/components/textareaField.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyles } from './utils';
+export type TextareaFieldTheme = ComponentStyles;

package/dist/types/theme/components/toggleButton.d.ts

@@ -0,0 +1,3 @@
+import { Modifiers, ComponentStyles } from './utils';
+export type ToggleButtonTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'primary' | 'pressed' | 'link', Required>;
+export type ToggleButtonGroupTheme = ComponentStyles;