@synergy-design-system/components 2.71.0 → 2.73.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.3VAJYOFB.js";
+} from "./chunks/chunk.S7B5DBIP.js";
 import {
   getFormControls,
   serialize
@@ -9,63 +9,63 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.JMPLR6H6.js";
+} from "./chunks/chunk.AWAMMUVW.js";
 import {
   tooltip_default
-} from "./chunks/chunk.UINZPVYK.js";
-import "./chunks/chunk.KWXQTQKP.js";
-import "./chunks/chunk.DSSAYPOW.js";
+} from "./chunks/chunk.PXNNJTOT.js";
+import "./chunks/chunk.CKZLY55F.js";
+import "./chunks/chunk.47OCXPC2.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.NMCC67DP.js";
+} from "./chunks/chunk.ZEMPBMVZ.js";
 import {
   tag_default
-} from "./chunks/chunk.QQE3XOIA.js";
-import "./chunks/chunk.WPGYWAIX.js";
+} from "./chunks/chunk.CZQX6KFZ.js";
+import "./chunks/chunk.FLJJUPTJ.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.NWHSTRM3.js";
+} from "./chunks/chunk.LCOJAAQW.js";
 import {
   tab_group_default
-} from "./chunks/chunk.3KS2XLSF.js";
-import "./chunks/chunk.JVWT4WLF.js";
+} from "./chunks/chunk.AHT6TPFK.js";
+import "./chunks/chunk.ES2CV7ME.js";
 import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.MU4EDBAX.js";
+import "./chunks/chunk.YZ4Z63CZ.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.QBM3UGVU.js";
+} from "./chunks/chunk.RHHP7G34.js";
 import {
   switch_default
-} from "./chunks/chunk.W4QPFL77.js";
-import "./chunks/chunk.ZFTZJ5T6.js";
-import "./chunks/chunk.ESOR5SLZ.js";
+} from "./chunks/chunk.3ZZEUDG5.js";
+import "./chunks/chunk.RB35XGXK.js";
+import "./chunks/chunk.22DCIF5D.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.QF7QQVLJ.js";
+import "./chunks/chunk.R4YLI5E3.js";
 import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.LWVCEO3J.js";
