@synergy-design-system/components 1.23.1 → 1.24.1

package/dist/chunks/{chunk.6Y5YUFXF.js → chunk.2ND2CGEE.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.RLDU67KN.js";
+} from "./chunk.35HAQCNN.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.6Y5YUFXF.js.map
+//# sourceMappingURL=chunk.2ND2CGEE.js.map

package/dist/chunks/{chunk.RLDU67KN.js → chunk.35HAQCNN.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.OHFBZSOS.js";
+} from "./chunk.RHRQQQ3Z.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.RLDU67KN.js.map
+//# sourceMappingURL=chunk.35HAQCNN.js.map

package/dist/chunks/{chunk.RMAP6V7M.js → chunk.3SR2FQDH.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.RMAP6V7M.js.map
+//# sourceMappingURL=chunk.3SR2FQDH.js.map

package/dist/chunks/{chunk.VIB3IN4H.js → chunk.3XVR3ICI.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.JRMD2CBG.js";
+} from "./chunk.J6KHW2XJ.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.VIB3IN4H.js.map
+//# sourceMappingURL=chunk.3XVR3ICI.js.map

package/dist/chunks/{chunk.JPKQBL6D.js → chunk.54GVOIXN.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   badge_custom_styles_default
 } from "./chunk.WQJRBFZA.js";
@@ -58,4 +58,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.JPKQBL6D.js.map
+//# sourceMappingURL=chunk.54GVOIXN.js.map

package/dist/chunks/{chunk.FB4JV4EU.js → chunk.6452VWCZ.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.FB4JV4EU.js.map
+//# sourceMappingURL=chunk.6452VWCZ.js.map

package/dist/chunks/{chunk.DKVXI76J.js → chunk.6J4SNPDV.js}

@@ -1,9 +1,9 @@
 import {
   icon_default
-} from "./chunk.XDLPOQOB.js";
+} from "./chunk.DIAFK3TL.js";
 import {
   header_styles_default
-} from "./chunk.AOKNP4QD.js";
+} from "./chunk.GVNVZMMM.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -163,4 +163,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.DKVXI76J.js.map
+//# sourceMappingURL=chunk.6J4SNPDV.js.map

