@drivy/cobalt 0.16.1 → 0.18.0

package/components/Alerter/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alerter/Alert.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from \"react\"\nimport ReachAlert from \"@reach/alert\"\n\nimport { Icon, IconColors, IconSources } from \"../Icon\"\nimport { Timer } from \"../utils\"\n\nexport type AlertStatus = \"info\" | \"success\" | \"error\"\n\nexport type AlertType = FunctionComponent<{\n  status?: AlertStatus\n  dismiss: () => void\n}>\n\nconst ALERT_TIMEOUT = 3000\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColors } = {\n  info: \"turquoise\",\n  success: \"green\",\n  error: \"red\",\n}\n\nconst Alert: AlertType = ({ children, status = \"info\", dismiss }) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"turquoise\"\n\n  const alertTimer = useMemo(() => new Timer(dismiss, ALERT_TIMEOUT), [])\n\n  useEffect(() => {\n    alertTimer.run()\n  }, [])\n\n  const onMouseEnter = () => alertTimer.pause()\n  const onMouseLeave = () => alertTimer.run()\n\n  return (\n    <ReachAlert\n      className=\"cobalt-alert\"\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"cobalt-alert__wrapper\">\n        <Icon\n          source={icon}\n          size={20}\n          color={iconColor}\n          className=\"cobalt-alert__icon\"\n        />\n        <span className=\"cobalt-alert__content\">{children}</span>\n      </div>\n    </ReachAlert>\n  )\n}\n\nexport default Alert\n"],"names":[],"mappings":";;;;;;AAaA,IAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,IAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,IAAM,qBAAqB,GAAuC;AAChE,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,KAAK,EAAE,KAAK;CACb,CAAA;AAEK,IAAA,KAAK,GAAc,UAAC,EAAsC,EAAA;QAApC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,mBAAG,MAAM,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;AAC5D,IAAA,IAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,IAAM,SAAS,GAAe,qBAAqB,CAAC,MAAM,CAAC;AACzD,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,WAAW,CAAA;AAEf,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,YAAM,EAAA,OAAA,IAAI,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA,EAAA,EAAE,EAAE,CAAC,CAAA;AAEvE,IAAA,SAAS,CAAC,YAAA;QACR,UAAU,CAAC,GAAG,EAAE,CAAA;KACjB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,EAAE,CAAlB,EAAkB,CAAA;IAC7C,IAAM,YAAY,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,GAAG,EAAE,CAAhB,EAAgB,CAAA;AAE3C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAC,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAA;QAE1B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACpC,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,oBAAoB,EAC9B,CAAA;YACF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACK,EACd;AACH;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alerter/Alert.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from \"react\"\nimport ReachAlert from \"@reach/alert\"\nimport cx from \"classnames\"\n\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\nimport { Timer } from \"../utils\"\n\nexport type AlertStatus = \"info\" | \"success\" | \"error\"\n\nexport type AlertType = FunctionComponent<{\n  status?: AlertStatus\n  dismiss: () => void\n}>\n\nconst ALERT_TIMEOUT = 3000\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColorsType } = {\n  info: \"infoAlt\",\n  success: \"success\",\n  error: \"error\",\n}\n\nconst STATUS_ICON_CLASS_MAP: { [k in AlertStatus]: string } = {\n  info: \"cobalt-alert--info\",\n  success: \"cobalt-alert--success\",\n  error: \"cobalt-alert--error\",\n}\n\nconst Alert: AlertType = ({ children, status = \"info\", dismiss }) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColorsType = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"infoAlt\"\n\n  const className = STATUS_ICON_CLASS_MAP[status]\n    ? STATUS_ICON_CLASS_MAP[status]\n    : \"cobalt-alert--info\"\n\n  const alertTimer = useMemo(() => new Timer(dismiss, ALERT_TIMEOUT), [])\n\n  useEffect(() => {\n    alertTimer.run()\n  }, [])\n\n  const onMouseEnter = () => alertTimer.pause()\n  const onMouseLeave = () => alertTimer.run()\n\n  return (\n    <ReachAlert\n      className={cx(\"cobalt-alert\", className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"cobalt-alert__wrapper\">\n        <Icon\n          source={icon}\n          size={20}\n          color={iconColor}\n          className=\"cobalt-alert__icon\"\n        />\n        <span className=\"cobalt-alert__content\">{children}</span>\n      </div>\n    </ReachAlert>\n  )\n}\n\nexport default Alert\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,MAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,qBAAqB,GAAmC;AAC5D,IAAA,IAAI,EAAE,oBAAoB;AAC1B,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,KAAK,EAAE,qBAAqB;CAC7B,CAAA;AAED,MAAM,KAAK,GAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,KAAI;AAClE,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,MAAM,SAAS,GAAmB,qBAAqB,CAAC,MAAM,CAAC;AAC7D,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,SAAS,CAAA;AAEb,IAAA,MAAM,SAAS,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAC7C,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,oBAAoB,CAAA;AAExB,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;IAEvE,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,GAAG,EAAE,CAAA;KACjB,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,MAAM,UAAU,CAAC,KAAK,EAAE,CAAA;IAC7C,MAAM,YAAY,GAAG,MAAM,UAAU,CAAC,GAAG,EAAE,CAAA;AAE3C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAA;QAE1B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACpC,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,oBAAoB,EAC9B,CAAA;YACF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACK,EACd;AACH;;;;"}

package/components/Alerter/index.js

@@ -1,4 +1,3 @@
-import { __assign, __read, __rest } from '../../_virtual/_tslib.js';
 import React, { useContext, useReducer } from 'react';
 import { nanoid } from 'nanoid';
 import Portal from '@reach/portal';
@@ -14,49 +13,55 @@ var AlertActionType;
     AlertActionType["send"] = "send";
     AlertActionType["dismiss"] = "dismiss";
 })(AlertActionType || (AlertActionType = {}));
-var hasDismiss = function (alertData) { return "dismiss" in alertData; };
-var initialQueue = [];
+const hasDismiss = (alertData) => "dismiss" in alertData;
+const initialQueue = [];
 function alertsReducer(queue, action) {
-    var type = action.type, alertData = __rest(action, ["type"]);
+    const { type, ...alertData } = action;
     if (type === AlertActionType.dismiss) {
-        return queue.filter(function (a) { return a.id !== alertData.id; });
+        return queue.filter((a) => a.id !== alertData.id);
     }
     // We can't send alerts in the queue without providing a way to dismiss it
     if (type === AlertActionType.send && hasDismiss(alertData))
         return [alertData].concat(queue);
     return queue;
 }
-var defaultSendAlert = function () { return initialQueue; }; // we never actually use this
-var AlertsContext = React.createContext({
+const defaultSendAlert = () => initialQueue; // we never actually use this
+const AlertsContext = React.createContext({
     queue: initialQueue,
     sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional
 });
-var AlertsProvider = function (props) {
-    var _a = __read(useReducer(alertsReducer, initialQueue), 2), queue = _a[0], dispatch = _a[1];
-    var dismissAlert = function (args) {
-        dispatch(__assign({ type: AlertActionType.dismiss }, args));
+const AlertsProvider = (props) => {
+    const [queue, dispatch] = useReducer(alertsReducer, initialQueue);
+    const dismissAlert = (args) => {
+        dispatch({
+            type: AlertActionType.dismiss,
+            ...args,
+        });
     };
-    var sendAlert = function (args) {
-        var alertData = __assign(__assign({}, args), { id: nanoid() });
-        dispatch(__assign(__assign({ type: AlertActionType.send }, alertData), { dismiss: function () { return dismissAlert(alertData); } }));
+    const sendAlert = (args) => {
+        const alertData = { ...args, id: nanoid() };
+        dispatch({
+            type: AlertActionType.send,
+            ...alertData,
+            dismiss: () => dismissAlert(alertData),
+        });
     };
-    return React.createElement(AlertsContext.Provider, __assign({ value: { queue: queue, sendAlert: sendAlert } }, props));
+    return React.createElement(AlertsContext.Provider, { value: { queue, sendAlert }, ...props });
 };
 // Alerter hook
-var useAlerts = function () {
+const useAlerts = () => {
     return useContext(AlertsContext);
 };
-var InnerAlerter = function (_a) {
-    var children = _a.children;
-    var queue = useAlerts().queue;
-    var isMobile = useBreakpoint().isMobile;
-    var transformSpring = {
+const InnerAlerter = ({ children }) => {
+    const { queue } = useAlerts();
+    const { isMobile } = useBreakpoint();
+    const transformSpring = {
         from: remToPx(2),
         enter: 0,
         leave: isMobile ? remToPx(2) : remToPx(5),
     };
-    var transition = useTransition(queue, {
-        keys: queue.map(function (a) { return a.id; }),
+    const transition = useTransition(queue, {
+        keys: queue.map((a) => a.id),
         from: { opacity: 0, transform: transformSpring.from },
         enter: { opacity: 1, transform: transformSpring.enter },
         leave: { opacity: 0, transform: transformSpring.leave },
@@ -66,15 +71,18 @@ var InnerAlerter = function (_a) {
         React.createElement(Portal, null,
             React.createElement("div", { className: cx("cobalt-alerts", {
                     "cobalt-alerts--mobile": isMobile,
-                }) }, transition(function (style, alertData) { return (React.createElement(animated.div, { key: alertData.id, style: __assign({ opacity: style.opacity }, (isMobile
-                    ? { translateY: style.transform }
-                    : { translateX: style.transform })) },
-                React.createElement(Alert, { status: alertData.status, dismiss: alertData.dismiss }, alertData.message))); }))),
+                }) }, transition((style, alertData) => (React.createElement(animated.div, { key: alertData.id, style: {
+                    opacity: style.opacity,
+                    ...(isMobile
+                        ? { translateY: style.transform }
+                        : { translateX: style.transform }),
+                } },
+                React.createElement(Alert, { status: alertData.status, dismiss: alertData.dismiss }, alertData.message)))))),
         children));
 };
-var Alerter = function (props) {
+const Alerter = (props) => {
     return (React.createElement(AlertsProvider, null,
-        React.createElement(InnerAlerter, __assign({}, props))));
+        React.createElement(InnerAlerter, { ...props })));
 };
 
 export { Alerter as default, useAlerts };

package/components/Alerter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n  send = \"send\",\n  dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n  id: string\n  status: AlertPropsType[\"status\"]\n  message: AlertPropsType[\"children\"]\n  // mandatory only for sent alerts\n  dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n  dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n  alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n  queue: AlertsQueue,\n  action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n  const { type, ...alertData } = action\n  if (type === AlertActionType.dismiss) {\n    return queue.filter((a) => a.id !== alertData.id)\n  }\n  // We can't send alerts in the queue without providing a way to dismiss it\n  if (type === AlertActionType.send && hasDismiss(alertData))\n    return [alertData].concat(queue)\n  return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n  queue: initialQueue,\n  sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n  const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n  const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n    dispatch({\n      type: AlertActionType.dismiss,\n      ...args,\n    })\n  }\n  const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n    const alertData = { ...args, id: nanoid() }\n    dispatch({\n      type: AlertActionType.send,\n      ...alertData,\n      dismiss: () => dismissAlert(alertData),\n    })\n  }\n  return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n  return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n  const { queue } = useAlerts()\n  const { isMobile } = useBreakpoint()\n\n  const transformSpring = {\n    from: remToPx(2),\n    enter: 0,\n    leave: isMobile ? remToPx(2) : remToPx(5),\n  }\n\n  const transition = useTransition(queue, {\n    keys: queue.map((a) => a.id),\n    from: { opacity: 0, transform: transformSpring.from },\n    enter: { opacity: 1, transform: transformSpring.enter },\n    leave: { opacity: 0, transform: transformSpring.leave },\n    config: config.stiff,\n  })\n\n  return (\n    <>\n      <Portal>\n        <div\n          className={cx(\"cobalt-alerts\", {\n            \"cobalt-alerts--mobile\": isMobile,\n          })}\n        >\n          {transition((style, alertData) => (\n            <animated.div\n              key={alertData.id}\n              style={{\n                opacity: style.opacity,\n                ...(isMobile\n                  ? { translateY: style.transform }\n                  : { translateX: style.transform }),\n              }}\n            >\n              <Alert status={alertData.status} dismiss={alertData.dismiss}>\n                {alertData.message}\n              </Alert>\n            </animated.div>\n          ))}\n        </div>\n      </Portal>\n      {children}\n    </>\n  )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n  return (\n    <AlertsProvider>\n      <InnerAlerter {...props} />\n    </AlertsProvider>\n  )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n  send = \"send\",\n  dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n  id: string\n  status: AlertPropsType[\"status\"]\n  message: AlertPropsType[\"children\"]\n  // mandatory only for sent alerts\n  dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n  dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n  alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n  queue: AlertsQueue,\n  action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n  const { type, ...alertData } = action\n  if (type === AlertActionType.dismiss) {\n    return queue.filter((a) => a.id !== alertData.id)\n  }\n  // We can't send alerts in the queue without providing a way to dismiss it\n  if (type === AlertActionType.send && hasDismiss(alertData))\n    return [alertData].concat(queue)\n  return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n  queue: initialQueue,\n  sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n  const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n  const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n    dispatch({\n      type: AlertActionType.dismiss,\n      ...args,\n    })\n  }\n  const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n    const alertData = { ...args, id: nanoid() }\n    dispatch({\n      type: AlertActionType.send,\n      ...alertData,\n      dismiss: () => dismissAlert(alertData),\n    })\n  }\n  return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n  return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n  const { queue } = useAlerts()\n  const { isMobile } = useBreakpoint()\n\n  const transformSpring = {\n    from: remToPx(2),\n    enter: 0,\n    leave: isMobile ? remToPx(2) : remToPx(5),\n  }\n\n  const transition = useTransition(queue, {\n    keys: queue.map((a) => a.id),\n    from: { opacity: 0, transform: transformSpring.from },\n    enter: { opacity: 1, transform: transformSpring.enter },\n    leave: { opacity: 0, transform: transformSpring.leave },\n    config: config.stiff,\n  })\n\n  return (\n    <>\n      <Portal>\n        <div\n          className={cx(\"cobalt-alerts\", {\n            \"cobalt-alerts--mobile\": isMobile,\n          })}\n        >\n          {transition((style, alertData) => (\n            <animated.div\n              key={alertData.id}\n              style={{\n                opacity: style.opacity,\n                ...(isMobile\n                  ? { translateY: style.transform }\n                  : { translateX: style.transform }),\n              }}\n            >\n              <Alert status={alertData.status} dismiss={alertData.dismiss}>\n                {alertData.message}\n              </Alert>\n            </animated.div>\n          ))}\n        </div>\n      </Portal>\n      {children}\n    </>\n  )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n  return (\n    <AlertsProvider>\n      <InnerAlerter {...props} />\n    </AlertsProvider>\n  )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}

package/components/BasicCell/index.js

@@ -1,13 +1,12 @@
 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;
+const BasicCell = ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, title, children, rightAddonIcon, large = false, }) => {
+    let leftAddon = null;
     if (leftAddonIcon != null)
         leftAddon = leftAddonIcon;
     else if (leftAddonThumbUrl != null) {
-        var leftAddonThumbSize = large ? 64 : 44;
+        const leftAddonThumbSize = large ? 64 : 44;
         leftAddon = (React.createElement("div", { className: "cobalt-BasicCell__Thumb" },
             React.createElement("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize })));
     }

package/components/BasicCell/index.js.map

@@ -1 +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":";;;AAaO,IAAM,SAAS,GAAG,UAAC,EAQT,EAAA;QAPf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,aAAa,EAAb,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,CAAA;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;AAC1C,QAAA,SAAS,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;AACtC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;AACF,KAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA;QAED,SAAS,IAAI,IAAI,KAChB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,EAAE,SAAS,CAAO,CAC/D;QACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAO;AACtD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,EAAA,QAAQ,CAAO,CACvD;AACL,QAAA,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}
+{"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":";;;MAaa,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,KAAK,GACE,KAAI;IACnB,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;SAC/C,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,MAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;AAC1C,QAAA,SAAS,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;AACtC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;AACF,KAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA;QAED,SAAS,IAAI,IAAI,KAChB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,EAAE,SAAS,CAAO,CAC/D;QACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAO;AACtD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,EAAA,QAAQ,CAAO,CACvD;AACL,QAAA,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}

package/components/BulletList/index.js

@@ -1,18 +1,12 @@
 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)));
-};
+const BulletList = ({ children, iconPosition = "centered", }) => (React.createElement("ul", { className: cx("cobalt-BulletList", {
+        "cobalt-BulletList--iconPositionTop": iconPosition === "top",
+    }) }, children));
+const BulletListItem = ({ children, icon }) => (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

@@ -1 +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":";;;AASO,IAAM,UAAU,GAAG,UAAC,EAGT,EAAA;AAFhB,IAAA,IAAA,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,YAAyB,EAAzB,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAA,EAAA,CAAA;AACJ,IAAA,QACrB,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,mBAAmB,EAAE;YACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;SAC7D,CAAC,EAAA,EAED,QAAQ,CACN,EACN;AARsB,EAQtB;AAOM,IAAM,cAAc,GAAG,UAAC,EAAuC,EAAA;QAArC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAA4B,IAAA,QACzE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,uBAAuB,EAAA;AACnC,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAQ;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAK,CACzD,EACN;AAL0E;;;;"}
+{"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":";;;MASa,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,UAAU,GACT,MAChB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,mBAAmB,EAAE;QACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;AAC7D,KAAA,CAAC,EAED,EAAA,QAAQ,CACN,EACN;AAOY,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAuB,MACpE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACnC,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAQ;IAC3D,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAAA,EAAE,QAAQ,CAAK,CACzD;;;;"}

package/components/Button/Button.js

@@ -1,45 +1,28 @@
-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
+const isInversedButtonProps = (props) => "inversed" in props && props.inversed === true && !isLinkProps(props);
+const isGhostButtonProps = (props) => "ghost" in props && props.ghost === true && !isLinkProps(props);
+const isDefaultButtonProps = (props) => !isGhostButtonProps(props) && !isInversedButtonProps(props);
+const Button = (props) => {
+    const { forwardedRef, ...restButtonProps } = 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)) {
+    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 }));
+        const { inversed: _inversed, ...restProps } = restButtonProps;
+        return React.createElement(InversedButton, { ...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 }));
+        const { ghost: _ghost, ...restProps } = restButtonProps;
+        return React.createElement(GhostButton, { ...restProps, ref: forwardedRef });
     }
     else if (isDefaultButtonProps(restButtonProps)) {
-        return React.createElement(DefaultButton, __assign({}, restButtonProps, { ref: forwardedRef }));
+        return React.createElement(DefaultButton, { ...restButtonProps, ref: forwardedRef });
     }
     else {
         throw new Error("[Cobalt]: Unexpected Button Component props error");

package/components/Button/Button.js.map

@@ -1 +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,EAAA,EACe,OAAA,OAAO,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,CAAA;AAE9E,IAAM,qBAAqB,GAAG,UAC5B,KAAsB,EAAA;AAEtB,IAAA,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAArE,CAAqE,CAAA;AAEvE,IAAM,kBAAkB,GAAG,UACzB,KAAsB,EAAA;AAEtB,IAAA,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAA/D,CAA+D,CAAA;AAEjE,IAAM,oBAAoB,GAAG,UAC3B,KAAsB,EAAA;AAEtB,IAAA,OAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAF7B,CAE6B,CAAA;AAEzB,IAAA,MAAM,GAAmB,UAAC,KAAsB,EAAA;AAC5C,IAAA,IAAA,YAAY,GAAyB,KAAK,aAA9B,EAAK,eAAe,UAAK,KAAK;;;AAA5C,MAAA,CAAA,cAAA,CAAoC,CAAF,CAAU;;;AAIlD,IAAA,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;QACvC,OAAO,KAAA,CAAA,aAAA,CAACA,WAAK,EAAK,QAAA,CAAA,EAAA,EAAA,eAAe,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACzD,KAAA;AAAM,SAAA,IAAI,qBAAqB,CAAC,eAAe,CAAC,EAAE;;QAEH,eAAe,CAAlC,QAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,eAAe,EAAvD,CAAqC,UAAA,CAAA,EAAkB;QAC7D,OAAO,KAAA,CAAA,aAAA,CAACC,cAAQ,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACtD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;;QAEN,eAAe,CAAlC,KAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,eAAe,EAAjD,CAA+B,OAAA,CAAA,EAAkB;QACvD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACnD,KAAA;AAAM,SAAA,IAAI,oBAAoB,CAAC,eAAe,CAAC,EAAE;QAChD,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,EAAK,QAAA,CAAA,EAAA,EAAA,eAAe,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;AACrE,KAAA;AACH;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\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 InversedButtonAPIPropsType = InversedButtonPropsType & { inversed?: true }\ntype GhostButtonAPIPropsType = GhostButtonPropsType & { ghost?: true }\ntype DefaultButtonAPIPropsType = DefaultButtonPropsType\n\n/**\n * Overloads\n */\ntype ButtonOverload = {\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<InversedButtonAPIPropsType>\n  | withButtonRef<GhostButtonAPIPropsType>\n  | withButtonRef<DefaultButtonAPIPropsType>\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  !isGhostButtonProps(props) && !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 (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":["Inversed","Ghost","Default"],"mappings":";;;;;;AA8BA,MAAM,qBAAqB,GAAG,CAC5B,KAAsB,KAEtB,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAEvE,MAAM,kBAAkB,GAAG,CACzB,KAAsB,KAEtB,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAEjE,MAAM,oBAAoB,GAAG,CAC3B,KAAsB,KAEtB,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAE7D,MAAM,MAAM,GAAmB,CAAC,KAAsB,KAAI;IACxD,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;;;AAIlD,IAAA,IAAI,qBAAqB,CAAC,eAAe,CAAC,EAAE;;QAE1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,eAAe,CAAA;QAC7D,OAAO,KAAA,CAAA,aAAA,CAACA,cAAQ,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AACtD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;;QAE9C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,eAAe,CAAA;QACvD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AACnD,KAAA;AAAM,SAAA,IAAI,oBAAoB,CAAC,eAAe,CAAC,EAAE;QAChD,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,EAAK,EAAA,GAAA,eAAe,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;AACrE,KAAA;AACH;;;;"}

package/components/Button/Link.js

@@ -1,45 +1,28 @@
-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
+const isInversedLinkProps = (props) => "inversed" in props && props.inversed === true && isLinkProps(props);
+const isGhostLinkProps = (props) => "ghost" in props && props.ghost === true && isLinkProps(props);
+const isDefaultLinkProps = (props) => !isGhostLinkProps(props) && !isInversedLinkProps(props);
+const Link = (props) => {
+    const { forwardedRef, ...restLinkProps } = 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)) {
+    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 }));
+        const { inversed: _inversed, ...restProps } = restLinkProps;
+        return React.createElement(InversedButton.Link, { ...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 }));
+        const { ghost: _ghost, ...restProps } = restLinkProps;
+        return React.createElement(GhostButton.Link, { ...restProps, ref: forwardedRef });
     }
     else if (isDefaultLinkProps(restLinkProps)) {
-        return React.createElement(DefaultButton.Link, __assign({}, restLinkProps, { ref: forwardedRef }));
+        return React.createElement(DefaultButton.Link, { ...restLinkProps, ref: forwardedRef });
     }
     else {
         throw new Error("[Cobalt]: Unexpected Button.Link Component props error");

package/components/Button/Link.js.map

@@ -1 +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,EAAA,EACS,OAAA,OAAO,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,CAAA;AAE3E,IAAM,mBAAmB,GAAG,UAC1B,KAA0B,EAAA;AAE1B,IAAA,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAApE,CAAoE,CAAA;AAEtE,IAAM,gBAAgB,GAAG,UACvB,KAA0B,EAAA;AAE1B,IAAA,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAA9D,CAA8D,CAAA;AAEhE,IAAM,kBAAkB,GAAG,UACzB,KAA0B,EAAA;AAE1B,IAAA,OAAA,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAF3B,CAE2B,CAAA;AAEvB,IAAA,IAAI,GAAiB,UAAC,KAA0B,EAAA;AAC5C,IAAA,IAAA,YAAY,GAAuB,KAAK,aAA5B,EAAK,aAAa,UAAK,KAAK;;;AAA1C,MAAA,CAAA,cAAA,CAAkC,CAAF,CAAU;;;AAIhD,IAAA,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;QACnC,OAAO,KAAA,CAAA,aAAA,CAACA,WAAK,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC5D,KAAA;AAAM,SAAA,IAAI,mBAAmB,CAAC,aAAa,CAAC,EAAE;;QAEC,aAAa,CAAhC,QAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,aAAa,EAArD,CAAqC,UAAA,CAAA,EAAgB;QAC3D,OAAO,KAAA,CAAA,aAAA,CAACC,cAAQ,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;;QAEF,aAAa,CAAhC,KAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,aAAa,EAA/C,CAA+B,OAAA,CAAA,EAAgB;QACrD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACxD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,aAAa,CAAC,EAAE;QAC5C,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC9D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;AAC1E,KAAA;AACH;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Button/Link.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\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 InversedLinkAPIPropsType = InversedLinkPropsType & { inversed?: true }\ntype GhostLinkAPIPropsType = GhostLinkPropsType & { ghost?: true }\ntype DefaultLinkAPIPropsType = DefaultLinkPropsType\n\n/**\n * Overloads\n */\ntype LinkOverload = {\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<InversedLinkAPIPropsType>\n  | withAnchorRef<GhostLinkAPIPropsType>\n  | withAnchorRef<DefaultLinkAPIPropsType>\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  !isGhostLinkProps(props) && !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 (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":["Inversed","Ghost","Default"],"mappings":";;;;;;AA+BA,MAAM,mBAAmB,GAAG,CAC1B,KAA0B,KAE1B,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAEtE,MAAM,gBAAgB,GAAG,CACvB,KAA0B,KAE1B,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAEhE,MAAM,kBAAkB,GAAG,CACzB,KAA0B,KAE1B,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAEzD,MAAM,IAAI,GAAiB,CAAC,KAA0B,KAAI;IACxD,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;;;AAIhD,IAAA,IAAI,mBAAmB,CAAC,aAAa,CAAC,EAAE;;QAEtC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,CAAA;QAC3D,OAAO,KAAA,CAAA,aAAA,CAACA,cAAQ,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;;QAE1C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,CAAA;QACrD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AACxD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,aAAa,CAAC,EAAE;QAC5C,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,CAAC,IAAI,EAAA,EAAA,GAAK,aAAa,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,CAAA;AAC9D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;AAC1E,KAAA;AACH;;;;"}

package/components/Button/index.js

@@ -2,8 +2,8 @@ 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 });
+const ButtonGroup = ButtonsGroup;
+const Button = Object.assign(Button$1, { Link });
 
 export { Button, ButtonGroup, Button as default };
 //# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -1 +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":";;;;AAiBO,IAAM,WAAW,GAAGA,aAAY;AAEhC,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE;;;;"}
+{"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":";;;;AAiBO,MAAM,WAAW,GAAGA,aAAY;AAEhC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,EAAE;;;;"}

package/components/Buttons/ButtonComponent.js

@@ -1,24 +1,23 @@
-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),
+const isLinkProps = (props) => "href" in props && !!props.href;
+const _Button = forwardRef((props, ref) => {
+    const { disabled, loading, children, ...restProps } = props;
+    return (React.createElement("button", { 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),
+const Link = forwardRef((props, ref) => {
+    const { disabled, target, rel, loading, children, ...restProps } = props;
+    return (React.createElement("a", { "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 });
+const Button = Object.assign(_Button, { Link });
 
 export { Button as default, isLinkProps };
 //# sourceMappingURL=ButtonComponent.js.map

package/components/Buttons/ButtonComponent.js.map

@@ -1 +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":";;;;;AAgBa,IAAA,WAAW,GAAG,UACzB,KAA8B,IACP,OAAA,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA,GAAA;AAExD,IAAM,OAAO,GAAG,UAAU,CACxB,UAAC,KAAkB,EAAE,GAAG,EAAA;IACd,IAAA,QAAQ,GAAsC,KAAK,CAAA,QAA3C,EAAE,OAAO,GAA6B,KAAK,CAAlC,OAAA,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAArD,CAA6C,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,CAAF,CAAU;AAC3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;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,EAAA;AACZ,IAAA,IAAA,QAAQ,GAAmD,KAAK,CAAA,QAAxD,EAAE,MAAM,GAA2C,KAAK,CAAhD,MAAA,EAAE,GAAG,GAAsC,KAAK,CAA3C,GAAA,EAAE,OAAO,GAA6B,KAAK,CAAA,OAAlC,EAAE,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAlE,CAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,SAAA,EAAA,UAAA,CAA0D,CAAF,CAAU;AACxE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,QAAA,CAAA,EAAA,eAAA,EACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,IACJ,SAAS,CAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE;;;;"}
+{"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":";;;;AAgBa,MAAA,WAAW,GAAG,CACzB,KAA8B,KACP,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAI;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,KAAgB,EAAE,GAAG,KAAI;AACxB,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AACxE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,eAAA,EACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,KACJ,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;;;;"}

package/components/Buttons/ButtonsGroup.js

@@ -1,42 +1,32 @@
 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;
-    })));
-};
+const isButton = (component) => React.isValidElement(component) &&
+    (component.type === Button ||
+        component.type === Link ||
+        component.type === GhostButton ||
+        component.type === GhostButton.Link ||
+        component.type === InversedButton ||
+        component.type === InversedButton.Link ||
+        component.type === DefaultButton ||
+        component.type === DefaultButton.Link);
+const ButtonsGroup = ({ className, children, align }) => (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((child, index) => 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

@@ -1 +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,EAAA;AAE1B,IAAA,OAAA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,SAAC,SAAS,CAAC,IAAI,KAAKA,MAAY;YAC9B,SAAS,CAAC,IAAI,KAAKC,IAAU;YAC7B,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,YAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,YAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,YAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,YAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAA;AAVxC,CAUwC,CAAA;AAEpC,IAAA,YAAY,GAAG,UAAC,EAAiD,EAAA;AAA/C,IAAA,IAAA,SAAS,eAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;IAA0B,QAC1E,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;YAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;YAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;AACnD,SAAA,CAAC,EAED,EAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,EAAA;QAC3C,OAAA,QAAQ,CAAC,KAAK,CAAC;AACb,cAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;oBAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;iBAC/D,CAAC;gBACF,SAAS,EAAE,KAAK,KAAK,WAAW;aACjC,CAAC;AACJ,cAAE,KAAK,CAAA;KAAA,CACV,CACG,EACP;AAnB2E;;;;"}
+{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\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 === 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":";;;;;;;;AAgBA,MAAM,QAAQ,GAAG,CACf,SAA0B,KAE1B,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,KAAC,SAAS,CAAC,IAAI,KAAKA,MAAY;QAC9B,SAAS,CAAC,IAAI,KAAKC,IAAU;QAC7B,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,QAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;QACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,QAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;QACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,QAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAA;AAEpC,MAAA,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,MACrE,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;QAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;KACnD,CAAC,EAAA,EAED,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAC3C,QAAQ,CAAC,KAAK,CAAC;AACb,MAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;YAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;SAC/D,CAAC;QACF,SAAS,EAAE,KAAK,KAAK,WAAW;KACjC,CAAC;AACJ,MAAE,KAAK,CACV,CACG;;;;"}