@synergy-design-system/components 2.7.2 → 2.8.0

package/dist/styles/fouc.css

@@ -9,6 +9,7 @@
  */
 syn-accordion:not(:defined),
 syn-breadcrumb:not(:defined),
+syn-combobox:not(:defined),
 syn-details:not(:defined),
 syn-divider:not(:defined),
 syn-file:not(:defined),

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.7.2
+ * @synergy-design-system/components version 2.8.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!
@@ -17,6 +17,7 @@
  */
 syn-accordion:not(:defined),
 syn-breadcrumb:not(:defined),
+syn-combobox:not(:defined),
 syn-details:not(:defined),
 syn-divider:not(:defined),
 syn-file:not(:defined),

package/dist/synergy.d.ts

@@ -7,6 +7,7 @@ export { default as SynButtonGroup } from './components/button-group/button-grou
 export { default as SynButton } from './components/button/button.js';
 export { default as SynCard } from './components/card/card.js';
 export { default as SynCheckbox } from './components/checkbox/checkbox.js';
+export { default as SynCombobox } from './components/combobox/combobox.js';
 export { default as SynDetails } from './components/details/details.js';
 export { default as SynDialog } from './components/dialog/dialog.js';
 export { default as SynDivider } from './components/divider/divider.js';
@@ -45,4 +46,5 @@ export { default as SynTooltip } from './components/tooltip/tooltip.js';
 export * from './utilities/base-path.js';
 export * from './utilities/icon-library.js';
 export * from './utilities/form.js';
+export * from './components/combobox/option-renderer.js';
 export * from './events/events.js';

package/dist/synergy.js

@@ -1,270 +1,278 @@
+import {
+  tooltip_default
+} from "./chunks/chunk.SOLWFL5A.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.DRLBTO2U.js";
 import "./chunks/chunk.NKIYFJN2.js";
-import {
-  tooltip_default
-} from "./chunks/chunk.HIA3ZSNY.js";
 import {
   tag_default
-} from "./chunks/chunk.BDQMYBQR.js";
+} from "./chunks/chunk.N2AA2S7P.js";
 import {
   textarea_default
-} from "./chunks/chunk.L22JFB4C.js";
-import "./chunks/chunk.HEDEL5KY.js";
+} from "./chunks/chunk.76JBEIAN.js";
+import "./chunks/chunk.QXPI4QQZ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.CRA5CBMD.js";
 import {
   tab_group_default
-} from "./chunks/chunk.NWOSSWAW.js";
-import "./chunks/chunk.UCZBUOMP.js";
-import "./chunks/chunk.NGI67WXT.js";
-import "./chunks/chunk.JQ47GWDL.js";
+} from "./chunks/chunk.2QWDET3J.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.RGGRLPFB.js";
-import "./chunks/chunk.32A6BZ5Z.js";
+} from "./chunks/chunk.HGJ3LHZD.js";
+import "./chunks/chunk.E5ZEKA67.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.3ZUDKBQK.js";
-import "./chunks/chunk.2YNEZUSJ.js";
-import "./chunks/chunk.W5JK7V7K.js";
-import "./chunks/chunk.4TB35TYG.js";
+} from "./chunks/chunk.3CQH2TK3.js";
 import {
   tab_default
-} from "./chunks/chunk.3EORMLPX.js";
-import "./chunks/chunk.7GT66DPZ.js";
+} from "./chunks/chunk.YPISLR6M.js";
+import "./chunks/chunk.DHXICRB4.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.BBUFEDXF.js";
-import {
-  select_default
-} from "./chunks/chunk.ZNYANJHZ.js";
+import "./chunks/chunk.4LEMK6UT.js";
+import "./chunks/chunk.JQ47GWDL.js";
+import "./chunks/chunk.NGI67WXT.js";
 import {
   side_nav_default
-} from "./chunks/chunk.EEXD4O5P.js";
-import "./chunks/chunk.XA4MV7QR.js";
-import "./chunks/chunk.ONW45GQI.js";
+} from "./chunks/chunk.MJOLZRXS.js";
 import {
   spinner_default
-} from "./chunks/chunk.PQKQPPXC.js";
-import {
-  range_default
-} from "./chunks/chunk.EVVB7HNI.js";
+} from "./chunks/chunk.UZNKPDF5.js";
+import "./chunks/chunk.A7OHUHZZ.js";
+import "./chunks/chunk.4TB35TYG.js";
+import "./chunks/chunk.W5JK7V7K.js";
 import {
   range_tick_default
-} from "./chunks/chunk.DW7SIOTD.js";
-import "./chunks/chunk.EVFCQPYL.js";
+} from "./chunks/chunk.JVFYWEFE.js";
+import "./chunks/chunk.CLKC2CTK.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.JHCK3ZC7.js";
-import "./chunks/chunk.MWEUGF4Q.js";
-import "./chunks/chunk.B6R3IVGO.js";
+import {
+  select_default
+} from "./chunks/chunk.RESONJ6D.js";
+import "./chunks/chunk.FQFEV6J3.js";
+import "./chunks/chunk.RHCWPZ57.js";
 import "./chunks/chunk.6EPU7YUS.js";
-import "./chunks/chunk.72HIKLQG.js";
+import "./chunks/chunk.B6R3IVGO.js";
+import "./chunks/chunk.ZO4VONAT.js";
 import "./chunks/chunk.35V3TAOT.js";
-import {
-  radio_button_default
-} from "./chunks/chunk.FZOUXRYE.js";
+import "./chunks/chunk.QYFZACOM.js";
+import "./chunks/chunk.ONW45GQI.js";
 import {
   radio_group_default
-} from "./chunks/chunk.SHT6ORJG.js";
-import "./chunks/chunk.DCQPPRJI.js";
+} from "./chunks/chunk.OTR75HQ3.js";
+import "./chunks/chunk.ISSIKISN.js";
 import "./chunks/chunk.F4MRQLNL.js";
 import "./chunks/chunk.K62NPKGN.js";
-import "./chunks/chunk.NBMQMWS3.js";
-import "./chunks/chunk.ASAVDGKQ.js";
-import "./chunks/chunk.4X3HY2V5.js";
+import {
+  range_default
+} from "./chunks/chunk.AT4CHLQA.js";
+import "./chunks/chunk.V6WPXGJH.js";
+import "./chunks/chunk.FRKUACBE.js";
 import "./chunks/chunk.O644HRW3.js";
-import "./chunks/chunk.236RSW67.js";
+import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.277APOW3.js";
+import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.UQHEJBPF.js";
+} from "./chunks/chunk.EUT6KB7O.js";
 import {
   radio_default
-} from "./chunks/chunk.VYZD5UJF.js";
-import "./chunks/chunk.62KJ2JTT.js";
+} from "./chunks/chunk.EL5GLFG3.js";
+import "./chunks/chunk.NEXM2DVJ.js";
 import "./chunks/chunk.V6VND4OF.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.DKVAGG2G.js";
-import "./chunks/chunk.4BRJ5OJE.js";
 import {
-  prio_nav_default
-} from "./chunks/chunk.A4IY53UV.js";
+  radio_button_default
+} from "./chunks/chunk.UNJZNYYC.js";
+import "./chunks/chunk.Z76WUR73.js";
+import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.3N6C32KL.js";
-import "./chunks/chunk.SBXB7ZQ4.js";
+} from "./chunks/chunk.NOXYYO6T.js";
+import "./chunks/chunk.U6U77OWH.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.NTPAY2C2.js";
+import "./chunks/chunk.XY727PA7.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.EUGRPKE5.js";
-import "./chunks/chunk.OZXJIT53.js";
-import "./chunks/chunk.3B24TYVN.js";
-import "./chunks/chunk.IVM3BGRH.js";
+} from "./chunks/chunk.WABD4T2A.js";
 import {
   popup_default
-} from "./chunks/chunk.D3HW7PL3.js";
-import "./chunks/chunk.UMFLVSON.js";
-import "./chunks/chunk.74N5WLM5.js";
-import "./chunks/chunk.XNP4OTUB.js";
+} from "./chunks/chunk.XWBZYZL2.js";
 import {
-  menu_label_default
-} from "./chunks/chunk.4S7NKDNV.js";
+  prio_nav_default
+} from "./chunks/chunk.PDUKIFQK.js";
+import "./chunks/chunk.X2YVATJQ.js";
+import "./chunks/chunk.XNP4OTUB.js";
+import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.FCGFJWEG.js";
-import "./chunks/chunk.GPN65Q5K.js";
+} from "./chunks/chunk.LOEPSD6X.js";
+import "./chunks/chunk.ONQ5K2CX.js";
 import "./chunks/chunk.VGEA67UG.js";
 import {
   optgroup_default
-} from "./chunks/chunk.TC3V2EL3.js";
-import "./chunks/chunk.ECXD7QA3.js";
+} from "./chunks/chunk.X6EZ6IDB.js";
+import "./chunks/chunk.BJHKNFEP.js";
 import "./chunks/chunk.KG52EHDB.js";
-import {
-  menu_default
-} from "./chunks/chunk.QOVKWUF3.js";
+import "./chunks/chunk.CR6UX3ZW.js";
+import "./chunks/chunk.IVM3BGRH.js";
+import "./chunks/chunk.3B24TYVN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.6PYEC4JS.js";
-import "./chunks/chunk.GMAKLSVB.js";
+} from "./chunks/chunk.QWONMYTW.js";
+import {
+  menu_label_default
+} from "./chunks/chunk.6MWKKTIU.js";
+import "./chunks/chunk.PAHUFFDC.js";
+import "./chunks/chunk.X6GR6IA2.js";
+import "./chunks/chunk.RAOPZXJL.js";
+import {
+  input_default
+} from "./chunks/chunk.ZNPXQE4Y.js";
+import {
+  menu_default
+} from "./chunks/chunk.FBI3AXPU.js";
+import "./chunks/chunk.ENN6ERQ7.js";
+import "./chunks/chunk.PILX7LVU.js";
+import "./chunks/chunk.C2CWYCOU.js";
+import "./chunks/chunk.XH75XGUS.js";
 import "./chunks/chunk.OOABXWCW.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.JNP34M27.js";
-import "./chunks/chunk.HFCHPII4.js";
-import "./chunks/chunk.RAOPZXJL.js";
-import "./chunks/chunk.X6GR6IA2.js";
 import {
   icon_button_default
-} from "./chunks/chunk.VB7GJ3MY.js";
-import {
-  input_default
-} from "./chunks/chunk.HG2DOYSY.js";
-import "./chunks/chunk.VI56NOIB.js";
+} from "./chunks/chunk.6OTRHD3A.js";
+import "./chunks/chunk.H45AUWZL.js";
 import "./chunks/chunk.3A65FBTX.js";
 import "./chunks/chunk.3B22DBSJ.js";
-import "./chunks/chunk.T2CMPPUH.js";
-import "./chunks/chunk.PILX7LVU.js";
-import "./chunks/chunk.C2CWYCOU.js";
 import {
   file_default
-} from "./chunks/chunk.2JOJ5DXB.js";
-import "./chunks/chunk.4I7CE6RD.js";
-import "./chunks/chunk.IKZOQ7AE.js";
+} from "./chunks/chunk.7BM4VUXJ.js";
 import {
   header_default
-} from "./chunks/chunk.VJWKT6KK.js";
-import "./chunks/chunk.RA52TQDZ.js";
+} from "./chunks/chunk.UFBPOYW3.js";
+import "./chunks/chunk.P4UDCUFQ.js";
+import "./chunks/chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunks/chunk.PJBX6PDL.js";
-import "./chunks/chunk.GVNVZMMM.js";
+} from "./chunks/chunk.Y2UPTDJA.js";
 import {
   drawer_default
-} from "./chunks/chunk.AAJBHY2M.js";
-import "./chunks/chunk.AXCA62X3.js";
-import "./chunks/chunk.I4FIU7FA.js";
-import "./chunks/chunk.N7QJ54ZM.js";
+} from "./chunks/chunk.TN3QBFAN.js";
 import {
   dropdown_default
-} from "./chunks/chunk.BNXSGB3Q.js";
-import "./chunks/chunk.RSIYQFLM.js";
-import "./chunks/chunk.OMK6YFKU.js";
-import "./chunks/chunk.AZ3N5IOO.js";
+} from "./chunks/chunk.OTZXB23V.js";
+import "./chunks/chunk.RSS3K3BH.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
+import "./chunks/chunk.3Y2ITSKK.js";
+import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.ODMONLLS.js";
-import "./chunks/chunk.WDE57ZEB.js";
-import "./chunks/chunk.XDM6VD32.js";
-import "./chunks/chunk.5732DMBC.js";
-import "./chunks/chunk.POGMEL53.js";
-import "./chunks/chunk.IU3SSJZE.js";
-import "./chunks/chunk.MU43DZ7W.js";
+} from "./chunks/chunk.EOQMWXRF.js";
 import {
   divider_default
-} from "./chunks/chunk.5QMV33SE.js";
-import "./chunks/chunk.DBMX4Q2N.js";
+} from "./chunks/chunk.BCWJRPY4.js";
+import "./chunks/chunk.UPUBWGWC.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
+import "./chunks/chunk.IELSPNXQ.js";
+import "./chunks/chunk.N7QJ54ZM.js";
+import "./chunks/chunk.I4FIU7FA.js";
+import {
+  details_default
+} from "./chunks/chunk.XQ3L5FZI.js";
+import "./chunks/chunk.GLRUOAIO.js";
+import "./chunks/chunk.PU2BDR2W.js";
+import "./chunks/chunk.VA26EAEP.js";
+import "./chunks/chunk.X4CA7AWS.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.T4AP74QA.js";
-import "./chunks/chunk.W3CHFVDU.js";
-import "./chunks/chunk.RBG37CD4.js";
-import "./chunks/chunk.FKKJBKYL.js";
+} from "./chunks/chunk.N32UXGW2.js";
+import "./chunks/chunk.ARYNXWAR.js";
 import "./chunks/chunk.IG3RCOB3.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
