@synergy-design-system/components 2.49.0 → 2.50.0

package/dist/synergy.js

@@ -6,64 +6,64 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tooltip_default
-} from "./chunks/chunk.B5WDBL25.js";
+} from "./chunks/chunk.SPYKEK7P.js";
 import {
   validate_default
-} from "./chunks/chunk.66SBQU2J.js";
-import "./chunks/chunk.UCM4XBMO.js";
-import "./chunks/chunk.FM53IROI.js";
+} from "./chunks/chunk.6LBEA6MG.js";
+import "./chunks/chunk.BGZTAECD.js";
+import "./chunks/chunk.UX67T3LD.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.764GFY4V.js";
+} from "./chunks/chunk.OXFI4GTZ.js";
 import {
   textarea_default
-} from "./chunks/chunk.H7J6ZA3B.js";
-import "./chunks/chunk.D3HZNMFY.js";
+} from "./chunks/chunk.4I3JBPX6.js";
+import "./chunks/chunk.5GQCSCP3.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.HWQ52T2M.js";
-import "./chunks/chunk.WTAAGWSK.js";
+} from "./chunks/chunk.5IJSIJ23.js";
+import "./chunks/chunk.MHK5VOZX.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.5YMXKNYH.js";
-import "./chunks/chunk.3ETPIAX5.js";
+} from "./chunks/chunk.7TIMKP7J.js";
+import "./chunks/chunk.WN2HA3ON.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.AMBPYCPD.js";
-import "./chunks/chunk.2SGR2LUD.js";
+} from "./chunks/chunk.KEC335LT.js";
+import "./chunks/chunk.JJGAP7RF.js";
 import "./chunks/chunk.3QYBPNXR.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   tab_default
-} from "./chunks/chunk.CDH3TEKB.js";
-import "./chunks/chunk.CMZD6MEY.js";
+} from "./chunks/chunk.DNDCLKXI.js";
+import "./chunks/chunk.Q7QGFIN7.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   side_nav_default
-} from "./chunks/chunk.G2U2Y2DB.js";
-import "./chunks/chunk.EHIG5WTU.js";
+} from "./chunks/chunk.G42XCHMM.js";
+import "./chunks/chunk.BRVPXVV7.js";
 import "./chunks/chunk.FWLUR33I.js";
 import {
   spinner_default
-} from "./chunks/chunk.PKFFYQNK.js";
+} from "./chunks/chunk.RZV3BPFX.js";
 import {
   range_tick_default
-} from "./chunks/chunk.NRH3VD5D.js";
-import "./chunks/chunk.6EKLVPT3.js";
+} from "./chunks/chunk.55RDLBHS.js";
+import "./chunks/chunk.IHQUHDSE.js";
 import "./chunks/chunk.OI3HOOCT.js";
 import {
   select_default
-} from "./chunks/chunk.ZXRR45B6.js";
-import "./chunks/chunk.QRNXML3P.js";
-import "./chunks/chunk.CABG57FG.js";
+} from "./chunks/chunk.YRH6E623.js";
+import "./chunks/chunk.MEPFK4A6.js";
+import "./chunks/chunk.KJIDHOEM.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -71,155 +71,155 @@ import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.CDASZYQM.js";
+} from "./chunks/chunk.I4I6OLFF.js";
 import {
   range_default
-} from "./chunks/chunk.G57FFWDI.js";
-import "./chunks/chunk.VW2JN3B4.js";
-import "./chunks/chunk.FXII2YMR.js";
+} from "./chunks/chunk.PATGKK33.js";
+import "./chunks/chunk.N7ZLZL42.js";
+import "./chunks/chunk.XOKC3AQX.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.2ISNL5X6.js";
+import "./chunks/chunk.MMOZEXFH.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   radio_default
-} from "./chunks/chunk.6LRROIZ3.js";
-import "./chunks/chunk.W2MLO5XY.js";
+} from "./chunks/chunk.UHLPYHR3.js";
+import "./chunks/chunk.W4HFYTXP.js";
 import "./chunks/chunk.GKA5WPFF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.EFKMINFI.js";
