@synerise/ds-button 1.5.16 → 1.5.18

package/dist/Button.types.d.ts

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

package/dist/Button.types.js

@@ -1,10 +1,11 @@
-export var ButtonMode = /*#__PURE__*/function (ButtonMode) {
-  ButtonMode["SINGLE_ICON"] = "single-icon";
-  ButtonMode["SPLIT"] = "split";
-  ButtonMode["TWO_ICONS"] = "two-icons";
-  ButtonMode["LABEL_ICON"] = "label-icon";
-  ButtonMode["ICON_LABEL"] = "icon-label";
-  return ButtonMode;
-}({});
-
-/** @deprecated - use ButtonProps instead */
+var ButtonMode = /* @__PURE__ */ ((ButtonMode2) => {
+  ButtonMode2["SINGLE_ICON"] = "single-icon";
+  ButtonMode2["SPLIT"] = "split";
+  ButtonMode2["TWO_ICONS"] = "two-icons";
+  ButtonMode2["LABEL_ICON"] = "label-icon";
+  ButtonMode2["ICON_LABEL"] = "icon-label";
+  return ButtonMode2;
+})(ButtonMode || {});
+export {
+  ButtonMode
+};

package/dist/ButtonToggle/ButtonToggle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { ButtonToggleProps } from './ButtonToggle.types';
+import { default as React } from 'react';
+import { ButtonToggleProps } from './ButtonToggle.types';
 declare const ButtonToggle: ({ activated, type, ...buttonProps }: ButtonToggleProps) => React.JSX.Element;
 export default ButtonToggle;

package/dist/ButtonToggle/ButtonToggle.js

