@synergy-design-system/components 2.8.1 → 2.10.0

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   tooltip_default
-} from "./chunks/chunk.UJ2YRD74.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.RHR4U6OW.js";
+} from "./chunks/chunk.2XI3236U.js";
 import {
   textarea_default
-} from "./chunks/chunk.HHBOU4HL.js";
-import "./chunks/chunk.BADCMLNU.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.KTALTT2Z.js";
+} from "./chunks/chunk.PCNLJVEP.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.RUYJJAFE.js";
-import "./chunks/chunk.FHB2H5R2.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.7L5M45GY.js";
+} from "./chunks/chunk.YD3PBAPD.js";
 import {
   tab_default
-} from "./chunks/chunk.WRCWSEE7.js";
-import "./chunks/chunk.VJ34GMBJ.js";
+} from "./chunks/chunk.P2TJITXW.js";
+import "./chunks/chunk.Z3LFA3UL.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.BBUFEDXF.js";
-import "./chunks/chunk.3PECQYUM.js";
+import "./chunks/chunk.W3IXIXAW.js";
 import "./chunks/chunk.JQ47GWDL.js";
 import "./chunks/chunk.NGI67WXT.js";
 import {
   side_nav_default
-} from "./chunks/chunk.SZWESO3L.js";
+} from "./chunks/chunk.VOAP3NDB.js";
 import {
   spinner_default
-} from "./chunks/chunk.QHRX5Z2F.js";
-import "./chunks/chunk.CUCUCDH2.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.Y2EMVYXM.js";
-import "./chunks/chunk.QILAGLSO.js";
+} from "./chunks/chunk.JSWKJCBI.js";
+import "./chunks/chunk.JPOF4LH3.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   select_default
-} from "./chunks/chunk.WNHTRLHT.js";
-import "./chunks/chunk.J44JFQKE.js";
-import "./chunks/chunk.MSPUCOOE.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.BAU2TJA6.js";
+import "./chunks/chunk.7GOVVZSB.js";
 import "./chunks/chunk.ONW45GQI.js";
 import {
   radio_group_default
-} from "./chunks/chunk.57O66K77.js";
-import "./chunks/chunk.CKE7C643.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.5IBMJU5B.js";
-import "./chunks/chunk.OMUEASJV.js";
-import "./chunks/chunk.DYYUQIA2.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.AAFLJTCI.js";
+} from "./chunks/chunk.NQMWV7VN.js";
 import {
   radio_default
-} from "./chunks/chunk.EN7WGVFV.js";
-import "./chunks/chunk.SYY26NKV.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.KQTEJUZC.js";
-import "./chunks/chunk.RC5BEOPA.js";
+} from "./chunks/chunk.OATGGAX4.js";
+import "./chunks/chunk.PMKKQO7T.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.UQ4AQCDW.js";
-import "./chunks/chunk.EZNNJFB7.js";
+} from "./chunks/chunk.4GNQ6O32.js";
+import "./chunks/chunk.WPVZBXLP.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.VKYAP6J3.js";
+import "./chunks/chunk.TH7KMDVN.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.ACEU7Q65.js";
+} from "./chunks/chunk.YQBIXSD6.js";
 import {
   popup_default
-} from "./chunks/chunk.OCZ6SNNW.js";
+} from "./chunks/chunk.ARJTPDLM.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.BJ2F6ARR.js";
-import "./chunks/chunk.OOSXOXEW.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.2VGUDLNP.js";
-import "./chunks/chunk.W6DMUOGD.js";
+} from "./chunks/chunk.UINVBAM3.js";
+import "./chunks/chunk.CRMLPCLE.js";
 import "./chunks/chunk.VGEA67UG.js";
 import {
   optgroup_default
-} from "./chunks/chunk.JI7DN44F.js";
-import "./chunks/chunk.FIZMTZML.js";
+} from "./chunks/chunk.F3ZD24KL.js";
+import "./chunks/chunk.IKMMAH4B.js";
 import "./chunks/chunk.KG52EHDB.js";
-import "./chunks/chunk.HHRJTCUN.js";
+import "./chunks/chunk.MYG4CJSU.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.3B24TYVN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.E3QPS5XK.js";
+} from "./chunks/chunk.B3F3BNWM.js";
 import {
   menu_label_default
-} from "./chunks/chunk.5P7T4EJW.js";
-import "./chunks/chunk.52JYIPPF.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.2QZJVYXZ.js";
+} from "./chunks/chunk.TZRGUCZ4.js";
 import {
   menu_default
-} from "./chunks/chunk.RTMHCZ2X.js";
-import "./chunks/chunk.QA7ENF6T.js";
+} from "./chunks/chunk.7F7UY7NU.js";
+import "./chunks/chunk.COQWVQKU.js";
 import "./chunks/chunk.PILX7LVU.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.3MI2YYYP.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.DORQF2IR.js";
