@amboss/design-system 3.3.2 → 3.4.0

package/build/esm/web-tokens/_colors.json

@@ -51,59 +51,123 @@
         "color-badge-background-green": {
             "name": "badge.background",
             "subState": "green",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#233d3d",
+            "darkOriginalValue": "night-green.dark01",
             "lightValue": "#e8f8f4",
             "lightOriginalValue": "green.light03"
         },
         "color-badge-background-blue": {
             "name": "badge.background",
             "subState": "blue",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#29364c",
+            "darkOriginalValue": "night-blue.dark01",
             "lightValue": "#e7effe",
             "lightOriginalValue": "blue.light03"
         },
         "color-badge-background-yellow": {
             "name": "badge.background",
             "subState": "yellow",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#4d412c",
+            "darkOriginalValue": "night-orange.dark01",
             "lightValue": "#fef3e1",
             "lightOriginalValue": "orange.light03"
         },
         "color-badge-background-brand": {
             "name": "badge.background",
             "subState": "brand",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#223c44",
+            "darkOriginalValue": "night-brand.dark01",
             "lightValue": "#e7f6f8",
             "lightOriginalValue": "brand.light03"
         },
         "color-badge-background-purple": {
             "name": "badge.background",
             "subState": "purple",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#33314b",
+            "darkOriginalValue": "night-purple.dark01",
             "lightValue": "#f2effb",
             "lightOriginalValue": "purple.light03"
         },
         "color-badge-background-red": {
             "name": "badge.background",
             "subState": "red",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#4d3237",
+            "darkOriginalValue": "night-red.dark01",
             "lightValue": "#fde8e8",
             "lightOriginalValue": "red.light03"
         },
         "color-badge-background-gray": {
             "name": "badge.background",
             "subState": "gray",
-            "darkValue": "rgba(255, 255, 255, 0)",
-            "darkOriginalValue": "neutral.transparent",
+            "darkValue": "#282c34",
+            "darkOriginalValue": "night-black.regular",
             "lightValue": "#eef2f5",
             "lightOriginalValue": "gray.light03"
         },
+        "color-badge-foreground-default": {
+            "name": "badge.foreground",
+            "subState": "default",
+            "darkValue": "#ffffff",
+            "darkOriginalValue": "neutral.white",
+            "lightValue": "#ffffff",
+            "lightOriginalValue": "neutral.white"
+        },
+        "color-badge-foreground-green": {
+            "name": "badge.foreground",
+            "subState": "green",
+            "darkValue": "#a6f2dd",
+            "darkOriginalValue": "night-green.light02",
+            "lightValue": "#0b8363",
+            "lightOriginalValue": "green.dark01"
+        },
+        "color-badge-foreground-blue": {
+            "name": "badge.foreground",
+            "subState": "blue",
+            "darkValue": "#99c1fa",
+            "darkOriginalValue": "night-blue.light02",
+            "lightValue": "#295dae",
+            "lightOriginalValue": "blue.dark01"
+        },
+        "color-badge-foreground-yellow": {
+            "name": "badge.foreground",
+            "subState": "yellow",
+            "darkValue": "#fae0b3",
+            "darkOriginalValue": "night-orange.light02",
+            "lightValue": "#df9411",
+            "lightOriginalValue": "orange.dark01"
+        },
+        "color-badge-foreground-brand": {
+            "name": "badge.foreground",
+            "subState": "brand",
+            "darkValue": "#80dfea",
+            "darkOriginalValue": "night-brand.light02",
+            "lightValue": "#047a88",
+            "lightOriginalValue": "brand.dark01"
+        },
+        "color-badge-foreground-purple": {
+            "name": "badge.foreground",
+            "subState": "purple",
+            "darkValue": "#ad97f7",
+            "darkOriginalValue": "night-purple.light02",
+            "lightValue": "#5d44ab",
+            "lightOriginalValue": "purple.dark01"
+        },
+        "color-badge-foreground-red": {
+            "name": "badge.foreground",
+            "subState": "red",
+            "darkValue": "#f49a9a",
+            "darkOriginalValue": "night-red.light02",
+            "lightValue": "#dd3637",
+            "lightOriginalValue": "red.dark01"
+        },
+        "color-badge-foreground-gray": {
+            "name": "badge.foreground",
+            "subState": "gray",
+            "darkValue": "#ced1d6",
+            "darkOriginalValue": "night-gray.light02",
+            "lightValue": "#40515e",
+            "lightOriginalValue": "gray.dark01"
+        },
         "color-badge-text-default": {
             "name": "badge.text",
             "subState": "default",
@@ -165,7 +229,7 @@
             "subState": "gray",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-badge-border-default": {
@@ -173,64 +237,128 @@
             "subState": "default",
             "darkValue": "#393e47",
             "darkOriginalValue": "night-black.light02",
-            "lightValue": "#e0e6eb",
-            "lightOriginalValue": "gray.light02"
+            "lightValue": "#40515e",
+            "lightOriginalValue": "gray.dark01"
         },
         "color-badge-border-green": {
             "name": "badge.border",
             "subState": "green",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#d0f1e8",
-            "lightOriginalValue": "green.light02"
+            "darkValue": "#a6f2dd",
+            "darkOriginalValue": "night-green.light02",
+            "lightValue": "#0b8363",
+            "lightOriginalValue": "green.dark01"
         },
         "color-badge-border-blue": {
             "name": "badge.border",
             "subState": "blue",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#d2e2f9",
-            "lightOriginalValue": "blue.light02"
+            "darkValue": "#99c1fa",
+            "darkOriginalValue": "night-blue.light02",
+            "lightValue": "#295dae",
+            "lightOriginalValue": "blue.dark01"
         },
         "color-badge-border-yellow": {
             "name": "badge.border",
             "subState": "yellow",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#fceaca",
-            "lightOriginalValue": "orange.light02"
+            "darkValue": "#fae0b3",
+            "darkOriginalValue": "night-orange.light02",
+            "lightValue": "#df9411",
+            "lightOriginalValue": "orange.dark01"
         },
         "color-badge-border-brand": {
             "name": "badge.border",
             "subState": "brand",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#ceedf1",
-            "lightOriginalValue": "brand.light02"
+            "darkValue": "#80dfea",
+            "darkOriginalValue": "night-brand.light02",
+            "lightValue": "#047a88",
+            "lightOriginalValue": "brand.dark01"
         },
         "color-badge-border-purple": {
             "name": "badge.border",
             "subState": "purple",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#d8d0f3",
-            "lightOriginalValue": "purple.light02"
+            "darkValue": "#ad97f7",
+            "darkOriginalValue": "night-purple.light02",
+            "lightValue": "#7254d3",
+            "lightOriginalValue": "purple.regular"
         },
         "color-badge-border-red": {
             "name": "badge.border",
             "subState": "red",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#fad1d1",
-            "lightOriginalValue": "red.light02"
+            "darkValue": "#f49a9a",
+            "darkOriginalValue": "night-red.light02",
+            "lightValue": "#dd3637",
+            "lightOriginalValue": "red.dark01"
         },
         "color-badge-border-gray": {
             "name": "badge.border",
             "subState": "gray",
+            "darkValue": "#ced1d6",
+            "darkOriginalValue": "night-gray.light02",
+            "lightValue": "#5a7183",
+            "lightOriginalValue": "gray.regular"
+        },
+        "color-badge-borderSubtle-default": {
+            "name": "badge.borderSubtle",
+            "subState": "default",
             "darkValue": "#393e47",
             "darkOriginalValue": "night-black.light02",
             "lightValue": "#e0e6eb",
             "lightOriginalValue": "gray.light02"
+        },
+        "color-badge-borderSubtle-green": {
+            "name": "badge.borderSubtle",
+            "subState": "green",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#d0f1e8",
+            "lightOriginalValue": "green.light02"
+        },
+        "color-badge-borderSubtle-blue": {
+            "name": "badge.borderSubtle",
+            "subState": "blue",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#d2e2f9",
+            "lightOriginalValue": "blue.light02"
+        },
+        "color-badge-borderSubtle-yellow": {
+            "name": "badge.borderSubtle",
+            "subState": "yellow",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#fceaca",
+            "lightOriginalValue": "orange.light02"
+        },
+        "color-badge-borderSubtle-brand": {
+            "name": "badge.borderSubtle",
+            "subState": "brand",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#ceedf1",
+            "lightOriginalValue": "brand.light02"
+        },
+        "color-badge-borderSubtle-purple": {
+            "name": "badge.borderSubtle",
+            "subState": "purple",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#d8d0f3",
+            "lightOriginalValue": "purple.light02"
+        },
+        "color-badge-borderSubtle-red": {
+            "name": "badge.borderSubtle",
+            "subState": "red",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#fad1d1",
+            "lightOriginalValue": "red.light02"
+        },
+        "color-badge-borderSubtle-gray": {
+            "name": "badge.borderSubtle",
+            "subState": "gray",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
         }
     },
     "toggle": {
@@ -257,7 +385,7 @@
             "subState": "",
             "darkValue": "#ced1d6",
             "darkOriginalValue": "night-gray.light02",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-segmented-progress-bar-success": {
@@ -461,7 +589,7 @@
             "subState": "negative",
             "darkValue": "#f49a9a",
             "darkOriginalValue": "night-red.light02",
-            "lightValue": "#dc4847",
+            "lightValue": "#dd3637",
             "lightOriginalValue": "red.dark01"
         },
         "color-chart-text-warning": {
@@ -493,7 +621,7 @@
             "subState": "bold",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-chart-positive-default": {
@@ -565,7 +693,7 @@
             "subState": "bold",
             "darkValue": "#f49a9a",
             "darkOriginalValue": "night-red.light02",
-            "lightValue": "#dc4847",
+            "lightValue": "#dd3637",
             "lightOriginalValue": "red.dark01"
         },
         "color-chart-info-default": {
@@ -667,6 +795,32 @@
             "lightOriginalValue": "gray.dark02"
         }
     },
+    "skeletonLoader": {
+        "color-skeletonLoader-background-container": {
+            "name": "skeletonLoader.background",
+            "subState": "container",
+            "darkValue": "#1a1c1c",
+            "darkOriginalValue": "neutral.black",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        },
+        "color-skeletonLoader-background-element": {
+            "name": "skeletonLoader.background",
+            "subState": "element",
+            "darkValue": "#282c34",
+            "darkOriginalValue": "night-black.regular",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        },
+        "color-skeletonLoader-background-shimmer": {
+            "name": "skeletonLoader.background",
+            "subState": "shimmer",
+            "darkValue": "rgba(255, 255, 255, 0.08)",
+            "darkOriginalValue": "neutral.white-transparent04",
+            "lightValue": "rgba(255, 255, 255, 0.08)",
+            "lightOriginalValue": "neutral.white-transparent04"
+        }
+    },
     "canvas": {
         "color-canvas": {
             "name": "canvas",
@@ -800,7 +954,7 @@
             "subState": "default",
             "darkValue": "#a45355",
             "darkOriginalValue": "night-red.regular",
-            "lightValue": "#dc4847",
+            "lightValue": "#dd3637",
             "lightOriginalValue": "red.dark01"
         },
         "color-background-error-hover": {
@@ -995,7 +1149,7 @@
             "subState": "selected",
             "darkValue": "#40454f",
             "darkOriginalValue": "night-black.light03",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-background-transparent-hover": {
@@ -1087,7 +1241,7 @@
             "subState": "default",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-text-tertiary-disabled": {
@@ -1221,7 +1375,7 @@
             "subState": "hover",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-text-dottedUnderline-default": {
@@ -1230,7 +1384,7 @@
             "subState": "default",
             "darkValue": "#b9bcc3",
             "darkOriginalValue": "night-gray.light01",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-text-dottedUnderline-hover": {
@@ -1286,7 +1440,7 @@
             "subState": "default",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-icon-tertiary-hover": {
@@ -1313,7 +1467,7 @@
             "subState": "hover",
             "darkValue": "#93979f",
             "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-icon-accent-default": {
@@ -1394,7 +1548,7 @@
             "subState": "default",
             "darkValue": "#d07c7c",
             "darkOriginalValue": "night-red.light01",
-            "lightValue": "#dc4847",
+            "lightValue": "#dd3637",
             "lightOriginalValue": "red.dark01"
         },
         "color-icon-error-hover": {
@@ -1476,7 +1630,7 @@
             "subState": "hover",
             "darkValue": "#757a84",
             "darkOriginalValue": "night-gray.dark01",
-            "lightValue": "#607585",
+            "lightValue": "#5a7183",
             "lightOriginalValue": "gray.regular"
         },
         "color-border-primary-active": {
@@ -1536,7 +1690,7 @@
             "subState": "default",
             "darkValue": "#d07c7c",
             "darkOriginalValue": "night-red.light01",
-            "lightValue": "#dc4847",
+            "lightValue": "#dd3637",
             "lightOriginalValue": "red.dark01"
         },
         "color-border-success-default": {