@synerise/ds-button 1.4.4 → 1.4.6

package/CHANGELOG.md

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

package/dist/Button.styles.d.ts

@@ -5,6 +5,6 @@ export declare const RippleEffect: import("styled-components").StyledComponent<"
 export declare const ButtonFocus: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Tag: import("styled-components").StyledComponent<({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, dashed, ...htmlAttributes }: import("@synerise/ds-tag").TagProps) => React.JSX.Element, any, {}, never>;
 export declare const ButtonLabel: import("styled-components").StyledComponent<"div", any, {
-    withTooltip?: boolean | undefined;
+    withTooltip?: boolean;
 }, never>;
 export declare const AntdButton: import("styled-components").StyledComponent<({ mode, type, loading, justifyContent, groupVariant, customColor, rightIconSize, leftIconSize, pressed, size, iconColor, error, ...rest }: any) => React.JSX.Element, any, {}, never>;

package/dist/Button.styles.js

@@ -10,15 +10,8 @@ export var RIPPLE_ANIMATION_TIME = 500;
 var leftIcon = '0 4px 0 8px';
 var rightIcon = '0 8px 0 4px';
 var rippleInitialSize = 20;
-var buttonType = {
-  secondary: 'secondary',
-  tertiary: 'tertiary',
-  ghost: 'ghost'
-};
-var splitType = {
-  secondary: 'secondary',
-  tertiary: 'tertiary'
-};
+var buttonTypes = ['secondary', 'tertiary', 'ghost'];
+var splitTypes = ['secondary', 'tertiary'];
 var pressedStyles = function pressedStyles(props) {
   return css(["color:", ";background:", ";&.ant-btn .btn-focus{box-shadow:inset 0 0 0 1px ", ";}", " > .ds-icon:before{background-color:", ";}"], props.theme.palette['blue-600'], props.theme.palette['blue-100'], props.theme.palette['blue-300'], ButtonLabel, props.theme.palette['blue-200']);
 };
@@ -94,9 +87,9 @@ export var AntdButton = styled(function (_ref) {
 }, function (props) {
   return props.loading && css(["> *:not(.btn-focus){opacity:0;visibility:hidden;}", "{opacity:1;visibility:visible;}"], Spinner);
 }, function (props) {
-  return props.type === buttonType[props.type] && !props.error && css(["&.ant-btn{&:not(:disabled){svg{fill:", ";}&:hover{svg{fill:currentColor;}}}}"], props.iconColor ? props.theme.palette[props.iconColor + "-600"] : 'currentColor');
+  return buttonTypes.includes(props.type) && !props.error && css(["&.ant-btn{&:not(:disabled){svg{fill:", ";}&:hover{svg{fill:currentColor;}}}}"], props.iconColor ? props.theme.palette[props.iconColor + "-600"] : 'currentColor');
 }, function (props) {
-  return props.mode === 'split' && css(["&.ant-btn{padding-right:0;transition:0s;", "{position:relative;}", " > .ds-icon{margin:0 4px 0 15px;position:relative;&:before{content:'';background-color:", ";top:", ";height:", ";width:1px;left:-4px;position:absolute;transition:all 0.3s ease;}}}"], ButtonLabel, ButtonLabel, props.type !== splitType[props.type] ? "rgba(255, 255, 255, 0.15);" : props.theme.palette['grey-300'], props.size === 'large' ? '-12px' : '-4px', props.size === 'large' ? '48px' : '32px');
+  return props.mode === 'split' && css(["&.ant-btn{padding-right:0;transition:0s;", "{position:relative;}", " > .ds-icon{margin:0 4px 0 15px;position:relative;&:before{content:'';background-color:", ";top:", ";height:", ";width:1px;left:-4px;position:absolute;transition:all 0.3s ease;}}}"], ButtonLabel, ButtonLabel, !splitTypes.includes(props.type) ? "rgba(255, 255, 255, 0.15);" : props.theme.palette['grey-300'], props.size === 'large' ? '-12px' : '-4px', props.size === 'large' ? '48px' : '32px');
 }, function (props) {
   return props.mode === 'two-icons' && css(["&.ant-btn{padding:0;transition:0s;", " > ", ":first-of-type,", " > .ds-icon:first-of-type,& > ", ":first-of-type,& > .ds-icon:first-of-type{margin:", ";}", " > ", ":nth-of-type(2),", " > .ds-icon:nth-of-type(2),& > ", ":nth-of-type(2),& > .ds-icon:nth-of-type(2){margin:", ";}}", "{margin:0 12px 0 0;}"], ButtonLabel, IconContainer, ButtonLabel, IconContainer, leftIcon, ButtonLabel, IconContainer, ButtonLabel, IconContainer, rightIcon, Tag);
 }, function (props) {

package/dist/Checkbox/Checkbox.styles.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
-    active?: boolean | undefined;
-    error?: boolean | undefined;
+    active?: boolean;
+    error?: boolean;
 }, never>;
-export declare const DefaultIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
-export declare const HoverIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const DefaultIcon: import("styled-components").StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const HoverIcon: import("styled-components").StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
 declare const _default: {
     IconWrapper: import("styled-components").StyledComponent<"span", any, {
-        active?: boolean | undefined;
-        error?: boolean | undefined;
+        active?: boolean;
+        error?: boolean;
     }, never>;
 };
 export default _default;

package/dist/Expander/Expander.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum ExpanderSize {
     'S' = 24,
     'M' = 32

package/dist/Star/Star.styles.d.ts

@@ -1,11 +1,11 @@
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
-    active?: boolean | undefined;
-    error?: boolean | undefined;
+    active?: boolean;
+    error?: boolean;
 }, never>;
 declare const _default: {
     IconWrapper: import("styled-components").StyledComponent<"span", any, {
-        active?: boolean | undefined;
-        error?: boolean | undefined;
+        active?: boolean;
+        error?: boolean;
     }, never>;
 };
 export default _default;

package/dist/index.d.ts

@@ -6,10 +6,10 @@ import * as CreatorStyles from './Creator/Creator.styles';
 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<any, string | React.JSXElementConstructor<any>>;
+    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 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<any, string | React.JSXElementConstructor<any>>;
+    static readonly Star: (props: import("./Star/Star.types").StarButtonProps) => React.ReactElement;
     render(): React.JSX.Element;
 }
 export default Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.6.0",
-    "@synerise/ds-tag": "^1.1.13",
-    "@synerise/ds-tooltip": "^1.1.13",
-    "@synerise/ds-utils": "^1.3.1",
+    "@synerise/ds-icon": "^1.6.2",
+    "@synerise/ds-tag": "^1.1.15",
+    "@synerise/ds-tooltip": "^1.1.15",
+    "@synerise/ds-utils": "^1.4.0",
     "classnames": "^2.5.1",
     "csstype": "^2.6.9"
   },
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f7c362a4f370d86b51df9aba9e91ac8f7fe4ed8f"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }