@synergy-design-system/components 2.67.0 → 2.69.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.QAMWVYJU.js";
+} from "./chunks/chunk.WNGBCLF7.js";
 import {
   getFormControls,
   serialize
@@ -9,154 +9,154 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.V4QFE7BH.js";
+} from "./chunks/chunk.C7CRWJYS.js";
 import {
   tooltip_default
-} from "./chunks/chunk.CYHIVD6P.js";
-import "./chunks/chunk.V6QQDRVZ.js";
-import "./chunks/chunk.6OK6UAQ6.js";
+} from "./chunks/chunk.6CXUGINL.js";
+import "./chunks/chunk.GUHDRSNI.js";
+import "./chunks/chunk.EG6NUZFV.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.OCISPAP6.js";
+} from "./chunks/chunk.2FOVJC4N.js";
 import {
   tag_default
-} from "./chunks/chunk.6E2JXKYY.js";
-import "./chunks/chunk.VKIE4MTK.js";
+} from "./chunks/chunk.SC53WP5D.js";
+import "./chunks/chunk.WXT2HWND.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.ZZME3OC2.js";
+} from "./chunks/chunk.QLEB5FN4.js";
 import {
   tab_group_default
-} from "./chunks/chunk.VZ3QEV36.js";
-import "./chunks/chunk.5PMEL7UO.js";
+} from "./chunks/chunk.XRN4PYU5.js";
+import "./chunks/chunk.2KZHJBML.js";
 import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.WAVWAMYX.js";
+import "./chunks/chunk.6XKOY52Q.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.XYFRA2JI.js";
+} from "./chunks/chunk.L2Z5L3ZF.js";
 import {
   switch_default
-} from "./chunks/chunk.PVLBNBRC.js";
-import "./chunks/chunk.RT2FQCUP.js";
+} from "./chunks/chunk.L64IEHBD.js";
+import "./chunks/chunk.QEWFQ4YU.js";
 import "./chunks/chunk.ESOR5SLZ.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.SAF7VAGK.js";
+import "./chunks/chunk.GU3LJCSZ.js";
 import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.6TYH5BHW.js";
+} from "./chunks/chunk.OHKR3AP3.js";
 import {
   side_nav_default
-} from "./chunks/chunk.U63OTNG4.js";
-import "./chunks/chunk.VTQVXGIA.js";
+} from "./chunks/chunk.JOFGNDDM.js";
+import "./chunks/chunk.6OMO7EMH.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.22EMGZBG.js";
-import "./chunks/chunk.R7H46OHS.js";
+} from "./chunks/chunk.4WVNXY4W.js";
+import "./chunks/chunk.M4MYWEBC.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.I7NN6SR6.js";
+import "./chunks/chunk.ZRROCQEF.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.2RRRUEJX.js";
-import "./chunks/chunk.F6WAGWYI.js";
+import "./chunks/chunk.FYVYGXL7.js";
+import "./chunks/chunk.XKWZ7GFA.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.O4QFINH7.js";
+import "./chunks/chunk.35YL2IRX.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.UZ5VWJCK.js";
-import "./chunks/chunk.KICTVFFR.js";
+} from "./chunks/chunk.RLCKZDNW.js";
+import "./chunks/chunk.DIZPR4UK.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.3JWWA3AR.js";
-import "./chunks/chunk.HSDBATKG.js";
-import "./chunks/chunk.ELYEJGK7.js";
+} from "./chunks/chunk.KZL3QIE4.js";
+import "./chunks/chunk.J54IGFSN.js";
+import "./chunks/chunk.TOGTDDXO.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.FK5MTORB.js";
+} from "./chunks/chunk.4HOKUVNS.js";
 import {
   radio_default
-} from "./chunks/chunk.HRIPI7HZ.js";
-import "./chunks/chunk.SVTK62W6.js";
+} from "./chunks/chunk.VTEWOEAO.js";
+import "./chunks/chunk.IMVVHQ56.js";
 import "./chunks/chunk.JK6P7JZN.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.2XZ64I43.js";
-import "./chunks/chunk.U2JJNNGK.js";
+} from "./chunks/chunk.ASJXSGZS.js";
+import "./chunks/chunk.YIWUWO2N.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.TQSUJA4L.js";
-import "./chunks/chunk.GOOWCBYP.js";
+} from "./chunks/chunk.KWCADW5G.js";
+import "./chunks/chunk.YRUZRVQC.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.JJXHYTQZ.js";
+import "./chunks/chunk.6YSX526H.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.IRXUIH4K.js";
+} from "./chunks/chunk.XYOTPA6B.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.23GA4ASZ.js";
-import "./chunks/chunk.6JHHTQHV.js";
+} from "./chunks/chunk.FFUJW7FY.js";
+import "./chunks/chunk.KJKXMRGM.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.QT3U7DPK.js";
-import "./chunks/chunk.C2PL3VUT.js";
-import "./chunks/chunk.MJ7R4QQT.js";
+} from "./chunks/chunk.3UCV6J6U.js";
+import "./chunks/chunk.AAEX6SDC.js";
+import "./chunks/chunk.IIZLPLW2.js";
 import {
   option_default
-} from "./chunks/chunk.LXFQJ3F3.js";
+} from "./chunks/chunk.7WECCOZ3.js";
 import {
   menu_label_default
-} from "./chunks/chunk.7QA5ZUKF.js";
-import "./chunks/chunk.XIF3DSWC.js";
+} from "./chunks/chunk.EASDDGUE.js";
+import "./chunks/chunk.5YGM2CDR.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.IFI7ZLER.js";
-import "./chunks/chunk.VBJRJCBV.js";
+} from "./chunks/chunk.QPJSR64I.js";
+import "./chunks/chunk.HGIWZAAQ.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.EXBF3QZ7.js";
-import "./chunks/chunk.RPUJPNLC.js";
+} from "./chunks/chunk.T7QLW4WH.js";
+import "./chunks/chunk.V5UBDZIV.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.WGBBUS47.js";
-import "./chunks/chunk.74DVCVP4.js";
+} from "./chunks/chunk.T3YBXPW5.js";
+import "./chunks/chunk.CR5WL4GI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import "./chunks/chunk.SZEHOV5P.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.TOMGBKFU.js";
+} from "./chunks/chunk.WC25JEOS.js";
 import {
   input_default
-} from "./chunks/chunk.TPVOIXRP.js";
-import "./chunks/chunk.WRLDYEQN.js";
+} from "./chunks/chunk.ZP5OQNCS.js";
+import "./chunks/chunk.4PRYE5DS.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.GCGMGUYR.js";
+} from "./chunks/chunk.KJQARAIM.js";
 import {
   header_default
-} from "./chunks/chunk.SIJFIKOW.js";
-import "./chunks/chunk.JEHFYWEN.js";
+} from "./chunks/chunk.JMTJXNW7.js";
+import "./chunks/chunk.3GZ4FMTK.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.DGJMZYRK.js";
+} from "./chunks/chunk.2CL2XNFE.js";
 import {
   drawer_default
-} from "./chunks/chunk.2IRMFJQ6.js";
+} from "./chunks/chunk.NCSH4ROH.js";
 import {
   dropdown_default
-} from "./chunks/chunk.GEAK6NVL.js";
-import "./chunks/chunk.XOMFYFY6.js";
+} from "./chunks/chunk.7CR42LOV.js";
+import "./chunks/chunk.J3M5OC76.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.L2CI6GDZ.js";
+import "./chunks/chunk.GTIQNRYF.js";
 import "./chunks/chunk.5C3IFF3A.js";
 import {
   dialog_default
-} from "./chunks/chunk.5KFF5WDY.js";
+} from "./chunks/chunk.F5RJLQDS.js";
 import {
   divider_default
-} from "./chunks/chunk.IMSQ4T6E.js";
-import "./chunks/chunk.YXFOI64K.js";
+} from "./chunks/chunk.V2U4K7OC.js";
+import "./chunks/chunk.OMV7GVII.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.NTRLT76V.js";
+import "./chunks/chunk.EQDRZGD6.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.CFRK56CV.js";
-import "./chunks/chunk.XNKB2F2W.js";
-import "./chunks/chunk.DFK2PRNS.js";
+} from "./chunks/chunk.3XPF2ZUG.js";
+import "./chunks/chunk.IRIYUAJY.js";
+import "./chunks/chunk.2DGMS4FV.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.OTFLAIKW.js";
+import "./chunks/chunk.YLA3TJDX.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.Y73HSZCU.js";
-import "./chunks/chunk.QKRZD7YM.js";
+} from "./chunks/chunk.Z37KYHBF.js";
+import "./chunks/chunk.NYFVGD4T.js";
 import "./chunks/chunk.TKNBZNA7.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.3F774AL5.js";
