npm - @mage-ui/preset - Versions diffs - 0.0.10 - Mend

@mage-ui/preset 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/dist/semantic-tokens/colors.d.ts ADDED Viewed

@@ -0,0 +1,965 @@
+export declare const 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;
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=colors.d.ts.map