@synerise/ds-button 1.5.16 → 1.5.18

package/dist/Creator/Creator.styles.js

@@ -1,89 +1,45 @@
-var _excluded = ["status", "pressed", "withLabel"];
-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, { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import { hexToRgba } from '@synerise/ds-utils';
-import Button from '../Button';
-import { ButtonFocus, RippleEffect } from '../Button.styles';
-import { CreatorStatus } from './Creator.types';
-export var CreatorLabel = styled.span.withConfig({
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styled, { css } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import { hexToRgba } from "@synerise/ds-utils";
+import Button from "../Button.js";
+import { RippleEffect, ButtonFocus } from "../Button.styles.js";
+import { CreatorStatus } from "./Creator.types.js";
+const CreatorLabel = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Creatorstyles__CreatorLabel",
   componentId: "sc-1w96u6h-0"
-})(["&&{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(/*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var status = _ref3.status,
-    pressed = _ref3.pressed,
-    withLabel = _ref3.withLabel,
-    rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref
-  }, rest));
-})).withConfig({
+})(["&&{margin:0 12px 0 0;transition:all 0.3s ease;color:", ";}"], (props) => props.theme.palette["grey-500"]);
+const errorStyles = ({
+  theme
+}) => 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);
+const uploadStyles = ({
+  theme
+}) => 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"]);
+const Creator = /* @__PURE__ */ styled(forwardRef(({
+  status,
+  pressed,
+  withLabel,
+  ...rest
+}, ref) => /* @__PURE__ */ jsx(Button, { ref, ...rest }))).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{& .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) {
+})(["&&&{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:", ";}", " ", "}"], (props) => {
   if (!props.withLabel) {
-    return '48px';
+    return "48px";
   }
   if (props.block) {
-    return '100%';
+    return "100%";
   }
-  return 'auto';
-}, function (props) {
-  return props.disabled ? "0.4" : '1';
-}, function (props) {
-  return props.withLabel ? "0 12px 0 0" : '0';
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  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) {
-  return props.theme.palette['grey-500'];
-}, RippleEffect, function (props) {
-  return props.theme.palette['grey-050'];
-}, ButtonFocus, IconContainer, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, CreatorLabel, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.palette['grey-400'];
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return hexToRgba(theme.palette['grey-200'], 0.25);
-}, function (props) {
-  return props.pressed && "&&{ background-color: " + hexToRgba(props.theme.palette['grey-200'], 0.4) + "; }";
-}, function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.status === CreatorStatus.Error && errorStyles(props);
-}, function (props) {
-  return props.status === CreatorStatus.Upload && uploadStyles(props);
-});
+  return "auto";
+}, (props) => props.disabled ? `0.4` : "1", (props) => props.withLabel ? `0 12px 0 0` : "0", ({
+  theme
+}) => theme.palette["grey-300"], (props) => props.withLabel && !props.block ? `flex-start` : "center", (props) => props.labelAlign === "center" ? "center" : "flex-start", IconContainer, (props) => props.theme.palette["grey-500"], (props) => props.theme.palette["grey-500"], RippleEffect, (props) => props.theme.palette["grey-050"], ButtonFocus, IconContainer, (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-600"], CreatorLabel, (props) => props.theme.palette["grey-600"], ({
+  theme
+}) => theme.palette["grey-400"], ({
+  theme
+}) => hexToRgba(theme.palette["grey-200"], 0.25), (props) => props.pressed && `&&{ background-color: ${hexToRgba(props.theme.palette["grey-200"], 0.4)}; }`, (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["grey-300"], (props) => props.theme.palette["grey-050"], (props) => props.status === CreatorStatus.Error && errorStyles(props), (props) => props.status === CreatorStatus.Upload && uploadStyles(props));
+export {
+  Creator,
+  CreatorLabel
+};

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