-import "./chunks/chunk.SBV6V4MD.js";
-import "./chunks/chunk.BP6M6BXJ.js";
+} from "./chunks/chunk.6SW3JAKP.js";
+import "./chunks/chunk.J42LFWJE.js";
+import "./chunks/chunk.WJYMBXO3.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.G3KRSXVI.js";
+import "./chunks/chunk.R7DJWLTC.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.O2J5DFS6.js";
+import "./chunks/chunk.K6D7S3YG.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -239,64 +239,62 @@ import "./chunks/chunk.3NXKLKWH.js";
 import "./chunks/chunk.G4URZQCL.js";
 import "./chunks/chunk.IEVIYOID.js";
 import "./chunks/chunk.QC7X32ZP.js";
-import "./chunks/chunk.TRGOAYBG.js";
+import "./chunks/chunk.FD2CG2HT.js";
 import {
   button_default
-} from "./chunks/chunk.4QIBB6F7.js";
+} from "./chunks/chunk.I3V32UW6.js";
 import {
   button_group_default
-} from "./chunks/chunk.MPGCWXRN.js";
-import "./chunks/chunk.2P42TWJC.js";
+} from "./chunks/chunk.HWJPLAQI.js";
+import "./chunks/chunk.3O7RHLDE.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.Q66H5JA3.js";
-import "./chunks/chunk.KJAASY4X.js";
+} from "./chunks/chunk.VDVV2TEV.js";
+import "./chunks/chunk.EZLGTSNQ.js";
 import "./chunks/chunk.UT6RKBNF.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.IRCJGHQH.js";
+} from "./chunks/chunk.GHI767FH.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.JUGAR7WL.js";
-import "./chunks/chunk.YSIEZZXC.js";
+} from "./chunks/chunk.JEU3XS2U.js";
+import "./chunks/chunk.BY25GXYZ.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.TMUFDIVN.js";
-import "./chunks/chunk.W7MIBTKU.js";
+import "./chunks/chunk.MQK2OKFA.js";
+import "./chunks/chunk.SMFSDEEQ.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
 import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
-  alert_default
-} from "./chunks/chunk.LO2YGOUQ.js";
+  accordion_default
+} from "./chunks/chunk.LQPPJTWA.js";
 import {
   badge_default
-} from "./chunks/chunk.FMNQHIYM.js";
-import "./chunks/chunk.53WASOQJ.js";
+} from "./chunks/chunk.6ZMRD5EB.js";
+import "./chunks/chunk.K7MGUFJL.js";
 import "./chunks/chunk.NQ4HEUZZ.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.UKOHKRVR.js";
