@synergy-design-system/components 1.2.2 → 1.4.0

package/dist/components/radio/radio.js

@@ -1,18 +1,18 @@
 import {
   radio_default
-} from "../../chunks/chunk.VSUPUWP6.js";
-import "../../chunks/chunk.H6VNYYUH.js";
+} from "../../chunks/chunk.GKFUZ44I.js";
+import "../../chunks/chunk.533DZ5GZ.js";
 import "../../chunks/chunk.JBYBQ5TQ.js";
 import "../../chunks/chunk.V6VND4OF.js";
-import "../../chunks/chunk.NROSOMZ6.js";
-import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.6PFQSQLU.js";
-import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.EJXWL3JM.js";
+import "../../chunks/chunk.C2S53NYE.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/radio-button/radio-button.component.js

@@ -1,12 +1,12 @@
 import {
   SynRadioButton
-} from "../../chunks/chunk.OINL3N23.js";
+} from "../../chunks/chunk.T27ALSOE.js";
 import "../../chunks/chunk.MWDOOCSU.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.CQ2JMH2J.js";
 import "../../chunks/chunk.IUC3AWAU.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/radio-button/radio-button.js

@@ -1,13 +1,13 @@
 import {
   radio_button_default
-} from "../../chunks/chunk.JW6NUJMF.js";
-import "../../chunks/chunk.OINL3N23.js";
+} from "../../chunks/chunk.QBM7YT5M.js";
+import "../../chunks/chunk.T27ALSOE.js";
 import "../../chunks/chunk.MWDOOCSU.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.CQ2JMH2J.js";
 import "../../chunks/chunk.IUC3AWAU.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/radio-group/radio-group.component.js

@@ -1,14 +1,14 @@
 import {
   SynRadioGroup
-} from "../../chunks/chunk.VIGOUABZ.js";
+} from "../../chunks/chunk.62GAQV3Z.js";
 import "../../chunks/chunk.4I6M5V6O.js";
 import "../../chunks/chunk.F4MRQLNL.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.WZ7YZYWN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.2Z2FGA3I.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.4ZURABYO.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";

package/dist/components/radio-group/radio-group.js

@@ -1,15 +1,15 @@
 import {
   radio_group_default
-} from "../../chunks/chunk.L47LNUE3.js";
-import "../../chunks/chunk.VIGOUABZ.js";
+} from "../../chunks/chunk.7DUTGUSD.js";
+import "../../chunks/chunk.62GAQV3Z.js";
 import "../../chunks/chunk.4I6M5V6O.js";
 import "../../chunks/chunk.F4MRQLNL.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.WZ7YZYWN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.2Z2FGA3I.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.4ZURABYO.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";

package/dist/components/spinner/spinner.component.js

@@ -1,10 +1,10 @@
 import {
   SynSpinner
-} from "../../chunks/chunk.JAKBHRC4.js";
+} from "../../chunks/chunk.ZKVZHEJM.js";
 import "../../chunks/chunk.N2I6HVX3.js";
 import "../../chunks/chunk.LAB4YJYE.js";
 import "../../chunks/chunk.A3SKDWCT.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/switch/switch.component.js

@@ -1,12 +1,12 @@
 import {
   SynSwitch
-} from "../../chunks/chunk.YK3MDRNQ.js";
+} from "../../chunks/chunk.RSGJ7C32.js";
 import "../../chunks/chunk.MNMITYTH.js";
 import "../../chunks/chunk.AFEABUNX.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/switch/switch.js

@@ -1,13 +1,13 @@
 import {
   switch_default
-} from "../../chunks/chunk.4S27S3RY.js";
-import "../../chunks/chunk.YK3MDRNQ.js";
+} from "../../chunks/chunk.JFCQYLZB.js";
+import "../../chunks/chunk.RSGJ7C32.js";
 import "../../chunks/chunk.MNMITYTH.js";
 import "../../chunks/chunk.AFEABUNX.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/tag/tag.component.js