package/dist/chunks/{chunk.DKER27DL.js → chunk.6JUZWWFH.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.DKER27DL.js.map
+//# sourceMappingURL=chunk.6JUZWWFH.js.map

package/dist/chunks/{chunk.3JB3U7SZ.js → chunk.6KDKALOR.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.B636ONEW.js";
+} from "./chunk.LNR4SE6P.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.3JB3U7SZ.js.map
+//# sourceMappingURL=chunk.6KDKALOR.js.map

package/dist/chunks/{chunk.R4K74B2J.js → chunk.6MDKOVHA.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.3TJ2BCES.js";
+} from "./chunk.CSTMVIZW.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.R4K74B2J.js.map
+//# sourceMappingURL=chunk.6MDKOVHA.js.map

package/dist/chunks/{chunk.4UMZV55G.js → chunk.6VYBQJEC.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.FB4JV4EU.js";
+} from "./chunk.6452VWCZ.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.4UMZV55G.js.map
+//# sourceMappingURL=chunk.6VYBQJEC.js.map

package/dist/chunks/{chunk.3CEEIU2G.js → chunk.6WWNWPPW.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.L63O4J2E.js";
+} from "./chunk.CD3R4VUI.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.3CEEIU2G.js.map
+//# sourceMappingURL=chunk.6WWNWPPW.js.map

package/dist/chunks/{chunk.2RO7AYBG.js → chunk.6YQ35HSY.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.XOV2B5PS.js";
+} from "./chunk.WNIHAMXF.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.2RO7AYBG.js.map
+//# sourceMappingURL=chunk.6YQ35HSY.js.map

package/dist/chunks/{chunk.AKPRUDTP.js → chunk.77OJYYRS.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.2CBKNM3Y.js";
+} from "./chunk.VWUP5HVP.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.AKPRUDTP.js.map
+//# sourceMappingURL=chunk.77OJYYRS.js.map

package/dist/chunks/{chunk.F4WPUPZ6.js → chunk.7CHLWYJZ.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.27BSQVWE.js";
+} from "./chunk.PZZC3XAE.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.F4WPUPZ6.js.map
+//# sourceMappingURL=chunk.7CHLWYJZ.js.map

package/dist/chunks/{chunk.7QVLBNZU.js → chunk.7EPGHDMR.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -33,4 +33,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.7QVLBNZU.js.map
+//# sourceMappingURL=chunk.7EPGHDMR.js.map

package/dist/chunks/{chunk.RBPB2J5Y.js → chunk.7LQO5I22.js}

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

package/dist/chunks/{chunk.3NGHLZE6.js → chunk.7WVH6VU3.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YMICCSK6.js";
 import {
   SynIconButton
-} from "./chunk.OHFBZSOS.js";
+} from "./chunk.RHRQQQ3Z.js";
 import {
   animateTo,
   stopAnimations,
@@ -35,7 +35,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.3NGHLZE6.js.map
+//# sourceMappingURL=chunk.7WVH6VU3.js.map

package/dist/chunks/{chunk.L63O4J2E.js → chunk.CD3R4VUI.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.L63O4J2E.js.map
+//# sourceMappingURL=chunk.CD3R4VUI.js.map

package/dist/chunks/{chunk.J2HNKHUA.js → chunk.CF2WNY6P.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.L2EO2HIH.js";
+} from "./chunk.PKUM6IAY.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.J2HNKHUA.js.map
+//# sourceMappingURL=chunk.CF2WNY6P.js.map

package/dist/chunks/{chunk.H4QCIW5O.js → chunk.CNIG37AB.js}

@@ -15,7 +15,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.H4QCIW5O.js.map
+//# sourceMappingURL=chunk.CNIG37AB.js.map

package/dist/chunks/{chunk.3TJ2BCES.js → chunk.CSTMVIZW.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.3TJ2BCES.js.map
+//# sourceMappingURL=chunk.CSTMVIZW.js.map

package/dist/chunks/{chunk.XDLPOQOB.js → chunk.DIAFK3TL.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.H4QCIW5O.js";
+} from "./chunk.CNIG37AB.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.XDLPOQOB.js.map
+//# sourceMappingURL=chunk.DIAFK3TL.js.map

package/dist/chunks/{chunk.6VJXHF7X.js → chunk.DWX3BRJ3.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.RMAP6V7M.js";
+} from "./chunk.3SR2FQDH.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.6VJXHF7X.js.map
+//# sourceMappingURL=chunk.DWX3BRJ3.js.map

package/dist/chunks/{chunk.OOFT7HKQ.js → chunk.DX2WVNYM.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.HLAIHK3F.js";
+} from "./chunk.M27GPWE7.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.OOFT7HKQ.js.map
+//# sourceMappingURL=chunk.DX2WVNYM.js.map

package/dist/chunks/{chunk.N2XFN5OP.js → chunk.DYX3ANF5.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.7ONQYFRM.js";
+} from "./chunk.ZP2D3CY6.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.N2XFN5OP.js.map
+//# sourceMappingURL=chunk.DYX3ANF5.js.map

package/dist/chunks/{chunk.47R75S62.js → chunk.EEH7WFNQ.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.DKVXI76J.js";
+} from "./chunk.6J4SNPDV.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.47R75S62.js.map
+//# sourceMappingURL=chunk.EEH7WFNQ.js.map

package/dist/chunks/{chunk.HKJABIZT.js → chunk.EYCXASYK.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.JWCLRSEM.js";
+} from "./chunk.IANNX5EG.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.HKJABIZT.js.map
+//# sourceMappingURL=chunk.EYCXASYK.js.map

package/dist/chunks/{chunk.4YF3P2SZ.js → chunk.FB4WWMSG.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.AJ2SOQYJ.js";
+} from "./chunk.OOSLMWAK.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.4YF3P2SZ.js.map
+//# sourceMappingURL=chunk.FB4WWMSG.js.map

package/dist/chunks/{chunk.IVTOOCED.js → chunk.GMLVOAGH.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.JPKQBL6D.js";
+} from "./chunk.54GVOIXN.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.IVTOOCED.js.map
+//# sourceMappingURL=chunk.GMLVOAGH.js.map

package/dist/chunks/{chunk.AOKNP4QD.js → chunk.GVNVZMMM.js}

@@ -69,6 +69,7 @@ var header_styles_default = css`
    * The label section hosts the application name
    */
   .header__label {
+    color: var(--syn-typography-color-text);
     font: var(--syn-body-large-bold);
     padding: 0 var(--syn-spacing-2x-large);
     white-space: nowrap;
@@ -136,4 +137,4 @@ var header_styles_default = css`
 export {
   header_styles_default
 };
-//# sourceMappingURL=chunk.AOKNP4QD.js.map
+//# sourceMappingURL=chunk.GVNVZMMM.js.map

package/dist/chunks/{chunk.AOKNP4QD.js.map → chunk.GVNVZMMM.js.map}

@@ -1,7 +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-color-neutral-0);\n    box-shadow: inset 0 -1px 0 0 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-large);\n  }\n\n  /**\n   * If the primary navigation is provided, use a smaller spacing\n   * between the primary content area and the navigation area\n   */\n  .header--has-navigation .header__content {\n    padding-bottom: var(--syn-spacing-medium);\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-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-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    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    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-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-color-primary-600);\n  }\n\n  .header__burger-menu-toggle:active {\n    color: 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-color-neutral-0);\n    box-shadow: inset 0 -1px 0 0 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-large);\n  }\n\n  /**\n   * If the primary navigation is provided, use a smaller spacing\n   * between the primary content area and the navigation area\n   */\n  .header--has-navigation .header__content {\n    padding-bottom: var(--syn-spacing-medium);\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-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-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    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-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-color-primary-600);\n  }\n\n  .header__burger-menu-toggle:active {\n    color: 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/chunks/{chunk.7ONKP73W.js → chunk.GZ4ESQXA.js}

@@ -19,14 +19,14 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.H4QCIW5O.js";
+} from "./chunk.CNIG37AB.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.7ONKP73W.js.map
+//# sourceMappingURL=chunk.GZ4ESQXA.js.map

package/dist/chunks/{chunk.JWCLRSEM.js → chunk.IANNX5EG.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.PKO6FEOM.js";
 import {
   SynIcon
-} from "./chunk.H4QCIW5O.js";
+} from "./chunk.CNIG37AB.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.JWCLRSEM.js.map
+//# sourceMappingURL=chunk.IANNX5EG.js.map

package/dist/chunks/{chunk.XIZJRNIG.js → chunk.J63KSI2Q.js}

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

package/dist/chunks/{chunk.JRMD2CBG.js → chunk.J6KHW2XJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.L2EO2HIH.js";
+} from "./chunk.PKUM6IAY.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.JRMD2CBG.js.map
+//# sourceMappingURL=chunk.J6KHW2XJ.js.map

package/dist/chunks/{chunk.RUDKKOVW.js → chunk.JCCB4LRX.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.JDBDBGQP.js";
 import {
   SynPopup
-} from "./chunk.RMAP6V7M.js";
+} from "./chunk.3SR2FQDH.js";
 import {
   SynSpinner
-} from "./chunk.7QVLBNZU.js";
+} from "./chunk.7EPGHDMR.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.H4QCIW5O.js";
+} from "./chunk.CNIG37AB.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -29,7 +29,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.C6S6REA2.js";
+} from "./chunk.RMXAXSXJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.RUDKKOVW.js.map
+//# sourceMappingURL=chunk.JCCB4LRX.js.map

package/dist/chunks/{chunk.GJJEGGAE.js → chunk.LJTUWU6S.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.OT463KIT.js";
+} from "./chunk.Q6GAJTD3.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.GJJEGGAE.js.map
+//# sourceMappingURL=chunk.LJTUWU6S.js.map