@amboss/design-system 1.21.3 → 1.22.0

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

@@ -1,16 +1,30 @@
 type Variables = {
-    "fontFamily": {
-        "lato": string;
-    };
-    "opacity": {
-        "button": {
-            "disabled": number;
+    "size": {
+        "letterSpacing": {
+            "none": string;
+            "s": string;
+            "m": string;
         };
-        "form": {
-            "disabled": 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;
         };
-    };
-    "size": {
         "dimension": {
             "icon": {
                 "s": string;
@@ -63,116 +77,35 @@ type Variables = {
             };
         };
         "borderRadius": {
-            "xs": string;
-            "s": string;
-            "m": string;
-            "button": {
-                "m": string;
-            };
-            "container": {
-                "m": string;
-            };
-            "card": {
-                "m": string;
-            };
-            "input": {
-                "s": string;
-            };
-            "textarea": {
-                "s": string;
-            };
-            "dropdown": {
-                "s": string;
-                "m": string;
-            };
-            "checkbox": {
-                "m": string;
-            };
-            "radio": {
-                "m": string;
-            };
-            "toggle": {
-                "s": string;
-                "m": string;
-            };
-            "badge": {
-                "m": string;
-            };
-            "toggleButton": {
-                "m": string;
-            };
-            "progressBar": string;
-        };
-        "spacing": {
-            "zero": string;
-            "xxxs": string;
-            "xxs": string;
             "xs": string;
             "s": string;
             "m": string;
             "l": string;
             "xl": string;
-            "xxl": string;
         };
-        "letterSpacing": {
-            "badge": {
-                "m": string;
-            };
-            "header": {
-                "h6": string;
-            };
+        "lineHeight": {
+            "xs": number;
+            "s": number;
+            "m": number;
+            "l": number;
+            "xl": number;
+            "xxl": number;
         };
-        "font": {
-            "xs": string;
-            "s": string;
-            "m": string;
-            "l": string;
-            "xl": string;
-            "xxl": string;
-            "xxxl": string;
-            "link": {
-                "xs": string;
-                "s": string;
-                "m": string;
-                "l": string;
-            };
+    };
+    "fontFamily": {
+        "lato": string;
+    };
+    "opacity": {
+        "button": {
+            "disabled": number;
         };
-        "lineHeight": {
-            "button": {
-                "m": string;
-            };
-            "callout": {
-                "s": string;
-            };
-            "link": {
-                "xs": string;
-                "s": string;
-                "m": string;
-                "l": string;
-            };
-            "badge": {
-                "m": string;
-            };
-            "toggleButton": {
-                "m": string;
-            };
-            "text": {
-                "xs": string;
-                "s": string;
-                "m": string;
-            };
-            "header": {
-                "xxs": string;
-                "xs": string;
-                "s": string;
-                "m": string;
-                "l": string;
-                "xl": string;
-            };
+        "form": {
+            "disabled": string;
         };
     };
     "weight": {
         "normal": number;
+        "semibold": number;
         "bold": number;
         "black": number;
         "inherit": string;
@@ -338,12 +271,15 @@ type AmbossTheme = {
             "accent": {
                 "default": string;
             };
-            "error": {
+            "onAccent": {
                 "default": string;
             };
             "accentSubtle": {
                 "default": string;
             };
+            "error": {
+                "default": string;
+            };
         };
         "divider": {
             "primary": string;

package/build/esm/build-tokens/visualConfig.js

@@ -1,16 +1,30 @@
 const variables = {
-  "fontFamily": {
-    "lato": "Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"
-  },
-  "opacity": {
-    "button": {
-      "disabled": 0.3
-    },
-    "form": {
-      "disabled": "0.35"
-    }
-  },
   "size": {
+    "letterSpacing": {
+      "none": "0px",
+      "s": "0.5px",
+      "m": "1px"
+    },
+    "font": {
+      "xs": "12px",
+      "s": "14px",
+      "m": "16px",
+      "l": "18px",
+      "xl": "20px",
+      "xxl": "24px",
+      "xxxl": "26px"
+    },
+    "spacing": {
+      "zero": "0px",
+      "xxxs": "2px",
+      "xxs": "4px",
+      "xs": "8px",
+      "s": "12px",
+      "m": "16px",
+      "l": "24px",
+      "xl": "32px",
+      "xxl": "48px"
+    },
     "dimension": {
       "icon": {
         "s": "16px",
@@ -66,113 +80,32 @@ const variables = {
       "xs": "4px",
       "s": "8px",
       "m": "12px",
-      "button": {
-        "m": "4px"
-      },
-      "container": {
-        "m": "12px"
-      },
-      "card": {
-        "m": "12px"
-      },
-      "input": {
-        "s": "4px"
-      },
-      "textarea": {
-        "s": "4px"
-      },
-      "dropdown": {
-        "s": "4px",
-        "m": "8px"
-      },
-      "checkbox": {
-        "m": "4px"
-      },
-      "radio": {
-        "m": "12px"
-      },
-      "toggle": {
-        "s": "8px",
-        "m": "16px"
-      },
-      "badge": {
-        "m": "24px"
-      },
-      "toggleButton": {
-        "m": "16px"
-      },
-      "progressBar": "4px"
-    },
-    "spacing": {
-      "zero": "0px",
-      "xxxs": "2px",
-      "xxs": "4px",
-      "xs": "8px",
-      "s": "12px",
-      "m": "16px",
-      "l": "24px",
-      "xl": "32px",
-      "xxl": "48px"
-    },
-    "letterSpacing": {
-      "badge": {
-        "m": "1px"
-      },
-      "header": {
-        "h6": "0.5px"
-      }
-    },
-    "font": {
-      "xs": "12px",
-      "s": "14px",
-      "m": "16px",
-      "l": "18px",
-      "xl": "20px",
-      "xxl": "23px",
-      "xxxl": "26px",
-      "link": {
-        "xs": "10px",
-        "s": "12px",
-        "m": "14px",
-        "l": "16px"
-      }
+      "l": "16px",
+      "xl": "24px"
     },
     "lineHeight": {
-      "button": {
-        "m": "16px"
-      },
-      "callout": {
-        "s": "24px"
-      },
-      "link": {
-        "xs": "16px",
-        "s": "18px",
-        "m": "20px",
-        "l": "22px"
-      },
-      "badge": {
-        "m": "16px"
-      },
-      "toggleButton": {
-        "m": "16px"
-      },
-      "text": {
-        "xs": "18px",
-        "s": "20px",
-        "m": "24px"
-      },
-      "header": {
-        "xxs": "16px",
-        "xs": "20px",
-        "s": "22px",
-        "m": "24px",
-        "l": "28px",
-        "xl": "32px"
-      }
+      "xs": 1.1428571429,
+      "s": 1.25,
+      "m": 1.3333333,
+      "l": 1.4285714286,
+      "xl": 1.5,
+      "xxl": 1.625
+    }
+  },
+  "fontFamily": {
+    "lato": "Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"
+  },
+  "opacity": {
+    "button": {
+      "disabled": 0.3
+    },
+    "form": {
+      "disabled": "0.35"
     }
   },
   "weight": {
     "normal": 400,
+    "semibold": 600,
     "bold": 700,
     "black": 900,
     "inherit": "inherit"
@@ -342,11 +275,14 @@ const ambossVisualConfiguration = {
           "accent": {
             "default": "#41a48a"
           },
-          "error": {
-            "default": "#d07c7c"
+          "onAccent": {
+            "default": "#ffffff"
           },
           "accentSubtle": {
             "default": "#28816b"
+          },
+          "error": {
+            "default": "#d07c7c"
           }
         },
         "divider": {
@@ -968,11 +904,14 @@ const ambossVisualConfiguration = {
           "accent": {
             "default": "#0b8363"
           },
-          "error": {
-            "default": "#dc4847"
+          "onAccent": {
+            "default": "#ffffff"
           },
           "accentSubtle": {
             "default": "#8adcc6"
+          },
+          "error": {
+            "default": "#dc4847"
           }
         },
         "divider": {