@synergy-design-system/components 2.74.3 → 2.74.4

package/dist/components/tooltip/tooltip.js

@@ -1,10 +1,10 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.564TDKI4.js";
-import "../../chunks/chunk.DV27L2WV.js";
+} from "../../chunks/chunk.J3ENNQPZ.js";
+import "../../chunks/chunk.PV7RLGD4.js";
 import "../../chunks/chunk.E7LBPRDC.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.B7X66MC5.js";
+import "../../chunks/chunk.ETEGLGBQ.js";
 import "../../chunks/chunk.36EHOOOO.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7DWGONGW.js";
+import "../../chunks/chunk.FOSWTCLV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   tooltip_default as default

package/dist/components/validate/utility.js

@@ -6,8 +6,8 @@ import {
   isInvalidEvent,
   isSynergyElement,
   normalizeEventAttribute
-} from "../../chunks/chunk.EB25AQVP.js";
-import "../../chunks/chunk.7DWGONGW.js";
+} from "../../chunks/chunk.JCSOB5EK.js";
+import "../../chunks/chunk.FOSWTCLV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   alertSizeForInput,

package/dist/components/validate/validate.component.js

@@ -1,18 +1,18 @@
 import {
   SynValidate
-} from "../../chunks/chunk.AZPMQVOW.js";
-import "../../chunks/chunk.EB25AQVP.js";
+} from "../../chunks/chunk.ASNF6T3D.js";
+import "../../chunks/chunk.JCSOB5EK.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.C5DYVNWK.js";
+import "../../chunks/chunk.54RQXIA6.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.X72QE5BC.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.TOTIIH7U.js";
+import "../../chunks/chunk.WVR5S62X.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -29,7 +29,7 @@ import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7DWGONGW.js";
+import "../../chunks/chunk.FOSWTCLV.js";
 import "../../chunks/chunk.ZCUURSJU.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/components/validate/validate.js

@@ -1,19 +1,19 @@
 import {
   validate_default
-} from "../../chunks/chunk.JKZKZIED.js";
-import "../../chunks/chunk.AZPMQVOW.js";
-import "../../chunks/chunk.EB25AQVP.js";
+} from "../../chunks/chunk.EKUOSUGG.js";
+import "../../chunks/chunk.ASNF6T3D.js";
+import "../../chunks/chunk.JCSOB5EK.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.C5DYVNWK.js";
+import "../../chunks/chunk.54RQXIA6.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.X72QE5BC.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.TOTIIH7U.js";
+import "../../chunks/chunk.WVR5S62X.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -30,7 +30,7 @@ import "../../chunks/chunk.YBZFYBWC.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7DWGONGW.js";
+import "../../chunks/chunk.FOSWTCLV.js";
 import "../../chunks/chunk.ZCUURSJU.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/custom-elements.json

@@ -16372,7 +16372,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.74.3",
+    "version": "2.74.4",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.74.3
+ * @synergy-design-system/components version 2.74.4
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.JKZKZIED.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.EN34MWPO.js";
+} from "./chunks/chunk.6C2KOZCZ.js";
 import {
   tooltip_default
-} from "./chunks/chunk.564TDKI4.js";
-import "./chunks/chunk.AZPMQVOW.js";
-import "./chunks/chunk.EB25AQVP.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.JFWUJ5J2.js";
+} from "./chunks/chunk.QQLKBD4F.js";
 import {
   tag_default
-} from "./chunks/chunk.X2ZEZ4IB.js";
-import "./chunks/chunk.HSRVNDYY.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.SY4S4B52.js";
+} from "./chunks/chunk.ARCJD37G.js";
 import {
   tab_group_default
-} from "./chunks/chunk.AF74WM7E.js";
-import "./chunks/chunk.HPD2QDBH.js";
+} from "./chunks/chunk.KLR4ZUWI.js";
+import "./chunks/chunk.CHZ5UXWD.js";
 import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.RM35KF3L.js";