+} from "./chunks/chunk.TQFJ5OZL.js";
 import {
   side_nav_default
-} from "./chunks/chunk.F4JZTGKR.js";
-import "./chunks/chunk.ZNUMNI5L.js";
+} from "./chunks/chunk.FNST3JTY.js";
+import "./chunks/chunk.GQTFJIMV.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.2VCIVH2Z.js";
-import "./chunks/chunk.TZ7OV3VR.js";
+} from "./chunks/chunk.UCJBUSYD.js";
+import "./chunks/chunk.ASDVIXL3.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.6UVL4MUE.js";
+import "./chunks/chunk.CZNAV5UR.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.56IQZIDR.js";
-import "./chunks/chunk.2DKY5L24.js";
+import "./chunks/chunk.FR2KY6TI.js";
+import "./chunks/chunk.CIIVORI3.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -73,90 +73,90 @@ import "./chunks/chunk.35YL2IRX.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.37IIWTSW.js";
-import "./chunks/chunk.EBXM3ONF.js";
+} from "./chunks/chunk.VV75GM3K.js";
+import "./chunks/chunk.UC4I66RJ.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.X77OZ52W.js";
-import "./chunks/chunk.KA42APJG.js";
-import "./chunks/chunk.3BVL75QV.js";
+} from "./chunks/chunk.RNHG6ZUP.js";
+import "./chunks/chunk.GQ4IRFVL.js";
+import "./chunks/chunk.WSRQ5GP4.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.55QFXRAX.js";
+} from "./chunks/chunk.AIF24FJH.js";
 import {
   radio_default
-} from "./chunks/chunk.DCCLMBLH.js";
-import "./chunks/chunk.5WHOP4XG.js";
-import "./chunks/chunk.JK6P7JZN.js";
+} from "./chunks/chunk.S7BMHTCB.js";
+import "./chunks/chunk.5NDPD5HQ.js";
+import "./chunks/chunk.LDACFPRF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.GTUHB7FC.js";
-import "./chunks/chunk.EUK72RIB.js";
+} from "./chunks/chunk.SDI7L5YR.js";
+import "./chunks/chunk.5TZKPREU.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.NFBXWA2I.js";
-import "./chunks/chunk.WICZKIJ6.js";
+} from "./chunks/chunk.ABZPCJFV.js";
+import "./chunks/chunk.L4FYGO42.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.UTJY6LGB.js";
+import "./chunks/chunk.6IMHOEF7.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.G4E7BCO7.js";
+} from "./chunks/chunk.3OIRWYIG.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.SOO3TKBX.js";
-import "./chunks/chunk.UYMC4T5E.js";
+} from "./chunks/chunk.3NVB2UCU.js";
+import "./chunks/chunk.2BKCPCHZ.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.2NA4YFOX.js";
-import "./chunks/chunk.WXA7HKS5.js";
+} from "./chunks/chunk.LR2Y7UN7.js";
+import "./chunks/chunk.CUOZ5OIP.js";
 import "./chunks/chunk.IIZLPLW2.js";
 import {
   option_default
-} from "./chunks/chunk.6XJROO2X.js";
+} from "./chunks/chunk.UZK44DY3.js";
 import {
   menu_label_default
-} from "./chunks/chunk.67FYUDT3.js";
-import "./chunks/chunk.SXFFD6AK.js";
+} from "./chunks/chunk.3JA6FMKF.js";
+import "./chunks/chunk.4FM4ISDS.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.B7LBBGRW.js";
-import "./chunks/chunk.C4KZK4HD.js";
+} from "./chunks/chunk.XANL2ZJ5.js";
+import "./chunks/chunk.IEA6FO3D.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.3NUCWRM5.js";
-import "./chunks/chunk.CXWN53M6.js";
+} from "./chunks/chunk.GPT77P4Z.js";
+import "./chunks/chunk.3JMUCVZH.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.SPUI3R5I.js";
-import "./chunks/chunk.H4PQFVNK.js";
+} from "./chunks/chunk.B6K5ZREQ.js";
+import "./chunks/chunk.7U53IPZA.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import "./chunks/chunk.SZEHOV5P.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.HPLHLTTX.js";
+} from "./chunks/chunk.J26JMFV5.js";
 import {
   input_default
-} from "./chunks/chunk.NOY7DG4X.js";
-import "./chunks/chunk.PF72NOHR.js";
+} from "./chunks/chunk.KYGDIQ5N.js";
+import "./chunks/chunk.IXLV4ZB3.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.DWMBZFGD.js";
+} from "./chunks/chunk.JT6DR43X.js";
 import {
   header_default
-} from "./chunks/chunk.LT6LCQHR.js";
-import "./chunks/chunk.NEHQ5FZL.js";
+} from "./chunks/chunk.W2WXZTIU.js";
+import "./chunks/chunk.VIUCAESU.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.FW3LVSCL.js";
+} from "./chunks/chunk.NJRVG2XC.js";
 import {
   drawer_default
-} from "./chunks/chunk.TQX5XVW5.js";
+} from "./chunks/chunk.RNM5TST3.js";
 import {
   dropdown_default
-} from "./chunks/chunk.ID7VTRYO.js";
-import "./chunks/chunk.FGIR2VWV.js";
+} from "./chunks/chunk.N5B7ROKG.js";
+import "./chunks/chunk.V7POA4NO.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.FMCCQAKO.js";
+import "./chunks/chunk.S65UVA3I.js";
 import "./chunks/chunk.5C3IFF3A.js";
 import {
   dialog_default
-} from "./chunks/chunk.GJP3FNK3.js";
+} from "./chunks/chunk.3ZQI775Q.js";
 import {
   divider_default
-} from "./chunks/chunk.VM6KZRUG.js";
-import "./chunks/chunk.NNO7TMKL.js";
+} from "./chunks/chunk.LK4OOOQO.js";
+import "./chunks/chunk.L6SPUHJC.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.66R4YI6J.js";
+import "./chunks/chunk.LRHGJ6L5.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.2FKOIZMT.js";
-import "./chunks/chunk.BRGWV5ER.js";
+} from "./chunks/chunk.TV4GZH7P.js";
+import "./chunks/chunk.W2WK5T3G.js";
 import "./chunks/chunk.2DGMS4FV.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.R5RBZDOH.js";
