@amboss/design-system 3.13.13 → 3.13.15

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

@@ -0,0 +1,403 @@
+{
+  "custom-sub-theme": {
+    "dark": {
+      "navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "subtle": {
+              "accentSubtle": {
+                "default": "#223c44"
+              }
+            },
+            "primary": {
+              "default": "#1d6670"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#223c44"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#223c44"
+            }
+          }
+        }
+      },
+      "navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "accentSubtle": {
+              "default": "#223c44"
+            },
+            "primary": {
+              "default": "#111111"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#32363e"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#1d6670"
+            }
+          }
+        }
+      },
+      "navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "accentSubtle": {
+              "default": "#40454f"
+            },
+            "primary": {
+              "default": "#282c34"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#111111"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#1d6670"
+            }
+          }
+        }
+      }
+    },
+    "light": {
+      "navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#054f57"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(255, 255, 255, 0.08)",
+              "active": "rgba(255, 255, 255, 0.08)"
+            },
+            "accentSubtle": {
+              "default": "#e7f6f8"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "brand": {
+              "default": "#ffffff"
+            },
+            "accent": {
+              "default": "#047a88"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "rgba(0, 0, 0, 0.3)"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#0aa6b8"
+            }
+          }
+        }
+      },
+      "navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#1a1c1c"
+            },
+            "secondary": {
+              "default": "#40515e"
+            },
+            "tertiary": {
+              "default": "#5a7183"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(96, 117, 133, 0.05)",
+              "active": "rgba(96, 117, 133, 0.05)"
+            },
+            "accentSubtle": {
+              "default": "#e7f6f8"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#1a1c1c"
+            },
+            "secondary": {
+              "default": "#40515e"
+            },
+            "tertiary": {
+              "default": "#5a7183"
+            },
+            "brand": {
+              "default": "#0aa6b8"
+            },
+            "accent": {
+              "default": "#047a88"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#eef2f5"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(163, 178, 189, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#0aa6b8"
+            }
+          }
+        }
+      },
+      "navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#314554"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#314554"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(255, 255, 255, 0.08)",
+              "active": "rgba(255, 255, 255, 0.08)"
+            },
+            "accentSubtle": {
+              "default": "#eef2f5"
+            },
+            "accent": {
+              "default": "#314554"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "brand": {
+              "default": "#ffffff"
+            },
+            "accent": {
+              "default": "#314554"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "rgba(0, 0, 0, 0.6)"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#047a88"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,86 @@
+{
+  "custom-sub-theme": {
+    "dark": {
+      "sub-navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "#2db5c6"
+            }
+          }
+        }
+      },
+      "sub-navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "#2db5c6"
+            }
+          }
+        }
+      },
+      "sub-navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "rgba(255, 255, 255, 0.8)"
+            }
+          }
+        }
+      }
+    },
+    "light": {
+      "sub-navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#047a88"
+            }
+          }
+        }
+      },
+      "sub-navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#047a88"
+            }
+          }
+        }
+      },
+      "sub-navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#314554"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -170,7 +170,7 @@ type Variables = {
         "modal": number;
     };
 };
-type AmbossTheme = {
+export type AmbossTheme = {
     "color": {
         "badge": {
             "background": {
@@ -1152,7 +1152,7 @@ type AmbossTheme = {
         };
     };
 };
-type AmbossThemeName = "dark" | "light";
+export type AmbossThemeName = "dark" | "light";
 export type VisualConfig = {
     name: AmbossThemeName;
     variables: Variables;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.13.13",
+  "version": "3.13.15",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",