@synergy-design-system/components 2.49.0 → 2.50.0

package/dist/chunks/{chunk.QA6AFDTO.js → chunk.2FUYBO4O.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.QA6AFDTO.js.map
+//# sourceMappingURL=chunk.2FUYBO4O.js.map

package/dist/chunks/{chunk.X3G3M5XC.js → chunk.2NCWSM7S.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.KCVDLTXN.js";
+} from "./chunk.OKHE76L3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   alert_custom_styles_default
 } from "./chunk.QBHZAR4C.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.X3G3M5XC.js.map
+//# sourceMappingURL=chunk.2NCWSM7S.js.map

package/dist/chunks/{chunk.PWQJC3ZW.js → chunk.44H42XDD.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.2D25YSSN.js";
+} from "./chunk.YCLTDLLT.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.PWQJC3ZW.js.map
+//# sourceMappingURL=chunk.44H42XDD.js.map

package/dist/chunks/{chunk.H7J6ZA3B.js → chunk.4I3JBPX6.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.D3HZNMFY.js";
+} from "./chunk.5GQCSCP3.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.H7J6ZA3B.js.map
+//# sourceMappingURL=chunk.4I3JBPX6.js.map

package/dist/chunks/{chunk.WKI4Y3B2.js → chunk.4I4JZ4GP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.WKI4Y3B2.js.map
+//# sourceMappingURL=chunk.4I4JZ4GP.js.map

package/dist/chunks/{chunk.NRH3VD5D.js → chunk.55RDLBHS.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.2ISNL5X6.js";
+} from "./chunk.MMOZEXFH.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.NRH3VD5D.js.map
+//# sourceMappingURL=chunk.55RDLBHS.js.map

package/dist/chunks/{chunk.E7BUQNQO.js → chunk.55SFNQMY.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.HJLEG3NS.js";
+} from "./chunk.YSLBF6LH.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.E7BUQNQO.js.map
+//# sourceMappingURL=chunk.55SFNQMY.js.map

package/dist/chunks/{chunk.D3HZNMFY.js → chunk.5GQCSCP3.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.D3HZNMFY.js.map
+//# sourceMappingURL=chunk.5GQCSCP3.js.map

package/dist/chunks/{chunk.HWQ52T2M.js → chunk.5IJSIJ23.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.WTAAGWSK.js";
+} from "./chunk.MHK5VOZX.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.HWQ52T2M.js.map
+//# sourceMappingURL=chunk.5IJSIJ23.js.map

package/dist/chunks/{chunk.EFKMINFI.js → chunk.5WH74IDU.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.HA7TCHN3.js";
+} from "./chunk.ANFEUQDY.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.EFKMINFI.js.map
+//# sourceMappingURL=chunk.5WH74IDU.js.map

package/dist/chunks/{chunk.Q2IZZCKE.js → chunk.66TK3XJH.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.LCILZ6ML.js";
+} from "./chunk.RAG4GZAE.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.Q2IZZCKE.js.map
+//# sourceMappingURL=chunk.66TK3XJH.js.map

package/dist/chunks/{chunk.66SBQU2J.js → chunk.6LBEA6MG.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.UCM4XBMO.js";
+} from "./chunk.BGZTAECD.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.66SBQU2J.js.map
+//# sourceMappingURL=chunk.6LBEA6MG.js.map

package/dist/chunks/{chunk.RXPGDNPE.js → chunk.745T5LYL.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.DRKU3RVE.js";
+} from "./chunk.QG57QAM2.js";
 import {
   SynPopup
-} from "./chunk.RWFBTXXG.js";
+} from "./chunk.YBRTRODO.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.RXPGDNPE.js.map
+//# sourceMappingURL=chunk.745T5LYL.js.map

package/dist/chunks/{chunk.NGIGPLN2.js → chunk.77CVXMWD.js}

@@ -2,9 +2,9 @@
 import { css } from "lit";
 var breadcrumb_item_custom_styles_default = css`
   .breadcrumb-item {
-    color: var(--syn-color-neutral-500);
+    color: var(--syn-breadcrumb-color, var(--syn-color-neutral-500));
     font-size: var(--syn-font-size-x-small);
-    font-weight: var(--syn-font-weight-normal);
+    font-weight: var(--syn-font-weight-semibold);
   }
 
   /**
@@ -15,6 +15,10 @@ var breadcrumb_item_custom_styles_default = css`
     border-radius: var(--syn-border-radius-none);
   }
 
+  :host(:not(:last-of-type)) .breadcrumb-item {
+    font-weight: var(--syn-font-weight-normal);
+  }
+
   :host(:not(:last-of-type)) .breadcrumb-item__label {
     color: var(--syn-typography-color-text);
   }
@@ -49,7 +53,7 @@ var breadcrumb_item_custom_styles_default = css`
    */
   :host(:last-of-type) .breadcrumb-item--has-prefix .breadcrumb-item__prefix,
   :host(:last-of-type) .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
-    color: var(--syn-color-neutral-500);
+    color: inherit;
   }
 
   .breadcrumb-item__separator {
@@ -76,4 +80,4 @@ var breadcrumb_item_custom_styles_default = css`
 export {
   breadcrumb_item_custom_styles_default
 };
-//# sourceMappingURL=chunk.NGIGPLN2.js.map
+//# sourceMappingURL=chunk.77CVXMWD.js.map

package/dist/chunks/chunk.77CVXMWD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item/breadcrumb-item.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .breadcrumb-item {\n    color: var(--syn-breadcrumb-color, var(--syn-color-neutral-500));\n    font-size: var(--syn-font-size-x-small);\n    font-weight: var(--syn-font-weight-semibold);\n  }\n\n  /**\n   * Make sure to remove the border radius.\n   * Without this, focus will be rounded\n   */\n  .breadcrumb-item__label {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item {\n    font-weight: var(--syn-font-weight-normal);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label {\n    color: var(--syn-typography-color-text);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {\n    color: var(--syn-color-primary-600);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:active {\n    color: var(--syn-color-primary-950);\n  }\n\n  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {\n    margin-inline-end: var(--syn-spacing-2x-small);\n  }\n\n  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Adjust color and font size to match Synergy's typography.\n   */\n  .breadcrumb-item--has-prefix .breadcrumb-item__prefix,\n  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Make sure the color of the last item's prefix and suffix matches the text.\n   */\n  :host(:last-of-type) .breadcrumb-item--has-prefix .breadcrumb-item__prefix,\n  :host(:last-of-type) .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    color: inherit;\n  }\n\n  .breadcrumb-item__separator {\n    font-size: var(--syn-spacing-medium);\n    margin: 0 var(--syn-spacing-x-small) 0 var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Make sure the direction of the chevron matches the direction of the text.\n   */\n  .breadcrumb-item__separator ::slotted(syn-icon.ltr) {\n    rotate: -90deg;\n  }\n\n  .breadcrumb-item__separator ::slotted(syn-icon.rtl) {\n    rotate: 90deg;\n  }\n\n  .breadcrumb-item__label--drop-down {\n    display: flex;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.7UQQKTVF.js → chunk.7DLGLA3L.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.FCOXMGDA.js";
+} from "./chunk.DDXH4NK7.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.7UQQKTVF.js.map
+//# sourceMappingURL=chunk.7DLGLA3L.js.map

package/dist/chunks/{chunk.JY4UI66L.js → chunk.7EAYQUCY.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.CFZ7E5WY.js";
+} from "./chunk.FWDQKI6U.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.JY4UI66L.js.map
+//# sourceMappingURL=chunk.7EAYQUCY.js.map

package/dist/chunks/{chunk.77RZPPWO.js → chunk.7G2K3ZKV.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.RWFBTXXG.js";
+} from "./chunk.YBRTRODO.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.77RZPPWO.js.map
+//# sourceMappingURL=chunk.7G2K3ZKV.js.map

package/dist/chunks/{chunk.5YMXKNYH.js → chunk.7TIMKP7J.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.3ETPIAX5.js";
+} from "./chunk.WN2HA3ON.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.5YMXKNYH.js.map
+//# sourceMappingURL=chunk.7TIMKP7J.js.map

package/dist/chunks/{chunk.5FHV54UL.js → chunk.7VPKFKTQ.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.5FHV54UL.js.map
+//# sourceMappingURL=chunk.7VPKFKTQ.js.map

package/dist/chunks/{chunk.AJVSCBE3.js → chunk.A4WT2CMK.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.AJVSCBE3.js.map
+//# sourceMappingURL=chunk.A4WT2CMK.js.map

package/dist/chunks/{chunk.HA7TCHN3.js → chunk.ANFEUQDY.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.HA7TCHN3.js.map
+//# sourceMappingURL=chunk.ANFEUQDY.js.map

package/dist/chunks/{chunk.UCM4XBMO.js → chunk.BGZTAECD.js}

@@ -3,13 +3,13 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.FM53IROI.js";
+} from "./chunk.UX67T3LD.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.X3G3M5XC.js";
+} from "./chunk.2NCWSM7S.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -333,4 +333,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.UCM4XBMO.js.map
+//# sourceMappingURL=chunk.BGZTAECD.js.map

package/dist/chunks/{chunk.EHIG5WTU.js → chunk.BRVPXVV7.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.JY4UI66L.js";
+} from "./chunk.7EAYQUCY.js";
 import {
   SynDivider
-} from "./chunk.CFZ7E5WY.js";
+} from "./chunk.FWDQKI6U.js";
 import {
   SynDrawer
-} from "./chunk.RIAMORXC.js";
+} from "./chunk.LERMNOLP.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.EHIG5WTU.js.map
+//# sourceMappingURL=chunk.BRVPXVV7.js.map

package/dist/chunks/{chunk.2QDOGAQS.js → chunk.CDRD4BCW.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.VB6YVUCB.js";
+} from "./chunk.X6Q2FNDY.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.2QDOGAQS.js.map
+//# sourceMappingURL=chunk.CDRD4BCW.js.map

package/dist/chunks/{chunk.HBDXU52C.js → chunk.CKPVWKI5.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.HBDXU52C.js.map
+//# sourceMappingURL=chunk.CKPVWKI5.js.map

package/dist/chunks/{chunk.FCOXMGDA.js → chunk.DDXH4NK7.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.XAQKFEHH.js";
 import {
   SynDivider
-} from "./chunk.CFZ7E5WY.js";
+} from "./chunk.FWDQKI6U.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -867,4 +867,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.FCOXMGDA.js.map
+//# sourceMappingURL=chunk.DDXH4NK7.js.map

package/dist/chunks/{chunk.CDH3TEKB.js → chunk.DNDCLKXI.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.CMZD6MEY.js";
+} from "./chunk.Q7QGFIN7.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.CDH3TEKB.js.map
+//# sourceMappingURL=chunk.DNDCLKXI.js.map

package/dist/chunks/{chunk.2VP53H45.js → chunk.DYW352PM.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.WKI4Y3B2.js";
+} from "./chunk.4I4JZ4GP.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.2VP53H45.js.map
+//# sourceMappingURL=chunk.DYW352PM.js.map

package/dist/chunks/{chunk.GNBB27YV.js → chunk.EGLAMLL6.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.XKOSP4J5.js";
+} from "./chunk.FOJ2YEBE.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.GNBB27YV.js.map
+//# sourceMappingURL=chunk.EGLAMLL6.js.map

package/dist/chunks/{chunk.PKWF5OH4.js → chunk.EK4TK5MY.js}

@@ -44,7 +44,6 @@ var header_styles_default = css`
 
   .header__logo ::slotted(a:is(:focus-visible)) {
     outline: var(--syn-focus-ring);
-    outline-color: var(--syn-logo-color, var(--syn-focus-ring-color));
     outline-offset: var(--syn-focus-ring-offset);
   }
 
@@ -131,4 +130,4 @@ var header_styles_default = css`
 export {
   header_styles_default
 };
-//# sourceMappingURL=chunk.PKWF5OH4.js.map
+//# sourceMappingURL=chunk.EK4TK5MY.js.map

package/dist/chunks/chunk.EK4TK5MY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header/header.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-panel-background-color);\n    box-shadow: inset 0 -1px 0 0 var(--syn-header-border-color, var(--syn-color-neutral-400));\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-logo-color, var(--syn-color-primary-600));\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-logo-color, var(--syn-color-primary-600));\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n    white-space: nowrap;\n  }\n\n  /**\n   * The options menu holds an arbitrary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The horizontal top navigation section\n   */\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * The burger menu icon styles\n   */\n  .header__burger-menu-toggle {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));\n    cursor: pointer;\n    display: flex;\n    font-size: var(--syn-font-size-x-large);\n    margin-right: calc(var(--syn-spacing-medium) + var(--syn-spacing-2x-small));\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .header__burger-menu-toggle:hover {\n    color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));\n  }\n\n  .header__burger-menu-toggle:active {\n    color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));\n  }\n\n  .header__burger-menu-toggle:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * If the burger menu is provided, use a smaller spacing on the left side\n   */\n  .header--has-burger-menu .header__content {\n    padding-left: var(--syn-spacing-medium);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.OIPVO2SW.js → chunk.FDTHDJDI.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.JY4UI66L.js";
+} from "./chunk.7EAYQUCY.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.OIPVO2SW.js.map
+//# sourceMappingURL=chunk.FDTHDJDI.js.map