@synergy-design-system/components 2.22.6 → 2.24.0

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

@@ -1,15 +1,15 @@
 import {
   SynTabGroup
-} from "../../chunks/chunk.7VUM3Y4G.js";
+} from "../../chunks/chunk.TPU5AZRR.js";
 import "../../chunks/chunk.XOXVVU5C.js";
 import "../../chunks/chunk.PKYC7QF3.js";
-import "../../chunks/chunk.MDYN2MGD.js";
+import "../../chunks/chunk.JACC66WX.js";
 import "../../chunks/chunk.OI3HOOCT.js";
 import "../../chunks/chunk.5732DMBC.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTabGroup as default

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

@@ -1,16 +1,16 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.DP6SL7FQ.js";
-import "../../chunks/chunk.7VUM3Y4G.js";
+} from "../../chunks/chunk.T6R3ZQI5.js";
+import "../../chunks/chunk.TPU5AZRR.js";
 import "../../chunks/chunk.XOXVVU5C.js";
 import "../../chunks/chunk.PKYC7QF3.js";
-import "../../chunks/chunk.MDYN2MGD.js";
+import "../../chunks/chunk.JACC66WX.js";
 import "../../chunks/chunk.OI3HOOCT.js";
 import "../../chunks/chunk.5732DMBC.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -24,7 +24,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tab_group_default as default

package/dist/components/tab-panel/tab-panel.component.js

@@ -1,11 +1,11 @@
 import {
   SynTabPanel
-} from "../../chunks/chunk.5BVDDY33.js";
+} from "../../chunks/chunk.GJAC4GH6.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.HVXG4JG6.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTabPanel as default

package/dist/components/tab-panel/tab-panel.js

@@ -1,12 +1,12 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.HAMEK6ZC.js";
-import "../../chunks/chunk.5BVDDY33.js";
+} from "../../chunks/chunk.MWVAG37O.js";
+import "../../chunks/chunk.GJAC4GH6.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.HVXG4JG6.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tab_panel_default as default

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

@@ -1,12 +1,12 @@
 import {
   SynTag
-} from "../../chunks/chunk.M5YDQFQH.js";
+} from "../../chunks/chunk.ZXZO3BO4.js";
 import "../../chunks/chunk.B6R3IVGO.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -20,7 +20,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTag as default

package/dist/components/tag/tag.js

@@ -1,13 +1,13 @@
 import {
   tag_default
-} from "../../chunks/chunk.JBUMOZUA.js";
-import "../../chunks/chunk.M5YDQFQH.js";
+} from "../../chunks/chunk.ZEEXNCQS.js";
+import "../../chunks/chunk.ZXZO3BO4.js";
 import "../../chunks/chunk.B6R3IVGO.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -21,7 +21,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.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.6NB2EYVX.js";
+} from "../../chunks/chunk.56EKPHBC.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.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.DZRHESRV.js";
-import "../../chunks/chunk.6NB2EYVX.js";
+} from "../../chunks/chunk.SQZALIZG.js";
+import "../../chunks/chunk.56EKPHBC.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.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.JGYJVAIY.js";
+} from "../../chunks/chunk.DSYBAKAE.js";
 import "../../chunks/chunk.4X3HY2V5.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.A6T2WI54.js";
+import "../../chunks/chunk.6B5KCVTR.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.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.O3ICJ46L.js";
-import "../../chunks/chunk.JGYJVAIY.js";
+} from "../../chunks/chunk.RZ2V3GHI.js";
+import "../../chunks/chunk.DSYBAKAE.js";
 import "../../chunks/chunk.4X3HY2V5.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.A6T2WI54.js";
+import "../../chunks/chunk.6B5KCVTR.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tooltip_default as default

package/dist/components/validate/utility.js

@@ -4,8 +4,8 @@ import {
   isChangeEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "../../chunks/chunk.O7MDBFZX.js";
-import "../../chunks/chunk.54WTNRMZ.js";
+} from "../../chunks/chunk.MMSUFHKX.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   getEventNameForElement,

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