-import "./chunks/chunk.HA7TCHN3.js";
+} from "./chunks/chunk.5WH74IDU.js";
+import "./chunks/chunk.ANFEUQDY.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import "./chunks/chunk.2VP53H45.js";
+import "./chunks/chunk.DYW352PM.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.Q2IZZCKE.js";
-import "./chunks/chunk.LCILZ6ML.js";
+} from "./chunks/chunk.66TK3XJH.js";
+import "./chunks/chunk.RAG4GZAE.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.UFJY3HA6.js";
-import "./chunks/chunk.OHKQ4EAU.js";
+} from "./chunks/chunk.VW4N6Y2K.js";
+import "./chunks/chunk.TZK7QLAZ.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.77RZPPWO.js";
+} from "./chunks/chunk.7G2K3ZKV.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.2TRODX4P.js";
-import "./chunks/chunk.HRQCDCPL.js";
+} from "./chunks/chunk.RSIKVRDV.js";
+import "./chunks/chunk.XOAZGX33.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import {
   optgroup_default
-} from "./chunks/chunk.WMHSFQ2B.js";
+} from "./chunks/chunk.G7TMUCAD.js";
 import {
   option_default
-} from "./chunks/chunk.P6FVKDFM.js";
+} from "./chunks/chunk.Y3WEWJRB.js";
 import {
   menu_label_default
-} from "./chunks/chunk.DFE33BT4.js";
-import "./chunks/chunk.2BKGVPOY.js";
+} from "./chunks/chunk.LNEBV5M5.js";
+import "./chunks/chunk.T5XQNXM2.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.OIPVO2SW.js";
-import "./chunks/chunk.JY4UI66L.js";
+} from "./chunks/chunk.FDTHDJDI.js";
+import "./chunks/chunk.7EAYQUCY.js";
 import "./chunks/chunk.5V47GZA4.js";
-import "./chunks/chunk.JR3EOIU6.js";
+import "./chunks/chunk.UL4H25PQ.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.23V2NY7G.js";
+} from "./chunks/chunk.JSNF7QDZ.js";
 import {
   menu_item_default
-} from "./chunks/chunk.2QDOGAQS.js";
-import "./chunks/chunk.VB6YVUCB.js";
+} from "./chunks/chunk.CDRD4BCW.js";
+import "./chunks/chunk.X6Q2FNDY.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.OZBIXWLQ.js";
+} from "./chunks/chunk.O367ITDQ.js";
 import {
   input_default
-} from "./chunks/chunk.7UQQKTVF.js";
-import "./chunks/chunk.FCOXMGDA.js";
+} from "./chunks/chunk.7DLGLA3L.js";
+import "./chunks/chunk.DDXH4NK7.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.W65INGIM.js";
+import "./chunks/chunk.STWHCESJ.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   file_default
-} from "./chunks/chunk.ZP7KLZXV.js";
+} from "./chunks/chunk.N7K73E54.js";
 import {
   header_default
-} from "./chunks/chunk.6GI7DJIT.js";
-import "./chunks/chunk.7F3UUUQG.js";
-import "./chunks/chunk.PKWF5OH4.js";
+} from "./chunks/chunk.JY5KRR4K.js";
+import "./chunks/chunk.L3CXKF5J.js";
+import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.7MQVIJSD.js";
+} from "./chunks/chunk.U5FHHPB5.js";
 import {
   drawer_default
-} from "./chunks/chunk.6KK62OEN.js";
+} from "./chunks/chunk.S47HYAGR.js";
 import {
   dropdown_default
-} from "./chunks/chunk.2X5WHE4C.js";
-import "./chunks/chunk.IF6GNCAP.js";
+} from "./chunks/chunk.XCJDFET2.js";
+import "./chunks/chunk.L765ZHFF.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.THNPEIXW.js";
+import "./chunks/chunk.TQTYILIT.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.B3JJBKYO.js";
+} from "./chunks/chunk.WA2LQUAN.js";
 import {
   divider_default
-} from "./chunks/chunk.ZCCH7IBZ.js";
-import "./chunks/chunk.CFZ7E5WY.js";
+} from "./chunks/chunk.OXMWOR62.js";
+import "./chunks/chunk.FWDQKI6U.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.RIAMORXC.js";
+import "./chunks/chunk.LERMNOLP.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.E7BUQNQO.js";
-import "./chunks/chunk.HJLEG3NS.js";
+} from "./chunks/chunk.55SFNQMY.js";
+import "./chunks/chunk.YSLBF6LH.js";
 import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.M5GSJGIY.js";
