@db-ux/core-components 4.14.0-shell-52d18db → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/core-components",
-  "version": "4.14.0-shell-52d18db",
+  "version": "5.0.0",
   "type": "module",
   "description": "General technical components (styling, fonts and icons) out of DB UX Design System (Version 3)",
   "repository": {
@@ -15,7 +15,7 @@
     "build"
   ],
   "dependencies": {
-    "@db-ux/core-foundations": "4.14.0-shell-52d18db"
+    "@db-ux/core-foundations": "5.0.0"
   },
   "devDependencies": {
     "@builder.io/eslint-plugin-mitosis": "0.0.17",
@@ -27,11 +27,11 @@
     "hygen": "6.2.11",
     "nodemon": "3.1.14",
     "npm-run-all2": "9.0.2",
-    "postcss": "8.5.16",
+    "postcss": "8.5.18",
     "postcss-cli": "11.0.1",
     "replace-in-file": "8.4.0",
     "sass": "1.101.0",
-    "storybook": "10.4.6",
+    "storybook": "10.5.0",
     "tsx": "4.23.0",
     "vitest": "4.1.10"
   },

package/build/components/control-panel-brand/control-panel-brand.css

@@ -1,53 +0,0 @@
-/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
-/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
-/* Variants for adaptive components like input, select, notification, ... */
-.db-control-panel-brand a {
-  overflow: hidden;
-  text-indent: 100%;
-  white-space: nowrap;
-}
-
-.db-control-panel-brand {
-  font: var(--db-type-body-md);
-  /* Those variables are only for components to calculate heights and change icons */
-  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
-  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
-}
-
-.db-control-panel-desktop-brand-container {
-  display: flex;
-  grid-area: brand;
-}
-
-.db-control-panel-brand:not([hidden]) {
-  display: flex;
-}
-.db-control-panel-brand {
-  align-items: center;
-  block-size: var(--db-sizing-md);
-  min-block-size: var(--db-sizing-md);
-  inline-size: fit-content;
-  gap: var(--db-spacing-fixed-sm);
-  position: relative;
-  grid-area: brand;
-}
-.db-control-panel-brand::before {
-  content: "";
-}
-@supports (content: ""/"") {
-  .db-control-panel-brand::before {
-    content: ""/"";
-  }
-}
-.db-control-panel-brand::before {
-  block-size: 1lh;
-  aspect-ratio: var(--db-logo-aspect-ratio, 1);
-  background-image: var(--db-logo-url);
-  background-repeat: no-repeat;
-  background-size: auto var(--db-sizing-sm);
-}
-.db-control-panel-brand a {
-  text-decoration: none;
-  position: absolute;
-  inset: 0;
-}

package/build/components/control-panel-brand/control-panel-brand.scss

@@ -1,48 +0,0 @@
-@use "@db-ux/core-foundations/build/styles/variables";
-@use "@db-ux/core-foundations/build/styles/colors";
-@use "@db-ux/core-foundations/build/styles/fonts";
-@use "@db-ux/core-foundations/build/styles/helpers";
-
-.db-control-panel-desktop-brand-container {
-	display: flex;
-	grid-area: brand;
-}
-
-.db-control-panel-brand {
-	@extend %db-overwrite-font-size-md;
-	@include helpers.display(flex);
-
-	align-items: center;
-	block-size: variables.$db-sizing-md;
-	min-block-size: variables.$db-sizing-md;
-	inline-size: fit-content;
-	gap: variables.$db-spacing-fixed-sm;
-	position: relative;
-	grid-area: brand;
-
-	// The brand logo depends on the theme package (e.g. @db-ux/db-theme)
-	// providing --db-logo-url and --db-logo-aspect-ratio CSS custom properties.
-	// Without a theme, the logo will not be visible.
-	&::before {
-		content: "";
-
-		@supports (content: ""/"") {
-			content: "" / "";
-		}
-
-		block-size: 1lh;
-		aspect-ratio: var(--db-logo-aspect-ratio, 1);
-		background-image: var(--db-logo-url);
-		background-repeat: no-repeat;
-		background-size: auto #{variables.$db-sizing-sm};
-	}
-
-	// Deactivate underline on site name being made clickable by added to the link as well
-	a {
-		text-decoration: none;
-		position: absolute;
-		inset: 0;
-
-		@extend %a11y-visually-hidden-text;
-	}
-}