@synerise/ds-button 0.21.20 → 0.22.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.22.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.21.21...@synerise/ds-button@0.22.0) (2024-12-04)
+
+
+### Features
+
+* **banner:** new component ([881a411](https://github.com/synerise/synerise-design/commit/881a41113241463b940eb9b2a6bde9ab10c143a4))
+
+
+
+
+
+## [0.21.21](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.21.20...@synerise/ds-button@0.21.21) (2024-11-29)
+
+**Note:** Version bump only for package @synerise/ds-button
+
+
+
+
+
 ## [0.21.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.21.19...@synerise/ds-button@0.21.20) (2024-11-28)
 
 **Note:** Version bump only for package @synerise/ds-button

package/dist/Button.types.d.ts

@@ -1,29 +1,30 @@
 import { ElementType, MouseEvent } from 'react';
 import { ButtonProps as AntdButtonProps } from 'antd/lib/button';
 import { JustifyContentProperty } from 'csstype';
+import { LiteralStringUnion } from '@synerise/ds-utils';
 export type ButtonProps = Omit<AntdButtonProps, 'type'> & {
     /**
      * Defines the type of the button. It affects the button color
      *
      * @default secondary
      */
-    type?: string | 'primary' | 'secondary' | 'tertiary' | 'tertiary-white' | 'ghost-primary' | 'ghost' | 'ghost-white' | 'custom-color' | 'custom-color-ghost';
+    type?: LiteralStringUnion<'primary' | 'secondary' | 'tertiary' | 'tertiary-white' | 'ghost-primary' | 'ghost' | 'ghost-white' | 'custom-color' | 'custom-color-ghost'>;
     /**
      * Defines the type of the button content. It affects content inside the button
      *
      * @default simple
      */
-    mode?: 'single-icon' | 'split' | 'two-icons' | 'label-icon' | 'icon-label' | string;
+    mode?: LiteralStringUnion<'single-icon' | 'split' | 'two-icons' | 'label-icon' | 'icon-label'>;
     /**
      * Defines color of `custom-color` button.
      *
      * @default red
      */
-    color?: string | 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+    color?: LiteralStringUnion<'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet'>;
     /**
      * Defines shape of the button.
      */
-    groupVariant?: string | 'left-rounded' | 'squared' | 'right-rounded';
+    groupVariant?: LiteralStringUnion<'left-rounded' | 'squared' | 'right-rounded'>;
     /**
      * Defines justify of content in button.
      */
@@ -39,7 +40,7 @@ export type ButtonProps = Omit<AntdButtonProps, 'type'> & {
      * Sets the handler to handle `click` event
      */
     onClick?: (event: MouseEvent<HTMLElement>) => void;
-    iconColor?: string | 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+    iconColor?: LiteralStringUnion<'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet'>;
     error?: boolean;
     activated?: boolean;
     readOnly?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "0.21.20",
+  "version": "0.22.0",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,7 +34,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-icon": "^0.68.0",
     "@synerise/ds-utils": "^0.31.2",
     "classnames": "2.3.2",
     "csstype": "^2.6.9"
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
+  "gitHead": "03c0625fb7b5baaa35f6633a425fb803469b6a20"
 }