@aws-amplify/ui 3.6.0 → 3.6.3

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

@@ -1,27 +1,19 @@
-export declare const rating: {
-    large: {
-        size: {
-            value: string;
-        };
-    };
-    default: {
-        size: {
-            value: string;
-        };
-    };
-    small: {
-        size: {
-            value: string;
-        };
-    };
-    filled: {
-        color: {
-            value: string;
-        };
-    };
-    empty: {
-        color: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken, SpaceValue } from '../types/designToken';
+interface RatingSizeTokens {
+    size: DesignToken<SpaceValue>;
+}
+interface RatingFilledTokens {
+    color: DesignToken<ColorValue>;
+}
+interface RatingEmptyTokens {
+    color: DesignToken<ColorValue>;
+}
+export interface RatingTokens {
+    large: RatingSizeTokens;
+    default: RatingSizeTokens;
+    small: RatingSizeTokens;
+    filled: RatingFilledTokens;
+    empty: RatingEmptyTokens;
+}
+export declare const rating: RatingTokens;
+export {};

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

@@ -1,60 +1,33 @@
-export declare const select: {
-    paddingInlineEnd: {
-        value: string;
-    };
-    wrapper: {
-        flex: {
-            value: string;
-        };
-        display: {
-            value: string;
-        };
-        position: {
-            value: string;
-        };
-        cursor: {
-            value: string;
-        };
-    };
-    iconWrapper: {
-        alignItems: {
-            value: string;
-        };
-        position: {
-            value: string;
-        };
-        top: {
-            value: string;
-        };
-        right: {
-            value: string;
-        };
-        transform: {
-            value: string;
-        };
-        pointerEvents: {
-            value: string;
-        };
-    };
-    option: {
-        backgroundColor: {
-            value: string;
-        };
-    };
-    whiteSpace: {
-        value: string;
-    };
-    minWidth: {
-        value: string;
-    };
-    small: {
-        minWidth: {
-            value: string;
-        };
-    };
-    large: {
-        minWidth: {
-            value: string;
-        };
-    };
-};
+import { AlignItemsValue, BackgroundColorValue, CursorValue, DesignToken, DisplayValue, FlexValue, PointerEventsValue, PositionValue, SpaceValue, TransformValue, WhiteSpaceValue } from '../types/designToken';
+interface SelectWrapperTokens {
+    flex: DesignToken<FlexValue>;
+    display: DesignToken<DisplayValue>;
+    position: DesignToken<PositionValue>;
+    cursor: DesignToken<CursorValue>;
+}
+interface SelectIconWrapperTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    position: DesignToken<PositionValue>;
+    top: DesignToken<SpaceValue>;
+    right: DesignToken<SpaceValue>;
+    transform: DesignToken<TransformValue>;
+    pointerEvents: DesignToken<PointerEventsValue>;
+}
+interface SelectOptionTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface SelectSizeTokens {
+    minWidth: DesignToken<SpaceValue>;
+}
+export interface SelectTokens {
+    paddingInlineEnd: DesignToken<SpaceValue>;
+    wrapper: SelectWrapperTokens;
+    iconWrapper: SelectIconWrapperTokens;
+    option: SelectOptionTokens;
+    whiteSpace: DesignToken<WhiteSpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+    small: SelectSizeTokens;
+    large: SelectSizeTokens;
+}
+export declare const select: SelectTokens;
+export {};

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

@@ -1,5 +1,5 @@
-export declare const selectfield: {
-    flexDirection: {
-        value: string;
-    };
-};
+import { DesignToken, FlexDirectionValue } from '../types/designToken';
+export interface SelectFieldTokens {
+    flexDirection: DesignToken<FlexDirectionValue>;
+}
+export declare const selectfield: SelectFieldTokens;

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

@@ -1,118 +1,61 @@
-export declare const sliderfield: {
-    paddingBlock: {
-        value: string;
-    };
-    track: {
-        backgroundColor: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        minWidth: {
-            value: string;
-        };
-    };
-    range: {
-        backgroundColor: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        _disabled: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    thumb: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-        boxShadow: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        _disabled: {
-            backgroundColor: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-            boxShadow: {
-                value: string;
-            };
-        };
-        _hover: {
-            backgroundColor: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-        };
-        _focus: {
-            boxShadow: {
-                value: {
-                    offsetX: string;
-                    offsetY: string;
-                    blurRadius: string;
-                    spreadRadius: string;
-                    color: string;
-                };
-            };
-        };
-    };
-    small: {
-        track: {
-            height: {
-                value: string;
-            };
-        };
-        thumb: {
-            width: {
-                value: string;
-            };
-            height: {
-                value: string;
-            };
-        };
-    };
-    large: {
-        track: {
-            height: {
-                value: string;
-            };
-        };
-        thumb: {
-            width: {
-                value: string;
-            };
-            height: {
-                value: string;
-            };
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderWidthValue, BoxShadowValue, DesignToken, SpaceValue } from '../types/designToken';
+interface SliderFieldTrackTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    height: DesignToken<SpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+}
+interface SliderFieldRangeTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    _disabled: SliderFieldRangeDisabledTokens;
+}
+interface SliderFieldRangeDisabledTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface SliderFieldThumbTokens {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    _disabled: SliderFieldThumbDisabledTokens;
+    _hover: SliderFieldThumbHoverTokens;
+    _focus: SliderFieldThumbFocusTokens;
+}
+interface SliderFieldThumbDisabledTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface SliderFieldThumbHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+}
+interface SliderFieldThumbFocusTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface SliderFieldSizeTokens {
+    track: SliderFieldSizeTrackTokens;
+    thumb: SliderFieldSizeThumbTokens;
+}
+interface SliderFieldSizeTrackTokens {
+    height: DesignToken<SpaceValue>;
+}
+interface SliderFieldSizeThumbTokens {
+    height: DesignToken<SpaceValue>;
+    width: DesignToken<SpaceValue>;
+}
+export interface SliderFieldTokens {
+    paddingBlock: DesignToken<SpaceValue>;
+    track: SliderFieldTrackTokens;
+    range: SliderFieldRangeTokens;
+    thumb: SliderFieldThumbTokens;
+    small: SliderFieldSizeTokens;
+    large: SliderFieldSizeTokens;
+}
+export declare const sliderfield: SliderFieldTokens;
+export {};

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

@@ -1,10 +1,10 @@
-export declare const stepperfield: {
-    flexDirection: {
-        value: string;
-    };
-    input: {
-        textAlign: {
-            value: string;
-        };
-    };
-};
+import { DesignToken, FlexDirectionValue, TextAlignValue } from '../types/designToken';
+interface StepperFieldInputTokens {
+    textAlign: DesignToken<TextAlignValue>;
+}
+export interface StepperFieldTokens {
+    flexDirection: DesignToken<FlexDirectionValue>;
+    input: StepperFieldInputTokens;
+}
+export declare const stepperfield: StepperFieldTokens;
+export {};

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

@@ -1,78 +1,53 @@
-export declare const switchfield: {
-    disabled: {
-        opacity: {
-            value: string;
-        };
-    };
-    focused: {
-        shadow: {
-            value: string;
-        };
-    };
-    large: {
-        fontSize: {
-            value: string;
-        };
-    };
-    small: {
-        fontSize: {
-            value: string;
-        };
-    };
-    label: {
-        padding: {
-            value: string;
-        };
-    };
-    thumb: {
-        backgroundColor: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        checked: {
-            transform: {
-                value: string;
-            };
-        };
-        transition: {
-            duration: {
-                value: string;
-            };
-        };
-        width: {
-            value: string;
-        };
-    };
-    track: {
-        backgroundColor: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        checked: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-        height: {
-            value: string;
-        };
-        padding: {
-            value: string;
-        };
-        transition: {
-            duration: {
-                value: string;
-            };
-        };
-        width: {
-            value: string;
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderRadiusValue, DesignToken, FontSizeValue, OpacityValue, ShadowValue, SpaceValue, TransformValue, TransitionDurationValue } from '../types/designToken';
+interface SwitchFieldDisabledTokens {
+    opacity: DesignToken<OpacityValue>;
+}
+interface SwitchFieldFocusedTokens {
+    shadow: DesignToken<ShadowValue>;
+}
+interface SwitchFieldSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+}
+interface SwitchFieldLabelTokens {
+    padding: DesignToken<SpaceValue>;
+}
+interface SwitchFieldThumbTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    checked: SwitchFieldThumbCheckedTokens;
+    transition: SwitchFieldThumbTransitionTokens;
+    width: DesignToken<SpaceValue>;
+}
+interface SwitchFieldThumbTransitionTokens {
+    duration: DesignToken<TransitionDurationValue>;
+}
+interface SwitchFieldThumbCheckedTokens {
+    transform: DesignToken<TransformValue>;
+}
+interface SwitchFieldTrackTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    checked: SwitchFieldTrackCheckedTokens;
+    height: DesignToken<SpaceValue>;
+    padding: DesignToken<SpaceValue>;
+    transition: SwitchFieldTrackTransitionTokens;
+    width: DesignToken<SpaceValue>;
+}
+interface SwitchFieldTrackTransitionTokens {
+    duration: DesignToken<TransitionDurationValue>;
+}
+interface SwitchFieldTrackCheckedTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+export interface SwitchFieldTokens {
+    disabled: SwitchFieldDisabledTokens;
+    focused: SwitchFieldFocusedTokens;
+    large: SwitchFieldSizeTokens;
+    small: SwitchFieldSizeTokens;
+    label: SwitchFieldLabelTokens;
+    thumb: SwitchFieldThumbTokens;
+    track: SwitchFieldTrackTokens;
+}
+export declare const switchfield: SwitchFieldTokens;
+export {};