@amboss/design-system 1.12.1 → 1.13.0

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

@@ -7,6 +7,7 @@ declare type Variables = {
             "whiteTransparent03": string;
             "black": string;
             "blackTransparent02": string;
+            "transparent": string;
         };
         "green": {
             "regular": string;
@@ -99,6 +100,7 @@ declare type Variables = {
             "regular": string;
             "dark01": string;
             "dark02": string;
+            "regularTransparent": string;
             "transparent": string;
             "light03Transparent": string;
         };
@@ -229,6 +231,9 @@ declare type Variables = {
             };
         };
         "borderRadius": {
+            "xs": string;
+            "s": string;
+            "m": string;
             "button": {
                 "m": string;
             };
@@ -363,226 +368,155 @@ declare type Variables = {
 };
 declare type AmbossTheme = {
     "color": {
-        "logo": {
-            "base": string;
-        };
+        "canvas": string;
         "background": {
-            "layer_1": string;
-            "layer_2": string;
-            "layer_3": string;
-            "layer_4": string;
-            "backdrop": string;
-            "button": {
-                "primary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "secondary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "tertiary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
+            "primary": {
+                "default": string;
             };
-            "callout": {
-                "warning": string;
-                "success": string;
-                "info": string;
-                "error": string;
+            "secondary": {
+                "default": string;
+                "hover": string;
+                "active": string;
             };
-            "input": {
+            "accent": {
                 "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
             };
-            "textarea": {
+            "onAccent": {
                 "default": string;
+                "hover": string;
+                "active": string;
+                "disabled": string;
             };
-            "checkbox": {
+            "error": {
                 "default": string;
-                "checked": string;
-                "checkedHover": string;
             };
-            "dropdown": {
-                "active": string;
+            "success": {
+                "default": string;
             };
-            "toggle": {
+            "info": {
                 "default": string;
-                "checked": string;
-                "highlighted": string;
             };
-            "togglePoint": {
+            "warning": {
                 "default": string;
             };
-            "radio": {
+            "accentSubtle": {
                 "default": string;
-                "checked": string;
-                "checkedHover": string;
             };
-            "tabs": {
-                "header": string;
-                "buttonActive": string;
-                "buttonHover": string;
+            "errorSubtle": {
+                "default": string;
             };
-            "badge": {
+            "successSubtle": {
                 "default": string;
-                "green": string;
-                "blue": string;
-                "yellow": string;
-                "brand": string;
-                "purple": string;
-                "red": string;
-                "gray": string;
             };
-            "toggleButton": {
+            "infoSubtle": {
                 "default": string;
-                "active": string;
-                "activeHover": string;
             };
-            "segmentedControlOption": {
+            "warningSubtle": {
+                "default": string;
+            };
+            "hightlight": {
                 "default": string;
                 "hover": string;
-                "checked": string;
             };
-        };
-        "icon": {
-            "callout": {
-                "warning": string;
-                "success": string;
-                "info": string;
-                "error": string;
+            "contrast": {
+                "default": string;
             };
-            "checkbox": {
+            "transparent": {
                 "default": string;
+                "hover": string;
+                "active": string;
             };
-            "radio": {
+            "backdrop": {
                 "default": string;
             };
         };
-        "header": {
-            "primary": string;
-            "secondary": string;
-        };
         "text": {
-            "primary": string;
-            "secondary": string;
-            "tertiary": string;
-            "lightPrimary": string;
-            "info": string;
-            "error": string;
-            "warning": string;
-            "placeholder": string;
-            "brand": string;
-            "callout": {
-                "warning": string;
-                "success": string;
-                "info": string;
-                "error": string;
+            "primary": {
+                "default": string;
+                "hover": string;
             };
-            "link": {
-                "primary": string;
-                "secondary": string;
-                "tertiary": string;
-                "lightPrimary": string;
-                "primaryHover": string;
-                "secondaryHover": string;
-                "tertiaryHover": string;
+            "secondary": {
+                "default": string;
+                "hover": string;
             };
-            "button": {
-                "primary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "secondary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "tertiary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
+            "tertiary": {
+                "default": string;
+                "disabled": string;
+                "hover": string;
             };
-            "badge": {
+            "quaternary": {
                 "default": string;
-                "green": string;
-                "blue": string;
-                "yellow": string;
-                "brand": string;
-                "purple": string;
-                "red": string;
-                "gray": string;
             };
-            "toggleButton": {
+            "accent": {
+                "default": string;
+                "hover": string;
+            };
+            "onAccent": {
+                "default": string;
+                "disabled": string;
+            };
+            "info": {
+                "default": string;
+            };
+            "error": {
                 "default": string;
-                "active": string;
-                "labelDefault": string;
-                "labelActive": string;
             };
-            "segmentedControlOption": {
+            "warning": {
+                "default": string;
+            };
+            "success": {
                 "default": string;
-                "checked": string;
             };
         };
-        "divider": {
+        "icon": {
             "primary": string;
-        };
-        "segementedProgressBar": {
-            "monochrome": string;
-            "success": string;
+            "secondary": string;
+            "tertiary": string;
+            "quaternary": string;
+            "accent": string;
+            "onAccent": string;
+            "info": string;
+            "error": string;
             "warning": string;
-            "alert": string;
-            "inProgress": string;
+            "success": string;
+            "brand": string;
         };
         "border": {
-            "primary": string;
-            "tabs": {
-                "buttonActive": string;
-            };
-            "button": {
-                "secondary": {
-                    "base": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-            };
-            "input": {
+            "primary": {
                 "default": string;
+                "hover": string;
                 "active": string;
-                "error": string;
+                "disabled": string;
             };
-            "textarea": {
+            "secondary": {
                 "default": string;
-                "active": string;
-                "error": string;
             };
-            "checkbox": {
+            "accent": {
                 "default": string;
-                "defaultHover": string;
             };
-            "radio": {
+            "error": {
                 "default": string;
-                "defaultHover": string;
             };
-            "toggle": {
+            "accentSubtle": {
                 "default": string;
-                "checked": string;
-                "highlighted": string;
-                "hover": string;
             };
-            "badge": {
+        };
+        "divider": {
+            "primary": string;
+        };
+        "toggle": {
+            "background": {
+                "hightlight": string;
+            };
+            "border": {
+                "hightlight": string;
+            };
+        };
+        "badge": {
+            "background": {
                 "default": string;
                 "green": string;
                 "blue": string;
@@ -592,331 +526,306 @@ declare type AmbossTheme = {
                 "red": string;
                 "gray": string;
             };
-            "toggleButton": {
+            "text": {
                 "default": string;
-                "defaultHover": string;
-                "active": string;
-                "activeHover": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
             };
-            "segmentedControlOption": {
+            "border": {
                 "default": string;
-                "checked": 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;
+        };
     };
     "subThemes": {
         "dimmed": {
             "color": {
                 "background": {
-                    "layer_1": string;
-                    "layer_2": string;
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
                     };
-                };
-                "header": {
-                    "primary": string;
-                    "secondary": 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;
+                    };
+                };
+                "icon": {
                     "primary": string;
                     "secondary": string;
                     "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
                     "error": string;
-                    "link": {
-                        "primary": string;
-                        "secondary": string;
-                        "tertiary": string;
-                        "primaryHover": string;
-                        "secondaryHover": string;
-                        "tertiaryHover": string;
-                    };
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
                     };
                 };
                 "divider": {
                     "primary": string;
                 };
-                "border": {
-                    "button": {
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                    };
-                };
             };
         };
         "error": {
             "color": {
                 "background": {
-                    "layer_2": string;
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
                     };
-                };
-                "header": {
-                    "primary": string;
-                    "secondary": 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;
+                    };
+                };
+                "icon": {
                     "primary": string;
                     "secondary": string;
                     "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
                     "error": string;
-                    "link": {
-                        "primary": string;
-                        "secondary": string;
-                        "tertiary": string;
-                        "primaryHover": string;
-                        "secondaryHover": string;
-                        "tertiaryHover": string;
-                    };
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
                     };
                 };
                 "divider": {
                     "primary": string;
                 };
-                "border": {
-                    "button": {
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                    };
-                };
             };
         };
         "info": {
             "color": {
                 "background": {
-                    "layer_2": string;
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
                     };
-                };
-                "header": {
-                    "primary": string;
-                    "secondary": 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;
+                    };
+                };
+                "icon": {
                     "primary": string;
                     "secondary": string;
                     "tertiary": string;
-                    "info": string;
+                    "accent": string;
+                    "onAccent": string;
                     "error": string;
-                    "link": {
-                        "primary": string;
-                        "secondary": string;
-                        "tertiary": string;
-                        "primaryHover": string;
-                        "secondaryHover": string;
-                        "tertiaryHover": string;
-                    };
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                    "info": string;
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
                     };
                 };
                 "divider": {
                     "primary": string;
                 };
-                "border": {
-                    "button": {
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                    };
-                };
             };
         };
         "success": {
             "color": {
                 "background": {
-                    "layer_2": string;
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                    "primary": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                        "hover": string;
+                    };
+                    "accent": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "transparent": {
+                        "hover": string;
                     };
-                };
-                "header": {
-                    "primary": string;
-                    "secondary": 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;
+                    };
+                };
+                "icon": {
                     "primary": string;
                     "secondary": string;
                     "tertiary": string;
+                    "accent": string;
+                    "onAccent": string;
                     "error": string;
-                    "link": {
-                        "primary": string;
-                        "secondary": string;
-                        "tertiary": string;
-                        "primaryHover": string;
-                        "secondaryHover": string;
-                        "tertiaryHover": string;
-                    };
-                    "button": {
-                        "primary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                        "tertiary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
+                };
+                "border": {
+                    "primary": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "accent": {
+                        "default": string;
                     };
                 };
                 "divider": {
                     "primary": string;
                 };
-                "border": {
-                    "button": {
-                        "secondary": {
-                            "base": string;
-                            "hover": string;
-                            "active": string;
-                            "disabled": string;
-                        };
-                    };
-                };
             };
         };
     };