@synergy-design-system/components 2.9.0 → 2.10.0

package/dist/components/tag/tag.js

@@ -1,13 +1,13 @@
 import {
   tag_default
-} from "../../chunks/chunk.55MDWDIM.js";
-import "../../chunks/chunk.NZ7F7KWE.js";
+} from "../../chunks/chunk.2XI3236U.js";
+import "../../chunks/chunk.J3G6QW2N.js";
 import "../../chunks/chunk.6EPU7YUS.js";
 import "../../chunks/chunk.B6R3IVGO.js";
-import "../../chunks/chunk.JIMH242V.js";
+import "../../chunks/chunk.TK2SEGJ3.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.UCETUW7G.js";
+import "../../chunks/chunk.MK73B756.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.XZF7CNUC.js";
+import "../../chunks/chunk.Q2B76EVN.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tag_default as default

package/dist/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.QLTP4K6S.js";
+} from "../../chunks/chunk.RLINNCVI.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.CRA5CBMD.js";
 import "../../chunks/chunk.RBG37CD4.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.FKKJBKYL.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.XZF7CNUC.js";
+import "../../chunks/chunk.Q2B76EVN.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.QHU4ABUM.js";
-import "../../chunks/chunk.QLTP4K6S.js";
+} from "../../chunks/chunk.AODAJY2J.js";
+import "../../chunks/chunk.RLINNCVI.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.CRA5CBMD.js";
 import "../../chunks/chunk.RBG37CD4.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.FKKJBKYL.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.XZF7CNUC.js";
+import "../../chunks/chunk.Q2B76EVN.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.js

@@ -1,9 +1,9 @@
 import {
   SynTooltip
-} from "../../chunks/chunk.YYWXM4WC.js";
+} from "../../chunks/chunk.26D5YTYY.js";
 import "../../chunks/chunk.O644HRW3.js";
 import "../../chunks/chunk.4X3HY2V5.js";
-import "../../chunks/chunk.KBOXS7N3.js";
+import "../../chunks/chunk.CNZVE6DX.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.XZF7CNUC.js";
+import "../../chunks/chunk.Q2B76EVN.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTooltip as default

package/dist/components/tooltip/tooltip.js

@@ -1,10 +1,10 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.SPFDQH6T.js";
-import "../../chunks/chunk.YYWXM4WC.js";
+} from "../../chunks/chunk.VQXEJFCQ.js";
+import "../../chunks/chunk.26D5YTYY.js";
 import "../../chunks/chunk.O644HRW3.js";
 import "../../chunks/chunk.4X3HY2V5.js";
-import "../../chunks/chunk.KBOXS7N3.js";
+import "../../chunks/chunk.CNZVE6DX.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.XZF7CNUC.js";
+import "../../chunks/chunk.Q2B76EVN.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tooltip_default as default

package/dist/custom-elements.json

@@ -10312,6 +10312,21 @@
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the radio-group."
             }
           ],
           "events": [
@@ -15109,7 +15124,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.9.0",
+    "version": "2.10.0",
     "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.9.0
+ * @synergy-design-system/components version 2.10.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   tooltip_default
-} from "./chunks/chunk.SPFDQH6T.js";
+} from "./chunks/chunk.VQXEJFCQ.js";
 import {
   getFormControls,
   serialize
@@ -8,206 +8,206 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tag_default
-} from "./chunks/chunk.55MDWDIM.js";
+} from "./chunks/chunk.2XI3236U.js";
 import {
   textarea_default
-} from "./chunks/chunk.QHU4ABUM.js";
-import "./chunks/chunk.QLTP4K6S.js";
+} from "./chunks/chunk.AODAJY2J.js";
+import "./chunks/chunk.RLINNCVI.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.CRA5CBMD.js";
 import {
   tab_group_default
-} from "./chunks/chunk.JZOMFRH3.js";
+} from "./chunks/chunk.PCNLJVEP.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.3QDRELMB.js";
-import "./chunks/chunk.CSP23HJF.js";
+} from "./chunks/chunk.UJLZ2QDC.js";
+import "./chunks/chunk.AMIP2UTG.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.VBQMNQ62.js";
+} from "./chunks/chunk.YD3PBAPD.js";
 import {
   tab_default
-} from "./chunks/chunk.JDO2JD5M.js";
-import "./chunks/chunk.YTIRVF55.js";
+} from "./chunks/chunk.P2TJITXW.js";
+import "./chunks/chunk.Z3LFA3UL.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.BBUFEDXF.js";
-import "./chunks/chunk.BCQM76KP.js";
+import "./chunks/chunk.W3IXIXAW.js";
 import "./chunks/chunk.JQ47GWDL.js";
 import "./chunks/chunk.NGI67WXT.js";
 import {
   side_nav_default
-} from "./chunks/chunk.F7RGAQPL.js";
+} from "./chunks/chunk.VOAP3NDB.js";
 import {
   spinner_default
-} from "./chunks/chunk.H75DPHV2.js";
-import "./chunks/chunk.3VYGX742.js";
+} from "./chunks/chunk.YLTKZLPW.js";
+import "./chunks/chunk.GNTMBIJ3.js";
 import "./chunks/chunk.4TB35TYG.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import {
   range_tick_default
