@aws-amplify/ui 3.3.1 → 3.4.1

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

@@ -0,0 +1,35 @@
+export declare const link: {
+    active: {
+        color: {
+            value: string;
+        };
+    };
+    color: {
+        value: string;
+    };
+    focus: {
+        color: {
+            value: string;
+        };
+    };
+    hover: {
+        color: {
+            value: string;
+        };
+    };
+    large: {
+        fontSize: {
+            value: string;
+        };
+    };
+    small: {
+        fontSize: {
+            value: string;
+        };
+    };
+    visited: {
+        color: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,78 @@
+export declare const loader: {
+    width: {
+        value: string;
+    };
+    height: {
+        value: string;
+    };
+    strokeEmpty: {
+        value: string;
+    };
+    strokeFilled: {
+        value: string;
+    };
+    strokeLinecap: {
+        value: string;
+    };
+    animationDuration: {
+        value: string;
+    };
+    small: {
+        width: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+    };
+    large: {
+        width: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+    };
+    linear: {
+        width: {
+            value: string;
+        };
+        minWidth: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+        strokeWidth: {
+            value: string;
+        };
+        strokeFilled: {
+            value: string;
+        };
+        strokeEmpty: {
+            value: string;
+        };
+        strokeLinecap: {
+            value: string;
+        };
+        animationDuration: {
+            value: string;
+        };
+        small: {
+            height: {
+                value: string;
+            };
+            strokeWidth: {
+                value: string;
+            };
+        };
+        large: {
+            height: {
+                value: string;
+            };
+            strokeWidth: {
+                value: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,59 @@
+export declare const menu: {
+    backgroundColor: {
+        value: string;
+    };
+    borderRadius: {
+        value: string;
+    };
+    borderWidth: {
+        value: string;
+    };
+    borderStyle: {
+        value: string;
+    };
+    borderColor: {
+        value: string;
+    };
+    boxShadow: {
+        value: string;
+    };
+    flexDirection: {
+        value: string;
+    };
+    gap: {
+        value: number;
+    };
+    maxWidth: {
+        value: string;
+    };
+    minWidth: {
+        value: string;
+    };
+    small: {
+        width: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+    };
+    large: {
+        width: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+    };
+    item: {
+        minHeight: {
+            value: string;
+        };
+        paddingInlineStart: {
+            value: string;
+        };
+        paddingInlineEnd: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,82 @@
+export declare const pagination: {
+    current: {
+        alignItems: {
+            value: string;
+        };
+        justifyContent: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        fontSize: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+    };
+    button: {
+        color: {
+            value: string;
+        };
+        paddingInlineStart: {
+            value: string;
+        };
+        paddingInlineEnd: {
+            value: string;
+        };
+        transitionProperty: {
+            value: string;
+        };
+        transitionDuration: {
+            value: string;
+        };
+        hover: {
+            backgroundColor: {
+                value: string;
+            };
+            color: {
+                value: string;
+            };
+        };
+        disabled: {
+            color: {
+                value: string;
+            };
+        };
+    };
+    ellipsis: {
+        alignItems: {
+            value: string;
+        };
+        justifyContent: {
+            value: string;
+        };
+        paddingInlineStart: {
+            value: string;
+        };
+        paddingInlineEnd: {
+            value: string;
+        };
+    };
+    itemContainer: {
+        marginLeft: {
+            value: string;
+        };
+        marginRight: {
+            value: string;
+        };
+    };
+    itemShared: {
+        height: {
+            value: string;
+        };
+        minWidth: {
+            value: string;
+        };
+        borderRadius: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1 @@
+export declare const phonenumberfield: {};

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

@@ -0,0 +1,29 @@
+export declare const placeholder: {
+    borderRadius: {
+        value: string;
+    };
+    transitionDuration: {
+        value: string;
+    };
+    startColor: {
+        value: string;
+    };
+    endColor: {
+        value: string;
+    };
+    small: {
+        height: {
+            value: string;
+        };
+    };
+    default: {
+        height: {
+            value: string;
+        };
+    };
+    large: {
+        height: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,131 @@
+export declare const radio: {
+    alignItems: {
+        value: string;
+    };
+    justifyContent: {
+        value: string;
+    };
+    gap: {
+        value: string;
+    };
+    _disabled: {
+        cursor: {
+            value: string;
+        };
+    };
+    button: {
+        alignItems: {
+            value: string;
+        };
+        justifyContent: {
+            value: string;
+        };
+        width: {
+            value: string;
+        };
+        height: {
+            value: string;
+        };
+        boxSizing: {
+            value: string;
+        };
+        borderWidth: {
+            value: string;
+        };
+        borderStyle: {
+            value: string;
+        };
+        borderRadius: {
+            value: string;
+        };
+        borderColor: {
+            value: string;
+        };
+        color: {
+            value: string;
+        };
+        backgroundColor: {
+            value: string;
+        };
+        transitionProperty: {
+            value: string;
+        };
+        transitionDuration: {
+            value: string;
+        };
+        outlineColor: {
+            value: string;
+        };
+        outlineStyle: {
+            value: string;
+        };
+        outlineWidth: {
+            value: string;
+        };
+        outlineOffset: {
+            value: string;
+        };
+        padding: {
+            value: string;
+        };
+        small: {
+            width: {
+                value: string;
+            };
+            height: {
+                value: string;
+            };
+        };
+        large: {
+            width: {
+                value: string;
+            };
+            height: {
+                value: string;
+            };
+        };
+        _checked: {
+            color: {
+                value: string;
+            };
+            _disabled: {
+                color: {
+                    value: string;
+                };
+            };
+        };
+        _focus: {
+            borderColor: {
+                value: string;
+            };
+            boxShadow: {
+                value: string;
+            };
+        };
+        _error: {
+            borderColor: {
+                value: string;
+            };
+            _focus: {
+                boxShadow: {
+                    value: string;
+                };
+            };
+        };
+        _disabled: {
+            borderColor: {
+                value: string;
+            };
+            backgroundColor: {
+                value: string;
+            };
+        };
+    };
+    label: {
+        _disabled: {
+            color: {
+                value: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,27 @@
+export declare const rating: {
+    large: {
+        size: {
+            value: string;
+        };
+    };
+    default: {
+        size: {
+            value: string;
+        };
+    };
+    small: {
+        size: {
+            value: string;
+        };
+    };
+    filled: {
+        color: {
+            value: string;
+        };
+    };
+    empty: {
+        color: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,60 @@
+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;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,118 @@
+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;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,10 @@
+export declare const stepperfield: {
+    flexDirection: {
+        value: string;
+    };
+    input: {
+        textAlign: {
+            value: string;
+        };
+    };
+};

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

@@ -0,0 +1,78 @@
+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;
+        };
+    };
+};