@@ -1,22 +1,22 @@
 import {
   SynTag
-} from "../../chunks/chunk.KZMLTHDT.js";
+} from "../../chunks/chunk.NZAZG5AN.js";
 import "../../chunks/chunk.QHFGD6WW.js";
 import "../../chunks/chunk.7W73A57K.js";
-import "../../chunks/chunk.5T6QTZ6K.js";
+import "../../chunks/chunk.FSHPI6B5.js";
 import "../../chunks/chunk.2FN5DTS6.js";
 import "../../chunks/chunk.OJF7KL44.js";
 import "../../chunks/chunk.LAB4YJYE.js";
 import "../../chunks/chunk.A3SKDWCT.js";
-import "../../chunks/chunk.NROSOMZ6.js";
-import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.6PFQSQLU.js";
-import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.EJXWL3JM.js";
+import "../../chunks/chunk.C2S53NYE.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/tag/tag.js

@@ -1,23 +1,23 @@
 import {
   tag_default
-} from "../../chunks/chunk.N6E3X3S5.js";
-import "../../chunks/chunk.KZMLTHDT.js";
+} from "../../chunks/chunk.NQZRYJEZ.js";
+import "../../chunks/chunk.NZAZG5AN.js";
 import "../../chunks/chunk.QHFGD6WW.js";
 import "../../chunks/chunk.7W73A57K.js";
-import "../../chunks/chunk.5T6QTZ6K.js";
+import "../../chunks/chunk.FSHPI6B5.js";
 import "../../chunks/chunk.2FN5DTS6.js";
 import "../../chunks/chunk.OJF7KL44.js";
 import "../../chunks/chunk.LAB4YJYE.js";
 import "../../chunks/chunk.A3SKDWCT.js";
-import "../../chunks/chunk.NROSOMZ6.js";
-import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.6PFQSQLU.js";
-import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.EJXWL3JM.js";
+import "../../chunks/chunk.C2S53NYE.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

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

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.F75WKKCW.js";
+} from "../../chunks/chunk.4NG4BW3G.js";
 import "../../chunks/chunk.23HTU3YE.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.JHXCBOUD.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.47O65PF5.js";
-import "../../chunks/chunk.F75WKKCW.js";
+} from "../../chunks/chunk.VYKSU5VJ.js";
+import "../../chunks/chunk.4NG4BW3G.js";
 import "../../chunks/chunk.23HTU3YE.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.JHXCBOUD.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.XMUT2KKD.js";
+import "../../chunks/chunk.SNP6OECI.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/custom-elements.json

@@ -1188,6 +1188,81 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/divider/divider.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynDivider",
+          "cssProperties": [
+            {
+              "description": "The color of the divider.",
+              "name": "--color"
+            },
+            {
+              "description": "The width of the divider.",
+              "name": "--width"
+            },
+            {
+              "description": "The spacing of the divider.",
+              "name": "--spacing"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the divider in a vertical orientation.",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleVerticalChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the divider in a vertical orientation.",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "Dividers are used to visually separate or group elements.",
+          "tagNameWithoutPrefix": "divider",
+          "tagName": "syn-divider",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://synergy.style/components/divider\n * @status stable\n * @since 2.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */",
+          "documentation": "https://synergy.style/components/divider",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynDivider",
+            "module": "components/divider/divider.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/icon/icon.js",
@@ -4896,7 +4971,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "1.2.2",
+    "version": "1.4.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/synergy.d.ts

@@ -1,6 +1,7 @@
 export { default as SynButtonGroup } from './components/button-group/button-group.js';
 export { default as SynButton } from './components/button/button.js';
 export { default as SynCheckbox } from './components/checkbox/checkbox.js';
+export { default as SynDivider } from './components/divider/divider.js';
 export { default as SynIconButton } from './components/icon-button/icon-button.js';
 export { default as SynIcon } from './components/icon/icon.js';
 export { default as SynInput } from './components/input/input.js';

package/dist/synergy.js

@@ -1,97 +1,103 @@
+import {
+  textarea_default
+} from "./chunks/chunk.VYKSU5VJ.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.HG5QC5EW.js";
 import "./chunks/chunk.NKIYFJN2.js";
 import {
-  tag_default
-} from "./chunks/chunk.N6E3X3S5.js";
+  switch_default
+} from "./chunks/chunk.JFCQYLZB.js";
 import {
-  textarea_default
-} from "./chunks/chunk.47O65PF5.js";
-import "./chunks/chunk.F75WKKCW.js";
+  tag_default
+} from "./chunks/chunk.NQZRYJEZ.js";
+import "./chunks/chunk.NZAZG5AN.js";
+import "./chunks/chunk.QHFGD6WW.js";
+import "./chunks/chunk.7W73A57K.js";
+import "./chunks/chunk.4NG4BW3G.js";
 import "./chunks/chunk.23HTU3YE.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import {
