@synerise/ds-button 1.5.17 → 1.5.19

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "1.5.17",
+  "version": "1.5.19",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,10 +35,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tag": "^1.4.17",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-tag": "^1.4.19",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@synerise/ds-utils": "^1.7.1",
     "classnames": "^2.5.1",
     "csstype": "^2.6.9"
   },
@@ -49,5 +49,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }

package/dist/Button.figma.d.ts

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

package/dist/Button.figma.js

@@ -1,66 +0,0 @@
-import figma from '@figma/code-connect';
-import Button from './Button';
-import { ButtonMode } from './Button.types';
-var FIGMA_URL = 'https://www.figma.com/design/fsSZONXpVvtrDsCgtu01Jb/Synerise-Design-System?node-id=139:4694&m=dev';
-var typeMapping = figma["enum"]('Variant', {
-  Primary: 'primary',
-  Secondary: 'secondary',
-  Tertiary: 'tertiary',
-  'Tetriary White': 'tertiary-white',
-  'Ghost Primary': 'ghost-primary',
-  'Ghost Secondary': 'ghost',
-  'Ghost Secondary White': 'ghost-white'
-});
-var modeMapping = figma["enum"]('Content Type', {
-  Simple: undefined,
-  'Icon left': ButtonMode.ICON_LABEL,
-  'Icon right': ButtonMode.LABEL_ICON,
-  'Icon solo': ButtonMode.SINGLE_ICON,
-  '2 icons': ButtonMode.TWO_ICONS,
-  Split: ButtonMode.SPLIT
-});
-var sizeMapping = figma["enum"]('Size', {
-  Normal: undefined,
-  Large: 'large'
-});
-var baseProps = {
-  type: typeMapping,
-  mode: modeMapping,
-  size: sizeMapping,
-  label: figma.string('✏️Text')
-};
-figma.connect(Button, FIGMA_URL, {
-  variant: {
-    State: 'Default'
-  },
-  props: baseProps,
-  example: function example(_ref) {
-    var type = _ref.type,
-      mode = _ref.mode,
-      size = _ref.size,
-      label = _ref.label;
-    return /*#__PURE__*/React.createElement(Button, {
-      type: type,
-      mode: mode,
-      size: size
-    }, label);
-  }
-});
-figma.connect(Button, FIGMA_URL, {
-  variant: {
-    State: 'Disabled'
-  },
-  props: baseProps,
-  example: function example(_ref2) {
-    var type = _ref2.type,
-      mode = _ref2.mode,
-      size = _ref2.size,
-      label = _ref2.label;
-    return /*#__PURE__*/React.createElement(Button, {
-      type: type,
-      mode: mode,
-      size: size,
-      disabled: true
-    }, label);
-  }
-});