@db-ux/core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/build/assets/icons/LICENCES.json

@@ -17,6 +17,18 @@
 		"licence": "https://lucide.dev/license#lucide-license",
 		"origin": "arrow-right"
 	},
+	{
+		"name": "house.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "house"
+	},
+	{
+		"name": "intermediary_stop.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "circle-small"
+	},
 	{
 		"name": "arrow_up.svg",
 		"type": "lucide",
@@ -53,6 +65,18 @@
 		"licence": "https://lucide.dev/license#lucide-license",
 		"origin": "chevron-up"
 	},
+	{
+		"name": "double_chevron_left.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "chevrons_left"
+	},
+	{
+		"name": "double_chevron_right.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "chevrons-right"
+	},
 	{
 		"name": "clock.svg",
 		"type": "lucide",

package/build/assets/icons/double_chevron_left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-left-icon lucide-chevrons-left"><path d="m11 17-5-5 5-5"/><path d="m18 17-5-5 5-5"/></svg>

package/build/assets/icons/double_chevron_right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-right-icon lucide-chevrons-right"><path d="m6 17 5-5-5-5"/><path d="m13 17 5-5-5-5"/></svg>

package/build/assets/icons/house.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house-icon lucide-house"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>

package/build/assets/icons/intermediary_stop.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-small-icon lucide-circle-small"><circle cx="12" cy="12" r="6"/></svg>

package/build/components/accordion/accordion.css

@@ -81,14 +81,14 @@ The spacings are not part of the styling of the accordion items themselves.
   block-size: var(--db-border-width-3xs);
   inset-block-start: 0;
   inset-inline: 0;
+  /* stylelint-disable-next-line db-ux/use-border-color */
   /* stylelint-disable-next-line at-rule-empty-line-before */
 }
 @media (forced-colors: active) {
-  .db-accordion[data-variant=divider] db-accordion-item + db-accordion-item .db-accordion-item,
-  .db-accordion[data-variant=divider] .db-accordion-item + .db-accordion-item, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item,
-  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item {
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
+  .db-accordion[data-variant=divider] db-accordion-item + db-accordion-item .db-accordion-item::before,
+  .db-accordion[data-variant=divider] .db-accordion-item + .db-accordion-item::before, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item::before,
+  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item::before {
+    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
   }
 }
 .db-accordion[data-variant=divider] db-accordion-item + db-accordion-item .db-accordion-item::before,

package/build/components/button/button.scss

@@ -110,7 +110,7 @@
 		opacity: variables.$db-opacity-md;
 	}
 
-	// Workaround for current stencil implementation for header
+	// Workaround for current stencil implementation for control-panel-desktop
 	&:has(> .db-button) {
 		margin: 0;
 		padding: 0;

package/build/components/{brand/brand.css → control-panel-brand/control-panel-brand.css}

@@ -75,12 +75,12 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
 
 @layer variables {}
 
-.db-brand {
+.db-control-panel-brand {
   font: var(--db-type-body-md);
   /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
 }
 @layer variables {
-  .db-brand {
+  .db-control-panel-brand {
     /* 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);
@@ -113,21 +113,27 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
 
 @layer variables {}
 
-.db-brand {
+.db-control-panel-brand {
   display: flex;
   gap: var(--db-spacing-fixed-sm);
   align-items: center;
   font-weight: 700;
+  grid-area: brand;
+  block-size: var(--db-sizing-md);
+  min-block-size: var(--db-sizing-md);
 }
-.db-brand::before {
+.db-control-panel-brand::before {
   --db-icon-font-size: var(--db-sizing-md);
   --db-icon-margin-end: 0;
   --db-icon-color: var(--db-brand-origin-default);
 }
-.db-brand img {
+.db-control-panel-brand:has(img, svg)::before {
+  content: none;
+}
+.db-control-panel-brand img {
   inline-size: calc(var(--db-sizing-md) - var(--db-sizing-3xs));
   max-block-size: calc(var(--db-sizing-md) - var(--db-sizing-3xs));
 }
-.db-brand a {
+.db-control-panel-brand a {
   text-decoration: none;
 }

package/build/components/{brand/brand.scss → control-panel-brand/control-panel-brand.scss}

@@ -2,13 +2,16 @@
 @use "@db-ux/core-foundations/build/styles/colors";
 @use "@db-ux/core-foundations/build/styles/fonts";
 
-.db-brand {
+.db-control-panel-brand {
 	@extend %db-overwrite-font-size-md;
 
 	display: flex;
 	gap: variables.$db-spacing-fixed-sm;
 	align-items: center;
 	font-weight: 700;
+	grid-area: brand;
+	block-size: variables.$db-sizing-md;
+	min-block-size: variables.$db-sizing-md;
 
 	&::before {
 		--db-icon-font-size: #{variables.$db-sizing-md};
@@ -16,6 +19,12 @@
 		--db-icon-color: #{colors.$db-brand-origin-default};
 	}
 
+	&:has(img, svg) {
+		&::before {
+			content: none;
+		}
+	}
+
 	img {
 		$logo-size: calc(
 			#{variables.$db-sizing-md} - #{variables.$db-sizing-3xs}