@synerise/ds-button 1.5.17 → 1.5.18

package/dist/Checkbox/Checkbox.styles.js

@@ -1,45 +1,49 @@
-import styled from 'styled-components';
-import { CheckboxDeafultM, CheckboxM } from '@synerise/ds-icon';
-export var IconWrapper = styled.span.withConfig({
+import styled from "styled-components";
+import { CheckboxDeafultM, CheckboxM } from "@synerise/ds-icon";
+const IconWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Checkboxstyles__IconWrapper",
   componentId: "sc-ssgaoj-0"
-})(["&&&&{color:", ";svg{fill:", ";}}.ant-btn[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn:hover & .ds-icon svg,.ant-btn:focus:hover & .ds-icon svg{fill:", ";}.ds-button.ant-btn &::before{content:'';display:'block';position:absolute;bottom:0;left:0;right:0;top:0;margin:5px;z-index:-1;}.ds-button.ant-btn &::before,.ds-button.ant-btn:hover &::before,.ds-button.ant-btn:focus:hover &::before{background:", ";}.ds-button.ant-btn[disabled] &::before,.ds-button.ant-btn[disabled]:hover &::before{background:", ";}"], function (_ref) {
-  var theme = _ref.theme,
-    active = _ref.active,
-    error = _ref.error;
+})(["&&&&{color:", ";svg{fill:", ";}}.ant-btn[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn:hover & .ds-icon svg,.ant-btn:focus:hover & .ds-icon svg{fill:", ";}.ds-button.ant-btn &::before{content:'';display:'block';position:absolute;bottom:0;left:0;right:0;top:0;margin:5px;z-index:-1;}.ds-button.ant-btn &::before,.ds-button.ant-btn:hover &::before,.ds-button.ant-btn:focus:hover &::before{background:", ";}.ds-button.ant-btn[disabled] &::before,.ds-button.ant-btn[disabled]:hover &::before{background:", ";}"], ({
+  theme,
+  active,
+  error
+}) => {
   if (error) {
-    return theme.palette['red-600'];
+    return theme.palette["red-600"];
   }
-  return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
-}, function (_ref2) {
-  var theme = _ref2.theme,
-    active = _ref2.active,
-    error = _ref2.error;
+  return active ? theme.palette["blue-600"] : theme.palette["grey-300"];
+}, ({
+  theme,
+  active,
+  error
+}) => {
   if (error) {
-    return theme.palette['red-600'];
+    return theme.palette["red-600"];
   }
-  return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.palette['grey-200'];
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.palette['blue-600'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.palette.white;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.palette['grey-050'];
-});
-export var DefaultIcon = styled(CheckboxDeafultM).withConfig({
+  return active ? theme.palette["blue-600"] : theme.palette["grey-300"];
+}, ({
+  theme
+}) => theme.palette["grey-200"], ({
+  theme
+}) => theme.palette["blue-600"], ({
+  theme
+}) => theme.palette.white, ({
+  theme
+}) => theme.palette["grey-050"]);
+const DefaultIcon = /* @__PURE__ */ styled(CheckboxDeafultM).withConfig({
   displayName: "Checkboxstyles__DefaultIcon",
   componentId: "sc-ssgaoj-1"
 })(["display:block;.ds-button.ant-btn:not([disabled]):hover &{display:none;}"]);
-export var HoverIcon = styled(CheckboxM).withConfig({
+const HoverIcon = /* @__PURE__ */ styled(CheckboxM).withConfig({
   displayName: "Checkboxstyles__HoverIcon",
   componentId: "sc-ssgaoj-2"
 })(["display:none;.ds-button.ant-btn:not([disabled]):hover &{display:block;}"]);
-export default {
-  IconWrapper: IconWrapper
-};
+const Checkbox_styles = {
+  IconWrapper
+};
+export {
+  DefaultIcon,
+  HoverIcon,
+  IconWrapper,
+  Checkbox_styles as default
+};

package/dist/Checkbox/Checkbox.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 CheckboxButtonProps = ButtonPropsOmitted & {
     checked?: boolean;

package/dist/Checkbox/Checkbox.types.js

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

package/dist/Creator/Creator.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CreatorProps } from './Creator.types';
+import { default as React } from 'react';
+import { CreatorProps } from './Creator.types';
 declare const Creator: React.ForwardRefExoticComponent<Omit<CreatorProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Creator;

package/dist/Creator/Creator.js

@@ -1,46 +1,30 @@
-var _excluded = ["onClick", "disabled", "label", "block", "status", "className", "labelAlign"];
-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 classnames from 'classnames';
-import React, { forwardRef, useCallback, useState } from 'react';
-import Icon, { AddM } from '@synerise/ds-icon';
-import * as S from './Creator.styles';
-var Creator = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var onClick = _ref.onClick,
-    disabled = _ref.disabled,
-    label = _ref.label,
-    block = _ref.block,
-    status = _ref.status,
-    className = _ref.className,
-    _ref$labelAlign = _ref.labelAlign,
-    labelAlign = _ref$labelAlign === void 0 ? 'center' : _ref$labelAlign,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    pressed = _useState[0],
-    setPressed = _useState[1];
-  var onPress = useCallback(function () {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import classnames from "classnames";
+import { forwardRef, useState, useCallback } from "react";
+import Icon, { AddM } from "@synerise/ds-icon";
+import { Creator as Creator$1, CreatorLabel } from "./Creator.styles.js";
+const Creator = forwardRef(({
+  onClick,
+  disabled,
+  label,
+  block,
+  status,
+  className,
+  labelAlign = "center",
+  ...htmlAttributes
+}, ref) => {
+  const [pressed, setPressed] = useState(false);
+  const onPress = useCallback(() => {
     setPressed(true);
   }, []);
-  var onRelease = useCallback(function () {
+  const onRelease = useCallback(() => {
     setPressed(false);
   }, []);
-  return /*#__PURE__*/React.createElement(S.Creator, _extends({
-    ref: ref,
-    block: block,
-    labelAlign: labelAlign,
-    className: classnames([className, 'ds-button-creator']),
-    disabled: disabled,
-    onClick: onClick,
-    onMouseDown: onPress,
-    onMouseUp: onRelease,
-    onMouseLeave: onRelease,
-    withLabel: Boolean(label),
-    pressed: pressed,
-    status: status
-  }, htmlAttributes), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AddM, null)
-  }), label && /*#__PURE__*/React.createElement(S.CreatorLabel, {
-    "data-testid": "ds-add-button-label"
-  }, label)));
+  return /* @__PURE__ */ jsx(Creator$1, { ref, block, labelAlign, className: classnames([className, "ds-button-creator"]), disabled, onClick, onMouseDown: onPress, onMouseUp: onRelease, onMouseLeave: onRelease, withLabel: Boolean(label), pressed, status, ...htmlAttributes, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AddM, {}) }),
+    label && /* @__PURE__ */ jsx(CreatorLabel, { "data-testid": "ds-add-button-label", children: label })
+  ] }) });
 });
-export default Creator;
+export {
+  Creator as default
+};

package/dist/Creator/Creator.styles.d.ts

@@ -1,32 +1,10 @@
-import React from 'react';
-export declare const CreatorLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+import { default as React } from 'react';
+export declare const CreatorLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
 type StyledCreatorProps = {
     withLabel: boolean;
     pressed: boolean;
     status?: string;
     labelAlign: 'left' | 'center';
 };
-export declare const Creator: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
-    href: string;
-    target?: string;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<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: 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;
-} & StyledCreatorProps & React.RefAttributes<HTMLButtonElement>>, any, StyledCreatorProps, never>;
+export declare const Creator: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<any>, any, StyledCreatorProps, never>;
 export {};

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>;