@synergy-design-system/components 2.74.2 → 2.74.4

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.2AYKCYBO.js";
+} from "./chunks/chunk.EKUOSUGG.js";
 import {
   getFormControls,
   serialize
@@ -9,154 +9,154 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.BENUGNN3.js";
+} from "./chunks/chunk.6C2KOZCZ.js";
 import {
   tooltip_default
-} from "./chunks/chunk.NKATM7VO.js";
-import "./chunks/chunk.K2SYQDQN.js";
-import "./chunks/chunk.L2I4VW35.js";
+} from "./chunks/chunk.J3ENNQPZ.js";
+import "./chunks/chunk.ASNF6T3D.js";
+import "./chunks/chunk.JCSOB5EK.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.7TVT5OVT.js";
+} from "./chunks/chunk.QQLKBD4F.js";
 import {
   tag_default
-} from "./chunks/chunk.BTSTTMBE.js";
-import "./chunks/chunk.V6J27ASI.js";
+} from "./chunks/chunk.2BH4X6JT.js";
+import "./chunks/chunk.I3EUXN2H.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.L6D3AM5Q.js";
+} from "./chunks/chunk.ARCJD37G.js";
 import {
   tab_group_default
-} from "./chunks/chunk.GYGTXXQS.js";
-import "./chunks/chunk.NNTTMNMB.js";
+} from "./chunks/chunk.KLR4ZUWI.js";
+import "./chunks/chunk.CHZ5UXWD.js";
 import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.6WJYXMXT.js";
+import "./chunks/chunk.XH5DFZZW.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.MZACRNGJ.js";
+} from "./chunks/chunk.NIGSCCQH.js";
 import {
   switch_default
-} from "./chunks/chunk.D6PDYGIJ.js";
-import "./chunks/chunk.UZJHUSJ6.js";
+} from "./chunks/chunk.MSL4SOOF.js";
+import "./chunks/chunk.D7CB4XWR.js";
 import "./chunks/chunk.22DCIF5D.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.SXQGBF67.js";
+import "./chunks/chunk.OX2WQUTC.js";
 import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.OC6HTSQZ.js";
+} from "./chunks/chunk.C2B3B6K4.js";
 import {
   side_nav_default
-} from "./chunks/chunk.GFT4ASFV.js";
-import "./chunks/chunk.OIGSQI5Q.js";
+} from "./chunks/chunk.KA3C5R4Y.js";
+import "./chunks/chunk.BJFH6JN2.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.4HVYQOYV.js";
-import "./chunks/chunk.JSFZBWTA.js";
+} from "./chunks/chunk.Y6OREXLF.js";
+import "./chunks/chunk.WMX4RXGQ.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.M4IRUGMF.js";
+import "./chunks/chunk.A2D2IAOW.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.E7RUV7VH.js";
-import "./chunks/chunk.TINN2WG7.js";
+import "./chunks/chunk.EKKTOERE.js";
+import "./chunks/chunk.37J7BOHN.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.35YL2IRX.js";
+import "./chunks/chunk.F7LCJU4M.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.ODACZSP6.js";
-import "./chunks/chunk.D6TNS56V.js";
+} from "./chunks/chunk.S3C7RQT6.js";
+import "./chunks/chunk.JHS4VIRW.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.ON55ASF3.js";
-import "./chunks/chunk.AOE5N5JV.js";
-import "./chunks/chunk.ZDWBZJQ3.js";
+} from "./chunks/chunk.42VG3TGN.js";
+import "./chunks/chunk.UULDNEW4.js";
+import "./chunks/chunk.PV7RLGD4.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.BXXVSZMC.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.SAYSYQEL.js";
+} from "./chunks/chunk.C3K7MD4D.js";
 import {
   radio_default
-} from "./chunks/chunk.2BCXG3FP.js";
-import "./chunks/chunk.LO7ZCA7H.js";
+} from "./chunks/chunk.SJWHYHPM.js";
+import "./chunks/chunk.CNZPMYMY.js";
 import "./chunks/chunk.LDACFPRF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.VJLYMUEK.js";