+import "./chunks/chunk.PLGVM5ZF.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.J2N4FDZA.js";
-import "./chunks/chunk.5FHV54UL.js";
+} from "./chunks/chunk.IW36N4TL.js";
+import "./chunks/chunk.7VPKFKTQ.js";
 import "./chunks/chunk.Y3LNC7J6.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.N7OBF4T7.js";
-import "./chunks/chunk.RXPGDNPE.js";
-import "./chunks/chunk.DRKU3RVE.js";
+} from "./chunks/chunk.QF4GRFKO.js";
+import "./chunks/chunk.745T5LYL.js";
+import "./chunks/chunk.QG57QAM2.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.RWFBTXXG.js";
+import "./chunks/chunk.YBRTRODO.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -235,29 +235,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.GNBB27YV.js";
+} from "./chunks/chunk.EGLAMLL6.js";
 import {
   button_group_default
-} from "./chunks/chunk.6HFMP4CQ.js";
-import "./chunks/chunk.WKI4Y3B2.js";
+} from "./chunks/chunk.QRD4REPK.js";
+import "./chunks/chunk.4I4JZ4GP.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.6NQLSSML.js";
-import "./chunks/chunk.FAASA3TT.js";
+} from "./chunks/chunk.HLEAFE4S.js";
+import "./chunks/chunk.SP7WOL4X.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.J4FUYZJZ.js";
+} from "./chunks/chunk.JAYLDZH3.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.SDNLB63W.js";
-import "./chunks/chunk.XQ2V5II6.js";
-import "./chunks/chunk.NGIGPLN2.js";
+} from "./chunks/chunk.IFSMMPAK.js";
+import "./chunks/chunk.FOVPZIXM.js";
+import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.XKOSP4J5.js";
-import "./chunks/chunk.HBDXU52C.js";
+import "./chunks/chunk.FOJ2YEBE.js";
+import "./chunks/chunk.CKPVWKI5.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
@@ -265,31 +265,31 @@ import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.FPSWUSG2.js";
+} from "./chunks/chunk.INNNQQAF.js";
 import {
   badge_default
-} from "./chunks/chunk.PWQJC3ZW.js";
-import "./chunks/chunk.2D25YSSN.js";
+} from "./chunks/chunk.44H42XDD.js";
+import "./chunks/chunk.YCLTDLLT.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.X52X2LRR.js";
+import "./chunks/chunk.UCY55TUG.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.CZDS5U7Z.js";
-import "./chunks/chunk.QA6AFDTO.js";
+} from "./chunks/chunk.LHBVT2U7.js";
+import "./chunks/chunk.2FUYBO4O.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.X3G3M5XC.js";
+import "./chunks/chunk.2NCWSM7S.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.KCVDLTXN.js";
+import "./chunks/chunk.OKHE76L3.js";
 import "./chunks/chunk.YST4XUIG.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.AJVSCBE3.js";
+import "./chunks/chunk.A4WT2CMK.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -321,7 +321,7 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.AOPHACUY.js";
+import "./chunks/chunk.SROUNODV.js";
 import "./chunks/chunk.QBHZAR4C.js";
 import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.49.0",
+  "version": "2.50.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -105,8 +105,8 @@
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
     "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.30.0"
+    "@synergy-design-system/tokens": "2.31.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [
@@ -174,7 +174,7 @@
     "lit": "^3.3.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.30.0"
+    "@synergy-design-system/tokens": "^2.31.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

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

@@ -1,7 +0,0 @@
-{
-  "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-color-neutral-500);\n    font-size: var(--syn-font-size-x-small);\n    font-weight: var(--syn-font-weight-normal);\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__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: var(--syn-color-neutral-500);\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;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "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-color: var(--syn-logo-color, var(--syn-focus-ring-color));\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;AAAA;",
-  "names": []
-}