@synergy-design-system/components 3.4.0 → 3.5.0

package/dist/components/validate/utility.js

@@ -6,8 +6,8 @@ import {
   isInvalidEvent,
   isSynergyElement,
   normalizeEventAttribute
-} from "../../chunks/chunk.7BLGNQYF.js";
-import "../../chunks/chunk.XBQWANZE.js";
+} from "../../chunks/chunk.WEOHOC3C.js";
+import "../../chunks/chunk.V4GFOKBI.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   alertSizeForInput,

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

@@ -1,25 +1,25 @@
 import {
   SynValidate
-} from "../../chunks/chunk.PLUVTBCU.js";
-import "../../chunks/chunk.7BLGNQYF.js";
+} from "../../chunks/chunk.OY6ZX6TH.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.HHYD4FQJ.js";
+import "../../chunks/chunk.WEOHOC3C.js";
+import "../../chunks/chunk.6L4RCUNM.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.MQG45CA3.js";
-import "../../chunks/chunk.DAIQ5WRI.js";
+import "../../chunks/chunk.FKDUVEOP.js";
 import "../../chunks/chunk.OQUVO5QW.js";
+import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.645UJMOV.js";
-import "../../chunks/chunk.NMWM3BP7.js";
-import "../../chunks/chunk.RODNHT5C.js";
+import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.2BATB6NO.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
@@ -29,8 +29,8 @@ import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
-import "../../chunks/chunk.FXJLG622.js";
-import "../../chunks/chunk.XBQWANZE.js";
+import "../../chunks/chunk.2NT3B5WJ.js";
+import "../../chunks/chunk.V4GFOKBI.js";
 import "../../chunks/chunk.TSWB7UFK.js";
 import "../../chunks/chunk.CCY6IYFD.js";
 import "../../chunks/chunk.MO2GTRUM.js";

package/dist/components/validate/validate.js

@@ -1,26 +1,26 @@
 import {
   validate_default
-} from "../../chunks/chunk.M67Q34LS.js";
-import "../../chunks/chunk.PLUVTBCU.js";
-import "../../chunks/chunk.7BLGNQYF.js";
+} from "../../chunks/chunk.EUQYBYAZ.js";
+import "../../chunks/chunk.OY6ZX6TH.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.HHYD4FQJ.js";
+import "../../chunks/chunk.WEOHOC3C.js";
+import "../../chunks/chunk.6L4RCUNM.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.MQG45CA3.js";
-import "../../chunks/chunk.DAIQ5WRI.js";
+import "../../chunks/chunk.FKDUVEOP.js";
 import "../../chunks/chunk.OQUVO5QW.js";
+import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.645UJMOV.js";
-import "../../chunks/chunk.NMWM3BP7.js";
-import "../../chunks/chunk.RODNHT5C.js";
+import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.2BATB6NO.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
@@ -30,8 +30,8 @@ import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
-import "../../chunks/chunk.FXJLG622.js";
-import "../../chunks/chunk.XBQWANZE.js";
+import "../../chunks/chunk.2NT3B5WJ.js";
+import "../../chunks/chunk.V4GFOKBI.js";
 import "../../chunks/chunk.TSWB7UFK.js";
 import "../../chunks/chunk.CCY6IYFD.js";
 import "../../chunks/chunk.MO2GTRUM.js";

package/dist/custom-elements.json

@@ -144,82 +144,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SynBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "SynergyElement",
-            "module": "/src/internal/synergy-element.js"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "tagNameWithoutPrefix": "badge",
-          "tagName": "syn-badge",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SynBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -560,6 +484,82 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynBadge",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagNameWithoutPrefix": "badge",
+          "tagName": "syn-badge",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/breadcrumb/breadcrumb.js",
@@ -1895,15 +1895,6 @@
                 "text": "HTMLInputElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "title",