-import "./chunks/chunk.ISY76A43.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.FWGBAOEO.js";
+} from "./chunks/chunk.NKY3SJPS.js";
 import {
   header_default
-} from "./chunks/chunk.B7G5PMM3.js";
-import "./chunks/chunk.D6HHUC7H.js";
+} from "./chunks/chunk.QXPUV76T.js";
+import "./chunks/chunk.WODFNB4X.js";
 import "./chunks/chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunks/chunk.QENGAJI2.js";
+} from "./chunks/chunk.EAIV7Z3K.js";
 import {
   drawer_default
-} from "./chunks/chunk.Q4VDUQXB.js";
+} from "./chunks/chunk.XOBCPI7L.js";
 import {
   dropdown_default
-} from "./chunks/chunk.5LY7AGHD.js";
-import "./chunks/chunk.UUDEWIY2.js";
+} from "./chunks/chunk.LD2TWSEI.js";
+import "./chunks/chunk.TAGZXFGC.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.BS6RCJAA.js";
+import "./chunks/chunk.644G5ZQW.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.QOFFSNC7.js";
+} from "./chunks/chunk.Q5M4VNQR.js";
 import {
   divider_default
-} from "./chunks/chunk.EAPQXMZ2.js";
-import "./chunks/chunk.4PTV2G5L.js";
+} from "./chunks/chunk.RLOGLQOL.js";
+import "./chunks/chunk.WKIJW4LR.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.AO7D6MGZ.js";
+import "./chunks/chunk.MSEKAA7G.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.NC25624J.js";
-import "./chunks/chunk.EG2IMMFQ.js";
+} from "./chunks/chunk.RR3DNJVV.js";
+import "./chunks/chunk.6HJMWLWM.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.P7BBVH4J.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.HJN2PJLO.js";
-import "./chunks/chunk.GWH3EUTB.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.FV5CR37F.js";
-import "./chunks/chunk.ZWBQZ3TF.js";
-import "./chunks/chunk.A2JGI7YK.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.AFGSWIVU.js";
+} from "./chunks/chunk.5PGT6VKW.js";
 import {
   button_group_default
-} from "./chunks/chunk.X3UWO4AP.js";
-import "./chunks/chunk.C2U4OMNI.js";
+} from "./chunks/chunk.MZLFZF37.js";
+import "./chunks/chunk.YRIWLFVL.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.CW4MHF2R.js";
-import "./chunks/chunk.BWIAZH7P.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.QEE6QHNL.js";
+} from "./chunks/chunk.7QS63TIF.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.BGIPS7RY.js";
-import "./chunks/chunk.NB7DQIH4.js";
+} from "./chunks/chunk.DEF3F7KI.js";
+import "./chunks/chunk.JOLV65OX.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.76SYNITQ.js";
-import "./chunks/chunk.ZNLBIUIN.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.PTFQMAJK.js";
+} from "./chunks/chunk.457ONZXS.js";
 import {
   badge_default
-} from "./chunks/chunk.P7HCXUSU.js";
-import "./chunks/chunk.4OSD25EN.js";
+} from "./chunks/chunk.QWWU6DI4.js";
+import "./chunks/chunk.NAVTUTZL.js";
 import "./chunks/chunk.WQJRBFZA.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.QI7ZFRLW.js";
+import "./chunks/chunk.ZSO6V4RG.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.UQ6SGBIE.js";
-import "./chunks/chunk.3PMJXCGF.js";
+} from "./chunks/chunk.QP6ZLPMD.js";
+import "./chunks/chunk.32ROBM5F.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.576XTTSC.js";
-import "./chunks/chunk.EM53DV44.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.HM57BJF5.js";
+import "./chunks/chunk.MK73B756.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -283,14 +283,14 @@ 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 "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
 import "./chunks/chunk.74IOULXM.js";
-import "./chunks/chunk.POA3IDNG.js";
+import "./chunks/chunk.Q2B76EVN.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.KG73YUXI.js";
 import "./chunks/chunk.2GFK6XTO.js";

package/dist/translations/de.js

@@ -1,7 +1,7 @@
 import {
   registerTranslation
-} from "../chunks/chunk.ESQAXAFE.js";
-import "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.GIU3H3J3.js";
+import "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 
 // src/translations/de.ts