+import "./chunks/chunk.XH5DFZZW.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.JX2DW2EO.js";
+} from "./chunks/chunk.NIGSCCQH.js";
 import {
   switch_default
-} from "./chunks/chunk.NQXJKPJY.js";
-import "./chunks/chunk.3CQ4HBPW.js";
+} from "./chunks/chunk.MSL4SOOF.js";
+import "./chunks/chunk.D7CB4XWR.js";
 import "./chunks/chunk.22DCIF5D.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.NSD4MJKE.js";
+import "./chunks/chunk.OX2WQUTC.js";
 import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.YJ43EDUO.js";
+} from "./chunks/chunk.C2B3B6K4.js";
 import {
   side_nav_default
-} from "./chunks/chunk.BICQDR2W.js";
-import "./chunks/chunk.ZMSDQMKX.js";
+} from "./chunks/chunk.KA3C5R4Y.js";
+import "./chunks/chunk.BJFH6JN2.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.YNGQUJVV.js";
-import "./chunks/chunk.B7Y2LYD4.js";
+} from "./chunks/chunk.Y6OREXLF.js";
+import "./chunks/chunk.WMX4RXGQ.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.S446HPMA.js";
+import "./chunks/chunk.A2D2IAOW.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.TY2BGJ5J.js";
-import "./chunks/chunk.7LFDR6O4.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.3EOF6Q2X.js";
-import "./chunks/chunk.ZCVXKNQZ.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.KPQYUOUV.js";
-import "./chunks/chunk.L3HYHAOI.js";
-import "./chunks/chunk.DV27L2WV.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.7PG7GM6I.js";
+} from "./chunks/chunk.C3K7MD4D.js";
 import {
   radio_default
-} from "./chunks/chunk.2EBHVY4M.js";
-import "./chunks/chunk.CJEPYACC.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.TQZKVH6S.js";
-import "./chunks/chunk.NSF63JKA.js";
+} from "./chunks/chunk.SN45QLA4.js";
+import "./chunks/chunk.3WMZRG2O.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.BQY3FPHF.js";
-import "./chunks/chunk.YJWUPR2S.js";
+} from "./chunks/chunk.64R7XRPQ.js";
+import "./chunks/chunk.XEA6W5UN.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.USVA6FAM.js";
+import "./chunks/chunk.ERUYV6G2.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.VB7Z3OGM.js";
+} from "./chunks/chunk.72XTCOPS.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.7DC7VDUZ.js";
-import "./chunks/chunk.FJWNYN2A.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.UESUJAME.js";
-import "./chunks/chunk.U4A7ZF62.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.7APDEVQM.js";
+} from "./chunks/chunk.Q6YG3BQL.js";
 import {
   menu_label_default
-} from "./chunks/chunk.V7G72FV4.js";
-import "./chunks/chunk.RE6QBGDA.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.HEJZSUQA.js";
-import "./chunks/chunk.BEKZFUN3.js";
+} from "./chunks/chunk.Q4BF3BVQ.js";
+import "./chunks/chunk.I2GVGBNK.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.IRJ5PBNY.js";
-import "./chunks/chunk.QTB2ZBWC.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.MSX3OKAU.js";
-import "./chunks/chunk.SEJDQ2P6.js";
+} from "./chunks/chunk.EY74MSLY.js";
+import "./chunks/chunk.XGBSRFQ2.js";
 import "./chunks/chunk.V4HPWQE7.js";
