@synerise/ds-button 1.4.7 → 1.4.8

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.8](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.4.7...@synerise/ds-button@1.4.8) (2025-08-20)
+
+
+### Bug Fixes
+
+* **button:** add new prop centerLabel ([fb9dcd1](https://github.com/synerise/synerise-design/commit/fb9dcd1bfc6b853e46f8bd1989efaee48f6bc1b3))
+
+
+
+
+
 ## [1.4.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.4.6...@synerise/ds-button@1.4.7) (2025-08-14)
 
 **Note:** Version bump only for package @synerise/ds-button

package/README.md

@@ -88,13 +88,14 @@ Special type of Button, with two states: default and activated (selected). Inher
 
 ## Button.Creator
 
-| Property | Description                                            | Type                              | Default   |
-| -------- | ------------------------------------------------------ | --------------------------------- | --------- |
-| block    | Defines if the button should take all available space. | boolean                           | `false`   |
-| disabled | Defines if the button is disabled.                     | boolean                           | `false`   |
-| label    | Label of the button.                                   | string / React.ReactNode          | -         |
-| onClick  | Callback executed after clicking the button            | (event: React.MouseEvent) => void | -         |
-| status   | Defines the color of the button.                       | `upload` / `error`/ `default`     | `default` |
+| Property      | Description                                            | Type                              | Default   |
+| ------------- | ------------------------------------------------------ | --------------------------------- | --------- |
+| block         | Defines if the button should take all available space. | boolean                           | `false`   |
+| disabled      | Defines if the button is disabled.                     | boolean                           | `false`   |
+| label         | Label of the button.                                   | string / React.ReactNode          | -         |
+| onClick       | Callback executed after clicking the button            | (event: React.MouseEvent) => void | -         |
+| status        | Defines the color of the button.                       | `upload` / `error`/ `default`     | `default` |
+| labelAlign    | Defines label in center or left                        | `center` / `left`                 | `center`  |
 
 ## Button.Expander
 

package/dist/Creator/Creator.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type CreatorProps } from './Creator.types';
-declare const Creator: ({ onClick, disabled, label, block, status, className, ...htmlAttributes }: CreatorProps) => React.JSX.Element;
+declare const Creator: ({ onClick, disabled, label, block, status, className, labelAlign, ...htmlAttributes }: CreatorProps) => React.JSX.Element;
 export default Creator;

package/dist/Creator/Creator.js

@@ -1,4 +1,4 @@
-var _excluded = ["onClick", "disabled", "label", "block", "status", "className"];
+var _excluded = ["onClick", "disabled", "label", "block", "status", "className", "labelAlign"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import classnames from 'classnames';
@@ -12,6 +12,8 @@ var Creator = function Creator(_ref) {
     block = _ref.block,
     status = _ref.status,
     className = _ref.className,
+    _ref$labelAlign = _ref.labelAlign,
+    labelAlign = _ref$labelAlign === void 0 ? 'center' : _ref$labelAlign,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
     pressed = _useState[0],
@@ -24,6 +26,7 @@ var Creator = function Creator(_ref) {
   }, []);
   return /*#__PURE__*/React.createElement(S.Creator, _extends({
     block: block,
+    labelAlign: labelAlign,
     className: classnames([className, 'ds-button-creator']),
     disabled: disabled,
     onClick: onClick,

package/dist/Creator/Creator.styles.js

@@ -30,7 +30,7 @@ export var Creator = styled(function (_ref3) {
 }).withConfig({
   displayName: "Creatorstyles__Creator",
   componentId: "sc-1w96u6h-1"
-})(["&&&{width:", ";opacity:", ";height:48px;padding:", ";border-radius:3px;border:1px dashed ", ";background:transparent;transition:all 0.3s ease;justify-content:", ";align-items:center;&.ant-btn > span{display:flex;align-items:center;}", "{margin:auto 12px;svg{transition:all 0.3s ease;color:", ";fill:", ";}}", "{background-color:", ";}", "{display:none;}&:hover:not(:disabled){", "{svg{color:", " !important;fill:", " !important;}}", "{color:", ";}}&:hover:not(:disabled):not(:focus){border:1px dashed ", ";background-color:", ";}", " &:focus:active{border:1px dashed ", " !important;box-shadow:none;background-color:", ";}&:focus{border:1px dashed ", ";box-shadow:none;}&:disabled{border-color:", ";background-color:", ";}", " ", "}"], function (props) {
+})(["&&&{width:", ";opacity:", ";height:48px;padding:", ";border-radius:3px;border:1px dashed ", ";background:transparent;transition:all 0.3s ease;justify-content:", ";align-items:center;&.ant-btn{& .ds-button-label{justify-content:", ";}}&.ant-btn > span{display:flex;align-items:center;}", "{margin:auto 12px;svg{transition:all 0.3s ease;color:", ";fill:", ";}}", "{background-color:", ";}", "{display:none;}&:hover:not(:disabled){", "{svg{color:", " !important;fill:", " !important;}}", "{color:", ";}}&:hover:not(:disabled):not(:focus){border:1px dashed ", ";background-color:", ";}", " &:focus:active{border:1px dashed ", " !important;box-shadow:none;background-color:", ";}&:focus{border:1px dashed ", ";box-shadow:none;}&:disabled{border-color:", ";background-color:", ";}", " ", "}"], function (props) {
   if (!props.withLabel) {
     return '48px';
   }
@@ -47,6 +47,8 @@ export var Creator = styled(function (_ref3) {
   return theme.palette['grey-300'];
 }, function (props) {
   return props.withLabel && !props.block ? "flex-start" : 'center';
+}, function (props) {
+  return props.labelAlign === 'center' ? 'center' : 'flex-start';
 }, IconContainer, function (props) {
   return props.theme.palette['grey-500'];
 }, function (props) {

package/dist/Creator/Creator.types.d.ts

@@ -10,6 +10,7 @@ export type CreatorProps = WithHTMLAttributes<HTMLButtonElement, {
     disabled?: boolean;
     label?: ReactNode;
     block?: boolean;
+    labelAlign?: 'left' | 'center';
     status?: CreatorStatus;
     className?: string;
 }>;

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import * as ExpanderStyles from './Expander/Expander.styles';
 import * as StarStyles from './Star/Star.styles';
 declare class Button extends React.Component<Props> {
     static readonly Checkbox: (props: import("./Checkbox/Checkbox.types").CheckboxButtonProps) => React.ReactElement;
-    static readonly Creator: ({ onClick, disabled, label, block, status, className, ...htmlAttributes }: import("./Creator/Creator.types").CreatorProps) => React.JSX.Element;
+    static readonly Creator: ({ onClick, disabled, label, block, status, className, labelAlign, ...htmlAttributes }: import("./Creator/Creator.types").CreatorProps) => React.JSX.Element;
     static readonly Expander: ({ size, expanded, disabled, onClick, className, }: import("./Expander/Expander.types").ExpanderProps) => React.JSX.Element;
     static readonly Star: (props: import("./Star/Star.types").StarButtonProps) => React.ReactElement;
     render(): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "408d73cc145b6c8c61f3e70dce05badf3ad1ffde"
+  "gitHead": "2393f96e57ee588efc9b56457389865b272b79fa"
 }