@@ -1955,6 +1946,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the checkbox to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "checked",
@@ -2033,7 +2035,15 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -2205,6 +2215,15 @@
               "description": "Disables the checkbox.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the checkbox to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "checked",
               "type": {
@@ -2667,6 +2686,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the combobox to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "clearable",
@@ -2889,6 +2919,11 @@
               "name": "handleDocumentMouseDown",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleFormControlClick",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleLabelClick",
@@ -3372,6 +3407,15 @@
               "description": "Disables the combobox control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the combobox to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "clearable",
               "type": {
@@ -5318,6 +5362,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the file control to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "droparea",
@@ -5752,6 +5807,15 @@
               "description": "Disables the file control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the file control to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "droparea",
               "type": {
@@ -10389,6 +10453,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the radio to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "handleBlur",
@@ -10458,6 +10533,15 @@
               "default": "false",
               "description": "Disables the radio.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the radio to a readonly state.",
+              "fieldName": "readonly"
             }
           ],
           "superclass": {
@@ -11361,6 +11445,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the range to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "min",
@@ -11937,6 +12032,15 @@
               "description": "Disables the range.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the range to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "min",
               "type": {
@@ -12594,6 +12698,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the select to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "clearable",
@@ -12729,6 +12844,11 @@
               "name": "handleDocumentMouseDown",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleFormControlClick",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleLabelClick",
@@ -13108,6 +13228,15 @@
               "description": "Disables the select control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the select to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "clearable",
               "type": {
@@ -13774,6 +13903,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the switch to a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "checked",
@@ -13864,7 +14004,15 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -14026,6 +14174,15 @@
               "description": "Disables the switch.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the switch to a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "checked",
               "type": {
@@ -16552,7 +16709,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "3.4.0",
+    "version": "3.5.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 3.4.0
+ * @synergy-design-system/components version 3.5.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!
@@ -69,7 +69,6 @@ syn-tooltip:not(:defined) {
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
 }
-/* stylelint-disable */
 /*
  * This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
  * of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".syn-"
@@ -87,24 +86,23 @@ syn-tooltip:not(:defined) {
 /** This can go away once Safari has scrollbar-gutter support. */
 @supports not (scrollbar-gutter: stable) {
   .syn-scroll-lock body {
-    padding-right: var(--syn-scroll-lock-size) !important;
     overflow: hidden !important;
+    padding-right: var(--syn-scroll-lock-size) !important;
   }
 }
 .syn-toast-stack {
-  position: fixed;
-  top: 0;
   inset-inline-end: 0;
-  z-index: var(--syn-z-index-toast);
-  width: 28rem;
-  max-width: 100%;
   max-height: 100%;
+  max-width: 100%;
   overflow: auto;
+  position: fixed;
+  top: 0;
+  width: 28rem;
+  z-index: var(--syn-z-index-toast);
 }
 .syn-toast-stack syn-alert {
   margin: var(--syn-spacing-small);
 }
 .syn-toast-stack syn-alert::part(base) {
   box-shadow: var(--syn-shadow-large);
-}
-/* stylelint-enable */
+}

package/dist/styles/utility.css

@@ -1,11 +1,8 @@
-
-/* stylelint-disable */
 /*
  * This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
  * of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".syn-"
  * to reduce the possibility of collisions.
  */
-
 @supports (scrollbar-gutter: stable) {
   .syn-scroll-lock {
     scrollbar-gutter: var(--syn-scroll-lock-gutter) !important;
@@ -19,20 +16,20 @@
 /** This can go away once Safari has scrollbar-gutter support. */
 @supports not (scrollbar-gutter: stable) {
   .syn-scroll-lock body {
-    padding-right: var(--syn-scroll-lock-size) !important;
     overflow: hidden !important;
+    padding-right: var(--syn-scroll-lock-size) !important;
   }
 }
 
 .syn-toast-stack {
-  position: fixed;
-  top: 0;
   inset-inline-end: 0;
-  z-index: var(--syn-z-index-toast);
-  width: 28rem;
-  max-width: 100%;
   max-height: 100%;
+  max-width: 100%;
   overflow: auto;
+  position: fixed;
+  top: 0;
+  width: 28rem;
+  z-index: var(--syn-z-index-toast);
 }
 
 .syn-toast-stack syn-alert {
@@ -42,5 +39,3 @@
 .syn-toast-stack syn-alert::part(base) {
   box-shadow: var(--syn-shadow-large);
 }
-
-/* stylelint-enable */