+import "./chunks/chunk.QH4E7254.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
-  accordion_default
-} from "./chunks/chunk.EM34XAIK.js";
-import "./chunks/chunk.OQFR7442.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.DTZOPFUY.js";
+  alert_default
+} from "./chunks/chunk.LRFK2SKK.js";
+import "./chunks/chunk.UCNMHEPF.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.4NKB647A.js";
+import "./chunks/chunk.SLTOBVBL.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.D5TUJ7H4.js";
+import "./chunks/chunk.YUWOVCYX.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -315,6 +313,9 @@ import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import "./chunks/chunk.MX72UPWV.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.QVRDABLT.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -328,9 +329,8 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.LJOGOH4A.js";
-import "./chunks/chunk.MX72UPWV.js";
-import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.AJ4C6ZUX.js";
+import "./chunks/chunk.WNUZ6LH4.js";
 import "./chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as SynAccordion,

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.",
@@ -90,6 +67,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.67.0",
+  "version": "2.69.0",
   "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/stylelint-config-syn": "0.1.0",
     "@synergy-design-system/tokens": "2.45.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/details/details.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .details {\n    background-color: unset;\n    border-color: var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-none);\n    border-width: 0 0 var(--syn-border-width-small);\n  }\n\n  /** #429: Use token for opacity */\n  .details--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  .details__summary-icon {\n    align-self: flex-start;\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-spacing-large);\n\n    /**\n     * As we are using an alignment of \"start\"  instead of \"center\" make sure\n     * the arrow starts on the same visual line as the first line of headline text\n     */\n    position: relative;\n    top: 2px;\n  }\n\n  .details .details__summary {\n    color: var(--syn-typography-color-text);\n  }\n\n  .details__header {\n    gap: var(--syn-spacing-medium);\n  }\n\n  /**\n   * As we are using top/down arrows for the details element,\n   * we have to adjust the rotation of the icon when the details is open.\n   */\n  .details--open .details__summary-icon {\n    rotate: var(--syn-details-open-rotation, 360deg);\n  }\n\n  /**\n   * Adjustments for medium variant\n   */\n  .details--size-medium .details__header {\n    padding: var(--syn-spacing-medium-large) 0;\n  }\n\n  .details--size-medium .details__content {\n    font-size: var(--syn-font-size-small);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-medium .details__summary {\n    font: var(--syn-body-medium-regular);\n  }\n\n  .details--size-medium .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Adjustment for large variant\n   */\n  .details--size-large .details__header {\n    padding: var(--syn-spacing-large) 0;\n  }\n\n  .details--size-large .details__content {\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium-large) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-large .details__summary {\n    font: var(--syn-body-large-regular);\n  }\n\n  .details--size-large .details__summary-icon {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .details--size-large .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-x-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Mark the details as open by adjusting its label\n   */\n  .details--open .details__summary {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /**\n   * Add a visually visible hover effect to the summary element\n   */\n  .details:not(.details--disabled) .details__header:hover .details__summary,\n  .details:not(.details--disabled) .details__header:hover .details__summary-icon {\n    color: var(--syn-color-primary-700);\n  }\n\n  /**\n   *  Contained style\n   */\n  .details--contained {\n    background-color: var(--syn-panel-background-color);\n    border-radius: var(--syn-border-radius-medium);\n    border-width: var(--syn-panel-border-width);\n  }\n\n  .details--contained .details__header:focus-visible {\n    border-radius: var(--syn-border-radius-medium);\n  }\n\n  .details--size-medium.details--contained .details__header {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large);\n  }\n\n  .details--size-medium.details--contained .details__content {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__header {\n    padding: var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__content {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.G3KRSXVI.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    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    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));\n  }\n\n  .option:not(.option--current) {\n    color: var(--syn-color-neutral-950);\n  }\n\n  /** #429: Use token for opacity */\n  .option--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .option__label {\n    line-height: var(--syn-line-height-normal);\n  }\n\n  .option__check {\n    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-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-color-neutral-800);\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option--current .option__prefix::slotted(syn-icon),\n  .option--current .option__suffix::slotted(syn-icon) {\n    color: var(--syn-color-neutral-0);\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: var(--syn-color-neutral-950);\n    font: var(--syn-body-medium-bold);\n  }\n\n  :host([aria-selected='true']) .option__label::slotted(.syn-highlight-style) {\n    color: var(--syn-color-neutral-0);\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;",
-  "names": []
-}

package/dist/chunks/chunk.MJ7R4QQT.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-color-neutral-950);\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-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": []
-}