+import "./chunks/chunk.AVIIZWKY.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.R626LMO4.js";
-import "./chunks/chunk.UOB3NVJM.js";
-import "./chunks/chunk.TKNBZNA7.js";
+} from "./chunks/chunk.5KLXRQPC.js";
+import "./chunks/chunk.GUNTEVBH.js";
+import "./chunks/chunk.VI3SIT3O.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.R5S672LM.js";
-import "./chunks/chunk.CL342DJI.js";
-import "./chunks/chunk.N3HBWCU4.js";
+} from "./chunks/chunk.7X7O65KW.js";
+import "./chunks/chunk.NMRMJK7Y.js";
+import "./chunks/chunk.6V7WE424.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.R7DJWLTC.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.OK77NCQS.js";
+import "./chunks/chunk.ZCB6UEMT.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -242,29 +242,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.FD2CG2HT.js";
 import {
   button_default
-} from "./chunks/chunk.CVRLXYTH.js";
+} from "./chunks/chunk.EARF7OBF.js";
 import {
   button_group_default
-} from "./chunks/chunk.F6GMEYHS.js";
-import "./chunks/chunk.CPYKMVWJ.js";
+} from "./chunks/chunk.FWZNXMFG.js";
+import "./chunks/chunk.RR6BPVSN.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.A2B26PJQ.js";
-import "./chunks/chunk.6XHVA7BY.js";
-import "./chunks/chunk.UT6RKBNF.js";
+} from "./chunks/chunk.7TAY4YHN.js";
+import "./chunks/chunk.VW5DBFGP.js";
+import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.VI5LOLWV.js";
+} from "./chunks/chunk.EB3LQEID.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.XTT64S33.js";
-import "./chunks/chunk.KRIYOE56.js";
+} from "./chunks/chunk.EQE67QRQ.js";
+import "./chunks/chunk.UVK4DVH3.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.CSPT3IMV.js";
-import "./chunks/chunk.T73WIZ2I.js";
+import "./chunks/chunk.LXTLKNU6.js";
+import "./chunks/chunk.6OZQYFEA.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.YTQ2LMDE.js";
+} from "./chunks/chunk.V7PSR7EP.js";
 import {
   badge_default
-} from "./chunks/chunk.44TDUWQZ.js";
-import "./chunks/chunk.54KP5ODC.js";
+} from "./chunks/chunk.TS4WDODQ.js";
+import "./chunks/chunk.5MF3YX5J.js";
 import "./chunks/chunk.CCEFC33U.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.QNW7NSOH.js";
+import "./chunks/chunk.JN4NHGHU.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.PAWJUNCS.js";
-import "./chunks/chunk.2DG5LAJP.js";
+} from "./chunks/chunk.GCRQJDMQ.js";
+import "./chunks/chunk.H6HVKYOU.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.6QH5J7OI.js";
+import "./chunks/chunk.FCBPZVHF.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.7LH3QOI4.js";
+import "./chunks/chunk.FNE4UZQR.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.6OVMIMPQ.js";
+import "./chunks/chunk.Q4YWD2X6.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -328,7 +328,7 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.B6FZGDKK.js";
+import "./chunks/chunk.FJREQCBR.js";
 import "./chunks/chunk.MX72UPWV.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.",