-} from "./chunks/chunk.YHD5W2UQ.js";
-import "./chunks/chunk.SUR4XZ42.js";
+} from "./chunks/chunk.JSWKJCBI.js";
+import "./chunks/chunk.JPOF4LH3.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   select_default
-} from "./chunks/chunk.XOJKD3VQ.js";
-import "./chunks/chunk.QMBYQFB7.js";
-import "./chunks/chunk.NZ7F7KWE.js";
+} from "./chunks/chunk.KNEOARH2.js";
+import "./chunks/chunk.N6BWVP65.js";
+import "./chunks/chunk.J3G6QW2N.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.ZO4VONAT.js";
 import "./chunks/chunk.35V3TAOT.js";
-import "./chunks/chunk.WGUSXZZB.js";
+import "./chunks/chunk.7GOVVZSB.js";
 import "./chunks/chunk.ONW45GQI.js";
 import {
   radio_group_default
-} from "./chunks/chunk.EYY4AGHU.js";
-import "./chunks/chunk.CMC6HPBA.js";
+} from "./chunks/chunk.VXO6HVQJ.js";
+import "./chunks/chunk.LXHBAJOV.js";
 import "./chunks/chunk.F4MRQLNL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.37CVTQTX.js";
-import "./chunks/chunk.XBJEFTDA.js";
-import "./chunks/chunk.YYWXM4WC.js";
+} from "./chunks/chunk.EFHN3WFF.js";
+import "./chunks/chunk.SVYLXCNV.js";
+import "./chunks/chunk.26D5YTYY.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.277APOW3.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.2X5NHB25.js";
+} from "./chunks/chunk.NQMWV7VN.js";
 import {
   radio_default
-} from "./chunks/chunk.PV5QKVOE.js";
-import "./chunks/chunk.W5ZMXOXI.js";
+} from "./chunks/chunk.MYRA54YM.js";
+import "./chunks/chunk.DUPIWX44.js";
 import "./chunks/chunk.V6VND4OF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.W2W7NV4F.js";
-import "./chunks/chunk.P2WZVE56.js";
+} from "./chunks/chunk.OATGGAX4.js";
+import "./chunks/chunk.PMKKQO7T.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.NOIMGFL3.js";
-import "./chunks/chunk.OZTT6WAF.js";
+} from "./chunks/chunk.4GNQ6O32.js";
+import "./chunks/chunk.WPVZBXLP.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.3UESDXCS.js";
+import "./chunks/chunk.TH7KMDVN.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.F6YOZYUA.js";
+} from "./chunks/chunk.YQBIXSD6.js";
 import {
   popup_default
-} from "./chunks/chunk.NSCVXKY7.js";
+} from "./chunks/chunk.ARJTPDLM.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.JFZI5G5H.js";
-import "./chunks/chunk.MNCHCSR6.js";
+} from "./chunks/chunk.CHVQD46H.js";
+import "./chunks/chunk.HTDUG42Y.js";
 import "./chunks/chunk.XNP4OTUB.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.5XPMUVXP.js";
-import "./chunks/chunk.CHARKLJB.js";
+} from "./chunks/chunk.UINVBAM3.js";
+import "./chunks/chunk.CRMLPCLE.js";
 import "./chunks/chunk.VGEA67UG.js";
 import {
   optgroup_default
-} from "./chunks/chunk.TRY5EJT3.js";
-import "./chunks/chunk.XXXW4D5Z.js";
+} from "./chunks/chunk.F3ZD24KL.js";
+import "./chunks/chunk.IKMMAH4B.js";
 import "./chunks/chunk.KG52EHDB.js";
-import "./chunks/chunk.BL5YP5LC.js";
+import "./chunks/chunk.MYG4CJSU.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.3B24TYVN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.SRNILISO.js";
+} from "./chunks/chunk.B3F3BNWM.js";
 import {
   menu_label_default
-} from "./chunks/chunk.FF4XVNSJ.js";
-import "./chunks/chunk.6J62NZLX.js";
+} from "./chunks/chunk.GHCHML7Q.js";
+import "./chunks/chunk.K7YLL5CA.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.AHEGI6FZ.js";
+} from "./chunks/chunk.TZRGUCZ4.js";
 import {
   menu_default
-} from "./chunks/chunk.KJT3IW7N.js";
-import "./chunks/chunk.2RFYTJAB.js";
+} from "./chunks/chunk.7F7UY7NU.js";
+import "./chunks/chunk.COQWVQKU.js";
 import "./chunks/chunk.PILX7LVU.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.V66SHZIC.js";
+import "./chunks/chunk.W6R37VXL.js";
 import "./chunks/chunk.OOABXWCW.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.JNP34M27.js";
 import {
   icon_button_default
-} from "./chunks/chunk.7UUAWIJB.js";
-import "./chunks/chunk.4C5GIKP3.js";
+} from "./chunks/chunk.6XJALKIW.js";
+import "./chunks/chunk.DW2HJJSS.js";
 import "./chunks/chunk.3A65FBTX.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.BTDIIQBG.js";
+} from "./chunks/chunk.NKY3SJPS.js";
 import {
   header_default
-} from "./chunks/chunk.JY6TLB3F.js";
-import "./chunks/chunk.I2CK5JGQ.js";
+} from "./chunks/chunk.QXPUV76T.js";
+import "./chunks/chunk.WODFNB4X.js";
 import "./chunks/chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunks/chunk.ZJSWNCRY.js";
+} from "./chunks/chunk.EAIV7Z3K.js";
 import {
   drawer_default
-} from "./chunks/chunk.WFLRTUIG.js";
+} from "./chunks/chunk.XOBCPI7L.js";
 import {
   dropdown_default
-} from "./chunks/chunk.5W5EERWV.js";
-import "./chunks/chunk.F7SWTNFX.js";
+} from "./chunks/chunk.LD2TWSEI.js";
+import "./chunks/chunk.TAGZXFGC.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.TJV4KHUM.js";
+import "./chunks/chunk.644G5ZQW.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.FH3NYJ4L.js";
+} from "./chunks/chunk.Q5M4VNQR.js";
 import {
   divider_default
-} from "./chunks/chunk.PNBZVGQV.js";
-import "./chunks/chunk.3DCZBMYA.js";
+} from "./chunks/chunk.RLOGLQOL.js";
+import "./chunks/chunk.WKIJW4LR.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.Q3JEAMAU.js";
+import "./chunks/chunk.MSEKAA7G.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.VIWDGJTE.js";
-import "./chunks/chunk.ZYFPCGIV.js";
+} from "./chunks/chunk.RR3DNJVV.js";
+import "./chunks/chunk.6HJMWLWM.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.PY4DOGR6.js";
+import "./chunks/chunk.K4HKXH3D.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.JB5U2ORZ.js";
-import "./chunks/chunk.EK3JKUPT.js";
+} from "./chunks/chunk.QXWZV7E3.js";
+import "./chunks/chunk.V3KVM2RV.js";
 import "./chunks/chunk.IG3RCOB3.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.VSVCNOAK.js";
-import "./chunks/chunk.2SW56VZY.js";
-import "./chunks/chunk.KBOXS7N3.js";
+} from "./chunks/chunk.6PUIEJZW.js";
+import "./chunks/chunk.3P6JDQH4.js";
+import "./chunks/chunk.CNZVE6DX.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -221,29 +221,29 @@ import "./chunks/chunk.DPCIJLV4.js";
 import "./chunks/chunk.J2OXSQAK.js";
 import {
   button_default
-} from "./chunks/chunk.CBZS6RX3.js";
+} from "./chunks/chunk.5PGT6VKW.js";
 import {
   button_group_default
-} from "./chunks/chunk.4M6WSXSN.js";
-import "./chunks/chunk.EL36JI6C.js";
+} from "./chunks/chunk.MZLFZF37.js";
+import "./chunks/chunk.YRIWLFVL.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.7TNVMTP6.js";
-import "./chunks/chunk.RHILIB5F.js";
+} from "./chunks/chunk.U47TF5KD.js";
+import "./chunks/chunk.PPXKY7LV.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.Z47MWGDP.js";
+} from "./chunks/chunk.7QS63TIF.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.SX2HQHHG.js";
-import "./chunks/chunk.TRE373FT.js";
+} from "./chunks/chunk.DEF3F7KI.js";
+import "./chunks/chunk.JOLV65OX.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.XHM2IMWS.js";
-import "./chunks/chunk.BV54N3A3.js";
+import "./chunks/chunk.HRZVVJWN.js";
+import "./chunks/chunk.KE5VIZFK.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.BBNQVEPD.js";
@@ -251,30 +251,30 @@ import "./chunks/chunk.42LDZR6F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.ZYI5MZKO.js";
+} from "./chunks/chunk.457ONZXS.js";
 import {
   badge_default
-} from "./chunks/chunk.CA6G64V3.js";
-import "./chunks/chunk.SL2YJQMT.js";
+} from "./chunks/chunk.QWWU6DI4.js";
+import "./chunks/chunk.NAVTUTZL.js";
 import "./chunks/chunk.WQJRBFZA.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.WV43X4TZ.js";
+import "./chunks/chunk.ZSO6V4RG.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.WHN6WAGJ.js";
-import "./chunks/chunk.NLE7Z47J.js";
+} from "./chunks/chunk.QP6ZLPMD.js";
+import "./chunks/chunk.32ROBM5F.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.UFPPLQKN.js";
-import "./chunks/chunk.JIMH242V.js";
+import "./chunks/chunk.JUV4RAMU.js";
+import "./chunks/chunk.TK2SEGJ3.js";
 import "./chunks/chunk.6QYKWCSO.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.A3OYJILJ.js";
 import "./chunks/chunk.HQ6QUSK7.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.UCETUW7G.js";
+import "./chunks/chunk.MK73B756.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -290,7 +290,7 @@ import {
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
 import "./chunks/chunk.74IOULXM.js";
-import "./chunks/chunk.XZF7CNUC.js";
+import "./chunks/chunk.Q2B76EVN.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.KG73YUXI.js";
 import "./chunks/chunk.2GFK6XTO.js";

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