@@ -1,5 +1,5 @@
-import type { MouseEvent, ReactNode, RefObject } from 'react';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { MouseEvent, ReactNode, RefObject } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export declare enum CreatorStatus {
     Default = "default",
     Error = "error",

package/dist/Creator/Creator.types.js

@@ -1,6 +1,9 @@
-export var CreatorStatus = /*#__PURE__*/function (CreatorStatus) {
-  CreatorStatus["Default"] = "default";
-  CreatorStatus["Error"] = "error";
-  CreatorStatus["Upload"] = "upload";
-  return CreatorStatus;
-}({});
+var CreatorStatus = /* @__PURE__ */ ((CreatorStatus2) => {
+  CreatorStatus2["Default"] = "default";
+  CreatorStatus2["Error"] = "error";
+  CreatorStatus2["Upload"] = "upload";
+  return CreatorStatus2;
+})(CreatorStatus || {});
+export {
+  CreatorStatus
+};

package/dist/Expander/Expander.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ExpanderProps } from './Expander.types';
+import { default as React } from 'react';
+import { 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,23 +1,17 @@
-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';
-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;
-  return /*#__PURE__*/React.createElement(S.Expander, {
-    onClick: onClick,
-    size: ExpanderSize[size],
-    className: classnames([className, 'ds-expander']),
-    expanded: expanded,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleDownS, null)
-  }));
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import Icon, { AngleDownS } from "@synerise/ds-icon";
+import { Expander as Expander$1 } from "./Expander.styles.js";
+import { ExpanderSize } from "./Expander.types.js";
+const Expander = ({
+  size = "S",
+  expanded,
+  disabled,
+  onClick,
+  className
+}) => {
+  return /* @__PURE__ */ jsx(Expander$1, { onClick, size: ExpanderSize[size], className: classnames([className, "ds-expander"]), expanded, disabled, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) }) });
+};
+export {
+  Expander as default
 };
-export default Expander;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type Keyframes } from 'styled-components';
-import { type ThemeProps } from '@synerise/ds-core';
+import { default as React } from 'react';
+import { Keyframes } from 'styled-components';
+import { ThemeProps } from '@synerise/ds-core';
 export type ExpanderProps = {
     onClick: () => void;
     size: number;
@@ -8,4 +8,4 @@ export type ExpanderProps = {
     expanded: boolean;
 };
 export declare const focusAnimation: ({ theme }: ThemeProps) => Keyframes;
-export declare const Expander: import("styled-components").StyledComponent<({ children, expanded, size, ...rest }: any) => React.JSX.Element, any, {}, never>;
+export declare const Expander: import('styled-components').StyledComponent<({ children, expanded, size, ...rest }: any) => React.JSX.Element, any, {}, never>;

package/dist/Expander/Expander.styles.js

@@ -1,40 +1,21 @@
-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 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) {
-  var theme = _ref.theme;
-  return keyframes(["0%{box-shadow:inset 0 0 0 1px inherit;}50%{box-shadow:inset 0 0 0 1px ", ";}100%{box-shadow:inset 0 0 0 1px inherit;}"], theme.palette['blue-600']);
-};
-var SIZE_DEFAULT = 24;
-export var Expander = styled(function (_ref2) {
-  var children = _ref2.children,
-    expanded = _ref2.expanded,
-    size = _ref2.size,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    mode: "single-icon"
-  }, rest), children);
-}).withConfig({
+import { jsx } from "react/jsx-runtime";
+import styled, { css, keyframes } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import Button from "../Button.js";
+const focusAnimation = ({
+  theme
+}) => keyframes(["0%{box-shadow:inset 0 0 0 1px inherit;}50%{box-shadow:inset 0 0 0 1px ", ";}100%{box-shadow:inset 0 0 0 1px inherit;}"], theme.palette["blue-600"]);
+const SIZE_DEFAULT = 24;
+const Expander = /* @__PURE__ */ styled(({
+  children,
+  expanded,
+  size,
+  ...rest
+}) => /* @__PURE__ */ jsx(Button, { 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) {
-  return props.size || SIZE_DEFAULT;
-}, function (props) {
-  return props.size || SIZE_DEFAULT;
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, IconContainer, function (props) {
-  return props.disabled ? "0.4" : "1";
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.expanded ? '180deg' : '0deg';
-}, function (props) {
-  return props.disabled ? props.theme.palette['grey-200'] : props.theme.palette['grey-300'];
-}, function (props) {
-  return !props.disabled && css(["&:hover{.btn-focus{box-shadow:inset 0 0 0 1px ", ";}background-color:", ";}&:focus:not(:active){.btn-focus{animation:", " 1s ease-in-out 0s 1;}}"], props.theme.palette['grey-400'], props.theme.palette['grey-050'], focusAnimation(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 ", ";}", "}"], (props) => props.size || SIZE_DEFAULT, (props) => props.size || SIZE_DEFAULT, (props) => props.theme.palette["grey-050"], IconContainer, (props) => props.disabled ? `0.4` : `1`, (props) => props.theme.palette["grey-600"], (props) => props.expanded ? "180deg" : "0deg", (props) => props.disabled ? props.theme.palette["grey-200"] : props.theme.palette["grey-300"], (props) => !props.disabled && css(["&:hover{.btn-focus{box-shadow:inset 0 0 0 1px ", ";}background-color:", ";}&:focus:not(:active){.btn-focus{animation:", " 1s ease-in-out 0s 1;}}"], props.theme.palette["grey-400"], props.theme.palette["grey-050"], focusAnimation(props)));
+export {
+  Expander,
+  focusAnimation
+};

package/dist/Expander/Expander.types.js

@@ -1,5 +1,8 @@
-export var ExpanderSize = /*#__PURE__*/function (ExpanderSize) {
-  ExpanderSize[ExpanderSize["S"] = 24] = "S";
-  ExpanderSize[ExpanderSize["M"] = 32] = "M";
-  return ExpanderSize;
-}({});
+var ExpanderSize = /* @__PURE__ */ ((ExpanderSize2) => {
+  ExpanderSize2[ExpanderSize2["S"] = 24] = "S";
+  ExpanderSize2[ExpanderSize2["M"] = 32] = "M";
+  return ExpanderSize2;
+})(ExpanderSize || {});
+export {
+  ExpanderSize
+};

package/dist/Star/Star.d.ts

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

package/dist/Star/Star.js

@@ -1,30 +1,18 @@
-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, { StarFillM, StarM } 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);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    "aria-pressed": !!active,
-    mode: "single-icon",
-    role: "button",
-    style: {
-      transition: 'none'
-    },
-    tabIndex: 0,
-    type: type
-  }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
-    active: active,
-    error: hasError
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: active ? /*#__PURE__*/React.createElement(StarFillM, null) : /*#__PURE__*/React.createElement(StarM, null)
-  })));
+import { jsx } from "react/jsx-runtime";
+import Icon, { StarFillM, StarM } from "@synerise/ds-icon";
+import Button from "../Button.js";
+import { IconWrapper } from "./Star.styles.js";
+const StarButton = (props) => {
+  const {
+    hasError,
+    active,
+    type = "ghost",
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Button, { "aria-pressed": !!active, mode: "single-icon", role: "button", style: {
+    transition: "none"
+  }, tabIndex: 0, type, ...restProps, children: /* @__PURE__ */ jsx(IconWrapper, { active, error: hasError, children: /* @__PURE__ */ jsx(Icon, { component: active ? /* @__PURE__ */ jsx(StarFillM, {}) : /* @__PURE__ */ jsx(StarM, {}) }) }) });
+};
+export {
+  StarButton as default
 };
-export default StarButton;

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

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

package/dist/Star/Star.styles.js

@@ -1,28 +1,29 @@
-import styled from 'styled-components';
-export var IconWrapper = styled.span.withConfig({
+import styled from "styled-components";
+const IconWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Starstyles__IconWrapper",
   componentId: "sc-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;
+})(["&&&& 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:", ";}"], ({
+  theme,
+  active,
+  error
+}) => {
   if (error) {
-    return theme.palette['red-600'];
+    return theme.palette["red-600"];
   }
-  return active ? theme.palette['yellow-600'] : theme.palette['grey-300'];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette['grey-200'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.palette['blue-600'];
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.palette['grey-050'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.palette.white;
-});
-export default {
-  IconWrapper: IconWrapper
-};
+  return active ? theme.palette["yellow-600"] : theme.palette["grey-300"];
+}, ({
+  theme
+}) => theme.palette["grey-200"], ({
+  theme
+}) => theme.palette["blue-600"], ({
+  theme
+}) => theme.palette["grey-050"], ({
+  theme
+}) => theme.palette.white);
+const Star_styles = {
+  IconWrapper
+};
+export {
+  IconWrapper,
+  Star_styles as default
+};

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

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