-import "./chunks/chunk.VMIOAZ2D.js";
+} from "./chunks/chunk.SN45QLA4.js";
+import "./chunks/chunk.3WMZRG2O.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.HJQHBRNP.js";
-import "./chunks/chunk.TBNP7LVZ.js";
+} from "./chunks/chunk.64R7XRPQ.js";
+import "./chunks/chunk.XEA6W5UN.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.5DKFKMDT.js";
+import "./chunks/chunk.ERUYV6G2.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.AYZ6LBJE.js";
+} from "./chunks/chunk.72XTCOPS.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.JLHAJPKQ.js";
-import "./chunks/chunk.IUJ7GPA4.js";
+} from "./chunks/chunk.WQAA4T7E.js";
+import "./chunks/chunk.WNT4V4ZX.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.22YSSOWF.js";
-import "./chunks/chunk.55RBGFO4.js";
-import "./chunks/chunk.IIZLPLW2.js";
+} from "./chunks/chunk.IBWULRV3.js";
+import "./chunks/chunk.E7PFA5O7.js";
+import "./chunks/chunk.M7U5QI74.js";
 import {
   option_default
-} from "./chunks/chunk.OFORCGYM.js";
+} from "./chunks/chunk.Q6YG3BQL.js";
 import {
   menu_label_default
-} from "./chunks/chunk.2QL24SWE.js";
-import "./chunks/chunk.T73IPDAA.js";
+} from "./chunks/chunk.A5X5EHM7.js";
+import "./chunks/chunk.OET7LHA6.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.AVPA4P56.js";
-import "./chunks/chunk.I4FB4MYP.js";
+} from "./chunks/chunk.Q4BF3BVQ.js";
+import "./chunks/chunk.I2GVGBNK.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.GQFV6WCX.js";
-import "./chunks/chunk.AHYFT5TE.js";
+} from "./chunks/chunk.ZELCEN4L.js";
+import "./chunks/chunk.ZDP2SBPC.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.WI4K4MK6.js";
-import "./chunks/chunk.VUE64V6N.js";
+} from "./chunks/chunk.EY74MSLY.js";
+import "./chunks/chunk.XGBSRFQ2.js";
 import "./chunks/chunk.V4HPWQE7.js";
-import "./chunks/chunk.TYYJNNQX.js";
+import "./chunks/chunk.OAAB4YO4.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.KUPKFEAQ.js";
+} from "./chunks/chunk.FXJRSPZL.js";
 import {
   input_default
-} from "./chunks/chunk.JKOC3ENX.js";
-import "./chunks/chunk.VDS6GDNO.js";
+} from "./chunks/chunk.45AE6D33.js";
+import "./chunks/chunk.D6PWJXIK.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
@@ -169,64 +169,64 @@ import {
 } from "./chunks/chunk.LHFBIW7M.js";
 import {
   file_default
-} from "./chunks/chunk.ZRTEKDFA.js";
+} from "./chunks/chunk.W45HCBL4.js";
 import {
   header_default
-} from "./chunks/chunk.4PDJPWL4.js";
-import "./chunks/chunk.OTPPOXWZ.js";
+} from "./chunks/chunk.6V2C7WZM.js";
+import "./chunks/chunk.4RLM52TX.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.NB6VDHFZ.js";
+} from "./chunks/chunk.U5HM6HOK.js";
 import {
   drawer_default
-} from "./chunks/chunk.GCNXEVMD.js";
+} from "./chunks/chunk.CDMURJPI.js";
 import {
   dropdown_default
-} from "./chunks/chunk.ICOVIME6.js";
-import "./chunks/chunk.GKV2FQPU.js";
+} from "./chunks/chunk.S5RYPLSE.js";
+import "./chunks/chunk.PFYF5DIA.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.RESNYIY7.js";
+import "./chunks/chunk.L3MA7MD6.js";
 import "./chunks/chunk.5C3IFF3A.js";
 import {
   dialog_default
-} from "./chunks/chunk.KUWL67WA.js";
+} from "./chunks/chunk.OMLDIQQJ.js";
 import {
   divider_default
-} from "./chunks/chunk.YOGYNL53.js";
-import "./chunks/chunk.AUWPYBAC.js";
+} from "./chunks/chunk.VFOSKTS3.js";
+import "./chunks/chunk.JXD6UCMG.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.GDXSAIJS.js";
+import "./chunks/chunk.J5SLBTPO.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.H7VBBEDB.js";
-import "./chunks/chunk.VRA27CEE.js";
+} from "./chunks/chunk.ZWEBVNWL.js";
+import "./chunks/chunk.42BGLTQ3.js";
 import "./chunks/chunk.2DGMS4FV.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.ECBXARLW.js";
