@synerise/ds-button-group 1.1.42 → 1.1.43

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-button-group@1.1.42...@synerise/ds-button-group@1.1.43) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-button-group
+
 ## [1.1.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-button-group@1.1.41...@synerise/ds-button-group@1.1.42) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-button-group

package/dist/ButtonDivider/ButtonDivider.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const ButtonDivider: () => React.JSX.Element;
 export default ButtonDivider;

package/dist/ButtonDivider/ButtonDivider.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import * as S from './ButtonDivider.styles';
-var ButtonDivider = function ButtonDivider() {
-  return /*#__PURE__*/React.createElement(S.ButtonDivider, {
-    type: "vertical"
-  });
+import { jsx } from "react/jsx-runtime";
+import { ButtonDivider as ButtonDivider$1 } from "./ButtonDivider.styles.js";
+const ButtonDivider = () => {
+  return /* @__PURE__ */ jsx(ButtonDivider$1, { type: "vertical" });
+};
+export {
+  ButtonDivider as default
 };
-export default ButtonDivider;

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

@@ -1 +1 @@
-export declare const ButtonDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => 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/ButtonDivider/ButtonDivider.styles.js

@@ -1,8 +1,9 @@
-import styled from 'styled-components';
-import Divider from '@synerise/ds-divider';
-export var ButtonDivider = styled(Divider).withConfig({
+import styled from "styled-components";
+import Divider from "@synerise/ds-divider";
+const ButtonDivider = /* @__PURE__ */ styled(Divider).withConfig({
   displayName: "ButtonDividerstyles__ButtonDivider",
   componentId: "sc-1ntx1ba-0"
-})(["&&{border-color:", ";height:auto;margin:0px;top:0;}"], function (props) {
-  return props.theme.palette['grey-300'];
-});
+})(["&&{border-color:", ";height:auto;margin:0px;top:0;}"], (props) => props.theme.palette["grey-300"]);
+export {
+  ButtonDivider
+};

package/dist/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ButtonGroupProps } from './ButtonGroup.types';
+import { default as React } from 'react';
+import { ButtonGroupProps } from './ButtonGroup.types';
 declare const ButtonGroup: ({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, compact, error, }: ButtonGroupProps) => React.JSX.Element;
 export default ButtonGroup;

package/dist/ButtonGroup.js

