@synergy-design-system/vue 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @synergy-design-system/vue
2
2
 
3
+ ## 3.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1141](https://github.com/synergy-design-system/synergy-design-system/pull/1141) [`96dff2e`](https://github.com/synergy-design-system/synergy-design-system/commit/96dff2ebb47cee901f72773664ee864db5653219) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-02-02
8
+
9
+ feat: ✨ `<syn-button-group>` (#392)
10
+
11
+ We added a new component `<syn-button-group>` that you can use to group a list of buttons.
12
+
13
+ It will automatically apply its `size` and `variant` properties to all nested buttons.
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [[`96dff2e`](https://github.com/synergy-design-system/synergy-design-system/commit/96dff2ebb47cee901f72773664ee864db5653219)]:
18
+ - @synergy-design-system/components@3.1.0
19
+ - @synergy-design-system/tokens@3.1.0
20
+
3
21
  ## 3.0.0
4
22
 
5
23
  ### Major Changes
@@ -6,6 +6,16 @@ type __VLS_Props = {
6
6
  devices when interacting with the control and is strongly recommended.
7
7
  */
8
8
  label?: SynButtonGroup['label'];
9
+ /**
10
+ * The button-groups size.
11
+ * This affects all buttons within the group.
12
+ */
13
+ size?: SynButtonGroup['size'];
14
+ /**
15
+ * The button-group's theme variant.
16
+ * This affects all buttons within the group.
17
+ */
18
+ variant?: SynButtonGroup['variant'];
9
19
  };
10
20
  declare function __VLS_template(): {
11
21
  attrs: Partial<{}>;
@@ -3,7 +3,9 @@ import "@synergy-design-system/components/components/button-group/button-group.j
3
3
  const _sfc_main = /* @__PURE__ */ defineComponent({
4
4
  __name: "SynVueButtonGroup",
5
5
  props: {
6
- label: {}
6
+ label: {},
7
+ size: {},
8
+ variant: {}
7
9
  },
8
10
  setup(__props, { expose: __expose }) {
9
11
  const nativeElement = ref();
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "url": "https://www.sick.com"
5
5
  },
6
6
  "dependencies": {
7
- "@synergy-design-system/components": "3.0.0"
7
+ "@synergy-design-system/components": "3.1.0"
8
8
  },
9
9
  "description": "Vue3 wrappers for the Synergy Design System",
10
10
  "exports": {
@@ -40,7 +40,7 @@
40
40
  "directory": "packages/vue"
41
41
  },
42
42
  "type": "module",
43
- "version": "3.0.0",
43
+ "version": "3.1.0",
44
44
  "devDependencies": {
45
45
  "@vitejs/plugin-vue": "^6.0.3",
46
46
  "@vue/tsconfig": "^0.8.1",
@@ -50,7 +50,7 @@
50
50
  "vue": "^3.5.26"
51
51
  },
52
52
  "peerDependencies": {
53
- "@synergy-design-system/tokens": "3.0.0"
53
+ "@synergy-design-system/tokens": "3.1.0"
54
54
  },
55
55
  "scripts": {
56
56
  "_build": "vite build"
@@ -35,6 +35,18 @@ const props = defineProps<{
35
35
  devices when interacting with the control and is strongly recommended.
36
36
  */
37
37
  label?: SynButtonGroup['label'];
38
+
39
+ /**
40
+ * The button-groups size.
41
+ * This affects all buttons within the group.
42
+ */
43
+ size?: SynButtonGroup['size'];
44
+
45
+ /**
46
+ * The button-group's theme variant.
47
+ * This affects all buttons within the group.
48
+ */
49
+ variant?: SynButtonGroup['variant'];
38
50
  }>();
39
51
 
40
52
  // Make sure prop binding only forwards the props that are actually there.