+import "./chunks/chunk.KCC2VVVO.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.UCLYCASW.js";
 import {
   checkbox_default
-} from "./chunks/chunk.PHD24JZN.js";
-import "./chunks/chunk.7MEEYLHY.js";
+} from "./chunks/chunk.R7UXESM2.js";
+import "./chunks/chunk.Y42TVHH5.js";
 import "./chunks/chunk.VI3SIT3O.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.FDPUKBIM.js";
-import "./chunks/chunk.JFG7PK3H.js";
-import "./chunks/chunk.WCD4CU3M.js";
+} from "./chunks/chunk.ZVIFW7LC.js";
+import "./chunks/chunk.CRV5UX7M.js";
+import "./chunks/chunk.MJZIGGWM.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.R7DJWLTC.js";
+import "./chunks/chunk.S74CFZ4Z.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.W6QBJCY5.js";
+import "./chunks/chunk.ETEGLGBQ.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -237,34 +237,34 @@ import "./chunks/chunk.BWTMFHNM.js";
 import "./chunks/chunk.5732DMBC.js";
 import "./chunks/chunk.3NXKLKWH.js";
 import "./chunks/chunk.G4URZQCL.js";
-import "./chunks/chunk.IEVIYOID.js";
-import "./chunks/chunk.QC7X32ZP.js";
+import "./chunks/chunk.BIJTSOZF.js";
+import "./chunks/chunk.AMDQJFFP.js";
 import "./chunks/chunk.FD2CG2HT.js";
 import {
   button_default
-} from "./chunks/chunk.BSRBKD3J.js";
+} from "./chunks/chunk.64TADLQM.js";
 import {
   button_group_default
-} from "./chunks/chunk.XDOENYKB.js";
-import "./chunks/chunk.S7TLLRFW.js";
+} from "./chunks/chunk.KGKWLJBO.js";
+import "./chunks/chunk.CZKMOCWP.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.6KSLE6JE.js";
-import "./chunks/chunk.RLIHDB3T.js";
+} from "./chunks/chunk.TA57H5KF.js";
+import "./chunks/chunk.K2ZR7I7W.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.MVZAPFZG.js";
+} from "./chunks/chunk.QHKKPNTL.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.NN5CFX7F.js";
-import "./chunks/chunk.UUUMNZOZ.js";
+} from "./chunks/chunk.UOVZXEVU.js";
+import "./chunks/chunk.QA2YR4UP.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.YZKGOVH6.js";
-import "./chunks/chunk.OJFHGAU4.js";
+import "./chunks/chunk.254OWAO7.js";
+import "./chunks/chunk.SBCPIDQP.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
@@ -272,31 +272,31 @@ import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.GLFOZF7O.js";
+} from "./chunks/chunk.4OIAXFFB.js";
 import {
   badge_default
-} from "./chunks/chunk.QU36A34G.js";
-import "./chunks/chunk.UXIXW6G6.js";
+} from "./chunks/chunk.4O4VBTMM.js";
+import "./chunks/chunk.Y33FBZC2.js";
 import "./chunks/chunk.CCEFC33U.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.RLFAR54Q.js";
+import "./chunks/chunk.KAITRHY6.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.B3DGGABI.js";
-import "./chunks/chunk.GQTMIXNT.js";
+} from "./chunks/chunk.IKPI2VBY.js";
+import "./chunks/chunk.UW54JYTX.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.6MPUIX3C.js";
+import "./chunks/chunk.54RQXIA6.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.N3HEKV7X.js";
+import "./chunks/chunk.RVCV6RUY.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.E3Z62YYT.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.CT7EZBDX.js";
+import "./chunks/chunk.WVR5S62X.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -328,7 +328,7 @@ import "./chunks/chunk.YBZFYBWC.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.Y725WOMN.js";
+import "./chunks/chunk.FOSWTCLV.js";
 import "./chunks/chunk.ZCUURSJU.js";
 import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";

package/dist/vscode.html-custom-data.json

@@ -29,29 +29,6 @@
         }
       ]
     },
-    {
-      "name": "syn-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
-        }
-      ]
-    },
     {
       "name": "syn-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the alert opens.\n- **syn-after-show** - Emitted after the alert opens and all animations are complete.\n- **syn-hide** - Emitted when the alert closes.\n- **syn-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<syn-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -99,6 +76,29 @@
         }
       ]
     },
