@aws-amplify/ui 3.6.0 → 3.6.3

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

@@ -1,197 +1,61 @@
-export declare const table: {
-    /**
-     * Default table styles
-     */
-    borderCollapse: {
-        value: string;
-    };
-    display: {
-        value: string;
-    };
-    width: {
-        value: string;
-    };
-    /**
-     * Default table head styles
-     */
-    head: {
-        display: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-    };
-    /**
-     * Default table body styles
-     */
-    body: {
-        display: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-    };
-    /**
-     * Default table foot styles
-     */
-    foot: {
-        display: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-    };
-    /**
-     * Default table row styles
-     */
-    row: {
-        display: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-        hover: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-        striped: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    /**
-     * Default table header cell styles
-     */
-    header: {
-        borderColor: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        display: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-        padding: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-        large: {
-            fontSize: {
-                value: string;
-            };
-            padding: {
-                value: string;
-            };
-        };
-        small: {
-            fontSize: {
-                value: string;
-            };
-            padding: {
-                value: string;
-            };
-        };
-    };
-    /**
-     * Default table data cell styles
-     */
-    data: {
-        borderColor: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        display: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-        padding: {
-            value: string;
-        };
-        verticalAlign: {
-            value: string;
-        };
-        large: {
-            fontSize: {
-                value: string;
-            };
-            padding: {
-                value: string;
-            };
-        };
-        small: {
-            fontSize: {
-                value: string;
-            };
-            padding: {
-                value: string;
-            };
-        };
-    };
-    /**
-     * Default table caption styles
-     */
-    caption: {
-        captionSide: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        display: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        textAlign: {
-            value: string;
-        };
-        wordBreak: {
-            value: string;
-        };
-        large: {
-            fontSize: {
-                value: string;
-            };
-        };
-        small: {
-            fontSize: {
-                value: string;
-            };
-        };
-    };
-};
+import { BackgroundColorValue, BorderCollapseValue, BorderColorValue, BorderStyleValue, BorderWidthValue, CaptionSideValue, ColorValue, DesignToken, DisplayValue, FontSizeValue, FontWeightValue, SpaceValue, TextAlignValue, VerticalAlignValue, WordBreakValue } from '../types/designToken';
+interface TableDefaultTokens {
+    display: DesignToken<DisplayValue>;
+    verticalAlign: DesignToken<VerticalAlignValue>;
+}
+interface TableRowTokens extends TableDefaultTokens {
+    hover: TableRowHoverTokens;
+    striped: TableRowStripedTokens;
+}
+interface TableRowHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface TableRowStripedTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface TableCellTokens extends TableDefaultTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    color: DesignToken<ColorValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+    padding: DesignToken<SpaceValue>;
+    large: TableCellSizeTokens;
+    small: TableCellSizeTokens;
+}
+interface TableHeaderTokens extends TableCellTokens {
+}
+interface TableDataTokens extends TableCellTokens {
+}
+interface TableCellSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    padding: DesignToken<SpaceValue>;
+}
+interface TableCaptionTokens {
+    captionSide: DesignToken<CaptionSideValue>;
+    color: DesignToken<ColorValue>;
+    display: DesignToken<DisplayValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    textAlign: DesignToken<TextAlignValue>;
+    wordBreak: DesignToken<WordBreakValue>;
+    large: TableCaptionSizeTokens;
+    small: TableCaptionSizeTokens;
+}
+interface TableCaptionSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+}
+export interface TableTokens {
+    borderCollapse: DesignToken<BorderCollapseValue>;
+    display: DesignToken<DisplayValue>;
+    width: DesignToken<SpaceValue>;
+    head: TableDefaultTokens;
+    body: TableDefaultTokens;
+    foot: TableDefaultTokens;
+    row: TableRowTokens;
+    header: TableHeaderTokens;
+    data: TableDataTokens;
+    caption: TableCaptionTokens;
+}
+export declare const table: TableTokens;
+export {};

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

@@ -1,84 +1,44 @@
-export declare const tabs: {
-    backgroundColor: {
-        value: string;
-    };
-    borderColor: {
-        value: string;
-    };
-    borderStyle: {
-        value: string;
-    };
-    borderWidth: {
-        value: string;
-    };
-    gap: {
-        value: string;
-    };
-    item: {
-        backgroundColor: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-        paddingVertical: {
-            value: string;
-        };
-        paddingHorizontal: {
-            value: string;
-        };
-        textAlign: {
-            value: string;
-        };
-        transitionDuration: {
-            value: string;
-        };
-        _hover: {
-            color: {
-                value: string;
-            };
-        };
-        _focus: {
-            color: {
-                value: string;
-            };
-        };
-        _active: {
-            color: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-            backgroundColor: {
-                value: string;
-            };
-        };
-        _disabled: {
-            color: {
-                value: string;
-            };
-            backgroundColor: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderStyleValue, BorderWidthValue, ColorValue, DesignToken, FontSizeValue, FontWeightValue, GapValue, SpaceValue, TextAlignValue, TransitionDurationValue } from '../types/designToken';
+interface TabsItemTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    color: DesignToken<ColorValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+    paddingVertical: DesignToken<SpaceValue>;
+    paddingHorizontal: DesignToken<SpaceValue>;
+    textAlign: DesignToken<TextAlignValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    _hover: TabsItemHoverTokens;
+    _focus: TabsItemFocusTokens;
+    _active: TabsItemActiveTokens;
+    _disabled: TabsItemDisabledTokens;
+}
+interface TabsItemHoverTokens {
+    color: DesignToken<ColorValue>;
+}
+interface TabsItemFocusTokens {
+    color: DesignToken<ColorValue>;
+}
+interface TabsItemActiveTokens {
+    color: DesignToken<ColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface TabsItemDisabledTokens {
+    color: DesignToken<ColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+export interface TabsTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    gap: DesignToken<GapValue>;
+    item: TabsItemTokens;
+}
+export declare const tabs: TabsTokens;
+export {};

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

@@ -1,40 +1,16 @@
-export declare const text: {
-    color: {
-        value: string;
-    };
-    primary: {
-        color: {
-            value: string;
-        };
-    };
-    secondary: {
-        color: {
-            value: string;
-        };
-    };
-    tertiary: {
-        color: {
-            value: string;
-        };
-    };
-    error: {
-        color: {
-            value: string;
-        };
-    };
-    warning: {
-        color: {
-            value: string;
-        };
-    };
-    success: {
-        color: {
-            value: string;
-        };
-    };
-    info: {
-        color: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken } from '../types/designToken';
+interface TextVariationTokens {
+    color: DesignToken<ColorValue>;
+}
+export interface TextTokens {
+    color: DesignToken<ColorValue>;
+    primary: TextVariationTokens;
+    secondary: TextVariationTokens;
+    tertiary: TextVariationTokens;
+    error: TextVariationTokens;
+    warning: TextVariationTokens;
+    success: TextVariationTokens;
+    info: TextVariationTokens;
+}
+export declare const text: TextTokens;
+export {};