-  switch_default
-} from "./chunks/chunk.4S27S3RY.js";
-import "./chunks/chunk.YK3MDRNQ.js";
+  radio_group_default
+} from "./chunks/chunk.7DUTGUSD.js";
+import "./chunks/chunk.RSGJ7C32.js";
 import "./chunks/chunk.MNMITYTH.js";
 import "./chunks/chunk.AFEABUNX.js";
-import "./chunks/chunk.KZMLTHDT.js";
-import "./chunks/chunk.QHFGD6WW.js";
-import "./chunks/chunk.7W73A57K.js";
+import {
+  radio_default
+} from "./chunks/chunk.GKFUZ44I.js";
+import "./chunks/chunk.533DZ5GZ.js";
+import "./chunks/chunk.JBYBQ5TQ.js";
+import "./chunks/chunk.V6VND4OF.js";
 import {
   radio_button_default
-} from "./chunks/chunk.JW6NUJMF.js";
-import "./chunks/chunk.OINL3N23.js";
+} from "./chunks/chunk.QBM7YT5M.js";
+import "./chunks/chunk.T27ALSOE.js";
 import "./chunks/chunk.MWDOOCSU.js";
-import {
-  radio_group_default
-} from "./chunks/chunk.L47LNUE3.js";
-import "./chunks/chunk.VIGOUABZ.js";
+import "./chunks/chunk.62GAQV3Z.js";
 import "./chunks/chunk.4I6M5V6O.js";
 import "./chunks/chunk.F4MRQLNL.js";
+import {
+  icon_button_default
+} from "./chunks/chunk.MMNPLBTH.js";
+import "./chunks/chunk.FSHPI6B5.js";
+import "./chunks/chunk.2FN5DTS6.js";
+import "./chunks/chunk.OJF7KL44.js";
 import {
   input_default
-} from "./chunks/chunk.EJKKSDGO.js";
-import "./chunks/chunk.ZLE6SGK3.js";
+} from "./chunks/chunk.3CAAVHZZ.js";
+import "./chunks/chunk.YL6PYHOS.js";
 import "./chunks/chunk.OXUFFH57.js";
 import "./chunks/chunk.JHXCBOUD.js";
 import "./chunks/chunk.W46CFM2R.js";
 import {
-  radio_default
-} from "./chunks/chunk.VSUPUWP6.js";
-import "./chunks/chunk.H6VNYYUH.js";
-import "./chunks/chunk.JBYBQ5TQ.js";
-import "./chunks/chunk.V6VND4OF.js";
+  divider_default
+} from "./chunks/chunk.POZGJMTS.js";
 import {
   icon_default
-} from "./chunks/chunk.PTZNO34T.js";
-import {
-  icon_button_default
-} from "./chunks/chunk.5EXH7VQY.js";
-import "./chunks/chunk.5T6QTZ6K.js";
-import "./chunks/chunk.2FN5DTS6.js";
-import "./chunks/chunk.OJF7KL44.js";
+} from "./chunks/chunk.43NPPDUU.js";
 import {
   button_group_default
-} from "./chunks/chunk.6UMINMJ4.js";
+} from "./chunks/chunk.BOURWTS5.js";
 import {
   checkbox_default
-} from "./chunks/chunk.GMXJDCBI.js";
-import "./chunks/chunk.W2K4VNZU.js";
+} from "./chunks/chunk.SHF6MEDK.js";
+import "./chunks/chunk.I2JLECCQ.js";
 import "./chunks/chunk.WFAJR3FN.js";
 import "./chunks/chunk.4CBN5LPQ.js";
 import "./chunks/chunk.2XZKXVMR.js";