+    {
+      "name": "syn-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
+        }
+      ]
+    },
     {
       "name": "syn-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.74.2",
+  "version": "2.74.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -99,9 +99,9 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/tokens": "2.46.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/optgroup/optgroup.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --display-divider: block;\n  }\n\n  .optgroup__divider {\n    --spacing: var(--syn-spacing-x-small);\n\n    display: var(--display-divider);\n  }\n\n  .optgroup__label-container {\n    align-items: center;\n    box-sizing: border-box;\n    color: var(--syn-input-color);\n    display: flex;\n    gap: var(--syn-spacing-small);\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n  }\n\n  /**\n   * Only show the label container when there is a label at all\n   */\n  .optgroup--has-prefix .optgroup__label-container,\n  .optgroup--has-label .optgroup__label-container,\n  .optgroup--has-suffix .optgroup__label-container {\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));\n  }\n\n  /**\n   * Format main label.\n   * Make sure this works for props and slotted content\n   */\n  .optgroup__label-content,\n  .optgroup__label::slotted(*) {\n    flex: 1;\n    font-family: var(--syn-font-sans);\n    font-size: var(--option-font-size, var(--syn-font-size-medium));\n    font-weight: var(--syn-font-weight-semibold);\n    line-height: var(--syn-line-height-normal);\n  }\n\n  /* Disabled Label */\n  .optgroup--is-disabled .optgroup__label-container {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .optgroup__prefix,\n  .optgroup__suffix {\n    color: var(--syn-option-icon-color, var(--syn-color-neutral-800));\n    font-size: var(--syn-spacing-large);\n  }\n\n  .optgroup__options ::slotted(syn-option[hidden]) {\n    display: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.QC7X32ZP.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/option/option-size.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * Size adjustments for syn-select and other widgets that use syn-option\n   * This allows to share the common settings between all components that\n   * should be able to set the size of a syn-option tag.\n   */\n  :host([size=\"small\"]) {\n    --option-min-height: var(--syn-input-height-small);\n    --option-padding: 0 var(--syn-input-spacing-small);\n    --option-font-size: var(--syn-input-font-size-small);\n    --option-icon-size: var(--syn-spacing-medium);\n  }\n\n  :host([size=\"medium\"]) {\n    --option-min-height: var(--syn-input-height-medium);\n    --option-padding: 0 var(--syn-input-spacing-medium);\n    --option-font-size: var(--syn-input-font-size-medium);\n    --option-icon-size: var(--syn-spacing-large);\n  }\n\n  :host([size=\"large\"]) {\n    --option-min-height: var(--syn-input-height-large);\n    --option-padding: 0 var(--syn-input-spacing-large);\n    --option-font-size: var(--syn-input-font-size-large);\n    --option-icon-size: var(--syn-spacing-x-large);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,6BAAQ;AAAA;AAAA;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.R7DJWLTC.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/option/option.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * The syn-option is now able to adjust its height from a parent item\n   * This is done by exposing multiple css variables to the outside:\n   *\n   * --option-min-height (defaults to 48px) The minimal height of an element\n   * --option-padding (defaults to var(--syn-spacing-small) var(--syn-spacing-medium)) The padding to use\n   * --option-font-size (defaults to var(--syn-font-size-medium)) The font size to use\n   * --option-icon-size (defaults to var(--syn-spacing-large)) The size of the checkmark\n   * \n   * See below for usage of these variables\n   */\n  .option {\n    /*\n     * #988: Brand2025 defines a small gap between options\n     * and rounded corners. We achieve that using an outline\n     * that simulates the gap using the menu background color.\n     */\n    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);\n\n    border-radius: calc(var(--outline) * 1.5);\n    font-size: var(--option-font-size, var(--syn-font-size-medium));\n\n    /* Height is dependent on line-height of .option__label, which does not fit completely to layout */\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));    \n  }\n\n  .option:not(.option--current) {\n    color: var(--syn-option-color, var(--syn-typography-color-text));\n  }\n\n  .option--current,\n  .option--current.option--hover:not(.option--disabled) {\n    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-active, var(--syn-typography-color-text-inverted));\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));\n  }\n\n  /** #429: Use token for opacity */\n  .option--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .option--current.option--disabled {\n    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));\n  }\n\n  .option__label {\n    line-height: var(--syn-line-height-normal);\n  }\n\n  .option__check {\n    color: var(--syn-option-check-color, var(--syn-color-primary-600));\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option .option__check {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  /* Invert the check mark when keyboard navigation is used */\n  .option--current .option__check {\n    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));\n  }\n\n  .option--hover:not(.option--current) .option__check {\n    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));\n  }\n\n  /* Use larger spacing between icons and content */\n  .option__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Set correct icon size when someone uses syn-icon in the slots */\n  .option__prefix::slotted(syn-icon),\n  .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color, var(--syn-typography-color-text));\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option--hover .option__prefix::slotted(syn-icon),\n  .option--hover .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover, var(--syn-color-neutral-800));\n  }\n\n  .option--current .option__prefix::slotted(syn-icon),\n  .option--current .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active, var(--syn-color-neutral-800));\n  }\n\n  /* This is needed for the highlight styling of the options in syn-combobox */\n  .option__label::slotted(.syn-highlight-style) {\n    background-color: transparent;\n    color: unset;\n    font: var(--syn-body-medium-bold);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,+BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.TYYJNNQX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/menu-item/menu-item.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    /* Custom override for hiding the checkmark in menus it is not needed */\n    --display-checkmark: flex;\n  }\n\n  .menu-item {\n    /*\n     * #958: Brand2025 defines a small gap between menu items\n     * and rounded corners. We achieve that using an outline\n     * that simulates the gap using the menu background color.\n     */\n    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);\n    \n    border-radius: calc(var(--outline) * 1.5);\n    color: var(--syn-option-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-medium);\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n    padding: var(--syn-spacing-small) var(--syn-spacing-medium);\n  }\n\n  :host(:focus-visible) .menu-item {\n    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n  }\n\n  /** #429: Use token for opacity */\n  .menu-item.menu-item--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Handling for slotted prefix and suffix\n   */\n  .menu-item .menu-item__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /**\n   * Set the default font size to make icons appear correct\n   */\n  .menu-item .menu-item__prefix::slotted(syn-icon),\n  .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  :host(:hover) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:hover) .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover, var(--syn-typography-color-text-inverted));\n  }\n\n  :host(:focus-visible) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:focus-visible) .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active, var(--syn-typography-color-text-inverted));\n  }\n\n  /* Adjust background and text color for focused elements */\n  /* stylelint-disable selector-not-notation, plugin/no-unsupported-browser-features */\n  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,\n  .menu-item--submenu-expanded {\n    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));\n  }\n  /* stylelint-enable selector-not-notation, plugin/no-unsupported-browser-features */\n\n  /**\n   * Adjust the size of icons\n   */\n  .menu-item .menu-item__chevron,\n  .menu-item .menu-item__check {\n    display: var(--display-checkmark);\n    font-size: var(--syn-font-size-x-large);\n    width: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * This makes sure the chevron does not take any space if we do not have children\n   */\n  .menu-item .menu-item__chevron {\n    display: none;\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__check {\n    color: var(--syn-option-check-color, var(--syn-color-primary-600));\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  /**\n   * When in loading state, do not show the checkmark as it would bleed through\n   */\n  .menu-item--loading .menu-item__check {\n    visibility: hidden;\n  }\n\n  /**\n   * Make sure the checkbox is also visible when the item is active\n   */\n  :host(:focus-visible) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));\n  }\n\n  :host(:hover) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));\n  }\n\n  /**\n   * Special handling for the submenu chevron:\n   * We are using the \"chevron-down\" icon per default as\n   * we do not want all chevrons to be part of the bundle\n   * Therefore, we have to transform it into the right direction\n   */\n  .menu-item .menu-item__chevron syn-icon {\n    transform: rotate(-90deg);\n  }\n\n  .menu-item--rtl .menu-item__chevron syn-icon {\n    transform: rotate(90deg);\n  }\n\n  .menu-item.menu-item--loading *:not(syn-spinner) {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Make sure to show the chevron if there are children\n   */\n  .menu-item--has-submenu .menu-item__chevron {\n    display: flex;\n  }\n\n  /**\n   * Adjustments for the spinner in loading state\n   */\n  .menu-item--loading syn-spinner {\n    --track-width: 2px;\n\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));\n    font-size: var(--syn-font-size-medium);\n    left: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Highlight checked items\n   */\n  .menu-item--checked .menu-item__label {\n    font-weight: var(--syn-font-weight-semibold);\n  }\n\n  /* Needed if we do not show the checkmark */\n  :host(:not([type=\"checkmark\"]):not([loading])) .menu-item__label {\n    min-height: var(--syn-font-size-x-large);\n  }\n\n  /* #1131: Make sure that slotted menus do show the correct border radius */\n  syn-popup::part(popup) {\n    border-radius: var(--syn-input-border-radius-medium);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": []
-}