package/dist/Star/Star.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.d.ts

@@ -1,11 +1,11 @@
+import { default as CheckboxButton } from './Checkbox/Checkbox';
+import { default as Creator } from './Creator/Creator';
+import { default as Expander } from './Expander/Expander';
+import { default as 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';
 export { Expander, Creator, StarButton as Star, CheckboxButton as Checkbox };
 export { default as ButtonToggle } from './ButtonToggle/ButtonToggle';
@@ -22,36 +22,36 @@ export declare const ButtonStyles: {
     Expander: typeof ExpanderStyles;
     Star: typeof StarStyles;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Partial<{
+declare const _default: import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "ghost" | "type"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("./Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
-    justifyContent?: import("csstype").JustifyContentProperty;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "type" | "onClick">>, "ghost" | "type"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('./Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+    justifyContent?: import('csstype').JustifyContentProperty;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
     /** @deprecated - use named export `Creator` */
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("./Creator/Creator.types").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('./Creator/Creator.types').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     /** @deprecated - use named export `Expander` */
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("./Expander/Expander.types").ExpanderProps) => import("react").JSX.Element;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('./Expander/Expander.types').ExpanderProps) => import("react").JSX.Element;
     /** @deprecated - use named export `Star` */
-    Star: (props: import("./Star/Star.types").StarButtonProps) => React.ReactElement;
+    Star: (props: import('./Star/Star.types').StarButtonProps) => React.ReactElement;
     /** @deprecated - use named export `Checkbox` */
-    Checkbox: (props: import("./Checkbox/Checkbox.types").CheckboxButtonProps) => React.ReactElement;
+    Checkbox: (props: import('./Checkbox/Checkbox.types').CheckboxButtonProps) => React.ReactElement;
 };
 export default _default;

package/dist/index.js

@@ -1,32 +1,42 @@
-import Button from './Button';
-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';
-export { Expander, Creator, StarButton as Star, CheckboxButton as Checkbox };
-export { default as ButtonToggle } from './ButtonToggle/ButtonToggle';
-export { CreatorStatus } from './Creator/Creator.types';
-export { ExpanderSize } from './Expander/Expander.types';
-export var ButtonStyles = {
-  Button: MainButtonStyles,
-  Creator: CreatorStyles,
-  Checkbox: CheckboxStyles,
-  Expander: ExpanderStyles,
-  Star: StarStyles
+import Button from "./Button.js";
+import * as Button_styles from "./Button.styles.js";
+import CheckboxButton from "./Checkbox/Checkbox.js";
+import * as Checkbox_Checkbox_styles from "./Checkbox/Checkbox.styles.js";
+import Creator from "./Creator/Creator.js";
+import * as Creator_Creator_styles from "./Creator/Creator.styles.js";
+import Expander from "./Expander/Expander.js";
+import * as Expander_Expander_styles from "./Expander/Expander.styles.js";
+import StarButton from "./Star/Star.js";
+import * as Star_Star_styles from "./Star/Star.styles.js";
+import { default as default2 } from "./ButtonToggle/ButtonToggle.js";
+import { CreatorStatus } from "./Creator/Creator.types.js";
+import { ExpanderSize } from "./Expander/Expander.types.js";
+const ButtonStyles = {
+  Button: Button_styles,
+  Creator: Creator_Creator_styles,
+  Checkbox: Checkbox_Checkbox_styles,
+  Expander: Expander_Expander_styles,
+  Star: Star_Star_styles
 };
-var staticComponents = {
+const staticComponents = {
   /** @deprecated - use named export `Creator` */
-  Creator: Creator,
+  Creator,
   /** @deprecated - use named export `Expander` */
-  Expander: Expander,
+  Expander,
   /** @deprecated - use named export `Star` */
   Star: StarButton,
   /** @deprecated - use named export `Checkbox` */
   Checkbox: CheckboxButton
 };
-export default Object.assign(Button, staticComponents);
+const index = Object.assign(Button, staticComponents);
+export {
+  ButtonStyles,
+  default2 as ButtonToggle,
+  CheckboxButton as Checkbox,
+  Creator,
+  CreatorStatus,
+  Expander,
+  ExpanderSize,
+  StarButton as Star,
+  index as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";