-  details_default
-} from "./chunks/chunk.TJ25Z5RP.js";
-import "./chunks/chunk.J6D3SEZG.js";
-import "./chunks/chunk.PU2BDR2W.js";
-import "./chunks/chunk.VA26EAEP.js";
+  combobox_default
+} from "./chunks/chunk.VFOO7K4S.js";
+import "./chunks/chunk.JPOUFILE.js";
+import "./chunks/chunk.UK7QG54R.js";
+import "./chunks/chunk.AZ3N5IOO.js";
+import {
+  defaultOptionRenderer,
+  highlightOptionRenderer
+} from "./chunks/chunk.SRH6ZOHT.js";
+import "./chunks/chunk.2Y33P22F.js";
+import "./chunks/chunk.5732DMBC.js";
+import "./chunks/chunk.RBG37CD4.js";
+import "./chunks/chunk.FKKJBKYL.js";
+import "./chunks/chunk.DPCIJLV4.js";
+import "./chunks/chunk.J2OXSQAK.js";
 import {
   button_default
-} from "./chunks/chunk.MBIS5CMS.js";
+} from "./chunks/chunk.XPNSW7EJ.js";
 import {
   button_group_default
-} from "./chunks/chunk.77IGTP3T.js";
-import "./chunks/chunk.ADXO3V5E.js";
+} from "./chunks/chunk.R77KU4ND.js";
+import "./chunks/chunk.XYCN2A3U.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.EOLGNCUC.js";
-import "./chunks/chunk.SMEJK7NT.js";
+} from "./chunks/chunk.3LUKWB2Y.js";
+import "./chunks/chunk.22WZ3KTN.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.DREJ33DS.js";
+} from "./chunks/chunk.R4JCFAYH.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.PRZAM6IM.js";
-import "./chunks/chunk.SWHTRL6B.js";
+} from "./chunks/chunk.5UE4VCYJ.js";
+import "./chunks/chunk.WBTSVLAC.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.F6PVKPYY.js";
-import "./chunks/chunk.GZGX7AN2.js";
+import "./chunks/chunk.4GDZUNCT.js";
+import "./chunks/chunk.SYE5KL6D.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.BBNQVEPD.js";
 import "./chunks/chunk.42LDZR6F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
-  alert_default
-} from "./chunks/chunk.LX2CFFXJ.js";
+  accordion_default
+} from "./chunks/chunk.7DJJKSBC.js";
 import {
   badge_default
-} from "./chunks/chunk.6J2GXSHX.js";
-import "./chunks/chunk.5BY5MVLA.js";
+} from "./chunks/chunk.S3NEBYK7.js";
+import "./chunks/chunk.UZC7C7LR.js";
 import "./chunks/chunk.WQJRBFZA.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.SPYTNIYH.js";
+import "./chunks/chunk.Z6OPO6DQ.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
-  accordion_default
-} from "./chunks/chunk.3TTHE2E2.js";
-import "./chunks/chunk.TML7CRDT.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.SC6DZBJ7.js";
-import "./chunks/chunk.VWBCU6HU.js";
+  alert_default
+} from "./chunks/chunk.UTHNXU3J.js";
+import "./chunks/chunk.VXNQA3QC.js";
+import "./chunks/chunk.TXLOLSPA.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.MKA2R2GM.js";
-import "./chunks/chunk.ZBW4ZSZ7.js";
+import "./chunks/chunk.RZFPM6T5.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -272,16 +280,19 @@ import {
 import "./chunks/chunk.YTEJW7IF.js";
 import "./chunks/chunk.AINKZEUX.js";
 import "./chunks/chunk.PJO6TM3T.js";
+import "./chunks/chunk.ZBW4ZSZ7.js";
 import "./chunks/chunk.ESQAXAFE.js";
 import "./chunks/chunk.GHGGBS4N.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
-import "./chunks/chunk.74IOULXM.js";
-import "./chunks/chunk.CIGZW7VL.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.KG73YUXI.js";
+import "./chunks/chunk.ACX2NW5E.js";
+import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.F5BU5WA3.js";
+import "./chunks/chunk.WNUZ6LH4.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as SynAccordion,
@@ -293,6 +304,7 @@ export {
   button_group_default as SynButtonGroup,
   card_default as SynCard,
   checkbox_default as SynCheckbox,
+  combobox_default as SynCombobox,
   details_default as SynDetails,
   dialog_default as SynDialog,
   divider_default as SynDivider,
@@ -328,8 +340,10 @@ export {
   tag_default as SynTag,
   textarea_default as SynTextarea,
   tooltip_default as SynTooltip,
+  defaultOptionRenderer,
   getBasePath,
   getFormControls,
+  highlightOptionRenderer,
   registerIconLibrary,
   serialize,
   setBasePath,