@@ -1493,7 +1493,7 @@
     },
     {
       "name": "syn-radio-group",
-      "description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n---\n\n\n### **Events:**\n - **syn-change** - Emitted when the radio group's selected value changes.\n- **syn-input** - Emitted when the radio group receives user input.\n- **syn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<syn-radio>` or `<syn-radio-button>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
+      "description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n---\n\n\n### **Events:**\n - **syn-change** - Emitted when the radio group's selected value changes.\n- **syn-input** - Emitted when the radio group receives user input.\n- **syn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio-group.\n\n### **Slots:**\n - _default_ - The default slot where `<syn-radio>` or `<syn-radio-button>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
       "attributes": [
         {
           "name": "label",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -95,8 +95,8 @@
     "vendorism": "^5.0.0",
     "vue-tsc": "^2.0.29",
     "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.11.0"
+    "@synergy-design-system/tokens": "2.12.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [
@@ -164,7 +164,7 @@
     "lit": "^3.2.0"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.11.0"
+    "@synergy-design-system/tokens": "^2.12.0"
   },
   "scripts": {
     "build": "node scripts/build.js",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/radio-group/radio-group.component.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  customErrorValidityState,\n  FormControlController,\n  validValidityState,\n  valueMissingValidityState\n} from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport formControlCustomStyles from '../../styles/form-control.custom.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynButtonGroup from '../button-group/button-group.component.js';\nimport styles from './radio-group.styles.js';\nimport customStyles from './radio-group.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport type SynRadio from '../radio/radio.js';\nimport type SynRadioButton from '../radio-button/radio-button.js';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n * @documentation https://synergy.style/components/radio-group\n * @status stable\n * @since 2.0\n *\n * @dependency syn-button-group\n *\n * @slot - The default slot where `<syn-radio>` or `<syn-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n * @slot help-text - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the radio group's selected value changes.\n * @event syn-input - Emitted when the radio group receives user input.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\nexport default class SynRadioGroup extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n  static dependencies = { 'syn-button-group': SynButtonGroup };\n\n  protected readonly formControlController = new FormControlController(this);\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n  private validationTimeout: number;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n  @query('.radio-group__validation-input') validationInput: HTMLInputElement;\n\n  @state() private hasButtonGroup = false;\n  @state() private errorMessage = '';\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /** The radio group's size. This size will be applied to all child radios and radio buttons. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Gets the validity state object */\n  get validity() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (hasCustomValidityMessage) {\n      return customErrorValidityState;\n    } else if (isRequiredAndEmpty) {\n      return valueMissingValidityState;\n    }\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (hasCustomValidityMessage) {\n      return this.customValidityMessage;\n    } else if (isRequiredAndEmpty) {\n      return this.validationInput.validationMessage;\n    }\n\n    return '';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<SynRadio | SynRadioButton>('syn-radio, syn-radio-button')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<SynRadio | SynRadioButton>('syn-radio, syn-radio-button')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (!target || target.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.setAttribute('tabindex', '-1');\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].setAttribute('tabindex', '0');\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private async syncRadioElements() {\n    const radios = this.getAllRadios();\n\n    await Promise.all(\n      // Sync the checked state and size\n      radios.map(async radio => {\n        await radio.updateComplete;\n        radio.checked = radio.value === this.value;\n        radio.size = this.size;\n      })\n    );\n\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'syn-radio-button');\n\n    if (radios.length > 0 && !radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot?.querySelector('button');\n\n        if (buttonRadio) {\n          buttonRadio.setAttribute('tabindex', '0');\n        }\n      } else {\n        radios[0].setAttribute('tabindex', '0');\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('syn-button-group');\n\n      if (buttonGroup) {\n        buttonGroup.disableRole = true;\n      }\n    }\n  }\n\n  private syncRadios() {\n    if (customElements.get('syn-radio') && customElements.get('syn-radio-button')) {\n      this.syncRadioElements();\n      return;\n    }\n\n    if (customElements.get('syn-radio')) {\n      this.syncRadioElements();\n    } else {\n      customElements.whenDefined('syn-radio').then(() => this.syncRadios());\n    }\n\n    if (customElements.get('syn-radio-button')) {\n      this.syncRadioElements();\n    } else {\n      // Rerun this handler when <syn-radio> or <syn-radio-button> is registered\n      customElements.whenDefined('syn-radio-button').then(() => this.syncRadios());\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n    this.formControlController.setValidity(this.validity.valid);\n  }\n\n  @watch('size', { waitUntilFirstUpdate: true })\n  handleSizeChange() {\n    this.syncRadios();\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (isRequiredAndEmpty || hasCustomValidityMessage) {\n      this.formControlController.emitInvalidEvent();\n      return false;\n    }\n\n    return true;\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity(): boolean {\n    const isValid = this.validity.valid;\n\n    this.errorMessage = this.customValidityMessage || isValid ? '' : this.validationInput.validationMessage;\n    this.formControlController.setValidity(isValid);\n    this.validationInput.hidden = true;\n    clearTimeout(this.validationTimeout);\n\n    if (!isValid) {\n      // Show the browser's constraint validation message\n      this.validationInput.hidden = false;\n      this.validationInput.reportValidity();\n      this.validationTimeout = setTimeout(() => (this.validationInput.hidden = true), 10000) as unknown as number;\n    }\n\n    return isValid;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message = '') {\n    this.customValidityMessage = message;\n    this.errorMessage = message;\n    this.validationInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const defaultSlot = html`\n      <slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <div id=\"error-message\" aria-live=\"assertive\">${this.errorMessage}</div>\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n                @invalid=${this.handleInvalid}\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n                <syn-button-group part=\"button-group\" exportparts=\"base:button-group__base\" role=\"presentation\">\n                  ${defaultSlot}\n                </syn-button-group>\n              `\n            : defaultSlot}\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </fieldset>\n    `;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}