@synergy-design-system/components 2.77.1 → 3.1.0

package/dist/custom-elements.json

@@ -1528,6 +1528,36 @@
               "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The button-groups size. This affects all buttons within the group.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outline'"
+              },
+              "default": "'outline'",
+              "description": "The button-group's theme variant. This affects all buttons within the group.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "mutationObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleFocus",
@@ -1595,6 +1625,24 @@
               "default": "''",
               "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
               "fieldName": "label"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The button-groups size. This affects all buttons within the group.",
+              "fieldName": "size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outline'"
+              },
+              "default": "'outline'",
+              "description": "The button-group's theme variant. This affects all buttons within the group.",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
@@ -2567,17 +2615,6 @@
               "attribute": "open",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "attribute": "hoist"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -3164,16 +3201,6 @@
               "description": "Indicates whether or not the combobox is open.\nYou can toggle this attribute to show and hide the listbox, or you can use the `show()`\nand `hide()` methods and this attribute will reflect the combobox's open state.",
               "fieldName": "open"
             },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "fieldName": "hoist"
-            },
             {
               "name": "label",
               "type": {
@@ -4632,17 +4659,6 @@
               "description": "The distance in pixels from which to offset the panel along its trigger.",
               "attribute": "skidding"
             },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "attribute": "hoist"
-            },
             {
               "kind": "field",
               "name": "sync",
@@ -4827,16 +4843,6 @@
               "description": "The distance in pixels from which to offset the panel along its trigger.",
               "fieldName": "skidding"
             },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "fieldName": "hoist"
-            },
             {
               "name": "sync",
               "type": {
@@ -6879,7 +6885,7 @@
               "type": {
                 "text": "NumericStrategy"
               },
-              "default": "nativeNumericStrategy"
+              "default": "modernNumericStrategy"
             },
             {
               "kind": "field",
@@ -6888,7 +6894,7 @@
               "type": {
                 "text": "'native' | 'modern' | Partial<NumericStrategy>"
               },
-              "default": "nativeNumericStrategy",
+              "default": "modernNumericStrategy",
               "attribute": "numeric-strategy"
             },
             {
@@ -7485,7 +7491,7 @@
               "type": {
                 "text": "'native' | 'modern' | Partial<NumericStrategy>"
               },
-              "default": "nativeNumericStrategy",
+              "default": "modernNumericStrategy",
               "fieldName": "numericStrategy"
             }
           ],
@@ -9110,18 +9116,6 @@
               "attribute": "placement",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "strategy",
-              "type": {
-                "text": "'absolute' | 'fixed'"
-              },
-              "default": "'absolute'",
-              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
-              "deprecated": "The strategy property is deprecated and will be removed in future versions. Modern browsers support the popover element which is used internally instead.",
-              "attribute": "strategy",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "distance",
@@ -9363,16 +9357,6 @@
               "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
               "fieldName": "placement"
             },
-            {
-              "name": "strategy",
-              "type": {
-                "text": "'absolute' | 'fixed'"
-              },
-              "default": "'absolute'",
-              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
-              "deprecated": "The strategy property is deprecated and will be removed in future versions. Modern browsers support the popover element which is used internally instead.",
-              "fieldName": "strategy"
-            },
             {
               "name": "distance",
               "type": {
@@ -12371,17 +12355,6 @@
               "attribute": "open",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "attribute": "hoist"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -12893,16 +12866,6 @@
               "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
               "fieldName": "open"
             },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "fieldName": "hoist"
-            },
             {
               "name": "label",
               "type": {
@@ -13148,18 +13111,6 @@
               "attribute": "open",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "rail",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use the rail attribute to only show the prefix of navigation items in closed state.\nThis will open on hover on the rail navigation.\nOn touch devices the navigation opens on click and shows an overlay.\n\nNote: The Rail is only an option if all Navigation Items on the first level have an Icon.\nIf this is not the case you should use a burger navigation.",
-              "deprecated": "Use the `variant` attribute with `rail` instead.\nWill be removed in synergy version 3.0",
-              "attribute": "rail",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "variant",
@@ -13289,16 +13240,6 @@
               "description": "Indicates whether or not the side-nav is open.\nYou can toggle this attribute to show and hide the side-nav, or you can use the `show()` and\n`hide()` methods and this attribute will reflect the side-nav's open state.\n\nDepending on the \"variant\" attribute, the behavior will differ.\n\n__Default__:\nWith `open` will show the side-nav with an overlay.\nWithout `open`, the side-nav will be hidden.\n\n__Rail__:\nWith `open` will show the whole side-nav with an overlay for touch devices\nor without an overlay for non-touch devices.\nWithout `open`, the side-nav will only show the prefix of nav-item's.\n\n__Sticky__:\nWith `open` will show the whole side-nav with an overlay for touch devices\nor without an overlay for non-touch devices.\nWithout `open`, the side-nav will only show the prefix of nav-item's.",
               "fieldName": "open"
             },
-            {
-              "name": "rail",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Use the rail attribute to only show the prefix of navigation items in closed state.\nThis will open on hover on the rail navigation.\nOn touch devices the navigation opens on click and shows an overlay.\n\nNote: The Rail is only an option if all Navigation Items on the first level have an Icon.\nIf this is not the case you should use a burger navigation.",
-              "deprecated": "Use the `variant` attribute with `rail` instead.\nWill be removed in synergy version 3.0",
-              "fieldName": "rail"
-            },
             {
               "name": "variant",
               "type": {
@@ -15795,17 +15736,6 @@
               "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
               "attribute": "trigger"
             },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "attribute": "hoist"
-            },
             {
               "kind": "field",
               "name": "handleBlur",
@@ -15961,16 +15891,6 @@
               "default": "'hover focus'",
               "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
               "fieldName": "trigger"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "deprecated": "This property is deprecated and will be removed in the next major version.",
-              "fieldName": "hoist"
             }
           ],
           "superclass": {
@@ -16372,7 +16292,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.77.1",
+    "version": "3.1.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/events/syn-default-settings-changed.d.ts

@@ -1,7 +1,7 @@
 export type SynDefaultChangedAttribute = {
     attribute: string;
-    oldValue: unknown;
     newValue: unknown;
+    oldValue: unknown;
 };
 /**
  * Event that is emitted when the default settings of component properties change.

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.77.1
+ * @synergy-design-system/components version 3.1.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!