@synerise/ds-button-group 1.1.9 → 1.1.10

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-button-group@1.1.9...@synerise/ds-button-group@1.1.10) (2025-07-24)
+
+**Note:** Version bump only for package @synerise/ds-button-group
+
+
+
+
+
 ## [1.1.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-button-group@1.1.8...@synerise/ds-button-group@1.1.9) (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-button-group

package/dist/ButtonDivider/ButtonDivider.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ButtonDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => import("react").JSX.Element, any, {}, never>;
+export declare const ButtonDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, {}, never>;

package/dist/ButtonGroup.styles.d.ts

@@ -1,14 +1,15 @@
 import { type Keyframes } from 'styled-components';
 import { type ThemeProps } from '@synerise/ds-core';
+import { type LiteralStringUnion } from '@synerise/ds-utils';
 export declare const focusAnimation: ({ theme }: ThemeProps) => Keyframes;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    options?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    buttonsPosition: string | 'left' | 'center' | 'right';
-    disabled?: boolean | undefined;
-    splitMode?: boolean | undefined;
-    compact?: boolean | undefined;
-    error?: boolean | undefined;
+    options?: boolean;
+    fullWidth?: boolean;
+    buttonsPosition: LiteralStringUnion<"left" | "center" | "right">;
+    disabled?: boolean;
+    splitMode?: boolean;
+    compact?: boolean;
+    error?: boolean;
 }, never>;
 export declare const Title: import("styled-components").StyledComponent<"h4", any, {}, never>;
 export declare const Description: import("styled-components").StyledComponent<"p", any, {}, never>;

package/dist/ButtonGroup.styles.js

@@ -1,8 +1,18 @@
 import styled, { css, keyframes } from 'styled-components';
-var mapButtonsPosition = {
-  left: 'flex-start',
-  right: 'flex-end',
-  center: 'center'
+var getButtonsPosition = function getButtonsPosition(position) {
+  var mapButtonsPosition = {
+    left: 'flex-start',
+    right: 'flex-end',
+    center: 'center'
+  };
+  switch (position) {
+    case 'left':
+    case 'right':
+    case 'center':
+      return mapButtonsPosition[position];
+    default:
+      return '';
+  }
 };
 export var focusAnimation = function focusAnimation(_ref) {
   var theme = _ref.theme;
@@ -16,7 +26,7 @@ export var Container = styled.div.withConfig({
 }, function (props) {
   return props.compact ? '0px' : '8px';
 }, function (props) {
-  return mapButtonsPosition[props.buttonsPosition];
+  return getButtonsPosition(props.buttonsPosition);
 }, function (props) {
   return !!props.splitMode && !props.error && css(["*:not(:first-child).ds-button.single-icon,.ds-button.single-icon.ant-btn-custom-color,.ds-button.single-icon.ant-btn-tertiary-white{border-left:1px solid rgba(255,255,255,0.15);&:disabled.ds-button.single-icon{&.ant-btn-tertiary-white{border-left:1px solid rgba(255,255,255,0.2) !important;}&.ant-btn-tertiary{border-left:1px solid rgba(106,117,128,0.1) !important;}&.ant-btn-custom-color{border-left:1px solid rgba(255,255,255,0.8) !important;}&.ant-btn-primary{border-left:1px solid rgba(255,255,255,0.5) !important;}}}*:not(:first-child).ds-button.single-icon.ant-btn-ghost-primary,.ds-button.single-icon.ant-btn-ghost,.ds-button.single-icon.ant-btn-ghost-white,.ds-button.single-icon.ant-btn-secondary{border-left:0px;padding-left:1px;}*:not(:first-child).ds-button.single-icon.ant-btn-tertiary{border-left:1px solid rgba(106,117,128,0.2);}.ds-button.label.ant-btn-tertiary[disabled]{color:", " !important;}&:hover:not(:disabled){*:not(:first-child).ds-button.single-icon{&.ant-btn-tertiary,&.ant-btn-tertiary-white,&.ant-btn-primary,&.ant-btn-custom-color{border-left:transparent !important;}}}.ds-button:focus{&.ant-btn-primary,&.ant-btn-tertiary,&.ant-btn-tertiary-white,&.ant-btn-custom-color{border-color:transparent !important;&:active{border-color:transparent !important;}}}"], props.theme.palette['grey-500']);
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button-group",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "Button-Group UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.5",
-    "@synerise/ds-divider": "^1.0.16",
-    "@synerise/ds-utils": "^1.3.1"
+    "@synerise/ds-button": "^1.4.6",
+    "@synerise/ds-divider": "^1.0.17",
+    "@synerise/ds-utils": "^1.4.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }