@mage-ui/preset 0.0.10

package/dist/semantic-tokens/index.d.ts

@@ -0,0 +1,1055 @@
+export declare const semanticTokens: {
+    colors: {
+        neutral: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    focused: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        hovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                    onBrand: {
+                        enabled: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        hovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        actived: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selectedHovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        hovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        actived: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selectedHovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                4: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                static: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    inverted: {
+                        enabled: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    selected: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    alpha: {
+                        enabled: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                    brand: {
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        actived: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selectedHovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        actived: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selectedHovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                4: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                5: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                6: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                7: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    brand: {
+                        hovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                static: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    inverted: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            stroke: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    onBrand: {
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                    brand: {
+                        hovered: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                        selected: {
+                            value: {
+                                base: string;
+                                _dark: string;
+                            };
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                4: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                5: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    selected: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                6: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                7: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            effect: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        primary: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                4: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                4: {
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                5: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    selected: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                neutral: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            stroke: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    focused: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                3: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            effect: {
+                1: {
+                    pressed: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        secondary: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        success: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        warning: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                2: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        danger: {
+            foreground: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+                alpha: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+            stroke: {
+                1: {
+                    enabled: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    hovered: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    actived: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                    focused: {
+                        value: {
+                            base: string;
+                            _dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        gradients: {
+            100: {
+                from: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                to: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            200: {
+                from: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                to: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            300: {
+                from: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                to: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            400: {
+                from: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                to: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            500: {
+                from: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                to: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+    sizes: {
+        control: {
+            height: {
+                50: {
+                    value: string;
+                };
+                100: {
+                    value: string;
+                };
+                200: {
+                    value: string;
+                };
+                300: {
+                    value: string;
+                };
+            };
+        };
+    };
+    gradients: {
+        basic: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+        basicDiagonal: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+        loader: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+        btnLoader: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+        textClip: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+        skeletonShimmer: {
+            value: {
+                type: "linear";
+                placement: string;
+                stops: string[];
+            };
+        };
+    };
+    shadows: {
+        outside: {
+            x: {
+                1: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+            y: {
+                1: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                2: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=index.d.ts.map