@@ -1,30 +1,23 @@
-import Button from 'antd/lib/button';
-import React from 'react';
-import * as S from './ButtonGroup.styles';
-var ButtonGroup = function ButtonGroup(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    title = _ref.title,
-    description = _ref.description,
-    size = _ref.size,
-    fullWidth = _ref.fullWidth,
-    _ref$buttonsPosition = _ref.buttonsPosition,
-    buttonsPosition = _ref$buttonsPosition === void 0 ? 'center' : _ref$buttonsPosition,
-    disabled = _ref.disabled,
-    splitMode = _ref.splitMode,
-    _ref$compact = _ref.compact,
-    compact = _ref$compact === void 0 ? true : _ref$compact,
-    error = _ref.error;
-  return /*#__PURE__*/React.createElement(S.Container, {
-    className: "ds-button-group " + (className || ''),
-    fullWidth: fullWidth,
-    buttonsPosition: buttonsPosition,
-    disabled: disabled,
-    splitMode: splitMode,
-    compact: compact,
-    error: error
-  }, title && /*#__PURE__*/React.createElement(S.Title, null, title), /*#__PURE__*/React.createElement(Button.Group, {
-    size: size
-  }, children), description && /*#__PURE__*/React.createElement(S.Description, null, description));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Button from "antd/lib/button";
+import { Container, Title, Description } from "./ButtonGroup.styles.js";
+const ButtonGroup = ({
+  className,
+  children,
+  title,
+  description,
+  size,
+  fullWidth,
+  buttonsPosition = "center",
+  disabled,
+  splitMode,
+  compact = true,
+  error
+}) => /* @__PURE__ */ jsxs(Container, { className: `ds-button-group ${className || ""}`, fullWidth, buttonsPosition, disabled, splitMode, compact, error, children: [
+  title && /* @__PURE__ */ jsx(Title, { children: title }),
+  /* @__PURE__ */ jsx(Button.Group, { size, children }),
+  description && /* @__PURE__ */ jsx(Description, { children: description })
+] });
+export {
+  ButtonGroup as default
 };
-export default ButtonGroup;

package/dist/ButtonGroup.styles.d.ts

@@ -1,8 +1,8 @@
-import { type Keyframes } from 'styled-components';
-import { type ThemeProps } from '@synerise/ds-core';
-import { type LiteralStringUnion } from '@synerise/ds-utils';
+import { Keyframes } from 'styled-components';
+import { ThemeProps } from '@synerise/ds-core';
+import { LiteralStringUnion } from '@synerise/ds-utils';
 export declare const focusAnimation: ({ theme }: ThemeProps) => Keyframes;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
+export declare const Container: import('styled-components').StyledComponent<"div", any, {
     options?: boolean;
     fullWidth?: boolean;
     buttonsPosition: LiteralStringUnion<"left" | "center" | "right">;
@@ -11,5 +11,5 @@ export declare const Container: import("styled-components").StyledComponent<"div
     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>;
+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,48 +1,37 @@
-import styled, { css, keyframes } from 'styled-components';
-var getButtonsPosition = function getButtonsPosition(position) {
-  var mapButtonsPosition = {
-    left: 'flex-start',
-    right: 'flex-end',
-    center: 'center'
+import styled, { css, keyframes } from "styled-components";
+const getButtonsPosition = (position) => {
+  const mapButtonsPosition = {
+    left: "flex-start",
+    right: "flex-end",
+    center: "center"
   };
   switch (position) {
-    case 'left':
-    case 'right':
-    case 'center':
+    case "left":
+    case "right":
+    case "center":
       return mapButtonsPosition[position];
     default:
-      return '';
+      return "";
   }
 };
-export var focusAnimation = function focusAnimation(_ref) {
-  var theme = _ref.theme;
-  return keyframes(["0%{box-shadow:inset 0 0 0 1px inherit;}50%{box-shadow:inset 0 0 0 1px ", ";}100%{box-shadow:inset 0 0 0 1px inherit;}"], theme.palette['blue-600']);
-};
-export var Container = styled.div.withConfig({
+const focusAnimation = ({
+  theme
+}) => keyframes(["0%{box-shadow:inset 0 0 0 1px inherit;}50%{box-shadow:inset 0 0 0 1px ", ";}100%{box-shadow:inset 0 0 0 1px inherit;}"], theme.palette["blue-600"]);
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ButtonGroupstyles__Container",
   componentId: "sc-1jzk068-0"
-})(["", ";.ant-btn-group{width:100%;display:flex;gap:", ";flex-direction:row;align-items:stretch;justify-content:", ";", ";", ";& > .ant-btn{width:auto;flex:", ";border-radius:", ";&.ant-btn-primary{&:focus{z-index:99999;}}}}"], function (props) {
-  return props.fullWidth ? 'width: 100%;' : '';
-}, function (props) {
-  return props.compact ? '0px' : '8px';
-}, function (props) {
-  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) {
-  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,.ds-button.single-icon.ant-btn-ghost,.ds-button.single-icon.ant-btn-ghost-white{border-left:1px solid ", ";}.ds-button:focus{&.ant-btn-primary,&.ant-btn-tertiary,&.ant-btn-tertiary-white,&.ant-btn-custom-color,&.ant-btn-ghost-primary,&.ant-btn-ghost-white,&.ant-btn-ghost{border-left:0px;&:active{border-left:0px;}}}*: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,.ds-button.single-icon.ant-btn-tertiary,.ds-button.single-icon.ant-btn-tertiary-white,.ds-button.single-icon.ant-btn-primary,.ds-button.single-icon.ant-btn-custom-color{border-left:0px;padding-left:1px;}.ds-button:hover:not(:focus){&.ant-btn-tertiary,&.ant-btn-ghost,&.ant-btn-tertiary-white,&.ant-btn-ghost-white{box-shadow:inset 0 0 0 1px ", ";}}"], props.theme.palette['red-600'], props.theme.palette['red-600']);
-}, function (props) {
-  return props.fullWidth ? '1' : 'none';
-}, function (props) {
-  return props.compact ? '0px' : '3px';
-});
-export var Title = styled.h4.withConfig({
+})(["", ";.ant-btn-group{width:100%;display:flex;gap:", ";flex-direction:row;align-items:stretch;justify-content:", ";", ";", ";& > .ant-btn{width:auto;flex:", ";border-radius:", ";&.ant-btn-primary{&:focus{z-index:99999;}}}}"], (props) => props.fullWidth ? "width: 100%;" : "", (props) => props.compact ? "0px" : "8px", (props) => getButtonsPosition(props.buttonsPosition), (props) => !!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"]), (props) => !!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,.ds-button.single-icon.ant-btn-ghost,.ds-button.single-icon.ant-btn-ghost-white{border-left:1px solid ", ";}.ds-button:focus{&.ant-btn-primary,&.ant-btn-tertiary,&.ant-btn-tertiary-white,&.ant-btn-custom-color,&.ant-btn-ghost-primary,&.ant-btn-ghost-white,&.ant-btn-ghost{border-left:0px;&:active{border-left:0px;}}}*: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,.ds-button.single-icon.ant-btn-tertiary,.ds-button.single-icon.ant-btn-tertiary-white,.ds-button.single-icon.ant-btn-primary,.ds-button.single-icon.ant-btn-custom-color{border-left:0px;padding-left:1px;}.ds-button:hover:not(:focus){&.ant-btn-tertiary,&.ant-btn-ghost,&.ant-btn-tertiary-white,&.ant-btn-ghost-white{box-shadow:inset 0 0 0 1px ", ";}}"], props.theme.palette["red-600"], props.theme.palette["red-600"]), (props) => props.fullWidth ? "1" : "none", (props) => props.compact ? "0px" : "3px");
+const Title = /* @__PURE__ */ styled.h4.withConfig({
   displayName: "ButtonGroupstyles__Title",
   componentId: "sc-1jzk068-1"
 })(["margin:0 0 8px;"]);
-export var Description = styled.p.withConfig({
+const Description = /* @__PURE__ */ styled.p.withConfig({
   displayName: "ButtonGroupstyles__Description",
   componentId: "sc-1jzk068-2"
-})(["margin:8px 0 0;color:", ";"], function (props) {
-  return props.theme.palette['grey-500'];
-});
+})(["margin:8px 0 0;color:", ";"], (props) => props.theme.palette["grey-500"]);
+export {
+  Container,
+  Description,
+  Title,
+  focusAnimation
+};

package/dist/ButtonGroup.types.d.ts

@@ -1,6 +1,6 @@
-import { type ButtonGroupProps as AntButtonGroupProps } from 'antd/lib/button/button-group';
-import { type ReactNode } from 'react';
-import { type LiteralStringUnion } from '@synerise/ds-utils';
+import { ButtonGroupProps as AntButtonGroupProps } from 'antd/lib/button/button-group';
+import { ReactNode } from 'react';
+import { LiteralStringUnion } from '@synerise/ds-utils';
 export type ButtonGroupProps = AntButtonGroupProps & {
     children?: ReactNode;
     title?: string;

package/dist/ButtonGroup.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1,2 +1,6 @@
-export { default } from './ButtonGroup';
-export { default as ButtonDivider } from './ButtonDivider/ButtonDivider';
+import { default as default2 } from "./ButtonGroup.js";
+import { default as default3 } from "./ButtonDivider/ButtonDivider.js";
+export {
+  default3 as ButtonDivider,
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button-group",
-  "version": "1.1.42",
+  "version": "1.1.43",
   "description": "Button-Group UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,9 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-divider": "^1.3.1",
-    "@synerise/ds-utils": "^1.7.0"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-divider": "^1.3.2",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -46,5 +46,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }