@amboss/design-system 1.22.0 → 1.23.2

package/build/esm/web-tokens/visualConfig.d.ts

@@ -0,0 +1,751 @@
+type Variables = {
+    "size": {
+        "letterSpacing": {
+            "none": string;
+            "s": string;
+            "m": string;
+        };
+        "font": {
+            "xs": string;
+            "s": string;
+            "m": string;
+            "l": string;
+            "xl": string;
+            "xxl": string;
+            "xxxl": string;
+        };
+        "spacing": {
+            "zero": string;
+            "xxxs": string;
+            "xxs": string;
+            "xs": string;
+            "s": string;
+            "m": string;
+            "l": string;
+            "xl": string;
+            "xxl": string;
+        };
+        "dimension": {
+            "icon": {
+                "s": string;
+                "m": string;
+                "l": string;
+            };
+            "checkbox": {
+                "m": string;
+            };
+            "radio": {
+                "m": string;
+            };
+            "radioPoint": {
+                "m": string;
+            };
+            "toggle": {
+                "height": {
+                    "s": string;
+                    "m": string;
+                };
+                "width": {
+                    "s": string;
+                    "m": string;
+                };
+            };
+            "textarea": {
+                "minHeight": {
+                    "m": string;
+                };
+            };
+            "togglePoint": {
+                "s": string;
+                "m": string;
+            };
+            "toggleButton": {
+                "height": {
+                    "m": string;
+                };
+            };
+            "dropdownMenu": {
+                "width": string;
+            };
+            "modal": {
+                "width": string;
+            };
+            "mediaViewerBar": {
+                "separator": {
+                    "width": string;
+                };
+            };
+        };
+        "borderRadius": {
+            "xs": string;
+            "s": string;
+            "m": string;
+            "l": string;
+            "xl": string;
+        };
+        "lineHeight": {
+            "xs": number;
+            "s": number;
+            "m": number;
+            "l": number;
+            "xl": number;
+            "xxl": number;
+        };
+    };
+    "fontFamily": {
+        "lato": string;
+    };
+    "opacity": {
+        "button": {
+            "disabled": number;
+        };
+        "form": {
+            "disabled": string;
+        };
+    };
+    "weight": {
+        "normal": number;
+        "semibold": number;
+        "bold": number;
+        "black": number;
+        "inherit": string;
+    };
+    "zIndex": {
+        "dropdown": number;
+        "tooltip": number;
+        "modal": number;
+    };
+};
+type AmbossTheme = {
+    "color": {
+        "canvas": string;
+        "background": {
+            "primary": {
+                "default": string;
+            };
+            "secondary": {
+                "default": string;
+                "hover": string;
+                "active": string;
+            };
+            "accent": {
+                "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
+            };
+            "elevated": {
+                "default": string;
+            };
+            "onAccent": {
+                "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
+            };
+            "error": {
+                "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
+            };
+            "success": {
+                "default": string;
+            };
+            "info": {
+                "default": string;
+            };
+            "warning": {
+                "default": string;
+            };
+            "accentSubtle": {
+                "default": string;
+            };
+            "errorSubtle": {
+                "default": string;
+            };
+            "successSubtle": {
+                "default": string;
+            };
+            "infoSubtle": {
+                "default": string;
+            };
+            "warningSubtle": {
+                "default": string;
+            };
+            "textHighlight": {
+                "primary": string;
+                "secondary": string;
+                "find": string;
+                "relevancePrimary": string;
+                "relevanceSecondary": string;
+            };
+            "contrast": {
+                "default": string;
+            };
+            "transparent": {
+                "default": string;
+                "selected": string;
+                "hover": string;
+                "active": string;
+                "selectedHover": string;
+            };
+            "backdrop": {
+                "default": string;
+            };
+        };
+        "text": {
+            "primary": {
+                "default": string;
+                "hover": string;
+            };
+            "secondary": {
+                "default": string;
+                "hover": string;
+            };
+            "tertiary": {
+                "default": string;
+                "disabled": string;
+                "hover": string;
+            };
+            "quaternary": {
+                "default": string;
+            };
+            "accent": {
+                "default": string;
+                "hover": string;
+            };
+            "onAccent": {
+                "default": string;
+                "disabled": string;
+            };
+            "onAccentSubtle": {
+                "default": string;
+            };
+            "info": {
+                "default": string;
+            };
+            "error": {
+                "default": string;
+                "disabled": string;
+            };
+            "warning": {
+                "default": string;
+            };
+            "success": {
+                "default": string;
+            };
+            "underline": {
+                "default": string;
+                "hover": string;
+            };
+            "dottedUnderline": {
+                "default": string;
+                "hover": string;
+            };
+        };
+        "icon": {
+            "primary": string;
+            "secondary": string;
+            "tertiary": string;
+            "quaternary": string;
+            "accent": string;
+            "onAccent": string;
+            "onAccentSubtle": string;
+            "info": string;
+            "error": string;
+            "warning": string;
+            "success": string;
+            "brand": string;
+        };
+        "border": {
+            "primary": {
+                "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
+            };
+            "secondary": {
+                "default": string;
+            };
+            "accent": {
+                "default": string;
+            };
+            "onAccent": {
+                "default": string;
+            };
+            "accentSubtle": {
+                "default": string;
+            };
+            "error": {
+                "default": string;
+            };
+        };
+        "divider": {
+            "primary": string;
+            "secondary": string;
+        };
+        "toggle": {
+            "background": {
+                "highlight": string;
+            };
+            "border": {
+                "highlight": string;
+            };
+        };
+        "badge": {
+            "background": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+            "text": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+            "border": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+        };
+        "segmentedProgressBar": {
+            "monochrome": string;
+            "success": string;
+            "warning": string;
+            "alert": string;
+            "inProgress": string;
+        };
+        "tag": {
+            "background": {
+                "gray": string;
+                "blue": string;
+            };
+            "text": {
+                "gray": string;
+                "blue": string;
+            };
+        };
+        "destructiveTertiaryButton": {
+            "background": {
+                "hover": string;
+                "active": string;
+            };
+        };
+    };
+    "elevation": {
+        "a": string;
+        "b": string;
+        "c": string;
+        "d": string;
+    };
+    "subThemes": {
+        "dimmed": {
+            "color": {
+                "background": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
+                    };
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "tertiary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "onAccent": {
+                        "default": string;
+                    };
+                    "error": {
+                        "default": string;
+                    };
+                    "underline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "dottedUnderline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                };
+                "icon": {
+                    "primary": string;
+                    "secondary": string;
+                    "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
+                    "error": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                };
+            };
+        };
+        "error": {
+            "color": {
+                "background": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
+                    };
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "tertiary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "onAccent": {
+                        "default": string;
+                    };
+                    "error": {
+                        "default": string;
+                    };
+                    "underline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "dottedUnderline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                };
+                "icon": {
+                    "primary": string;
+                    "secondary": string;
+                    "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
+                    "error": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                };
+            };
+        };
+        "info": {
+            "color": {
+                "background": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
+                    };
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "tertiary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "onAccent": {
+                        "default": string;
+                    };
+                    "error": {
+                        "default": string;
+                    };
+                    "info": {
+                        "default": string;
+                    };
+                    "underline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "dottedUnderline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                };
+                "icon": {
+                    "primary": string;
+                    "secondary": string;
+                    "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
+                    "error": string;
+                    "info": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                };
+            };
+        };
+        "inverted": {
+            "color": {
+                "background": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
+                    };
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "tertiary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "onAccent": {
+                        "default": string;
+                    };
+                    "error": {
+                        "default": string;
+                    };
+                    "info": {
+                        "default": string;
+                    };
+                    "underline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "dottedUnderline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                };
+                "icon": {
+                    "primary": string;
+                    "secondary": string;
+                    "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
+                    "info": string;
+                    "error": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                };
+            };
+        };
+        "success": {
+            "color": {
+                "background": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
+                    };
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "tertiary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "onAccent": {
+                        "default": string;
+                    };
+                    "error": {
+                        "default": string;
+                    };
+                    "underline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "dottedUnderline": {
+                        "default": string;
+                        "hover": string;
+                    };
+                };
+                "icon": {
+                    "primary": string;
+                    "secondary": string;
+                    "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
+                    "error": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                };
+            };
+        };
+    };
+};
+type AmbossThemeName = "dark" | "light";
+export type VisualConfig = {
+    name: AmbossThemeName;
+    variables: Variables;
+    values: AmbossTheme;
+};
+export declare const ambossVisualConfiguration: Record<string, VisualConfig>;
+export {};