@aws-amplify/ui 3.3.2 → 3.4.0

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

@@ -0,0 +1,83 @@
+export declare const badge: {
+    color: {
+        value: string;
+    };
+    lineHeight: {
+        value: number;
+    };
+    fontWeight: {
+        value: string;
+    };
+    fontSize: {
+        value: string;
+    };
+    textAlign: {
+        value: string;
+    };
+    paddingVertical: {
+        value: string;
+    };
+    paddingHorizontal: {
+        value: string;
+    };
+    backgroundColor: {
+        value: string;
+    };
+    borderRadius: {
+        value: string;
+    };
+    info: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    warning: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    success: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    error: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    small: {
+        fontSize: {
+            value: string;
+        };
+        paddingVertical: {
+            value: string;
+        };
+        paddingHorizontal: {
+            value: string;
+        };
+    };
+    large: {
+        fontSize: {
+            value: string;
+        };
+        paddingVertical: {
+            value: string;
+        };
+        paddingHorizontal: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,328 @@
+export declare const button: {
+    fontWeight: {
+        value: string;
+    };
+    transitionDuration: {
+        value: string;
+    };
+    fontSize: {
+        value: string;
+    };
+    lineHeight: {
+        value: string;
+    };
+    paddingBlockStart: {
+        value: string;
+    };
+    paddingBlockEnd: {
+        value: string;
+    };
+    paddingInlineStart: {
+        value: string;
+    };
+    paddingInlineEnd: {
+        value: string;
+    };
+    borderColor: {
+        value: string;
+    };
+    borderWidth: {
+        value: string;
+    };
+    borderStyle: {
+        value: string;
+    };
+    borderRadius: {
+        value: string;
+    };
+    color: {
+        value: string;
+    };
+    _hover: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+    };
+    _focus: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+        boxShadow: {
+            value: string;
+        };
+    };
+    _active: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+    };
+    _loading: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+    };
+    _disabled: {
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+    };
+    primary: {
+        borderColor: {
+            value: string;
+        };
+        borderWidth: {
+            value: string;
+        };
+        borderStyle: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        _disabled: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _loading: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _hover: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _focus: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+            boxShadow: {
+                value: string;
+            };
+        };
+        _active: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+    };
+    menu: {
+        borderWidth: {
+            value: number;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        justifyContent: {
+            value: string;
+        };
+        _hover: {
+            color: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+        };
+        _focus: {
+            color: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+        };
+        _active: {
+            color: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+        };
+        _disabled: {
+            color: {
+                value: string;
+            };
+        };
+    };
+    link: {
+        borderWidth: {
+            value: number;
+        };
+        borderColor: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        _hover: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _focus: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+            boxShadow: {
+                value: string;
+            };
+        };
+        _active: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _disabled: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        _loading: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+    };
+    small: {
+        fontSize: {
+            value: string;
+        };
+        paddingBlockStart: {
+            value: string;
+        };
+        paddingBlockEnd: {
+            value: string;
+        };
+        paddingInlineStart: {
+            value: string;
+        };
+        paddingInlineEnd: {
+            value: string;
+        };
+    };
+    large: {
+        fontSize: {
+            value: string;
+        };
+        paddingBlockStart: {
+            value: string;
+        };
+        paddingBlockEnd: {
+            value: string;
+        };
+        paddingInlineStart: {
+            value: string;
+        };
+        paddingInlineEnd: {
+            value: string;
+        };
+    };
+    loaderWrapper: {
+        alignItems: {
+            value: string;
+        };
+        gap: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,63 @@
+export declare const card: {
+    backgroundColor: {
+        value: string;
+    };
+    borderRadius: {
+        value: string;
+    };
+    borderWidth: {
+        value: string;
+    };
+    borderStyle: {
+        value: string;
+    };
+    borderColor: {
+        value: string;
+    };
+    boxShadow: {
+        value: string;
+    };
+    padding: {
+        value: string;
+    };
+    outlined: {
+        backgroundColor: {
+            value: string;
+        };
+        borderRadius: {
+            value: string;
+        };
+        borderWidth: {
+            value: string;
+        };
+        borderStyle: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+        boxShadow: {
+            value: string;
+        };
+    };
+    elevated: {
+        backgroundColor: {
+            value: string;
+        };
+        borderRadius: {
+            value: string;
+        };
+        borderWidth: {
+            value: string;
+        };
+        borderStyle: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+        boxShadow: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,140 @@
+export declare const checkbox: {
+    cursor: {
+        value: string;
+    };
+    alignItems: {
+        value: string;
+    };
+    _disabled: {
+        cursor: {
+            value: string;
+        };
+    };
+    button: {
+        position: {
+            value: string;
+        };
+        alignItems: {
+            value: string;
+        };
+        justifyContent: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        before: {
+            width: {
+                value: string;
+            };
+            height: {
+                value: string;
+            };
+            borderWidth: {
+                value: string;
+            };
+            borderRadius: {
+                value: string;
+            };
+            borderStyle: {
+                value: string;
+            };
+            borderColor: {
+                value: string;
+            };
+        };
+        _focus: {
+            outlineColor: {
+                value: string;
+            };
+            outlineStyle: {
+                value: string;
+            };
+            outlineWidth: {
+                value: string;
+            };
+            outlineOffset: {
+                value: string;
+            };
+            borderColor: {
+                value: string;
+            };
+            boxShadow: {
+                value: {
+                    offsetX: string;
+                    offsetY: string;
+                    blurRadius: string;
+                    spreadRadius: string;
+                    color: string;
+                };
+            };
+        };
+        _disabled: {
+            borderColor: {
+                value: string;
+            };
+        };
+        _error: {
+            borderColor: {
+                value: string;
+            };
+            _focus: {
+                borderColor: {
+                    value: string;
+                };
+                boxShadow: {
+                    value: {
+                        offsetX: string;
+                        offsetY: string;
+                        blurRadius: string;
+                        spreadRadius: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+    icon: {
+        backgroundColor: {
+            value: string;
+        };
+        borderRadius: {
+            value: string;
+        };
+        opacity: {
+            value: string;
+        };
+        transform: {
+            value: string;
+        };
+        transitionProperty: {
+            value: string;
+        };
+        transitionDuration: {
+            value: string;
+        };
+        transitionTimingFunction: {
+            value: string;
+        };
+        _checked: {
+            opacity: {
+                value: string;
+            };
+            transform: {
+                value: string;
+            };
+            _disabled: {
+                backgroundColor: {
+                    value: string;
+                };
+            };
+        };
+    };
+    label: {
+        _disabled: {
+            color: {
+                value: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,14 @@
+export declare const checkboxfield: {
+    alignItems: {
+        value: string;
+    };
+    alignContent: {
+        value: string;
+    };
+    flexDirection: {
+        value: string;
+    };
+    justifyContent: {
+        value: string;
+    };
+};

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

@@ -0,0 +1,26 @@
+export declare const copy: {
+    fontSize: {
+        value: string;
+    };
+    gap: {
+        value: string;
+    };
+    svg: {
+        path: {
+            fill: {
+                value: string;
+            };
+        };
+    };
+    toolTip: {
+        bottom: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        fontSize: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,5 @@
+export declare const countrycodeselect: {
+    height: {
+        value: string;
+    };
+};

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

@@ -0,0 +1,38 @@
+export declare const divider: {
+    borderStyle: {
+        value: string;
+    };
+    borderColor: {
+        value: string;
+    };
+    borderWidth: {
+        value: string;
+    };
+    label: {
+        color: {
+            value: string;
+        };
+        paddingInline: {
+            value: string;
+        };
+        fontSize: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    small: {
+        borderWidth: {
+            value: string;
+        };
+    };
+    large: {
+        borderWidth: {
+            value: string;
+        };
+    };
+    opacity: {
+        value: string;
+    };
+};