@synerise/ds-button 1.4.1 → 1.4.3

package/README.md

@@ -1,5 +1,6 @@
 ```js noeditor
 import { version } from './package.json';
+
 `Current version: ${version}`;
 ```
 
@@ -70,20 +71,20 @@ import { AngleDownS } from '@synerise/ds-icon';
 
 ## ButtonToggle
 
-Special type of Button, with two states: default and activated (selected). Inherits most props from Button. 
-
-| Property       | Description                                                                  | Type                                                                                                 | Default |
-| -------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------- |
-| disabled       | Defines if the button is disabled.                                           | boolean                                                                                              | `false` |
-| groupVariant   | Defines shape of the button                                                  | `left-rounded` / `squared` / `right-rounded`                                                         | -       |
-| justifyContent | Defines justify of content in button.                                        | JustifyContentProperty (React.CSSPRroperties)                                                        | -       |
-| loading        | Sets the loading status of button.                                           | boolean / `{ delay?: number }`                                                                       | `false` |
-| mode           | Defines the mode of the button content. It affects content inside the button | `single-icon` / `split` / `two-icons` /`label-icon` / `icon-label`                                   | -       |
-| onClick        | Callback executed after clicking the button                                  | (event: React.MouseEvent) => void                                                                    | -       |
-| type           | Defines the type of the button.                                              | `solid` / `ghost`                                                                                    | `solid` |
-| error          | Defines if the button has error button styles .                              | boolean                                                                                              | `false` |
-| activated      | Defines if the button has activated button styles .                          | boolean                                                                                              | `false` |
-| tagProps       | Renders a status tag next to button label                                    | TagProps see ds-tag                                                                                  | -       |
+Special type of Button, with two states: default and activated (selected). Inherits most props from Button.
+
+| Property       | Description                                                                  | Type                                                               | Default |
+| -------------- | ---------------------------------------------------------------------------- | ------------------------------------------------------------------ | ------- |
+| disabled       | Defines if the button is disabled.                                           | boolean                                                            | `false` |
+| groupVariant   | Defines shape of the button                                                  | `left-rounded` / `squared` / `right-rounded`                       | -       |
+| justifyContent | Defines justify of content in button.                                        | JustifyContentProperty (React.CSSPRroperties)                      | -       |
+| loading        | Sets the loading status of button.                                           | boolean / `{ delay?: number }`                                     | `false` |
+| mode           | Defines the mode of the button content. It affects content inside the button | `single-icon` / `split` / `two-icons` /`label-icon` / `icon-label` | -       |
+| onClick        | Callback executed after clicking the button                                  | (event: React.MouseEvent) => void                                  | -       |
+| type           | Defines the type of the button.                                              | `solid` / `ghost`                                                  | `solid` |
+| error          | Defines if the button has error button styles .                              | boolean                                                            | `false` |
+| activated      | Defines if the button has activated button styles .                          | boolean                                                            | `false` |
+| tagProps       | Renders a status tag next to button label                                    | TagProps see ds-tag                                                | -       |
 
 ## Button.Creator
 

package/dist/Button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
+import { type ButtonProps } from './Button.types';
 import './style/index.less';
-import { ButtonProps } from './Button.types';
 declare const Button: ({ type, mode, justifyContent, groupVariant, loading, onClick, className, color, error, tagProps, children, tooltipProps, ...antdProps }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/Button.js

@@ -1,14 +1,14 @@
 var _excluded = ["type", "mode", "justifyContent", "groupVariant", "loading", "onClick", "className", "color", "error", "tagProps", "children", "tooltipProps"];
 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 React, { useEffect, useState, useMemo, useRef } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import '@synerise/ds-core/dist/js/style';
-import "./style/index.css";
 import Icon, { SpinnerM } from '@synerise/ds-icon';
 import { TagShape } from '@synerise/ds-tag';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Button.styles';
 import { ButtonMode } from './Button.types';
+import "./style/index.css";
 var RIPPLE_ANIMATION_OFFSET = 50;
 var Button = function Button(_ref) {
   var _ref$type = _ref.type,

package/dist/Button.styles.js

@@ -1,9 +1,9 @@
 var _excluded = ["mode", "type", "loading", "justifyContent", "groupVariant", "customColor", "rightIconSize", "leftIconSize", "pressed", "size", "iconColor", "error"];
 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 Button from 'antd/lib/button';
 import React from 'react';
 import styled, { css, keyframes } from 'styled-components';
-import Button from 'antd/lib/button';
 import { IconContainer } from '@synerise/ds-icon';
 import DSTag from '@synerise/ds-tag';
 export var RIPPLE_ANIMATION_TIME = 500;
@@ -72,7 +72,7 @@ export var AntdButton = styled(function (_ref) {
 }, function (props) {
   return props.shape && props.shape === 'circle' && css(["border-radius:50%;"]);
 }, ButtonLabel, ButtonLabel, ButtonLabel, function (props) {
-  return props.mode !== 'single-icon' && css(["&.ant-btn:not(.ds-expander):not(.ds-button-creator):not(.btn-search):not(.btn-search-open){min-width:54px;}"]);
+  return props.mode !== 'single-icon' && css(["&.ant-btn:not(.ds-expander):not(.ds-button-creator):not( .btn-search ):not(.btn-search-open){min-width:54px;}"]);
 }, function (props) {
   return pressedStyles(props);
 }, function (props) {

package/dist/Button.types.d.ts

@@ -1,9 +1,9 @@
-import type { ElementType, MouseEvent } from 'react';
 import type { ButtonProps as AntdButtonProps } from 'antd/lib/button';
 import type { JustifyContentProperty } from 'csstype';
-import type { LiteralStringUnion } from '@synerise/ds-utils';
+import type { ElementType, MouseEvent } from 'react';
 import type { TagProps } from '@synerise/ds-tag';
 import type { TooltipProps } from '@synerise/ds-tooltip';
+import type { LiteralStringUnion } from '@synerise/ds-utils';
 export declare enum ButtonMode {
     SINGLE_ICON = "single-icon",
     SPLIT = "split",

package/dist/ButtonToggle/ButtonToggle.js

@@ -18,7 +18,6 @@ var ButtonToggle = function ButtonToggle(_ref) {
   }, [activated, type]);
   var handlePointerUp = function handlePointerUp(event) {
     var button = event.currentTarget;
-    // eslint-disable-next-line no-unused-expressions
     buttonProps.onPointerUp == null || buttonProps.onPointerUp(event);
     setTimeout(function () {
       button && button.blur();

package/dist/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { CheckboxButtonProps } from './Checkbox.types';
+import { type CheckboxButtonProps } from './Checkbox.types';
 declare const CheckboxButton: (props: CheckboxButtonProps) => React.ReactElement;
 export default CheckboxButton;

package/dist/Checkbox/Checkbox.types.d.ts

@@ -1,4 +1,4 @@
-import { Props as ButtonProps } from '../Button.types';
+import { type Props as ButtonProps } from '../Button.types';
 type ButtonPropsOmitted = Omit<ButtonProps, 'type' | 'block' | 'color' | 'groupVariant' | 'icon' | 'iconColor' | 'leftIconSize' | 'mode' | 'rightIconSize' | 'size' | 'onChange'>;
 export type CheckboxButtonProps = ButtonPropsOmitted & {
     checked?: boolean;

package/dist/Creator/Creator.d.ts

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

package/dist/Creator/Creator.js

@@ -1,8 +1,8 @@
 var _excluded = ["onClick", "disabled", "label", "block", "status", "className"];
 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 React, { useCallback, useState } from 'react';
 import classnames from 'classnames';
+import React, { useCallback, useState } from 'react';
 import Icon, { AddM } from '@synerise/ds-icon';
 import * as S from './Creator.styles';
 var Creator = function Creator(_ref) {

package/dist/Creator/Creator.styles.js

@@ -31,8 +31,12 @@ export var Creator = styled(function (_ref3) {
   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) {
-  if (!props.withLabel) return '48px';
-  if (props.block) return '100%';
+  if (!props.withLabel) {
+    return '48px';
+  }
+  if (props.block) {
+    return '100%';
+  }
   return 'auto';
 }, function (props) {
   return props.disabled ? "0.4" : '1';

package/dist/Expander/Expander.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExpanderProps } from './Expander.types';
-declare const Expander: ({ size, expanded, disabled, onClick, className }: ExpanderProps) => React.JSX.Element;
+import { type ExpanderProps } from './Expander.types';
+declare const Expander: ({ size, expanded, disabled, onClick, className, }: ExpanderProps) => React.JSX.Element;
 export default Expander;

package/dist/Expander/Expander.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import classnames from 'classnames';
+import React from 'react';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
 import * as S from './Expander.styles';
 import { ExpanderSize } from './Expander.types';

package/dist/Expander/Expander.styles.d.ts

@@ -1,6 +1,6 @@
-import { Keyframes } from 'styled-components';
 import React from 'react';
-import { ThemeProps } from '@synerise/ds-core';
+import { type Keyframes } from 'styled-components';
+import { type ThemeProps } from '@synerise/ds-core';
 export type ExpanderProps = {
     onClick: () => void;
     size: number;

package/dist/Expander/Expander.styles.js

@@ -1,8 +1,8 @@
 var _excluded = ["children", "expanded", "size"];
 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 styled, { keyframes, css } from 'styled-components';
 import React from 'react';
+import styled, { css, keyframes } from 'styled-components';
 import { IconContainer } from '@synerise/ds-icon';
 import Button from '../Button';
 export var focusAnimation = function focusAnimation(_ref) {
@@ -15,17 +15,13 @@ export var Expander = styled(function (_ref2) {
     expanded = _ref2.expanded,
     size = _ref2.size,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement(Button, _extends({
-      mode: "single-icon"
-    }, rest), children)
-  );
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    mode: "single-icon"
+  }, rest), children);
 }).withConfig({
   displayName: "Expanderstyles__Expander",
   componentId: "sc-1a3xe1e-0"
-})(["&&&{width:", "px;height:", "px;border-radius:50%;background-color:", ";", "{svg{opacity:", ";fill:", " !important;transition:transform 0.1s linear;transform:rotate(", ");}}.btn-focus{box-shadow:inset 0 0 0 1px ", ";}", "}"], function (props) {
+})(["&&&{width:", "px;height:", "px;border-radius:50%;background-color:", ";", "{svg{opacity:", ";fill:", " !important;transition:transform 0.1s linear;transform:rotate( ", " );}}.btn-focus{box-shadow:inset 0 0 0 1px ", ";}", "}"], function (props) {
   return props.size || SIZE_DEFAULT;
 }, function (props) {
   return props.size || SIZE_DEFAULT;

package/dist/Star/Star.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StarButtonProps } from './Star.types';
+import { type StarButtonProps } from './Star.types';
 declare const StarButton: (props: StarButtonProps) => React.ReactElement;
 export default StarButton;

package/dist/Star/Star.js

@@ -2,7 +2,7 @@ var _excluded = ["hasError", "active", "type"];
 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 React from 'react';
-import Icon, { StarM, StarFillM } from '@synerise/ds-icon';
+import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
 import Button from '../Button';
 import * as S from './Star.styles';
 var StarButton = function StarButton(props) {

package/dist/Star/Star.types.d.ts

@@ -1,4 +1,4 @@
-import { Props as ButtonProps } from '../Button.types';
+import { type Props as ButtonProps } from '../Button.types';
 type ButtonPropsOmitted = Omit<ButtonProps, 'type' | 'block' | 'color' | 'groupVariant' | 'icon' | 'iconColor' | 'leftIconSize' | 'mode' | 'rightIconSize' | 'size' | 'onChange'>;
 export type StarButtonProps = ButtonPropsOmitted & {
     active?: boolean;

package/dist/index.d.ts

@@ -1,27 +1,25 @@
 import React from 'react';
-import { Props as ButtonProps } from './Button.types';
 import * as MainButtonStyles from './Button.styles';
+import { type Props } from './Button.types';
 import * as CheckboxStyles from './Checkbox/Checkbox.styles';
 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<ButtonProps> {
+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 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 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>>;
     render(): React.JSX.Element;
 }
 export default Button;
 export { default as ButtonToggle } from './ButtonToggle/ButtonToggle';
 export type { ButtonToggleProps } from './ButtonToggle/ButtonToggle.types';
-export type { CreatorProps } from './Creator/Creator.types';
+export { type CreatorProps, CreatorStatus } from './Creator/Creator.types';
 export type { StarButtonProps } from './Star/Star.types';
 export type { CheckboxButtonProps } from './Checkbox/Checkbox.types';
-export type { ExpanderProps } from './Expander/Expander.types';
-export type { Props as ButtonProps } from './Button.types';
-export { ExpanderSize } from './Expander/Expander.types';
-export { CreatorStatus } from './Creator/Creator.types';
+export { ExpanderSize, type ExpanderProps } from './Expander/Expander.types';
+export type ButtonProps = Props;
 export declare const ButtonStyles: {
     Button: typeof MainButtonStyles;
     Creator: typeof CreatorStyles;

package/dist/index.js

@@ -2,14 +2,14 @@ function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prot
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React from 'react';
 import MainButton from './Button';
-import CheckboxButton from './Checkbox/Checkbox';
-import Creator from './Creator/Creator';
-import Expander from './Expander/Expander';
-import StarButton from './Star/Star';
 import * as MainButtonStyles from './Button.styles';
+import CheckboxButton from './Checkbox/Checkbox';
 import * as CheckboxStyles from './Checkbox/Checkbox.styles';
+import Creator from './Creator/Creator';
 import * as CreatorStyles from './Creator/Creator.styles';
+import Expander from './Expander/Expander';
 import * as ExpanderStyles from './Expander/Expander.styles';
+import StarButton from './Star/Star';
 import * as StarStyles from './Star/Star.styles';
 var Button = /*#__PURE__*/function (_React$Component) {
   function Button() {
@@ -28,8 +28,8 @@ Button.Expander = Expander;
 Button.Star = StarButton;
 export default Button;
 export { default as ButtonToggle } from './ButtonToggle/ButtonToggle';
-export { ExpanderSize } from './Expander/Expander.types';
 export { CreatorStatus } from './Creator/Creator.types';
+export { ExpanderSize } from './Expander/Expander.types';
 export var ButtonStyles = {
   Button: MainButtonStyles,
   Creator: CreatorStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,11 +34,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-tag": "^1.1.11",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-utils": "^1.3.0",
-    "classnames": "2.3.2",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-tag": "^1.1.12",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-utils": "^1.3.1",
+    "classnames": "^2.5.1",
     "csstype": "^2.6.9"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
 }