@synerise/ds-button 0.21.19 → 0.21.21

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.
 
+## [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
+
+
+
+
+
 ## [0.21.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.21.18...@synerise/ds-button@0.21.19) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-button

package/dist/Button.js

@@ -1,45 +1,38 @@
 var _excluded = ["type", "mode", "justifyContent", "groupVariant", "loading", "onClick", "className", "color", "error", "activated"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { useEffect, useState, useMemo, useRef } from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import Icon, { SpinnerM } from '@synerise/ds-icon';
 import * as S from './Button.styles';
 var RIPPLE_ANIMATION_OFFSET = 50;
-
 var Button = function Button(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'secondary' : _ref$type,
-      mode = _ref.mode,
-      _ref$justifyContent = _ref.justifyContent,
-      justifyContent = _ref$justifyContent === void 0 ? 'center' : _ref$justifyContent,
-      groupVariant = _ref.groupVariant,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'red' : _ref$color,
-      error = _ref.error,
-      activated = _ref.activated,
-      antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    type = _ref$type === void 0 ? 'secondary' : _ref$type,
+    mode = _ref.mode,
+    _ref$justifyContent = _ref.justifyContent,
+    justifyContent = _ref$justifyContent === void 0 ? 'center' : _ref$justifyContent,
+    groupVariant = _ref.groupVariant,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'red' : _ref$color,
+    error = _ref.error,
+    activated = _ref.activated,
+    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var rippleRef = useRef(null);
-
   var _useState = useState(''),
-      rippleClassName = _useState[0],
-      setRippleClassName = _useState[1];
-
+    rippleClassName = _useState[0],
+    setRippleClassName = _useState[1];
   var _useState2 = useState(false),
-      pressed = _useState2[0],
-      setPressed = _useState2[1]; // @ts-expect-error TS7030: Not all code paths return a value
-  // eslint-disable-next-line consistent-return
-
+    pressed = _useState2[0],
+    setPressed = _useState2[1];
 
+  // @ts-expect-error TS7030: Not all code paths return a value
+  // eslint-disable-next-line consistent-return
   useEffect(function () {
     if (rippleClassName !== '') {
       var rippleAnimation = setTimeout(function () {
@@ -50,24 +43,19 @@ var Button = function Button(_ref) {
       };
     }
   }, [rippleClassName]);
-
   var handleClick = function handleClick(event) {
     var button = event.currentTarget.closest('.ant-btn');
-
     if (button) {
       var buttonBoundingRect = button.getBoundingClientRect();
       var x = event.clientX - buttonBoundingRect.left;
       var y = event.clientY - buttonBoundingRect.top;
-
       if (rippleRef.current) {
         rippleRef.current.style.cssText = "top: " + y + "px; left: " + x + "px";
       }
-
       setRippleClassName('animate');
       onClick && onClick(event);
     }
   };
-
   var classNameString = useMemo(function () {
     var modeStringifed = mode || '';
     var readOnlyStringifed = antdProps.readOnly ? 'read-only' : '';
@@ -93,7 +81,6 @@ var Button = function Button(_ref) {
     className: classNameString,
     customColor: color
     /* eslint-disable-next-line react/jsx-props-no-spreading */
-
   }, antdProps), !antdProps.readOnly && /*#__PURE__*/React.createElement(S.RippleEffect, {
     ref: rippleRef,
     className: "btn-ripple " + rippleClassName
@@ -107,5 +94,4 @@ var Button = function Button(_ref) {
     className: "btn-focus"
   }));
 };
-
 export default Button;

package/dist/Button.styles.js

@@ -1,9 +1,6 @@
 var _excluded = ["mode", "type", "loading", "justifyContent", "groupVariant", "customColor", "rightIconSize", "leftIconSize", "pressed", "size", "iconColor", "error", "activated"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import Button from 'antd/lib/button';
@@ -21,11 +18,9 @@ var splitType = {
   secondary: 'secondary',
   tertiary: 'tertiary'
 };
-
 var pressedStyles = function pressedStyles(props) {
   return css(["color:", ";background:", ";svg{fill:", ";}&.ant-btn .btn-focus{box-shadow:inset 0 0 0 1px ", ";}> span:not(.btn-focus) + .ds-icon:before{background-color:", ";}"], props.theme.palette['blue-600'], props.theme.palette['blue-100'], props.theme.palette['blue-600'], props.theme.palette['blue-300'], props.theme.palette['blue-200']);
 };
-
 var spinnerAnimation = keyframes(["from{transform:rotateZ(0deg);}to{transform:rotateZ(360deg);}"]);
 var rippleAnimation = keyframes(["from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(20);}"]);
 export var Spinner = styled.div.withConfig({
@@ -39,24 +34,24 @@ export var RippleEffect = styled.span.withConfig({
 export var ButtonFocus = styled.div.withConfig({
   displayName: "Buttonstyles__ButtonFocus",
   componentId: "sc-3lgta1-2"
-})(["content:'';display:flex;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:box-shadow 0.3s ease;border-radius:inherit;z-index:99;box-shadow:inset 0 0 0 0 transparent;"]); // eslint-disable-next-line react/jsx-props-no-spreading
+})(["content:'';display:flex;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:box-shadow 0.3s ease;border-radius:inherit;z-index:99;box-shadow:inset 0 0 0 0 transparent;"]);
 
+// eslint-disable-next-line react/jsx-props-no-spreading
 export var AntdButton = styled(function (_ref) {
   var mode = _ref.mode,
-      type = _ref.type,
-      loading = _ref.loading,
-      justifyContent = _ref.justifyContent,
-      groupVariant = _ref.groupVariant,
-      customColor = _ref.customColor,
-      rightIconSize = _ref.rightIconSize,
-      leftIconSize = _ref.leftIconSize,
-      pressed = _ref.pressed,
-      size = _ref.size,
-      iconColor = _ref.iconColor,
-      error = _ref.error,
-      activated = _ref.activated,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    type = _ref.type,
+    loading = _ref.loading,
+    justifyContent = _ref.justifyContent,
+    groupVariant = _ref.groupVariant,
+    customColor = _ref.customColor,
+    rightIconSize = _ref.rightIconSize,
+    leftIconSize = _ref.leftIconSize,
+    pressed = _ref.pressed,
+    size = _ref.size,
+    iconColor = _ref.iconColor,
+    error = _ref.error,
+    activated = _ref.activated,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   // eslint-disable-next-line react/jsx-props-no-spreading
   return /*#__PURE__*/React.createElement(Button, _extends({
     type: type === 'custom-color-ghost' ? 'ghost-primary' : type,

package/dist/Checkbox/Checkbox.js

@@ -1,74 +1,56 @@
 var _excluded = ["checked", "defaultChecked", "hasError", "indeterminate", "onChange", "onClick"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon, { CheckboxIndeterminateM, CheckboxSelectedFillM } from '@synerise/ds-icon';
 import Button from '../Button';
 import * as S from './Checkbox.styles';
-
 var CheckboxButtonIcon = function CheckboxButtonIcon(_ref) {
   var checked = _ref.checked,
-      indeterminate = _ref.indeterminate;
-
+    indeterminate = _ref.indeterminate;
   if (indeterminate) {
     return /*#__PURE__*/React.createElement(CheckboxIndeterminateM, null);
   }
-
   if (checked) {
     return /*#__PURE__*/React.createElement(CheckboxSelectedFillM, null);
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DefaultIcon, null), /*#__PURE__*/React.createElement(S.HoverIcon, null));
 };
-
 var getNextCheckedState = function getNextCheckedState(prevState, _ref2) {
   var checked = _ref2.checked,
-      indeterminate = _ref2.indeterminate;
-
+    indeterminate = _ref2.indeterminate;
   if (indeterminate === true) {
     return true;
   }
-
   if (checked === undefined) {
     return !prevState;
   }
-
   return !checked;
 };
-
 var CheckboxButton = function CheckboxButton(props) {
   var checked = props.checked,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      hasError = props.hasError,
-      indeterminate = props.indeterminate,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    hasError = props.hasError,
+    indeterminate = props.indeterminate,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var _React$useState = React.useState(defaultChecked),
-      isCheckedState = _React$useState[0],
-      setIsCheckedState = _React$useState[1];
-
+    isCheckedState = _React$useState[0],
+    setIsCheckedState = _React$useState[1];
   var handleButtonClick = function handleButtonClick(e) {
     if (typeof onClick === 'function') {
       onClick(e);
     }
-
     setIsCheckedState(function (prevState) {
       var nextState = getNextCheckedState(prevState, props);
-
       if (typeof onChange === 'function') {
         onChange(nextState);
       }
-
       return nextState;
     });
   };
-
   var isChecked = checked !== undefined ? checked : isCheckedState;
   return /*#__PURE__*/React.createElement(Button, _extends({
     "aria-checked": indeterminate ? 'mixed' : isChecked,
@@ -90,5 +72,4 @@ var CheckboxButton = function CheckboxButton(props) {
     })
   })));
 };
-
 export default CheckboxButton;

package/dist/Checkbox/Checkbox.styles.js

@@ -5,13 +5,11 @@ export var IconWrapper = styled.span.withConfig({
   componentId: "ssgaoj-0"
 })(["&&&& svg{fill:", ";}.ant-btn-ghost[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn-ghost:hover & .ds-icon svg,.ant-btn-ghost:focus:hover & .ds-icon svg{fill:", ";}.ds-button.ant-btn-ghost &::before{content:'';display:'block';position:absolute;bottom:0;left:0;right:0;top:0;margin:5px;z-index:-1;}.ds-button.ant-btn-ghost &::before,.ds-button.ant-btn-ghost:hover &::before,.ds-button.ant-btn-ghost:focus:hover &::before{background:", ";}.ds-button.ant-btn-ghost[disabled] &::before,.ds-button.ant-btn-ghost[disabled]:hover &::before{background:", ";}"], function (_ref) {
   var theme = _ref.theme,
-      active = _ref.active,
-      error = _ref.error;
-
+    active = _ref.active,
+    error = _ref.error;
   if (error) {
     return theme.palette['red-600'];
   }
-
   return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
 }, function (_ref2) {
   var theme = _ref2.theme;

package/dist/Creator/Creator.js

@@ -2,19 +2,16 @@ import React from 'react';
 import classnames from 'classnames';
 import Icon, { AddM } from '@synerise/ds-icon';
 import * as S from './Creator.styles';
-
 var Creator = function Creator(_ref) {
   var onClick = _ref.onClick,
-      disabled = _ref.disabled,
-      label = _ref.label,
-      block = _ref.block,
-      status = _ref.status,
-      className = _ref.className;
-
+    disabled = _ref.disabled,
+    label = _ref.label,
+    block = _ref.block,
+    status = _ref.status,
+    className = _ref.className;
   var _React$useState = React.useState(false),
-      pressed = _React$useState[0],
-      setPressed = _React$useState[1];
-
+    pressed = _React$useState[0],
+    setPressed = _React$useState[1];
   var onPress = React.useCallback(function () {
     setPressed(true);
   }, []);
@@ -38,5 +35,4 @@ var Creator = function Creator(_ref) {
     "data-testid": "ds-add-button-label"
   }, label)));
 };
-
 export default Creator;

package/dist/Creator/Creator.styles.js

@@ -1,7 +1,5 @@
 var _excluded = ["status", "pressed", "withLabel"];
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { IconContainer } from '@synerise/ds-icon';
@@ -15,23 +13,19 @@ export var CreatorLabel = styled.span.withConfig({
 })(["&&{margin:0 12px 0 0;transition:all 0.3s ease;color:", ";}"], function (props) {
   return props.theme.palette['grey-500'];
 });
-
 var errorStyles = function errorStyles(_ref) {
   var theme = _ref.theme;
   return css(["border:1px dashed ", ";background:", ";&:focus{background:", ";}&:hover:not(:disabled):not(:focus){border:1px dashed ", ";background:", ";}"], theme.palette['red-600'], theme.palette['red-050'], theme.palette.white, theme.palette['grey-400'], theme.palette.white);
 };
-
 var uploadStyles = function uploadStyles(_ref2) {
   var theme = _ref2.theme;
   return css(["&{border:1px dashed ", ";background-color:", ";", "{svg{transition:all 0.3s ease;fill:", ";}}&:hover:not(:disabled){", "{svg{fill:", " !important;}}", "{color:", ";}}", "{color:", ";}&:hover:not(:disabled):not(:focus){border:1px dashed ", ";background-color:", ";}&:focus:active{border:1px dashed ", ";background-color:", ";box-shadow:none;}&:focus{border:1px dashed ", ";box-shadow:none;}&:disabled{", "{margin:12px;svg{transition:all 0.3s ease;color:", ";fill:", ";}}", "{color:", ";}}}"], theme.palette['blue-300'], theme.palette['blue-050'], IconContainer, theme.palette['blue-500'], IconContainer, theme.palette['blue-500'], CreatorLabel, theme.palette['blue-500'], CreatorLabel, theme.palette['blue-500'], theme.palette['blue-300'], theme.palette['blue-050'], theme.palette['blue-600'], theme.palette['blue-050'], theme.palette['blue-600'], IconContainer, theme.palette['grey-500'], theme.palette['grey-500'], CreatorLabel, theme.palette['grey-500']);
 };
-
 export var Creator = styled(function (_ref3) {
   var status = _ref3.status,
-      pressed = _ref3.pressed,
-      withLabel = _ref3.withLabel,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
+    pressed = _ref3.pressed,
+    withLabel = _ref3.withLabel,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
   return /*#__PURE__*/React.createElement(Button, rest);
 }).withConfig({
   displayName: "Creatorstyles__Creator",

package/dist/Creator/Creator.types.js

@@ -1,5 +1,4 @@
 export var CreatorStatus;
-
 (function (CreatorStatus) {
   CreatorStatus["Default"] = "default";
   CreatorStatus["Error"] = "error";

package/dist/Expander/Expander.js

@@ -3,14 +3,13 @@ import classnames from 'classnames';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
 import * as S from './Expander.styles';
 import { ExpanderSize } from './Expander.types';
-
 var Expander = function Expander(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'S' : _ref$size,
-      expanded = _ref.expanded,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      className = _ref.className;
+    size = _ref$size === void 0 ? 'S' : _ref$size,
+    expanded = _ref.expanded,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement(S.Expander, {
     onClick: onClick,
     size: ExpanderSize[size],
@@ -21,5 +20,4 @@ var Expander = function Expander(_ref) {
     component: /*#__PURE__*/React.createElement(AngleDownS, null)
   }));
 };
-
 export default Expander;

package/dist/Expander/Expander.styles.js

@@ -1,9 +1,6 @@
 var _excluded = ["children", "expanded", "size"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import styled, { keyframes, css } from 'styled-components';
 import React from 'react';
 import { IconContainer } from '@synerise/ds-icon';
@@ -15,10 +12,9 @@ export var focusAnimation = function focusAnimation(_ref) {
 var SIZE_DEFAULT = 24;
 export var Expander = styled(function (_ref2) {
   var children = _ref2.children,
-      expanded = _ref2.expanded,
-      size = _ref2.size,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    expanded = _ref2.expanded,
+    size = _ref2.size,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/Expander/Expander.types.js

@@ -1,5 +1,4 @@
 export var ExpanderSize;
-
 (function (ExpanderSize) {
   ExpanderSize[ExpanderSize["S"] = 24] = "S";
   ExpanderSize[ExpanderSize["M"] = 32] = "M";

package/dist/Star/Star.js

@@ -1,21 +1,16 @@
 var _excluded = ["hasError", "active", "type"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon, { StarM, StarFillM } from '@synerise/ds-icon';
 import Button from '../Button';
 import * as S from './Star.styles';
-
 var StarButton = function StarButton(props) {
   var hasError = props.hasError,
-      active = props.active,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'ghost' : _props$type,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    active = props.active,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'ghost' : _props$type,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({
     "aria-pressed": !!active,
     mode: "single-icon",
@@ -32,5 +27,4 @@ var StarButton = function StarButton(props) {
     component: active ? /*#__PURE__*/React.createElement(StarFillM, null) : /*#__PURE__*/React.createElement(StarM, null)
   })));
 };
-
 export default StarButton;

package/dist/Star/Star.styles.js

@@ -4,13 +4,11 @@ export var IconWrapper = styled.span.withConfig({
   componentId: "k1qcv4-0"
 })(["&&&& svg{fill:", ";}.ant-btn-ghost[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn-ghost:hover & .ds-icon svg,.ant-btn-ghost:focus:hover & .ds-icon svg{fill:", ";}.ant-btn-ghost &::before{clip-path:path( 'M 19.606 9.598 l -4.794 -0.686 l -2.141 -4.276 a 0.781 0.781 0 0 0 -1.342 0 L 9.187 8.912 l -4.793 0.686 a 0.75 0.75 0 0 0 -0.414 1.284 l 3.462 3.325 l -0.817 4.691 a 0.751 0.751 0 0 0 0.74 0.88 a 0.742 0.742 0 0 0 0.344 -0.085 L 12 17.472 l 4.29 2.221 a 0.75 0.75 0 0 0 1.084 -0.795 l -0.816 -4.691 l 3.462 -3.325 a 0.75 0.75 0 0 0 -0.414 -1.284 z z' );content:'';position:absolute;bottom:0;left:0;right:0;top:0;margin:0;z-index:-1;}.ant-btn-ghost[disabled] &:before{background:", ";}.ant-btn-ghost &::before,.ant-btn-ghost:hover &:before,.ant-btn-ghost:focus:hover &:before{background:", ";}"], function (_ref) {
   var theme = _ref.theme,
-      active = _ref.active,
-      error = _ref.error;
-
+    active = _ref.active,
+    error = _ref.error;
   if (error) {
     return theme.palette['red-600'];
   }
-
   return active ? theme.palette['yellow-600'] : theme.palette['grey-300'];
 }, function (_ref2) {
   var theme = _ref2.theme;

package/dist/index.js

@@ -1,13 +1,8 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React from 'react';
 import MainButton from './Button';
 import CheckboxButton from './Checkbox/Checkbox';
@@ -19,31 +14,21 @@ 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';
-
 var Button = /*#__PURE__*/function (_React$Component) {
   function Button() {
     return _React$Component.apply(this, arguments) || this;
   }
-
   _inheritsLoose(Button, _React$Component);
-
   var _proto = Button.prototype;
-
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(MainButton, this.props);
   };
-
   return Button;
 }(React.Component);
-
 _defineProperty(Button, "Checkbox", CheckboxButton);
-
 _defineProperty(Button, "Creator", Creator);
-
 _defineProperty(Button, "Expander", Expander);
-
 _defineProperty(Button, "Star", StarButton);
-
 export default Button;
 export { ExpanderSize } from './Expander/Expander.types';
 export { CreatorStatus } from './Creator/Creator.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "0.21.19",
+  "version": "0.21.21",
   "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.0",
+    "@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": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
 }