+import "./chunks/chunk.A4KYHNIH.js";
+import "./chunks/chunk.PGCXJ2PT.js";
+import "./chunks/chunk.FA6V2WD6.js";
 import {
   button_default
-} from "./chunks/chunk.EEBBPMDI.js";
-import "./chunks/chunk.RGXSZCKM.js";
-import "./chunks/chunk.JAKBHRC4.js";
+} from "./chunks/chunk.7CKINLE4.js";
+import "./chunks/chunk.QT64OSWO.js";
+import "./chunks/chunk.ZKVZHEJM.js";
 import "./chunks/chunk.N2I6HVX3.js";
-import "./chunks/chunk.XGXFE6IF.js";
 import "./chunks/chunk.LAB4YJYE.js";
 import "./chunks/chunk.A3SKDWCT.js";
+import "./chunks/chunk.XGXFE6IF.js";
 import "./chunks/chunk.AMTCNRDE.js";
-import "./chunks/chunk.NROSOMZ6.js";
-import "./chunks/chunk.VZ7S7YYN.js";
+import "./chunks/chunk.C2S53NYE.js";
+import "./chunks/chunk.RSONAU45.js";
+import "./chunks/chunk.PJO6TM3T.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.6PFQSQLU.js";
+} from "./chunks/chunk.JRXQK6LG.js";
 import "./chunks/chunk.6C4JXZZN.js";
-import "./chunks/chunk.EJXWL3JM.js";
-import "./chunks/chunk.RSONAU45.js";
-import "./chunks/chunk.PJO6TM3T.js";
+import "./chunks/chunk.5AAIHRMI.js";
+import "./chunks/chunk.VZ7S7YYN.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.C7624ITA.js";
 import "./chunks/chunk.CQ2JMH2J.js";
 import "./chunks/chunk.IUC3AWAU.js";
-import "./chunks/chunk.WZ7YZYWN.js";
-import "./chunks/chunk.XMUT2KKD.js";
+import "./chunks/chunk.2Z2FGA3I.js";
+import "./chunks/chunk.SNP6OECI.js";
 import "./chunks/chunk.4ZURABYO.js";
 import "./chunks/chunk.O7USYXBT.js";
 import "./chunks/chunk.DJOAQ4JU.js";
@@ -99,6 +105,7 @@ export {
   button_default as SynButton,
   button_group_default as SynButtonGroup,
   checkbox_default as SynCheckbox,
+  divider_default as SynDivider,
   icon_default as SynIcon,
   icon_button_default as SynIconButton,
   input_default as SynInput,

package/dist/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.NKIYFJN2.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.6PFQSQLU.js";
+} from "../chunks/chunk.JRXQK6LG.js";
 import "../chunks/chunk.6C4JXZZN.js";
-import "../chunks/chunk.EJXWL3JM.js";
+import "../chunks/chunk.5AAIHRMI.js";
 import "../chunks/chunk.C7624ITA.js";
 import "../chunks/chunk.DJOAQ4JU.js";
 export {

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

@@ -205,6 +205,23 @@
         }
       ]
     },
+    {
+      "name": "syn-divider",
+      "description": "Dividers are used to visually separate or group elements.\n---\n\n\n### **CSS Properties:**\n - **--color** - The color of the divider. _(default: undefined)_\n- **--width** - The width of the divider. _(default: undefined)_\n- **--spacing** - The spacing of the divider. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "vertical",
+          "description": "Draws the divider in a vertical orientation.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy.style/components/divider"
+        }
+      ]
+    },
     {
       "name": "syn-icon",
       "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **syn-load** - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n- **syn-error** - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.\n- **use** - The <use> element generated when using `spriteSheet: true`",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@synergy-design-system/components",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -425,6 +425,29 @@
             "events": []
           }
         },