@@ -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.",
@@ -289,6 +289,11 @@
       "name": "syn-card",
       "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
       "attributes": [
+        {
+          "name": "shadow",
+          "description": "Draws the card with a shadow. Can be used when the card has to stand out visually, for example in dashboards.",
+          "values": []
+        },
         {
           "name": "sharp",
           "description": "Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy.",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.71.0",
+  "version": "2.73.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/eslint-config-syn": "0.1.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/tokens": "2.46.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
@@ -111,7 +111,7 @@
     "lit": "^3.3.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.45.0"
+    "@synergy-design-system/tokens": "^2.46.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/switch/switch.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host([size='small']) {\n    --height: calc(var(--syn-toggle-size-medium) + 2px);\n    --thumb-size: var(--syn-toggle-size-small);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='medium']) {\n    --height: calc(var(--syn-toggle-size-medium) + 4px);\n    --thumb-size: var(--syn-toggle-size-medium);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='large']) {\n    --height: calc(var(--syn-toggle-size-large) + 4px);\n    --thumb-size: var(--syn-toggle-size-large);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  /** #429: Use token for opacity */\n  .switch--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .switch.switch--small {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--medium {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--large {\n    padding: var(--syn-spacing-3x-small) 0;\n  }\n\n  /* Hint: can be removed, if the padding stylings for sizes from above are removed */\n  .form-control--has-help-text .switch {\n    padding-bottom: 0;\n  }\n\n  .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border: solid var(--syn-border-width-medium) var(--syn-input-icon-icon-clearable-color);\n  }\n\n  .switch__control .switch__thumb {\n    border: none;\n  }\n\n  /* Checked */\n  .switch--checked .switch__control {\n    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n  }\n\n  /* Hover */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-input-icon-icon-clearable-color-hover);\n    border-color: var(--syn-input-icon-icon-clearable-color-hover);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Checked + hover */\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Focus */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border-color: var(--syn-input-icon-icon-clearable-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  /* Checked + focus */\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  .switch__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n  \n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {\n    background-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));\n    border-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));\n  }\n\n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));\n    border-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/radio/radio.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host(:focus-visible) .radio__control {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /** #429: Use token for opacity */\n  .radio--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Checked */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .radio--checked .radio__control {\n    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover  {\n    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));\n  }\n\n  /* Checked + active */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:active  {\n    background-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));\n    border-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));\n  }\n\n  /* Not-Checked + Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /* Not-Checked + active */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:active {\n    border-color: var(--syn-color-neutral-1000);\n  }\n\n  /* Fix#456: Multi line radio fixes */\n  .radio__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .radio--small .radio__label {\n    font: var(--syn-body-small-regular);\n    top: -3px;\n  }\n\n  .radio--medium .radio__label {\n    font: var(--syn-body-medium-regular);\n    top: -3px;\n  }\n\n  .radio--large .radio__label {\n    font: var(--syn-body-large-regular);\n    top: -2px;\n  }\n\n  /* /Fix#456 */\n\n  /**\n   * #920: The new icons are instances in figma.\n   * The width of the system icon is 12px x 12px, so there is no inner padding.\n   * To accommodate for this, we need to set the width and height of the icon to 50% to get the same result as before.\n   */\n  .radio__checked-icon {\n    scale: 0.5;\n  }\n\n  .radio--small .radio__label, .radio--large .radio__label  {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.TKNBZNA7.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/checkbox/checkbox.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .checkbox__control {\n    border-radius: var(--syn-checkbox-border-radius, var(--syn-input-border-radius-small));\n  }\n\n  :host([data-user-invalid]) .checkbox__control {\n    background: var(--syn-input-border-color-focus-error);\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  /**\n   * #943: When invalid, use a transparent background if not checked or indeterminate\n   */\n  :host([data-user-invalid]:not([checked]):not([indeterminate])) .checkbox__control {\n    background: transparent;\n  }\n\n  /** #429: Use token for opacity */\n  .checkbox--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /**\n   * Hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-input-background-color-hover);\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /**\n   * Checked/indeterminate + hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox.checkbox--checked:not(.checkbox--disabled):hover .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n  }\n\n  .checkbox__label {\n    line-height: var(--syn-line-height-normal);\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .checkbox--small .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--medium .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--large .checkbox__label {\n    top: -2px;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.UT6RKBNF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/card/card.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --border-color: var(--syn-panel-border-color);\n    --border-width: var(--syn-border-width-small);\n    --border-radius: var(--syn-border-radius-medium);\n  }\n\n  .card {\n    box-shadow: none;\n  }\n\n  /**\n   * Header adjustments\n   */\n  .card__header {\n    border: none;\n    color: var(--syn-typography-color-text);\n    font: var(--syn-heading-large);\n    line-height: var(--syn-line-height-normal);\n  }\n\n  /**\n   * Card body\n   */\n  .card__body {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-medium-regular);\n  }\n\n  /**\n   * Card Footer\n   */\n  .card--has-footer .card__footer {\n    border-top: none;\n    padding: var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  /**\n   * Cards that are sharp do not receive a border radius\n   */\n  .card--sharp {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n  /**\n   * Do not apply border radius to sharp card images\n   */\n  .card--sharp .card__image {\n    border-top-left-radius: var(--syn-border-radius-none);\n    border-top-right-radius: var(--syn-border-radius-none);\n  }\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;AAAA;AAAA;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": []
-}