@drivy/cobalt 0.13.0

package/components/BasicCell/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import cx from 'classnames';
+
+var BasicCell = function (_a) {
+    var leftAddonIcon = _a.leftAddonIcon, leftAddonThumbUrl = _a.leftAddonThumbUrl, leftAddonThumbAlt = _a.leftAddonThumbAlt, title = _a.title, children = _a.children, rightAddonIcon = _a.rightAddonIcon, _b = _a.large, large = _b === void 0 ? false : _b;
+    var leftAddon = null;
+    if (leftAddonIcon != null)
+        leftAddon = leftAddonIcon;
+    else if (leftAddonThumbUrl != null) {
+        var leftAddonThumbSize = large ? 64 : 44;
+        leftAddon = (React.createElement("div", { className: "cobalt-BasicCell__Thumb" },
+            React.createElement("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize })));
+    }
+    return (React.createElement("div", { className: cx("cobalt-BasicCell", {
+            "cobalt-BasicCell--large": large === true,
+        }) },
+        leftAddon != null && (React.createElement("div", { className: "cobalt-BasicCell__LeftAddon" }, leftAddon)),
+        React.createElement("div", { className: "cobalt-BasicCell__Main" },
+            React.createElement("div", { className: "cobalt-BasicCell__Title" }, title),
+            React.createElement("div", { className: "cobalt-BasicCell__Content" }, children)),
+        rightAddonIcon != null && (React.createElement("div", { className: "cobalt-BasicCell__RightAddonIcon" }, rightAddonIcon))));
+};
+
+export { BasicCell };
+//# sourceMappingURL=index.js.map

package/components/BasicCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface BasicCellProps {\n  children: React.ReactNode\n  leftAddonIcon?: React.ReactNode\n  leftAddonThumbUrl?: string\n  leftAddonThumbAlt?: string\n  title: string\n  rightAddonIcon?: React.ReactNode\n  large?: boolean\n}\n\nexport const BasicCell = ({\n  leftAddonIcon,\n  leftAddonThumbUrl,\n  leftAddonThumbAlt,\n  title,\n  children,\n  rightAddonIcon,\n  large = false,\n}: BasicCellProps) => {\n  let leftAddon: React.ReactNode | BasicCellProps[\"leftAddonIcon\"] | null = null\n\n  if (leftAddonIcon != null) leftAddon = leftAddonIcon\n  else if (leftAddonThumbUrl != null) {\n    const leftAddonThumbSize = large ? 64 : 44\n    leftAddon = (\n      <div className=\"cobalt-BasicCell__Thumb\">\n        <img\n          src={leftAddonThumbUrl}\n          alt={leftAddonThumbAlt}\n          width={leftAddonThumbSize}\n          height={leftAddonThumbSize}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={cx(\"cobalt-BasicCell\", {\n        \"cobalt-BasicCell--large\": large === true,\n      })}\n    >\n      {leftAddon != null && (\n        <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n      )}\n      <div className=\"cobalt-BasicCell__Main\">\n        <div className=\"cobalt-BasicCell__Title\">{title}</div>\n        <div className=\"cobalt-BasicCell__Content\">{children}</div>\n      </div>\n      {rightAddonIcon != null && (\n        <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;IAaa,SAAS,GAAG,UAAC,EAQT;QAPf,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA;IAEb,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;SAC/C,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,IAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAC1C,SAAS,IACP,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,GAC1B,CACE,CACP,CAAA;KACF;IAED,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC;QAED,SAAS,IAAI,IAAI,KAChB,6BAAK,SAAS,EAAC,6BAA6B,IAAE,SAAS,CAAO,CAC/D;QACD,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAO;YACtD,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO,CACvD;QACL,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,IAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}

package/components/BulletList/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import cx from 'classnames';
+
+var BulletList = function (_a) {
+    var children = _a.children, _b = _a.iconPosition, iconPosition = _b === void 0 ? "centered" : _b;
+    return (React.createElement("ul", { className: cx("cobalt-BulletList", {
+            "cobalt-BulletList--iconPositionTop": iconPosition === "top",
+        }) }, children));
+};
+var BulletListItem = function (_a) {
+    var children = _a.children, icon = _a.icon;
+    return (React.createElement("li", { className: "cobalt-BulletListItem" },
+        React.createElement("span", { className: "cobalt-BulletListItem__Icon" }, icon),
+        React.createElement("p", { className: "cobalt-BulletListItem__Content" }, children)));
+};
+
+export { BulletList, BulletListItem };
+//# sourceMappingURL=index.js.map

package/components/BulletList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/BulletList/index.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon } from \"../Icon\"\n\ninterface BulletListProps {\n  children: React.ReactNode\n  iconPosition?: \"top\" | \"centered\"\n}\n\nexport const BulletList = ({\n  children,\n  iconPosition = \"centered\",\n}: BulletListProps) => (\n  <ul\n    className={classNames(\"cobalt-BulletList\", {\n      \"cobalt-BulletList--iconPositionTop\": iconPosition === \"top\",\n    })}\n  >\n    {children}\n  </ul>\n)\n\ninterface BulletListItemProps {\n  children: React.ReactNode\n  icon: typeof Icon\n}\n\nexport const BulletListItem = ({ children, icon }: BulletListItemProps) => (\n  <li className=\"cobalt-BulletListItem\">\n    <span className=\"cobalt-BulletListItem__Icon\">{icon}</span>\n    <p className=\"cobalt-BulletListItem__Content\">{children}</p>\n  </li>\n)\n"],"names":["classNames"],"mappings":";;;IASa,UAAU,GAAG,UAAC,EAGT;QAFhB,QAAQ,cAAA,EACR,oBAAyB,EAAzB,YAAY,mBAAG,UAAU,KAAA;IACJ,QACrB,4BACE,SAAS,EAAEA,EAAU,CAAC,mBAAmB,EAAE;YACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;SAC7D,CAAC,IAED,QAAQ,CACN;AAPgB,EAQtB;IAOY,cAAc,GAAG,UAAC,EAAuC;QAArC,QAAQ,cAAA,EAAE,IAAI,UAAA;IAA4B,QACzE,4BAAI,SAAS,EAAC,uBAAuB;QACnC,8BAAM,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAQ;QAC3D,2BAAG,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAK,CACzD;AAJoE;;;;"}

package/components/Button/Button.js

@@ -0,0 +1,50 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import React from 'react';
+import BrandButton from '../Buttons/BrandButton/index.js';
+import GhostButton from '../Buttons/GhostButton/index.js';
+import InversedButton from '../Buttons/InversedButton/index.js';
+import DefaultButton from '../Buttons/DefaultButton/index.js';
+import { isLinkProps } from '../Buttons/ButtonComponent.js';
+
+var isBrandButtonProps = function (props) { return "brand" in props && !isLinkProps(props); };
+var isInversedButtonProps = function (props) {
+    return "inversed" in props && props.inversed === true && !isLinkProps(props);
+};
+var isGhostButtonProps = function (props) {
+    return "ghost" in props && props.ghost === true && !isLinkProps(props);
+};
+var isDefaultButtonProps = function (props) {
+    return !isBrandButtonProps(props) &&
+        !isGhostButtonProps(props) &&
+        !isInversedButtonProps(props);
+};
+var Button = function (props) {
+    var forwardedRef = props.forwardedRef, restButtonProps = __rest(props
+    // We extract here API only props to not passed them and we pass some
+    // common props directly
+    , ["forwardedRef"]);
+    // We extract here API only props to not passed them and we pass some
+    // common props directly
+    if (isBrandButtonProps(restButtonProps)) {
+        return React.createElement(BrandButton, __assign({}, restButtonProps, { ref: forwardedRef }));
+    }
+    else if (isInversedButtonProps(restButtonProps)) {
+        // inversed is a props only used for API here
+        restButtonProps.inversed; var restProps = __rest(restButtonProps, ["inversed"]);
+        return React.createElement(InversedButton, __assign({}, restProps, { ref: forwardedRef }));
+    }
+    else if (isGhostButtonProps(restButtonProps)) {
+        // ghost is a props only used for API here
+        restButtonProps.ghost; var restProps = __rest(restButtonProps, ["ghost"]);
+        return React.createElement(GhostButton, __assign({}, restProps, { ref: forwardedRef }));
+    }
+    else if (isDefaultButtonProps(restButtonProps)) {
+        return React.createElement(DefaultButton, __assign({}, restButtonProps, { ref: forwardedRef }));
+    }
+    else {
+        throw new Error("[Cobalt]: Unexpected Button Component props error");
+    }
+};
+
+export { Button as default };
+//# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandButtonPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostButtonPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedButtonPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultButtonPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withButtonRef<Props> = Props & { forwardedRef?: Ref<HTMLButtonElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\ntype BrandButtonAPIPropsType = BrandButtonPropsType\ntype InversedButtonAPIPropsType = InversedButtonPropsType & { inversed?: true }\ntype GhostButtonAPIPropsType = GhostButtonPropsType & { ghost?: true }\ntype DefaultButtonAPIPropsType = DefaultButtonPropsType\n\n/**\n * Overloads\n */\ntype ButtonOverload = {\n  (props: withButtonRef<BrandButtonAPIPropsType>): JSX.Element\n  (props: withButtonRef<InversedButtonAPIPropsType>): JSX.Element\n  (props: withButtonRef<GhostButtonAPIPropsType>): JSX.Element\n  (props: withButtonRef<DefaultButtonAPIPropsType>): JSX.Element\n}\n\nexport type ButtonPropsType =\n  | withButtonRef<BrandButtonAPIPropsType>\n  | withButtonRef<InversedButtonAPIPropsType>\n  | withButtonRef<GhostButtonAPIPropsType>\n  | withButtonRef<DefaultButtonAPIPropsType>\n\nconst isBrandButtonProps = (\n  props: ButtonPropsType\n): props is BrandButtonAPIPropsType => \"brand\" in props && !isLinkProps(props)\n\nconst isInversedButtonProps = (\n  props: ButtonPropsType\n): props is InversedButtonAPIPropsType =>\n  \"inversed\" in props && props.inversed === true && !isLinkProps(props)\n\nconst isGhostButtonProps = (\n  props: ButtonPropsType\n): props is GhostButtonAPIPropsType =>\n  \"ghost\" in props && props.ghost === true && !isLinkProps(props)\n\nconst isDefaultButtonProps = (\n  props: ButtonPropsType\n): props is DefaultButtonAPIPropsType =>\n  !isBrandButtonProps(props) &&\n  !isGhostButtonProps(props) &&\n  !isInversedButtonProps(props)\n\nconst Button: ButtonOverload = (props: ButtonPropsType) => {\n  const { forwardedRef, ...restButtonProps } = props\n\n  // We extract here API only props to not passed them and we pass some\n  // common props directly\n  if (isBrandButtonProps(restButtonProps)) {\n    return <Brand {...restButtonProps} ref={forwardedRef} />\n  } else if (isInversedButtonProps(restButtonProps)) {\n    // inversed is a props only used for API here\n    const { inversed: _inversed, ...restProps } = restButtonProps\n    return <Inversed {...restProps} ref={forwardedRef} />\n  } else if (isGhostButtonProps(restButtonProps)) {\n    // ghost is a props only used for API here\n    const { ghost: _ghost, ...restProps } = restButtonProps\n    return <Ghost {...restProps} ref={forwardedRef} />\n  } else if (isDefaultButtonProps(restButtonProps)) {\n    return <Default {...restButtonProps} ref={forwardedRef} />\n  } else {\n    throw new Error(\"[Cobalt]: Unexpected Button Component props error\")\n  }\n}\n\nexport default Button\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAkCA,IAAM,kBAAkB,GAAG,UACzB,KAAsB,IACe,OAAA,OAAO,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,CAAA;AAE9E,IAAM,qBAAqB,GAAG,UAC5B,KAAsB;IAEtB,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAArE,CAAqE,CAAA;AAEvE,IAAM,kBAAkB,GAAG,UACzB,KAAsB;IAEtB,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAA/D,CAA+D,CAAA;AAEjE,IAAM,oBAAoB,GAAG,UAC3B,KAAsB;IAEtB,OAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,qBAAqB,CAAC,KAAK,CAAC;AAF7B,CAE6B,CAAA;IAEzB,MAAM,GAAmB,UAAC,KAAsB;IAC5C,IAAA,YAAY,GAAyB,KAAK,aAA9B,EAAK,eAAe,UAAK,KAAK;;;MAA5C,gBAAoC,CAAF,CAAU;;;IAIlD,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;QACvC,OAAO,oBAACA,WAAK,eAAK,eAAe,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KACzD;SAAM,IAAI,qBAAqB,CAAC,eAAe,CAAC,EAAE;;QAEH,eAAe,SAAlC,MAAK,SAAS,UAAK,eAAe,EAAvD,YAAqC,EAAkB;QAC7D,OAAO,oBAACC,cAAQ,eAAK,SAAS,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KACtD;SAAM,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;;QAEN,eAAe,MAAlC,MAAK,SAAS,UAAK,eAAe,EAAjD,SAA+B,EAAkB;QACvD,OAAO,oBAACC,WAAK,eAAK,SAAS,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KACnD;SAAM,IAAI,oBAAoB,CAAC,eAAe,CAAC,EAAE;QAChD,OAAO,oBAACC,aAAO,eAAK,eAAe,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KAC3D;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;KACrE;AACH;;;;"}

package/components/Button/Link.js

@@ -0,0 +1,50 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import React from 'react';
+import BrandButton from '../Buttons/BrandButton/index.js';
+import GhostButton from '../Buttons/GhostButton/index.js';
+import InversedButton from '../Buttons/InversedButton/index.js';
+import DefaultButton from '../Buttons/DefaultButton/index.js';
+import { isLinkProps } from '../Buttons/ButtonComponent.js';
+
+var isBrandLinkProps = function (props) { return "brand" in props && isLinkProps(props); };
+var isInversedLinkProps = function (props) {
+    return "inversed" in props && props.inversed === true && isLinkProps(props);
+};
+var isGhostLinkProps = function (props) {
+    return "ghost" in props && props.ghost === true && isLinkProps(props);
+};
+var isDefaultLinkProps = function (props) {
+    return !isBrandLinkProps(props) &&
+        !isGhostLinkProps(props) &&
+        !isInversedLinkProps(props);
+};
+var Link = function (props) {
+    var forwardedRef = props.forwardedRef, restLinkProps = __rest(props
+    // We extract here specific button props
+    // disabled props must be passed to provided a11y related attributes
+    , ["forwardedRef"]);
+    // We extract here specific button props
+    // disabled props must be passed to provided a11y related attributes
+    if (isBrandLinkProps(restLinkProps)) {
+        return React.createElement(BrandButton.Link, __assign({}, restLinkProps, { ref: forwardedRef }));
+    }
+    else if (isInversedLinkProps(restLinkProps)) {
+        // inversed is a props only used for API here
+        restLinkProps.inversed; var restProps = __rest(restLinkProps, ["inversed"]);
+        return React.createElement(InversedButton.Link, __assign({}, restProps, { ref: forwardedRef }));
+    }
+    else if (isGhostLinkProps(restLinkProps)) {
+        // ghost is a props only used for API here
+        restLinkProps.ghost; var restProps = __rest(restLinkProps, ["ghost"]);
+        return React.createElement(GhostButton.Link, __assign({}, restProps, { ref: forwardedRef }));
+    }
+    else if (isDefaultLinkProps(restLinkProps)) {
+        return React.createElement(DefaultButton.Link, __assign({}, restLinkProps, { ref: forwardedRef }));
+    }
+    else {
+        throw new Error("[Cobalt]: Unexpected Button.Link Component props error");
+    }
+};
+
+export { Link as default };
+//# sourceMappingURL=Link.js.map

package/components/Button/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../src/components/Button/Link.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandLinkPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostLinkPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedLinkPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultLinkPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withAnchorRef<Props> = Props & { forwardedRef?: Ref<HTMLAnchorElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\n\ntype BrandLinkAPIPropsType = BrandLinkPropsType\ntype InversedLinkAPIPropsType = InversedLinkPropsType & { inversed?: true }\ntype GhostLinkAPIPropsType = GhostLinkPropsType & { ghost?: true }\ntype DefaultLinkAPIPropsType = DefaultLinkPropsType\n\n/**\n * Overloads\n */\ntype LinkOverload = {\n  (props: withAnchorRef<BrandLinkAPIPropsType>): JSX.Element\n  (props: withAnchorRef<InversedLinkAPIPropsType>): JSX.Element\n  (props: withAnchorRef<GhostLinkAPIPropsType>): JSX.Element\n  (props: withAnchorRef<DefaultLinkAPIPropsType>): JSX.Element\n}\n\nexport type ButtonLinkPropsType =\n  | withAnchorRef<BrandLinkAPIPropsType>\n  | withAnchorRef<InversedLinkAPIPropsType>\n  | withAnchorRef<GhostLinkAPIPropsType>\n  | withAnchorRef<DefaultLinkAPIPropsType>\n\nconst isBrandLinkProps = (\n  props: ButtonLinkPropsType\n): props is BrandLinkAPIPropsType => \"brand\" in props && isLinkProps(props)\n\nconst isInversedLinkProps = (\n  props: ButtonLinkPropsType\n): props is InversedLinkAPIPropsType =>\n  \"inversed\" in props && props.inversed === true && isLinkProps(props)\n\nconst isGhostLinkProps = (\n  props: ButtonLinkPropsType\n): props is GhostLinkAPIPropsType =>\n  \"ghost\" in props && props.ghost === true && isLinkProps(props)\n\nconst isDefaultLinkProps = (\n  props: ButtonLinkPropsType\n): props is DefaultLinkAPIPropsType =>\n  !isBrandLinkProps(props) &&\n  !isGhostLinkProps(props) &&\n  !isInversedLinkProps(props)\n\nconst Link: LinkOverload = (props: ButtonLinkPropsType) => {\n  const { forwardedRef, ...restLinkProps } = props\n\n  // We extract here specific button props\n  // disabled props must be passed to provided a11y related attributes\n  if (isBrandLinkProps(restLinkProps)) {\n    return <Brand.Link {...restLinkProps} ref={forwardedRef} />\n  } else if (isInversedLinkProps(restLinkProps)) {\n    // inversed is a props only used for API here\n    const { inversed: _inversed, ...restProps } = restLinkProps\n    return <Inversed.Link {...restProps} ref={forwardedRef} />\n  } else if (isGhostLinkProps(restLinkProps)) {\n    // ghost is a props only used for API here\n    const { ghost: _ghost, ...restProps } = restLinkProps\n    return <Ghost.Link {...restProps} ref={forwardedRef} />\n  } else if (isDefaultLinkProps(restLinkProps)) {\n    return <Default.Link {...restLinkProps} ref={forwardedRef} />\n  } else {\n    throw new Error(\"[Cobalt]: Unexpected Button.Link Component props error\")\n  }\n}\n\nexport default Link\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAmCA,IAAM,gBAAgB,GAAG,UACvB,KAA0B,IACS,OAAA,OAAO,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,GAAA,CAAA;AAE3E,IAAM,mBAAmB,GAAG,UAC1B,KAA0B;IAE1B,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC;AAApE,CAAoE,CAAA;AAEtE,IAAM,gBAAgB,GAAG,UACvB,KAA0B;IAE1B,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC;AAA9D,CAA8D,CAAA;AAEhE,IAAM,kBAAkB,GAAG,UACzB,KAA0B;IAE1B,OAAA,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,mBAAmB,CAAC,KAAK,CAAC;AAF3B,CAE2B,CAAA;IAEvB,IAAI,GAAiB,UAAC,KAA0B;IAC5C,IAAA,YAAY,GAAuB,KAAK,aAA5B,EAAK,aAAa,UAAK,KAAK;;;MAA1C,gBAAkC,CAAF,CAAU;;;IAIhD,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;QACnC,OAAO,oBAACA,WAAK,CAAC,IAAI,eAAK,aAAa,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KAC5D;SAAM,IAAI,mBAAmB,CAAC,aAAa,CAAC,EAAE;;QAEC,aAAa,SAAhC,MAAK,SAAS,UAAK,aAAa,EAArD,YAAqC,EAAgB;QAC3D,OAAO,oBAACC,cAAQ,CAAC,IAAI,eAAK,SAAS,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KAC3D;SAAM,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;;QAEF,aAAa,MAAhC,MAAK,SAAS,UAAK,aAAa,EAA/C,SAA+B,EAAgB;QACrD,OAAO,oBAACC,WAAK,CAAC,IAAI,eAAK,SAAS,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KACxD;SAAM,IAAI,kBAAkB,CAAC,aAAa,CAAC,EAAE;QAC5C,OAAO,oBAACC,aAAO,CAAC,IAAI,eAAK,aAAa,IAAE,GAAG,EAAE,YAAY,IAAI,CAAA;KAC9D;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;KAC1E;AACH;;;;"}

package/components/Button/index.js

@@ -0,0 +1,9 @@
+import Button$1 from './Button.js';
+import Link from './Link.js';
+import ButtonsGroup from '../Buttons/ButtonsGroup.js';
+
+var ButtonGroup = ButtonsGroup;
+var Button = Object.assign(Button$1, { Link: Link });
+
+export { Button, ButtonGroup, Button as default };
+//# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["// We have to import react to avoid TS using reference directives here\nimport _React from \"react\"\nimport _Button from \"./Button\"\nimport Link from \"./Link\"\nimport { ButtonPropsType as _ButtonPropsType } from \"./Button\"\nimport { ButtonLinkPropsType as _ButtonLinkPropsType } from \"./Link\"\nimport _ButtonGroup, {\n  ButtonsGroupProps as _ButtonGroupProps,\n} from \"../Buttons/ButtonsGroup\"\n\n// We have to export types differently from modules\n// https://github.com/babel/babel/issues/8361\n// https://github.com/babel/babel-loader/issues/603#issuecomment-601682451\nexport type ButtonPropsType = _ButtonPropsType\nexport type ButtonLinkPropsType = _ButtonLinkPropsType\nexport type ButtonGroupProps = _ButtonGroupProps\n\nexport const ButtonGroup = _ButtonGroup\n\nexport const Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_ButtonGroup","_Button"],"mappings":";;;;IAiBa,WAAW,GAAGA,aAAY;IAE1B,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;"}

package/components/Buttons/BrandButton/index.js

@@ -0,0 +1,53 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import Button from '../ButtonComponent.js';
+
+var getComputedClassName = function (_a) {
+    var className = _a.className, brand = _a.brand;
+    return cx(className, "cob-Button__brand", {
+        "cob-Button__brand--gmail": brand === "gmail",
+        "cob-Button__brand--facebook": brand === "facebook",
+        "cob-Button__brand--twitter": brand === "twitter",
+        "cob-Button__brand--whatsapp": brand === "whatsapp",
+    });
+};
+var _BrandButton = forwardRef(function (props, ref) {
+    var children = props.children, brand = props.brand, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restButtonProps = __rest(props, ["children", "brand", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button, __assign({}, restButtonProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            brand: brand,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+_BrandButton.displayName = "BrandButton";
+var BrandLink = forwardRef(function (props, ref) {
+    var children = props.children, brand = props.brand, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restLinkProps = __rest(props, ["children", "brand", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button.Link, __assign({}, restLinkProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            brand: brand,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+BrandLink.displayName = "BrandLink";
+var BrandButton = Object.assign(_BrandButton, { Link: BrandLink });
+
+export { BrandButton as default };
+//# sourceMappingURL=index.js.map

package/components/Buttons/BrandButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/BrandButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype BrandCommonPropsType = ButtonTemplatePropsType<{\n  brand?: \"gmail\" | \"facebook\" | \"twitter\" | \"whatsapp\"\n}>\n\nexport type BrandButtonPropsType = BrandCommonPropsType & ButtonProps\nexport type BrandLinkPropsType = BrandCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className, brand }: BrandCommonPropsType) =>\n  cx(className, \"cob-Button__brand\", {\n    \"cob-Button__brand--gmail\": brand === \"gmail\",\n    \"cob-Button__brand--facebook\": brand === \"facebook\",\n    \"cob-Button__brand--twitter\": brand === \"twitter\",\n    \"cob-Button__brand--whatsapp\": brand === \"whatsapp\",\n  })\n\nconst _BrandButton = forwardRef<HTMLButtonElement, BrandButtonPropsType>(\n  (props: BrandButtonPropsType, ref) => {\n    const {\n      children,\n      brand,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          brand,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_BrandButton.displayName = \"BrandButton\"\n\nconst BrandLink = forwardRef<HTMLAnchorElement, BrandLinkPropsType>(\n  (props: BrandLinkPropsType, ref) => {\n    const {\n      children,\n      brand,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          brand,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nBrandLink.displayName = \"BrandLink\"\n\nconst BrandButton = Object.assign(_BrandButton, { Link: BrandLink })\n\nexport default BrandButton\n"],"names":[],"mappings":"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"}

package/components/Buttons/ButtonComponent.js

@@ -0,0 +1,24 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import '../Icon/index.js';
+import React, { forwardRef } from 'react';
+import LoadingIcon from '../Icon/__generated__/LoadingIcon.js';
+
+var isLinkProps = function (props) { return "href" in props && !!props.href; };
+var _Button = forwardRef(function (props, ref) {
+    var disabled = props.disabled, loading = props.loading, children = props.children, restProps = __rest(props, ["disabled", "loading", "children"]);
+    return (React.createElement("button", __assign({ ref: ref, "aria-disabled": disabled, "aria-busy": loading, disabled: disabled }, restProps),
+        loading && React.createElement(LoadingIcon, { className: "cob-Button__loading-icon" }),
+        children));
+});
+_Button.displayName = "button";
+var Link = forwardRef(function (props, ref) {
+    var disabled = props.disabled, target = props.target, rel = props.rel, loading = props.loading, children = props.children, restProps = __rest(props, ["disabled", "target", "rel", "loading", "children"]);
+    return (React.createElement("a", __assign({ "aria-disabled": disabled, "data-disabled": disabled, "aria-busy": loading, target: target, rel: target && !rel ? "noopener noreferrer" : rel, ref: ref }, restProps),
+        loading && React.createElement(LoadingIcon, { className: "cob-Button__loading-icon" }),
+        children));
+});
+Link.displayName = "link";
+var Button = Object.assign(_Button, { Link: Link });
+
+export { Button as default, isLinkProps };
+//# sourceMappingURL=ButtonComponent.js.map

package/components/Buttons/ButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  loading?: boolean\n  href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  loading?: boolean\n  disabled?: boolean\n  href?: string\n}\n\nexport const isLinkProps = (\n  props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { disabled, loading, children, ...restProps } = props\n    return (\n      <button\n        ref={ref}\n        aria-disabled={disabled}\n        aria-busy={loading}\n        disabled={disabled}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </button>\n    )\n  }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkProps, ref) => {\n    const { disabled, target, rel, loading, children, ...restProps } = props\n    return (\n      <a\n        aria-disabled={disabled}\n        data-disabled={disabled}\n        aria-busy={loading}\n        target={target}\n        rel={target && !rel ? \"noopener noreferrer\" : rel}\n        ref={ref}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </a>\n    )\n  }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;;IAgBa,WAAW,GAAG,UACzB,KAA8B,IACP,OAAA,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAA;AAExD,IAAM,OAAO,GAAG,UAAU,CACxB,UAAC,KAAkB,EAAE,GAAG;IACd,IAAA,QAAQ,GAAsC,KAAK,SAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAArD,mCAA6C,CAAF,CAAU;IAC3D,QACE,yCACE,GAAG,EAAE,GAAG,mBACO,QAAQ,eACZ,OAAO,EAClB,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAM,IAAI,GAAG,UAAU,CACrB,UAAC,KAAgB,EAAE,GAAG;IACZ,IAAA,QAAQ,GAAmD,KAAK,SAAxD,EAAE,MAAM,GAA2C,KAAK,OAAhD,EAAE,GAAG,GAAsC,KAAK,IAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAAlE,oDAA0D,CAAF,CAAU;IACxE,QACE,qDACiB,QAAQ,mBACR,QAAQ,eACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,IACJ,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;IAEnB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;"}

package/components/Buttons/ButtonsGroup.js

@@ -0,0 +1,42 @@
+import React, { Children } from 'react';
+import cx from 'classnames';
+import BrandButton from './BrandButton/index.js';
+import GhostButton from './GhostButton/index.js';
+import InversedButton from './InversedButton/index.js';
+import DefaultButton from './DefaultButton/index.js';
+import Button from '../Button/Button.js';
+import Link from '../Button/Link.js';
+
+var isButton = function (component) {
+    return React.isValidElement(component) &&
+        (component.type === Button ||
+            component.type === Link ||
+            component.type === BrandButton ||
+            component.type === BrandButton.Link ||
+            component.type === GhostButton ||
+            component.type === GhostButton.Link ||
+            component.type === InversedButton ||
+            component.type === InversedButton.Link ||
+            component.type === DefaultButton ||
+            component.type === DefaultButton.Link);
+};
+var ButtonsGroup = function (_a) {
+    var className = _a.className, children = _a.children, align = _a.align;
+    return (React.createElement("div", { className: cx(className, "cobalt-buttons-group", {
+            "cobalt-buttons-group--right": align === "right",
+            "cobalt-buttons-group--center": align === "center",
+        }) }, Children.toArray(children).map(function (child, index) {
+        return isButton(child)
+            ? React.cloneElement(child, {
+                key: index,
+                className: cx("cobalt-buttons-group__item", {
+                    "cobalt-buttons-group__item--fullWidth": align === "fullWidth",
+                }),
+                fullWidth: align === "fullWidth",
+            })
+            : child;
+    })));
+};
+
+export { ButtonsGroup as default };
+//# sourceMappingURL=ButtonsGroup.js.map

package/components/Buttons/ButtonsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\nimport BrandButton from \"./BrandButton\"\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\nimport DefaultButton from \"./DefaultButton\"\nimport LegacyButton from \"../Button/Button\"\nimport LegacyLink from \"../Button/Link\"\nimport { AllButtonsPropsType } from \"./\"\n\nexport interface ButtonsGroupProps {\n  className?: string\n  children: React.ReactNode\n  align?: \"fullWidth\" | \"right\" | \"center\"\n}\n\nconst isButton = (\n  component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n  React.isValidElement(component) &&\n  (component.type === LegacyButton ||\n    component.type === LegacyLink ||\n    component.type === BrandButton ||\n    component.type === BrandButton.Link ||\n    component.type === GhostButton ||\n    component.type === GhostButton.Link ||\n    component.type === InversedButton ||\n    component.type === InversedButton.Link ||\n    component.type === DefaultButton ||\n    component.type === DefaultButton.Link)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n  <div\n    className={cx(className, \"cobalt-buttons-group\", {\n      \"cobalt-buttons-group--right\": align === \"right\",\n      \"cobalt-buttons-group--center\": align === \"center\",\n    })}\n  >\n    {Children.toArray(children).map((child, index) =>\n      isButton(child)\n        ? React.cloneElement(child, {\n            key: index,\n            className: cx(\"cobalt-buttons-group__item\", {\n              \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n            }),\n            fullWidth: align === \"fullWidth\",\n          })\n        : child\n    )}\n  </div>\n)\n\nexport default ButtonsGroup\n"],"names":["LegacyButton","LegacyLink"],"mappings":";;;;;;;;;AAiBA,IAAM,QAAQ,GAAG,UACf,SAA0B;IAE1B,OAAA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;SAC9B,SAAS,CAAC,IAAI,KAAKA,MAAY;YAC9B,SAAS,CAAC,IAAI,KAAKC,IAAU;YAC7B,SAAS,CAAC,IAAI,KAAK,WAAW;YAC9B,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,WAAW;YAC9B,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,cAAc;YACjC,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACtC,SAAS,CAAC,IAAI,KAAK,aAAa;YAChC,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC;AAVxC,CAUwC,CAAA;IAEpC,YAAY,GAAG,UAAC,EAAiD;QAA/C,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAA0B,QAC1E,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;YAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;YAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;SACnD,CAAC,IAED,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;QAC3C,OAAA,QAAQ,CAAC,KAAK,CAAC;cACX,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,GAAG,EAAE,KAAK;gBACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;oBAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;iBAC/D,CAAC;gBACF,SAAS,EAAE,KAAK,KAAK,WAAW;aACjC,CAAC;cACF,KAAK;KAAA,CACV,CACG;AAlBoE;;;;"}

package/components/Buttons/DefaultButton/index.js

@@ -0,0 +1,56 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import Button from '../ButtonComponent.js';
+
+var getComputedClassName = function (_a) {
+    var className = _a.className, active = _a.active, primary = _a.primary, destructive = _a.destructive;
+    return cx(className, "cob-Button__default", {
+        "cob-Button__default--active": active,
+        "cob-Button__default--primary": primary,
+        "cob-Button__default--destructive": destructive,
+    });
+};
+var _DefaultButton = forwardRef(function (props, ref) {
+    var children = props.children, active = props.active, primary = props.primary, destructive = props.destructive, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restButtonProps = __rest(props, ["children", "active", "primary", "destructive", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button, __assign({}, restButtonProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            active: active,
+            primary: primary,
+            destructive: destructive,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+_DefaultButton.displayName = "DefaultButton";
+var DefaultLink = forwardRef(function (props, ref) {
+    var children = props.children, active = props.active, primary = props.primary, destructive = props.destructive, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restLinkProps = __rest(props, ["children", "active", "primary", "destructive", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button.Link, __assign({}, restLinkProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            active: active,
+            primary: primary,
+            destructive: destructive,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+DefaultLink.displayName = "DefaultLink";
+var DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink });
+
+export { DefaultButton as default };
+//# sourceMappingURL=index.js.map

package/components/Buttons/DefaultButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/DefaultButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype DefaultCommonPropsType = ButtonTemplatePropsType<{\n  primary?: boolean\n  destructive?: boolean\n  active?: boolean\n}>\n\nexport type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps\nexport type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  active,\n  primary,\n  destructive,\n}: DefaultCommonPropsType) =>\n  cx(className, \"cob-Button__default\", {\n    \"cob-Button__default--active\": active,\n    \"cob-Button__default--primary\": primary,\n    \"cob-Button__default--destructive\": destructive,\n  })\n\nconst _DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonPropsType>(\n  (props: DefaultButtonPropsType, ref) => {\n    const {\n      children,\n      active,\n      primary,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          active,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_DefaultButton.displayName = \"DefaultButton\"\n\nconst DefaultLink = forwardRef<HTMLAnchorElement, DefaultLinkPropsType>(\n  (props: DefaultLinkPropsType, ref) => {\n    const {\n      children,\n      active,\n      primary,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          active,\n          primary,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nDefaultLink.displayName = \"DefaultLink\"\n\nconst DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink })\n\nexport default DefaultButton\n"],"names":[],"mappings":"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"}

package/components/Buttons/GhostButton/index.js

@@ -0,0 +1,53 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import Button from '../ButtonComponent.js';
+
+var getComputedClassName = function (_a) {
+    var className = _a.className, standalone = _a.standalone, destructive = _a.destructive;
+    return cx(className, "cob-Button__ghost", {
+        "cob-Button__ghost--standalone": standalone,
+        "cob-Button__ghost--destructive": destructive,
+    });
+};
+var _GhostButton = forwardRef(function (props, ref) {
+    var children = props.children, standalone = props.standalone, destructive = props.destructive, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restButtonProps = __rest(props, ["children", "standalone", "destructive", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button, __assign({}, restButtonProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            standalone: standalone,
+            destructive: destructive,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+_GhostButton.displayName = "GhostButton";
+var GhostLink = forwardRef(function (props, ref) {
+    var children = props.children, standalone = props.standalone, destructive = props.destructive, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restLinkProps = __rest(props, ["children", "standalone", "destructive", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button.Link, __assign({}, restLinkProps, { className: getComputedClassName({
+            className: buttonClassNames,
+            standalone: standalone,
+            destructive: destructive,
+        }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+GhostLink.displayName = "GhostLink";
+var GhostButton = Object.assign(_GhostButton, { Link: GhostLink });
+
+export { GhostButton as default };
+//# sourceMappingURL=index.js.map

package/components/Buttons/GhostButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype GhostCommonPropsType = ButtonTemplatePropsType<{\n  standalone?: boolean\n  destructive?: boolean\n}>\n\nexport type GhostButtonPropsType = GhostCommonPropsType & ButtonProps\nexport type GhostLinkPropsType = GhostCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  standalone,\n  destructive,\n}: GhostCommonPropsType) =>\n  cx(className, \"cob-Button__ghost\", {\n    \"cob-Button__ghost--standalone\": standalone,\n    \"cob-Button__ghost--destructive\": destructive,\n  })\n\nconst _GhostButton = forwardRef<HTMLButtonElement, GhostButtonPropsType>(\n  (props: GhostButtonPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_GhostButton.displayName = \"GhostButton\"\n\nconst GhostLink = forwardRef<HTMLAnchorElement, GhostLinkPropsType>(\n  (props: GhostLinkPropsType, ref) => {\n    const {\n      children,\n      standalone,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          standalone,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nGhostLink.displayName = \"GhostLink\"\n\nconst GhostButton = Object.assign(_GhostButton, { Link: GhostLink })\n\nexport default GhostButton\n"],"names":[],"mappings":";;;;;;AAkBA,IAAM,oBAAoB,GAAG,UAAC,EAIP;QAHrB,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEX,OAAA,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;QACjC,+BAA+B,EAAE,UAAU;QAC3C,gCAAgC,EAAE,WAAW;KAC9C,CAAC;AAHF,CAGE,CAAA;AAEJ,IAAM,YAAY,GAAG,UAAU,CAC7B,UAAC,KAA2B,EAAE,GAAG;IAE7B,IAAA,QAAQ,GAYN,KAAK,SAZC,EACR,UAAU,GAWR,KAAK,WAXG,EACV,WAAW,GAUT,KAAK,YAVI,EACX,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,aARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,UAFE,EACN,eAAe,UAChB,KAAK,EAbH,qIAaL,CADmB,CACX;IACT,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,YAAY,cAAA,EAAE,CAAC,CAAA;IAClE,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;QACjD,QAAQ,EAAE,UAAU;QACpB,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,eACD,eAAe,IACnB,SAAS,EAAE,oBAAoB,CAAC;YAC9B,SAAS,EAAE,gBAAgB;YAC3B,UAAU,YAAA;YACV,WAAW,aAAA;SACZ,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,KAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,IAAM,SAAS,GAAG,UAAU,CAC1B,UAAC,KAAyB,EAAE,GAAG;IAE3B,IAAA,QAAQ,GAYN,KAAK,SAZC,EACR,UAAU,GAWR,KAAK,WAXG,EACV,WAAW,GAUT,KAAK,YAVI,EACX,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,aARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,UAFE,EACN,aAAa,UACd,KAAK,EAbH,qIAaL,CADiB,CACT;IACT,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,YAAY,cAAA,EAAE,CAAC,CAAA;IAClE,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;QACjD,QAAQ,EAAE,UAAU;QACpB,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,CAAC,IAAI,eACN,aAAa,IACjB,SAAS,EAAE,oBAAoB,CAAC;YAC9B,SAAS,EAAE,gBAAgB;YAC3B,UAAU,YAAA;YACV,WAAW,aAAA;SACZ,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,KAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;IAE7B,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;;;;"}

package/components/Buttons/InversedButton/index.js

@@ -0,0 +1,42 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
+import Button from '../ButtonComponent.js';
+
+var getComputedClassName = function (_a) {
+    var className = _a.className;
+    return cx(className, "cob-Button__inversed");
+};
+var _InversedButton = forwardRef(function (props, ref) {
+    var children = props.children, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restButtonProps = __rest(props, ["children", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button, __assign({}, restButtonProps, { className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+_InversedButton.displayName = "InversedButton";
+var InversedLink = forwardRef(function (props, ref) {
+    var children = props.children, icon = props.icon, iconPosition = props.iconPosition, className = props.className, loading = props.loading, disabled = props.disabled, rounded = props.rounded, size = props.size, fullWidth = props.fullWidth, restLinkProps = __rest(props, ["children", "icon", "iconPosition", "className", "loading", "disabled", "rounded", "size", "fullWidth"]);
+    var content = getButtonContent({ children: children, icon: icon, iconPosition: iconPosition });
+    var isDisabled = disabled || loading;
+    var buttonClassNames = getButtonCommonClassNames({
+        disabled: isDisabled,
+        rounded: rounded,
+        size: size,
+        fullWidth: fullWidth,
+        className: className,
+    });
+    return (React.createElement(Button.Link, __assign({}, restLinkProps, { className: getComputedClassName({ className: buttonClassNames }), ref: ref, loading: loading, disabled: isDisabled }), content));
+});
+InversedLink.displayName = "InversedLink";
+var InversedButton = Object.assign(_InversedButton, { Link: InversedLink });
+
+export { InversedButton as default };
+//# sourceMappingURL=index.js.map

package/components/Buttons/InversedButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonContent,\n  getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>\n\nexport type InversedButtonPropsType = InversedCommonPropsType & ButtonProps\nexport type InversedLinkPropsType = InversedCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className }: InversedCommonPropsType) =>\n  cx(className, \"cob-Button__inversed\")\n\nconst _InversedButton = forwardRef<HTMLButtonElement, InversedButtonPropsType>(\n  (props: InversedButtonPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_InversedButton.displayName = \"InversedButton\"\n\nconst InversedLink = forwardRef<HTMLAnchorElement, InversedLinkPropsType>(\n  (props: InversedLinkPropsType, ref) => {\n    const {\n      children,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({ className: buttonClassNames })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nInversedLink.displayName = \"InversedLink\"\n\nconst InversedButton = Object.assign(_InversedButton, { Link: InversedLink })\n\nexport default InversedButton\n"],"names":[],"mappings":";;;;;;AAeA,IAAM,oBAAoB,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA;IACvC,OAAA,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC;AAArC,CAAqC,CAAA;AAEvC,IAAM,eAAe,GAAG,UAAU,CAChC,UAAC,KAA8B,EAAE,GAAG;IAEhC,IAAA,QAAQ,GAUN,KAAK,SAVC,EACR,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,aARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,UAFE,EACN,eAAe,UAChB,KAAK,EAXH,wGAWL,CADmB,CACX;IACT,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,YAAY,cAAA,EAAE,CAAC,CAAA;IAClE,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;QACjD,QAAQ,EAAE,UAAU;QACpB,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,eACD,eAAe,IACnB,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,KAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE9C,IAAM,YAAY,GAAG,UAAU,CAC7B,UAAC,KAA4B,EAAE,GAAG;IAE9B,IAAA,QAAQ,GAUN,KAAK,SAVC,EACR,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,aARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,UAFE,EACN,aAAa,UACd,KAAK,EAXH,wGAWL,CADiB,CACT;IACT,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,YAAY,cAAA,EAAE,CAAC,CAAA;IAClE,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;QACjD,QAAQ,EAAE,UAAU;QACpB,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,CAAC,IAAI,eACN,aAAa,IACjB,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,KAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;IAEnC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;;;;"}

package/components/Buttons/helpers.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import cx from 'classnames';
+import { Icon } from '../Icon/index.js';
+
+var getButtonContent = function (_a) {
+    var children = _a.children, icon = _a.icon, _b = _a.iconPosition, iconPosition = _b === void 0 ? icon ? "left" : undefined : _b;
+    if (!children && !icon) {
+        throw new Error("Either an icon or children are required");
+    }
+    var iconMarkup = icon ? (React.createElement("span", { key: iconPosition, className: cx("cob-Button__Icon", {
+            "cob-Button__Icon--left": !!children && iconPosition === "left",
+            "cob-Button__Icon--right": !!children && iconPosition === "right",
+        }) },
+        React.createElement(Icon, { source: icon }))) : null;
+    var leftIcon = iconPosition === "left" ? iconMarkup : null;
+    var rightIcon = iconPosition === "right" ? iconMarkup : null;
+    var childContent = children ? (React.createElement("span", { key: "children", className: "cob-Button__content" }, children)) : null;
+    return (React.createElement(React.Fragment, null,
+        leftIcon,
+        childContent,
+        rightIcon));
+};
+var getButtonCommonClassNames = function (_a) {
+    var rounded = _a.rounded, size = _a.size, fullWidth = _a.fullWidth, className = _a.className, disabled = _a.disabled;
+    return cx(className, "cob-Button", {
+        "cob-Button--rounded": rounded,
+        "cob-Button--fullWidth": fullWidth,
+        "cob-Button--large": size === "large",
+        "cob-Button--disabled": disabled,
+    });
+};
+
+export { getButtonCommonClassNames, getButtonContent };
+//# sourceMappingURL=helpers.js.map

package/components/Buttons/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = PropsWithChildren<{\n  className?: string\n  disabled?: boolean\n  fullWidth?: boolean\n  loading?: boolean\n  rounded?: boolean\n  size?: \"large\"\n  iconPosition?: \"left\" | \"right\"\n  icon?: IconSources\n}>\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n  ButtonCommonPropsType\n\nexport const getButtonContent = ({\n  children,\n  icon,\n  iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n  if (!children && !icon) {\n    throw new Error(\"Either an icon or children are required\")\n  }\n\n  const iconMarkup = icon ? (\n    <span\n      key={iconPosition}\n      className={cx(\"cob-Button__Icon\", {\n        \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n        \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n      })}\n    >\n      <Icon source={icon} />\n    </span>\n  ) : null\n\n  const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n  const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n  const childContent = children ? (\n    <span key=\"children\" className=\"cob-Button__content\">\n      {children}\n    </span>\n  ) : null\n  return (\n    <>\n      {leftIcon}\n      {childContent}\n      {rightIcon}\n    </>\n  )\n}\n\nexport const getButtonCommonClassNames = ({\n  rounded,\n  size,\n  fullWidth,\n  className,\n  disabled,\n}: Pick<\n  ButtonCommonPropsType,\n  \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n  cx(className, \"cob-Button\", {\n    \"cob-Button--rounded\": rounded,\n    \"cob-Button--fullWidth\": fullWidth,\n    \"cob-Button--large\": size === \"large\",\n    \"cob-Button--disabled\": disabled,\n  })\n"],"names":[],"mappings":";;;;IAmBa,gBAAgB,GAAG,UAAC,EAImC;QAHlE,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,oBAAwC,EAAxC,YAAY,mBAAG,IAAI,GAAG,MAAM,GAAG,SAAS,KAAA;IAExC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;QACtB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;KAC3D;IAED,IAAM,UAAU,GAAG,IAAI,IACrB,8BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;YAC/D,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC;QAEF,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,GAAI,CACjB,IACL,IAAI,CAAA;IAER,IAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;IAC5D,IAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,IAAM,YAAY,GAAG,QAAQ,IAC3B,8BAAM,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,IACjD,QAAQ,CACJ,IACL,IAAI,CAAA;IACR,QACE;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;IAEY,yBAAyB,GAAG,UAAC,EASzC;QARC,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAKR,OAAA,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;QAC1B,qBAAqB,EAAE,OAAO;QAC9B,uBAAuB,EAAE,SAAS;QAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;QACrC,sBAAsB,EAAE,QAAQ;KACjC,CAAC;AALF;;;;"}