@@ -1,33 +1,29 @@
-var _excluded = ["activated", "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, { useMemo } from 'react';
-import * as S from './ButtonToggle.styles';
-var ButtonToggle = function ButtonToggle(_ref) {
-  var activated = _ref.activated,
-    type = _ref.type,
-    buttonProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var mappedButtonType = useMemo(function () {
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ButtonToggle as ButtonToggle$1 } from "./ButtonToggle.styles.js";
+const ButtonToggle = ({
+  activated,
+  type,
+  ...buttonProps
+}) => {
+  const mappedButtonType = useMemo(() => {
     switch (type) {
-      case 'ghost':
-        return activated ? 'ghost' : 'ghost';
-      case 'solid':
+      case "ghost":
+        return activated ? "ghost" : "ghost";
+      case "solid":
       default:
-        return activated ? 'primary' : 'secondary';
+        return activated ? "primary" : "secondary";
     }
   }, [activated, type]);
-  var handlePointerUp = function handlePointerUp(event) {
-    var button = event.currentTarget;
-    buttonProps.onPointerUp == null || buttonProps.onPointerUp(event);
-    setTimeout(function () {
+  const handlePointerUp = (event) => {
+    const button = event.currentTarget;
+    buttonProps.onPointerUp?.(event);
+    setTimeout(() => {
       button && button.blur();
     }, 200);
   };
-  return /*#__PURE__*/React.createElement(S.ButtonToggle, _extends({}, buttonProps, {
-    toggleType: type,
-    activated: activated,
-    onPointerUp: handlePointerUp,
-    type: mappedButtonType
-  }));
+  return /* @__PURE__ */ jsx(ButtonToggle$1, { ...buttonProps, toggleType: type, activated, onPointerUp: handlePointerUp, type: mappedButtonType });
+};
+export {
+  ButtonToggle as default
 };
-export default ButtonToggle;

package/dist/ButtonToggle/ButtonToggle.styles.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ButtonToggle: import("styled-components").StyledComponent<({ toggleType, activated, ...rest }: any) => React.JSX.Element, any, {}, never>;
+import { default as React } from 'react';
+export declare const ButtonToggle: import('styled-components').StyledComponent<({ toggleType, activated, ...rest }: any) => React.JSX.Element, any, {}, never>;

package/dist/ButtonToggle/ButtonToggle.styles.js

@@ -1,17 +1,17 @@
-var _excluded = ["toggleType", "activated"];
-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 } from 'styled-components';
-import Button from '../Button';
-import { ButtonFocus } from '../Button.styles';
-export var ButtonToggle = styled(function (_ref) {
-  var toggleType = _ref.toggleType,
-    activated = _ref.activated,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, rest);
+import { jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import Button from "../Button.js";
+import { ButtonFocus } from "../Button.styles.js";
+const ButtonToggle = /* @__PURE__ */ styled(({
+  toggleType,
+  activated,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(Button, { ...rest });
 }).withConfig({
   displayName: "ButtonTogglestyles__ButtonToggle",
   componentId: "sc-1m60zt6-0"
-})(["", ""], function (props) {
-  return props.toggleType === 'ghost' && css(["&:hover:not(:disabled):not(:focus){color:", ";}", ""], props.theme.palette['grey-600'], !props.activated ? css(["&:hover:not(:disabled):not(:focus){color:", ";svg{fill:currentColor;}}"], props.theme.palette['grey-600']) : css(["", ""], !props.disabled && css(["&&{background:", ";color:", ";svg{fill:currentColor;}", "{box-shadow:none;}}}"], props.theme.palette['blue-050'], props.theme.palette['blue-600'], ButtonFocus)));
-});
+})(["", ""], (props) => props.toggleType === "ghost" && css(["&:hover:not(:disabled):not(:focus){color:", ";}", ""], props.theme.palette["grey-600"], !props.activated ? css(["&:hover:not(:disabled):not(:focus){color:", ";svg{fill:currentColor;}}"], props.theme.palette["grey-600"]) : css(["", ""], !props.disabled && css(["&&{background:", ";color:", ";svg{fill:currentColor;}", "{box-shadow:none;}}}"], props.theme.palette["blue-050"], props.theme.palette["blue-600"], ButtonFocus))));
+export {
+  ButtonToggle
+};

package/dist/ButtonToggle/ButtonToggle.types.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '../Button.types';
+import { ButtonProps } from '../Button.types';
 export type ButtonToggleProps = Omit<ButtonProps, 'type' | 'danger' | 'ghost' | 'color'> & {
     type?: 'solid' | 'ghost';
     activated?: boolean;

package/dist/ButtonToggle/ButtonToggle.types.js

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

package/dist/Checkbox/Checkbox.d.ts

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

package/dist/Checkbox/Checkbox.js

@@ -1,75 +1,63 @@
-var _excluded = ["checked", "defaultChecked", "hasError", "indeterminate", "onChange", "onClick"];
-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, { 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;
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React from "react";
+import Icon, { CheckboxIndeterminateM, CheckboxSelectedFillM } from "@synerise/ds-icon";
+import Button from "../Button.js";
+import { IconWrapper, DefaultIcon, HoverIcon } from "./Checkbox.styles.js";
+const CheckboxButtonIcon = ({
+  checked,
+  indeterminate
+}) => {
   if (indeterminate) {
-    return /*#__PURE__*/React.createElement(CheckboxIndeterminateM, null);
+    return /* @__PURE__ */ jsx(CheckboxIndeterminateM, {});
   }
   if (checked) {
-    return /*#__PURE__*/React.createElement(CheckboxSelectedFillM, null);
+    return /* @__PURE__ */ jsx(CheckboxSelectedFillM, {});
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DefaultIcon, null), /*#__PURE__*/React.createElement(S.HoverIcon, null));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DefaultIcon, {}),
+    /* @__PURE__ */ jsx(HoverIcon, {})
+  ] });
 };
-var getNextCheckedState = function getNextCheckedState(prevState, _ref2) {
-  var checked = _ref2.checked,
-    indeterminate = _ref2.indeterminate;
+const getNextCheckedState = (prevState, {
+  checked,
+  indeterminate
+}) => {
   if (indeterminate === true) {
     return true;
   }
-  if (checked === undefined) {
+  if (checked === void 0) {
     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);
-  var _React$useState = React.useState(defaultChecked),
-    isCheckedState = _React$useState[0],
-    setIsCheckedState = _React$useState[1];
-  var handleButtonClick = function handleButtonClick(e) {
-    if (typeof onClick === 'function') {
+const CheckboxButton = (props) => {
+  const {
+    checked,
+    defaultChecked = false,
+    hasError,
+    indeterminate,
+    onChange,
+    onClick,
+    ...restProps
+  } = props;
+  const [isCheckedState, setIsCheckedState] = React.useState(defaultChecked);
+  const handleButtonClick = (e) => {
+    if (typeof onClick === "function") {
       onClick(e);
     }
-    setIsCheckedState(function (prevState) {
-      var nextState = getNextCheckedState(prevState, props);
-      if (typeof onChange === 'function') {
+    setIsCheckedState((prevState) => {
+      const 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,
-    mode: "single-icon",
-    role: "checkbox",
-    style: {
-      transition: 'none'
-    },
-    tabIndex: 0,
-    type: "ghost-primary",
-    onClick: handleButtonClick
-  }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
-    active: indeterminate || isChecked,
-    error: hasError
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CheckboxButtonIcon, {
-      checked: isChecked,
-      indeterminate: indeterminate
-    })
-  })));
+  const isChecked = checked !== void 0 ? checked : isCheckedState;
+  return /* @__PURE__ */ jsx(Button, { "aria-checked": indeterminate ? "mixed" : isChecked, mode: "single-icon", role: "checkbox", style: {
+    transition: "none"
+  }, tabIndex: 0, type: "ghost-primary", onClick: handleButtonClick, ...restProps, children: /* @__PURE__ */ jsx(IconWrapper, { active: indeterminate || isChecked, error: hasError, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckboxButtonIcon, { checked: isChecked, indeterminate }) }) }) });
+};
+export {
+  CheckboxButton as default
 };
-export default CheckboxButton;

package/dist/Checkbox/Checkbox.styles.d.ts

@@ -1,11 +1,11 @@
-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>;
-export declare const DefaultIcon: import("styled-components").StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
-export declare const HoverIcon: import("styled-components").StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const DefaultIcon: import('styled-components').StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const HoverIcon: import('styled-components').StyledComponent<(props: React.SVGProps<SVGSVGElement>) => JSX.Element, any, {}, 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/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 {};