@@ -41,11 +41,13 @@ var translation = {
   danger: "Gefahr",
   fileButtonText: "Datei ausw\xE4hlen",
   fileButtonTextMultiple: "Dateien ausw\xE4hlen",
+  folderButtonText: "Ordner ausw\xE4hlen",
   fileDragDrop: "Datei ablegen oder ausw\xE4hlen",
+  folderDragDrop: "Ordner ablegen oder ausw\xE4hlen",
   menu: "Men\xFC",
   notification: "Benachrichtigung",
-  numFilesSelected: (num) => {
-    if (num === 0) return "Keine Dateien ausgew\xE4hlt";
+  numFilesSelected: (num, dir) => {
+    if (num === 0) return `Keine ${dir ? "Ordner" : "Dateien"} ausgew\xE4hlt`;
     return `${num} Dateien`;
   },
   openMenu: "Men\xFC \xF6ffnen",

package/dist/translations/de.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/translations/de.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 { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Men\u00FC schlie\u00DFen',\n  danger: 'Gefahr',\n  fileButtonText: 'Datei ausw\u00E4hlen',\n  fileButtonTextMultiple: 'Dateien ausw\u00E4hlen',\n  fileDragDrop: 'Datei ablegen oder ausw\u00E4hlen',\n  menu: 'Men\u00FC',\n  notification: 'Benachrichtigung',\n  numFilesSelected: num => {\n      if (num === 0) return 'Keine Dateien ausgew\u00E4hlt';\n      return `${num} Dateien`;\n    },\n  openMenu: 'Men\u00FC \u00F6ffnen',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
-  "mappings": ";;;;;;;AAWA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,SAAO;AACrB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "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 { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Men\u00FC schlie\u00DFen',\n  danger: 'Gefahr',\n  fileButtonText: 'Datei ausw\u00E4hlen',\n  fileButtonTextMultiple: 'Dateien ausw\u00E4hlen',\n  folderButtonText: 'Ordner ausw\u00E4hlen',\n  fileDragDrop: 'Datei ablegen oder ausw\u00E4hlen',\n  folderDragDrop: 'Ordner ablegen oder ausw\u00E4hlen',\n  menu: 'Men\u00FC',\n  notification: 'Benachrichtigung',\n  numFilesSelected: (num, dir) => {\n      if (num === 0) return `Keine ${dir ? 'Ordner' : 'Dateien'} ausgew\u00E4hlt`;\n      return `${num} Dateien`;\n    },\n  openMenu: 'Men\u00FC \u00F6ffnen',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";;;;;;;AAWA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,CAAC,KAAK,QAAQ;AAC5B,QAAI,QAAQ,EAAG,QAAO,SAAS,MAAM,WAAW,SAAS;AACzD,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
   "names": []
 }

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 export {
   en_default as default

package/dist/utilities/localize.d.ts

@@ -15,9 +15,11 @@ export interface Translation extends DefaultTranslation {
     fileButtonText: string;
     fileButtonTextMultiple: string;
     fileDragDrop: string;
+    folderButtonText: string;
+    folderDragDrop: string;
     menu: string;
     notification: string;
-    numFilesSelected: (num: number) => string;
+    numFilesSelected: (num: number, dir: boolean) => string;
     openMenu: string;
     rangeMax: string;
     rangeMin: string;

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.ESQAXAFE.js";
-import "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.GIU3H3J3.js";
+import "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 export {
   LocalizeController,

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

@@ -30,22 +30,12 @@
       ]
     },
     {
-      "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.",
+      "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": "open",
-          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-          "values": []
-        },
-        {
-          "name": "closable",
-          "description": "Enables a close button that allows the user to dismiss the alert.",
-          "values": []
-        },
         {
           "name": "variant",
-          "description": "The alert's theme variant.",
+          "description": "The badge's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -53,27 +43,32 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
-        },
-        {
-          "name": "duration",
-          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy.style/components/alert"
+          "url": "https://synergy.style/components/badge"
         }
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows the user to dismiss the alert.",
+          "values": []
+        },
         {
           "name": "variant",
-          "description": "The badge's theme variant.",
+          "description": "The alert's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -81,12 +76,17 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
+        },
+        {
+          "name": "duration",
+          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy.style/components/badge"
+          "url": "https://synergy.style/components/alert"
         }
       ]
     },
@@ -711,7 +711,7 @@
         },
         {
           "name": "multiple",
-          "description": "Indicates whether the user can select more than one file.\n[see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)",
+          "description": "Indicates whether the user can select more than one file.\nHas no effect if webkitdirectory is set.\n[see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)",
           "values": []
         },
         {
@@ -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.8.1",
+  "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.10.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.10.0"
+    "@synergy-design-system/tokens": "^2.12.0"
   },
   "scripts": {
     "build": "node scripts/build.js",