+        {
+          "name": "syn-divider",
+          "description": "Dividers are used to visually separate or group elements.\n---\n\n\n### **CSS Properties:**\n - **--color** - The color of the divider. _(default: undefined)_\n- **--width** - The width of the divider. _(default: undefined)_\n- **--spacing** - The spacing of the divider. _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "vertical",
+              "description": "Draws the divider in a vertical orientation.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "vertical",
+                "description": "Draws the divider in a vertical orientation.",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "syn-icon",
           "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **syn-load** - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n- **syn-error** - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.\n- **use** - The <use> element generated when using `spriteSheet: true`",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -88,9 +88,9 @@
     "user-agent-data-types": "^0.4.2",
     "vendorism": "github:mariohamann/vendorism",
     "vue-tsc": "^1.8.24",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "1.1.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "1.2.1",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/icon/library.system.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport type { IconLibrary } from './library.js';\n\n//\n// System icons are a separate library to ensure they're always available, regardless of how the default icon library is\n// configured or if its icons resolve properly.\n//\n// All Synergy components must use the system library instead of the default library. For visual consistency, system\n// icons are a subset of Bootstrap Icons.\n//\n// **Start system icons**\nconst icons = {\n\t'caret': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M16.59 8.295L12 12.875L7.41 8.295L6 9.705L12 15.705L18 9.705L16.59 8.295Z\"/></svg>`,\n\t'check': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M8.79496 15.875L4.62496 11.705L3.20496 13.115L8.79496 18.705L20.795 6.705L19.385 5.295L8.79496 15.875Z\"/></svg>`,\n\t'eye-slash': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12.005 6.5C14.765 6.5 17.005 8.74 17.005 11.5C17.005 12.15 16.875 12.76 16.645 13.33L19.565 16.25C21.075 14.99 22.265 13.36 22.995 11.5C21.265 7.11 16.995 4 11.995 4C10.595 4 9.255 4.25 8.01501 4.7L10.175 6.86C10.745 6.63 11.355 6.5 12.005 6.5ZM2.005 3.77L4.745 6.51C3.085 7.8 1.785 9.52 1.005 11.5C2.735 15.89 7.005 19 12.005 19C13.555 19 15.035 18.7 16.385 18.16L16.805 18.58L19.735 21.5L21.005 20.23L3.275 2.5L2.005 3.77ZM7.53501 9.3L9.085 10.85C9.035 11.06 9.005 11.28 9.005 11.5C9.005 13.16 10.345 14.5 12.005 14.5C12.225 14.5 12.445 14.47 12.655 14.42L14.205 15.97C13.535 16.3 12.795 16.5 12.005 16.5C9.245 16.5 7.005 14.26 7.005 11.5C7.005 10.71 7.20501 9.97 7.53501 9.3ZM11.845 8.52L14.995 11.67L15.015 11.51C15.015 9.85 13.675 8.51 12.015 8.51L11.845 8.52Z\"/></svg>`,\n\t'eye': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z\"/></svg>`,\n\t'indeterminate': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 13H5V11H19V13Z\"/></svg>`,\n\t'radio': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z\"/></svg>`,\n\t'x-circle-fill': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM17 15.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59Z\"/></svg>`,\n\t'x-lg': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/></svg>`\n};\n// **End system icons**\n\nconst systemLibrary: IconLibrary = {\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n    }\n    return '';\n  }\n};\n\nexport default systemLibrary;\n"],
-  "mappings": ";AAWA,IAAM,QAAQ;AAAA,EACb,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,iBAAiB;AAAA;AAAA,EAEjB,SAAS;AAAA;AAAA,EAET,iBAAiB;AAAA;AAAA,EAEjB,QAAQ;AAAA;AAET;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,sBAAsB,mBAAmB,MAAM,IAAI,CAAC,CAAC;AAAA,IAC9D;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAO,yBAAQ;",
-  "names": []
-}