@activecollab/components 1.0.220 → 1.0.221

package/dist/esm/components/Pressed/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,aACvC,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZJ,GAAG,yCACG;IAAA;EAAuB,CAAC,EAE1B,CAACG,KAAK,CAACE,OAAO,KAAK,SAAS,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC/DL,GAAG,gDAEF,EAEC,CAACG,KAAK,CAACE,OAAO,KAAK,WAAW,IAAIF,KAAK,CAACE,OAAO,KAAK,UAAU,KAChEL,GAAG,mEAGF,EAECG,KAAK,CAACE,OAAO,KAAK,kBAAkB,IACtCL,GAAG,yCAEF,EAECG,KAAK,CAACE,OAAO,KAAK,eAAe,IACnCL,GAAG,sFAGF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,UAAU,IAAIF,KAAK,CAACE,OAAO,KAAK,cAAc,KACjEL,GAAG,gDAEF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,QAAQ,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC5DL,GAAG,sCAECG,KAAK,CAACG,QAAQ,YAAYC,KAAK,IACjCP,GAAG,8CAEF,CACF,CACF;AAAA,EACJ;AAEDE,aAAa,CAACM,WAAW,GAAG,eAAe"}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { PressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<PressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,aACvC,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZJ,GAAG,yCACG;IAAA;EAAuB,CAAC,EAE1B,CAACG,KAAK,CAACE,OAAO,KAAK,SAAS,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC/DL,GAAG,gDAEF,EAEC,CAACG,KAAK,CAACE,OAAO,KAAK,WAAW,IAAIF,KAAK,CAACE,OAAO,KAAK,UAAU,KAChEL,GAAG,mEAGF,EAECG,KAAK,CAACE,OAAO,KAAK,kBAAkB,IACtCL,GAAG,yCAEF,EAECG,KAAK,CAACE,OAAO,KAAK,eAAe,IACnCL,GAAG,sFAGF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,UAAU,IAAIF,KAAK,CAACE,OAAO,KAAK,cAAc,KACjEL,GAAG,gDAEF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,QAAQ,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC5DL,GAAG,sCAECG,KAAK,CAACG,QAAQ,YAAYC,KAAK,IACjCP,GAAG,8CAEF,CACF,CACF;AAAA,EACJ;AAEDE,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/esm/components/SelectDate/Styles.d.ts

@@ -7,8 +7,14 @@ export declare const StyledSelectDateFooter: import("styled-components").StyledC
     $mode?: "atomic" | "instant" | undefined;
 }, never>;
 export declare const StyledSelectDateButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButtonSave: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledButtonClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledButtonCloseColored: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonSave: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonCloseColored: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledIconComponent: import("styled-components").StyledComponent<"svg", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/SelectDate/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,uMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oMAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,uMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB;;sEAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts

@@ -8,6 +8,8 @@ interface StyledDiv {
     $isRounded: boolean;
 }
 export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, StyledDiv, never>;
-export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC;AAEF,eAAO,MAAM,aAAa,gMAEzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}

package/dist/esm/components/ValueButton/Styles.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { IButtonProps } from "../Button/Button";
+import { ButtonProps } from "../Button";
 export declare const StyledValueButtonLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledValueButtonValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-interface IStyledValueButton extends IButtonProps {
+interface IStyledValueButton extends ButtonProps {
     $active?: boolean;
 }
-export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IStyledValueButton, never>;
+export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, IStyledValueButton, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ValueButton/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,sBAAsB,8QAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,8QAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,yLA0B7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,sBAAsB,8QAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,8QAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB;;sFA0B7B,CAAC"}

package/dist/esm/components/ValueButton/Styles.js

@@ -1,6 +1,6 @@
 import styled, { css } from "styled-components";
 import { Body2 } from "../Typography";
-import { Button } from "../Button/Button";
+import { Button } from "../Button";
 export var StyledValueButtonLabel = styled(Body2).withConfig({
   displayName: "Styles__StyledValueButtonLabel",
   componentId: "sc-7n59oz-0"

package/dist/esm/components/ValueButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,MAAM,QAAsB,kBAAkB;AAEvD,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAGlD;AAEDE,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAErDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAM7D,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC3C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbR,GAAG,8FACCG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAO/B;AAAA,GAED,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,KAAK,IAAI,IACtBR,GAAG,yEAECG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAIjC;AAAA,EACF;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends ButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,MAAM,QAAqB,WAAW;AAE/C,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAGlD;AAEDE,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAErDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAM7D,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC3C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbR,GAAG,8FACCG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAO/B;AAAA,GAED,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,KAAK,IAAI,IACtBR,GAAG,yEAECG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAIjC;AAAA,EACF;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB"}

package/dist/index.js

@@ -267,7 +267,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1a = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$1a = ["children", "variant", "size", "className"];
   /**
    * Button component
    */
@@ -277,12 +277,9 @@
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       args = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
-      disabled: disabled,
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
         "c-btn--outlined": variant === "secondary" || variant === "outlined",
@@ -296,10 +293,9 @@
       }),
       iconOnly: children instanceof Object && !(children instanceof Array),
       variant: variant,
-      size: size
-    }, args, {
+      size: size,
       ref: ref
-    }), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElements, {
+    }, args), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElements, {
       className: "c-btn__elements"
     }, children.map(function (value, index) {
       return value ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElement, {