-import "./chunks/chunk.KJD7JSLN.js";
+import "./chunks/chunk.OAAB4YO4.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.YSLRNARR.js";
+} from "./chunks/chunk.FXJRSPZL.js";
 import {
   input_default
-} from "./chunks/chunk.2FS555LI.js";
-import "./chunks/chunk.ZDBS4J7G.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.QQKBC765.js";
+} from "./chunks/chunk.W45HCBL4.js";
 import {
   header_default
-} from "./chunks/chunk.BRP63RYM.js";
-import "./chunks/chunk.2XDJS7E4.js";
+} from "./chunks/chunk.6V2C7WZM.js";
+import "./chunks/chunk.4RLM52TX.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.ICCDTTUU.js";
+} from "./chunks/chunk.U5HM6HOK.js";
 import {
   drawer_default
-} from "./chunks/chunk.EMDEMBGU.js";
+} from "./chunks/chunk.CDMURJPI.js";
 import {
   dropdown_default
-} from "./chunks/chunk.VETRXZL5.js";
-import "./chunks/chunk.GVQD4X3Z.js";
+} from "./chunks/chunk.S5RYPLSE.js";
+import "./chunks/chunk.PFYF5DIA.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.W3P33IAP.js";
+import "./chunks/chunk.L3MA7MD6.js";
 import "./chunks/chunk.5C3IFF3A.js";
 import {
   dialog_default
-} from "./chunks/chunk.PZLRY7UV.js";
+} from "./chunks/chunk.OMLDIQQJ.js";
 import {
   divider_default
-} from "./chunks/chunk.AHDFSH75.js";
-import "./chunks/chunk.L6K5CQ4T.js";
+} from "./chunks/chunk.VFOSKTS3.js";
+import "./chunks/chunk.JXD6UCMG.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.PUHGMEFB.js";
+import "./chunks/chunk.J5SLBTPO.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.DS75MUEB.js";
-import "./chunks/chunk.O6BBZHJ4.js";
+} from "./chunks/chunk.ZWEBVNWL.js";
+import "./chunks/chunk.42BGLTQ3.js";
 import "./chunks/chunk.2DGMS4FV.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.GEVJTVIQ.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.TYMYZ3KK.js";
-import "./chunks/chunk.HM4QXG7D.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.GYD4OFXA.js";
-import "./chunks/chunk.URR6JD5B.js";
-import "./chunks/chunk.UOS4HCGH.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.B7X66MC5.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.Y5BS3KV6.js";
+} from "./chunks/chunk.64TADLQM.js";
 import {
   button_group_default
-} from "./chunks/chunk.7KLQN45I.js";
-import "./chunks/chunk.LB23NYLC.js";
+} from "./chunks/chunk.KGKWLJBO.js";
+import "./chunks/chunk.CZKMOCWP.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.XSR6GBIK.js";
-import "./chunks/chunk.AI3OC46S.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.O5B5TARH.js";
+} from "./chunks/chunk.QHKKPNTL.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.JI2LCPHP.js";
-import "./chunks/chunk.KJ5HFVFI.js";
+} from "./chunks/chunk.UOVZXEVU.js";
+import "./chunks/chunk.QA2YR4UP.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.VEFOMHYJ.js";
-import "./chunks/chunk.SWFJUTWS.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.HYGG3QCF.js";
+} from "./chunks/chunk.4OIAXFFB.js";
 import {
   badge_default
-} from "./chunks/chunk.DE3KZ72G.js";
-import "./chunks/chunk.FAA3R4OT.js";
+} from "./chunks/chunk.4O4VBTMM.js";
+import "./chunks/chunk.Y33FBZC2.js";
 import "./chunks/chunk.CCEFC33U.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.K2LLJIBB.js";
+import "./chunks/chunk.KAITRHY6.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.JIIWV3RO.js";
-import "./chunks/chunk.62LGIN6Y.js";
+} from "./chunks/chunk.IKPI2VBY.js";
+import "./chunks/chunk.UW54JYTX.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.C5DYVNWK.js";
+import "./chunks/chunk.54RQXIA6.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.X72QE5BC.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.TOTIIH7U.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.7DWGONGW.js";
+import "./chunks/chunk.FOSWTCLV.js";
 import "./chunks/chunk.ZCUURSJU.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.74.3",
+  "version": "2.74.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -99,8 +99,8 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
-    "@synergy-design-system/tokens": "2.46.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"
   },
   "dependencies": {

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.KJD7JSLN.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  /**\n   * #1009: Adjust the position for submenus when they are opened to the left, too.\n   * This works because the data-current-placement attribute is set on the popup accordingly.\n   * We do not use the actual placement attribute, because it does not update when the placement changes\n   */\n  syn-popup[data-current-placement^=\"left\"]::part(popup) {\n    margin-left: calc(-1 * var(--submenu-offset));\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;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": []
-}