@@ -1,18 +1,18 @@
 import {
   SynValidate
-} from "../../chunks/chunk.BHOWZYP5.js";
-import "../../chunks/chunk.O7MDBFZX.js";
+} from "../../chunks/chunk.ILWMA74P.js";
+import "../../chunks/chunk.MMSUFHKX.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.NIQTDXGX.js";
+import "../../chunks/chunk.S7WBQTMG.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.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.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -21,14 +21,14 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.BUZOBR2J.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
-import "../../chunks/chunk.BUZOBR2J.js";
-import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynValidate as default

package/dist/components/validate/validate.js

@@ -1,19 +1,19 @@
 import {
   validate_default
-} from "../../chunks/chunk.JPVJPLG2.js";
-import "../../chunks/chunk.BHOWZYP5.js";
-import "../../chunks/chunk.O7MDBFZX.js";
+} from "../../chunks/chunk.QAS2F26K.js";
+import "../../chunks/chunk.ILWMA74P.js";
+import "../../chunks/chunk.MMSUFHKX.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.NIQTDXGX.js";
+import "../../chunks/chunk.S7WBQTMG.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.X3F54GGG.js";
+import "../../chunks/chunk.G55BVC24.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.ACOQ7XH4.js";
+import "../../chunks/chunk.3GHOYCG6.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
@@ -22,14 +22,14 @@ import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.BUZOBR2J.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.54WTNRMZ.js";
-import "../../chunks/chunk.BUZOBR2J.js";
-import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.R5NY26Z7.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   validate_default as default

package/dist/custom-elements.json

@@ -6206,6 +6206,24 @@
           "kind": "class",
           "description": "",
           "name": "SynInput",
+          "cssProperties": [
+            {
+              "description": "The shadow to apply when the input is autofilled.",
+              "name": "--syn-input-autofill-shadow"
+            },
+            {
+              "description": "The shadow to apply when the input is readonly and autofilled.",
+              "name": "--syn-input-autofill-readonly-shadow"
+            },
+            {
+              "description": "The text fill color to apply when the input is autofilled.",
+              "name": "--syn-input-autofill-text-fill-color"
+            },
+            {
+              "description": "The caret color to apply when the input is autofilled.",
+              "name": "--syn-input-autofill-caret-color"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -7203,7 +7221,7 @@
           "tagNameWithoutPrefix": "input",
           "tagName": "syn-input",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Inputs collect data from the user.\n * @documentation https://synergy.style/components/input\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-divider\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot increment-number-stepper - An icon to use in lieu of the default increment number stepper icon.\n * @slot decrement-number-stepper - An icon to use in lieu of the default decrement number stepper icon.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-clear - Emitted when the clear button is activated.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives 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 base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart stepper - The container that wraps the number stepper.\n * @csspart decrement-number-stepper - The decrement number stepper button.\n * @csspart increment-number-stepper - The increment number stepper button.\n * @csspart divider - The divider between the increment and decrement number stepper buttons.\n */",
+          "jsDoc": "/**\n * @summary Inputs collect data from the user.\n * @documentation https://synergy.style/components/input\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-divider\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot increment-number-stepper - An icon to use in lieu of the default increment number stepper icon.\n * @slot decrement-number-stepper - An icon to use in lieu of the default decrement number stepper icon.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-clear - Emitted when the clear button is activated.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives 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 base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart stepper - The container that wraps the number stepper.\n * @csspart decrement-number-stepper - The decrement number stepper button.\n * @csspart increment-number-stepper - The increment number stepper button.\n * @csspart divider - The divider between the increment and decrement number stepper buttons.\n *\n * @cssproperty --syn-input-autofill-shadow - The shadow to apply when the input is autofilled.\n * @cssproperty --syn-input-autofill-readonly-shadow - The shadow to apply when the input is readonly and autofilled.\n * @cssproperty --syn-input-autofill-text-fill-color - The text fill color to apply when the input is autofilled.\n * @cssproperty --syn-input-autofill-caret-color - The caret color to apply when the input is autofilled.\n */",
           "documentation": "https://synergy.style/components/input",
           "status": "stable",
           "since": "2.0",
@@ -15904,7 +15922,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.22.6",
+    "version": "2.24.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.22.6
+ * @synergy-design-system/components version 2.24.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!