@drivy/cobalt 0.16.2 → 0.17.0

package/utilities.css

@@ -2203,14 +2203,22 @@
   border-color: #2ea2ea
 }
 
-.c-border-transparent {
-  border-color: transparent
+.c-border-deprecatedBlueGhost {
+  border-color: #2ea2ea0f
+}
+
+.c-border-deprecatedDriver {
+  border-color: #ffd988
 }
 
 .c-border-current {
   border-color: currentColor
 }
 
+.c-border-transparent {
+  border-color: transparent
+}
+
 .hover\:c-border-white:hover {
   border-color: #fff
 }
@@ -2287,14 +2295,22 @@
   border-color: #2ea2ea
 }
 
-.hover\:c-border-transparent:hover {
-  border-color: transparent
+.hover\:c-border-deprecatedBlueGhost:hover {
+  border-color: #2ea2ea0f
+}
+
+.hover\:c-border-deprecatedDriver:hover {
+  border-color: #ffd988
 }
 
 .hover\:c-border-current:hover {
   border-color: currentColor
 }
 
+.hover\:c-border-transparent:hover {
+  border-color: transparent
+}
+
 .focus\:c-border-white:focus {
   border-color: #fff
 }
@@ -2371,14 +2387,22 @@
   border-color: #2ea2ea
 }
 
-.focus\:c-border-transparent:focus {
-  border-color: transparent
+.focus\:c-border-deprecatedBlueGhost:focus {
+  border-color: #2ea2ea0f
+}
+
+.focus\:c-border-deprecatedDriver:focus {
+  border-color: #ffd988
 }
 
 .focus\:c-border-current:focus {
   border-color: currentColor
 }
 
+.focus\:c-border-transparent:focus {
+  border-color: transparent
+}
+
 .c-bg-white {
   background-color: #fff
 }
@@ -2455,14 +2479,22 @@
   background-color: #2ea2ea
 }
 
-.c-bg-transparent {
-  background-color: transparent
+.c-bg-deprecatedBlueGhost {
+  background-color: #2ea2ea0f
+}
+
+.c-bg-deprecatedDriver {
+  background-color: #ffd988
 }
 
 .c-bg-current {
   background-color: currentColor
 }
 
+.c-bg-transparent {
+  background-color: transparent
+}
+
 .hover\:c-bg-white:hover {
   background-color: #fff
 }
@@ -2539,14 +2571,22 @@
   background-color: #2ea2ea
 }
 
-.hover\:c-bg-transparent:hover {
-  background-color: transparent
+.hover\:c-bg-deprecatedBlueGhost:hover {
+  background-color: #2ea2ea0f
+}
+
+.hover\:c-bg-deprecatedDriver:hover {
+  background-color: #ffd988
 }
 
 .hover\:c-bg-current:hover {
   background-color: currentColor
 }
 
+.hover\:c-bg-transparent:hover {
+  background-color: transparent
+}
+
 .focus\:c-bg-white:focus {
   background-color: #fff
 }
@@ -2623,14 +2663,22 @@
   background-color: #2ea2ea
 }
 
-.focus\:c-bg-transparent:focus {
-  background-color: transparent
+.focus\:c-bg-deprecatedBlueGhost:focus {
+  background-color: #2ea2ea0f
+}
+
+.focus\:c-bg-deprecatedDriver:focus {
+  background-color: #ffd988
 }
 
 .focus\:c-bg-current:focus {
   background-color: currentColor
 }
 
+.focus\:c-bg-transparent:focus {
+  background-color: transparent
+}
+
 .c-bg-auto {
   background-size: auto
 }
@@ -3119,6 +3167,14 @@
   color: #2ea2ea
 }
 
+.c-text-deprecatedBlueGhost {
+  color: #2ea2ea0f
+}
+
+.c-text-deprecatedDriver {
+  color: #ffd988
+}
+
 .c-text-transparent {
   color: transparent
 }
@@ -3203,6 +3259,14 @@
   color: #2ea2ea
 }
 
+.hover\:c-text-deprecatedBlueGhost:hover {
+  color: #2ea2ea0f
+}
+
+.hover\:c-text-deprecatedDriver:hover {
+  color: #ffd988
+}
+
 .hover\:c-text-transparent:hover {
   color: transparent
 }
@@ -3287,6 +3351,14 @@
   color: #2ea2ea
 }
 
+.focus\:c-text-deprecatedBlueGhost:focus {
+  color: #2ea2ea0f
+}
+
+.focus\:c-text-deprecatedDriver:focus {
+  color: #ffd988
+}
+
 .focus\:c-text-transparent:focus {
   color: transparent
 }
@@ -3740,6 +3812,314 @@
   border-style: none
 }
 
+.c-border-accent {
+  border-color: #61366b
+}
+
+.c-border-accentInteractive {
+  border-color: #61366b
+}
+
+.c-border-accentInteractive:hover {
+  border-color: #61366b
+}
+
+.c-border-accentInteractive:focus {
+  border-color: #61366b
+}
+
+.c-border-accentInteractive:active {
+  border-color: #390446
+}
+
+.c-border-accentAlt {
+  border-color: #61366b
+}
+
+.c-border-base {
+  border-color: #dbd8dc
+}
+
+.c-border-baseInteractive {
+  border-color: #dbd8dc
+}
+
+.c-border-baseInteractive:hover {
+  border-color: #757575
+}
+
+.c-border-baseInteractive:focus {
+  border-color: #757575
+}
+
+.c-border-baseInteractive:active {
+  border-color: #333
+}
+
+.c-border-error {
+  border-color: #ff7378
+}
+
+.c-border-errorAlt {
+  border-color: #ff7378
+}
+
+.c-border-subdued {
+  border-color: #edebed
+}
+
+.c-border-success {
+  border-color: #00da94
+}
+
+.c-border-successAlt {
+  border-color: #00da94
+}
+
+.c-bg-accent {
+  background-color: #b01aa7
+}
+
+.c-bg-accentInteractive {
+  background-color: #b01aa7
+}
+
+.c-bg-accentInteractive:hover {
+  background-color: #b01aa7
+}
+
+.c-bg-accentInteractive:focus {
+  background-color: #b01aa7
+}
+
+.c-bg-accentAlt {
+  background-color: #61366b
+}
+
+.c-bg-accentAltInteractive {
+  background-color: #61366b
+}
+
+.c-bg-accentAltInteractive:hover {
+  background-color: #61366b
+}
+
+.c-bg-accentAltInteractive:focus {
+  background-color: #61366b
+}
+
+.c-bg-connect {
+  background-color: #5ecbdd
+}
+
+.c-bg-connectInteractive {
+  background-color: #5ecbdd
+}
+
+.c-bg-connectInteractive:hover {
+  background-color: #5ecbdd
+}
+
+.c-bg-connectInteractive:focus {
+  background-color: #5ecbdd
+}
+
+.c-bg-driver {
+  background-color: #ffd988
+}
+
+.c-bg-error {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive:hover {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive:focus {
+  background-color: #ff7378
+}
+
+.c-bg-errorAlt {
+  background-color: #333
+}
+
+.c-bg-info {
+  background-color: #f8f7f8
+}
+
+.c-bg-neutral {
+  background-color: #edebed
+}
+
+.c-bg-neutralAlt {
+  background-color: #f8f7f8
+}
+
+.c-bg-owner {
+  background-color: #390446
+}
+
+.c-bg-primary {
+  background-color: #f8f7f8
+}
+
+.c-bg-secondary {
+  background-color: #fff
+}
+
+.c-bg-secondaryInteractive {
+  background-color: #fff
+}
+
+.c-bg-secondaryInteractive:hover {
+  background-color: #f8f7f8
+}
+
+.c-bg-secondaryInteractive:focus {
+  background-color: #f8f7f8
+}
+
+.c-bg-success {
+  background-color: #00da94
+}
+
+.c-bg-successAlt {
+  background-color: #333
+}
+
+.c-bg-fill-accent {
+  background-color: #b01aa7
+}
+
+.c-bg-fill-accentAlt {
+  background-color: #b01aa7
+}
+
+.c-bg-fill-disabled {
+  background-color: #a49da7
+}
+
+.c-bg-fill-secondary {
+  background-color: #5ecbdd
+}
+
+.c-bg-fill-subdued {
+  background-color: #edebed
+}
+
+.c-text-accent {
+  color: #b01aa7
+}
+
+.c-text-accentInteractive {
+  color: #2ea2ea
+}
+
+.c-text-accentInteractive:hover {
+  color: #2ea2ea
+}
+
+.c-text-accentInteractive:focus {
+  color: #2ea2ea
+}
+
+.c-text-accentAlt {
+  color: #fff
+}
+
+.c-text-accentAltInteractive {
+  color: #fff
+}
+
+.c-text-accentAltInteractive:hover {
+  color: #61366b
+}
+
+.c-text-accentAltInteractive:focus {
+  color: #61366b
+}
+
+.c-text-base {
+  color: #333
+}
+
+.c-text-baseInteractive {
+  color: #333
+}
+
+.c-text-baseInteractive:hover {
+  color: #333
+}
+
+.c-text-baseInteractive:focus {
+  color: #333
+}
+
+.c-text-connect {
+  color: #5ecbdd
+}
+
+.c-text-driver {
+  color: #333
+}
+
+.c-text-error {
+  color: #ff7378
+}
+
+.c-text-errorAlt {
+  color: #fff
+}
+
+.c-text-info {
+  color: #757575
+}
+
+.c-text-infoAlt {
+  color: #5ecbdd
+}
+
+.c-text-inversed {
+  color: #fff
+}
+
+.c-text-owner {
+  color: #fff
+}
+
+.c-text-subdued {
+  color: #757575
+}
+
+.c-text-subduedInteractive {
+  color: #757575
+}
+
+.c-text-subduedInteractive:hover {
+  color: #333
+}
+
+.c-text-subduedInteractive:focus {
+  color: #333
+}
+
+.c-text-success {
+  color: #00da94
+}
+
+.c-text-successAlt {
+  color: #fff
+}
+
+.c-text-warning {
+  color: #ffa484
+}
+
 @media (min-width: 480px) {
   .xs\:c-sr-only {
     position: absolute;

package/components/Buttons/BrandButton/index.js

@@ -1,49 +0,0 @@
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { getButtonContent, getButtonCommonClassNames } from '../helpers.js';
-import Button from '../ButtonComponent.js';
-
-const getComputedClassName = ({ className, brand }) => 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",
-});
-const _BrandButton = forwardRef((props, ref) => {
-    const { children, brand, icon, iconPosition, className, loading, disabled, rounded, size, fullWidth, ...restButtonProps } = props;
-    const content = getButtonContent({ children, icon, iconPosition });
-    const isDisabled = disabled || loading;
-    const buttonClassNames = getButtonCommonClassNames({
-        disabled: isDisabled,
-        rounded,
-        size,
-        fullWidth,
-        className,
-    });
-    return (React.createElement(Button, { ...restButtonProps, className: getComputedClassName({
-            className: buttonClassNames,
-            brand,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
-});
-_BrandButton.displayName = "BrandButton";
-const BrandLink = forwardRef((props, ref) => {
-    const { children, brand, icon, iconPosition, className, loading, disabled, rounded, size, fullWidth, ...restLinkProps } = props;
-    const content = getButtonContent({ children, icon, iconPosition });
-    const isDisabled = disabled || loading;
-    const buttonClassNames = getButtonCommonClassNames({
-        disabled: isDisabled,
-        rounded,
-        size,
-        fullWidth,
-        className,
-    });
-    return (React.createElement(Button.Link, { ...restLinkProps, className: getComputedClassName({
-            className: buttonClassNames,
-            brand,
-        }), ref: ref, loading: loading, disabled: isDisabled }, content));
-});
-BrandLink.displayName = "BrandLink";
-const BrandButton = Object.assign(_BrandButton, { Link: BrandLink });
-
-export { BrandButton as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;AAiBA,MAAM,oBAAoB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAwB,KACtE,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;IACjC,0BAA0B,EAAE,KAAK,KAAK,OAAO;IAC7C,6BAA6B,EAAE,KAAK,KAAK,UAAU;IACnD,4BAA4B,EAAE,KAAK,KAAK,SAAS;IACjD,6BAA6B,EAAE,KAAK,KAAK,UAAU;AACpD,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;IACnC,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,eAAe,EACnB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,KAAK;AACN,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAA;AACT,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAClE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,IAAI;QACJ,SAAS;QACT,SAAS;AACV,KAAA,CAAC,CAAA;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,KAAK;AACN,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,EAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;;;;"}

package/components/CdwChoice/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-
-const CdwChoice = ({ id, badge, price, priceLabel, children, }) => (React.createElement("div", { className: "cobalt-CdwChoice" },
-    React.createElement("input", { id: id, name: "cdwChoice", className: "cobalt-CdwChoice__Input", type: "radio" }),
-    React.createElement("label", { htmlFor: id },
-        React.createElement("div", { className: "cobalt-CdwChoice__Control" }),
-        React.createElement("div", { className: "cobalt-CdwChoice__Body" },
-            React.createElement("div", { className: "cobalt-CdwChoice__Title" },
-                children,
-                badge && React.createElement("div", { className: "cobalt-CdwChoice__Badge" }, badge))),
-        React.createElement("div", { className: "cobalt-CdwChoice__PriceDetails" },
-            React.createElement("span", { className: "cobalt-CdwChoice__Price" }, price),
-            priceLabel))));
-
-export { CdwChoice };
-//# sourceMappingURL=index.js.map

package/components/CdwChoice/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/CdwChoice/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CdwChoiceProps {\n  children: React.ReactNode\n  id: string\n  badge?: string\n  price: string\n  priceLabel: string\n}\n\nexport const CdwChoice = ({\n  id,\n  badge,\n  price,\n  priceLabel,\n  children,\n}: CdwChoiceProps) => (\n  <div className=\"cobalt-CdwChoice\">\n    <input\n      id={id}\n      name=\"cdwChoice\"\n      className=\"cobalt-CdwChoice__Input\"\n      type=\"radio\"\n    />\n    <label htmlFor={id}>\n      <div className=\"cobalt-CdwChoice__Control\" />\n      <div className=\"cobalt-CdwChoice__Body\">\n        <div className=\"cobalt-CdwChoice__Title\">\n          {children}\n          {badge && <div className=\"cobalt-CdwChoice__Badge\">{badge}</div>}\n        </div>\n      </div>\n      <div className=\"cobalt-CdwChoice__PriceDetails\">\n        <span className=\"cobalt-CdwChoice__Price\">{price}</span>\n        {priceLabel}\n      </div>\n    </label>\n  </div>\n)\n"],"names":[],"mappings":";;MAUa,SAAS,GAAG,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,GACO,MACf,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA;AAC/B,IAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,OAAO,EACZ,CAAA;IACF,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,OAAO,EAAE,EAAE,EAAA;QAChB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAG,CAAA;QAC7C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;YACrC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;gBACrC,QAAQ;gBACR,KAAK,IAAI,6BAAK,SAAS,EAAC,yBAAyB,EAAE,EAAA,KAAK,CAAO,CAC5D,CACF;QACN,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAAA;AAC7C,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAQ;AACvD,YAAA,UAAU,CACP,CACA,CACJ;;;;"}

package/components/ModalOpenerButton/index.js

@@ -1,23 +0,0 @@
-import React, { useState } from 'react';
-import { Button } from '../Button/index.js';
-import Modal from '../Modal/index.js';
-
-const ModalOpenerButton = ({ label, children, ...buttonProps }) => {
-    const [showModal, setShowModal] = useState(false);
-    const open = () => setShowModal(true);
-    const close = () => setShowModal(false);
-    const renderedModal = children({ close });
-    const modalProps = {
-        ...renderedModal.props,
-        isOpen: showModal,
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { ...buttonProps, onClick: open }, label),
-        React.createElement(Modal, { ...modalProps })));
-};
-/** For API only, render nothing */
-const ModalAPI = (_props) => null;
-ModalOpenerButton.Modal = ModalAPI;
-
-export { ModalOpenerButton as default };
-//# sourceMappingURL=index.js.map

package/components/ModalOpenerButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ModalOpenerButton/index.tsx"],"sourcesContent":["import React, { useState } from \"react\"\n\nimport { Button, ButtonPropsType } from \"../Button\"\nimport Modal, { ModalPropsType } from \"../Modal\"\n\ntype ModalOpenerButtonType = {\n  label: React.ReactNode\n  children: ({ close }: { close: () => void }) => JSX.Element\n} & Omit<ButtonPropsType, \"children\">\n\nconst ModalOpenerButton = ({\n  label,\n  children,\n  ...buttonProps\n}: ModalOpenerButtonType) => {\n  const [showModal, setShowModal] = useState(false)\n  const open = () => setShowModal(true)\n  const close = () => setShowModal(false)\n\n  const renderedModal = children({ close })\n  const modalProps = {\n    ...renderedModal.props,\n    isOpen: showModal,\n  }\n\n  return (\n    <>\n      <Button {...buttonProps} onClick={open}>\n        {label}\n      </Button>\n      <Modal {...modalProps} />\n    </>\n  )\n}\n\n/** For API only, render nothing */\nconst ModalAPI = (_props: Omit<ModalPropsType, \"isOpen\">) => null\nModalOpenerButton.Modal = ModalAPI\n\nexport default ModalOpenerButton\n"],"names":[],"mappings":";;;;AAUA,MAAM,iBAAiB,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,WAAW,EACQ,KAAI;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAA;IACrC,MAAM,KAAK,GAAG,MAAM,YAAY,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;AACzC,IAAA,MAAM,UAAU,GAAG;QACjB,GAAG,aAAa,CAAC,KAAK;AACtB,QAAA,MAAM,EAAE,SAAS;KAClB,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAC,CAAA,aAAA,CAAA,MAAM,OAAK,WAAW,EAAE,OAAO,EAAE,IAAI,EACnC,EAAA,KAAK,CACC;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAK,EAAA,GAAA,UAAU,EAAI,CAAA,CACxB,EACJ;AACH,EAAC;AAED;AACA,MAAM,QAAQ,GAAG,CAAC,MAAsC,KAAK,IAAI,CAAA;AACjE,iBAAiB,CAAC,KAAK,GAAG,QAAQ;;;;"}

package/components/TextContainer/index.js

@@ -1,6 +0,0 @@
-import React from 'react';
-
-const TextContainer = ({ children }) => (React.createElement("div", { className: "cobalt-TextContainer" }, children));
-
-export { TextContainer };
-//# sourceMappingURL=index.js.map

package/components/TextContainer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/TextContainer/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface TextContainer {\n  children: React.ReactNode\n}\n\nexport const TextContainer = ({ children }: TextContainer) => (\n  <div className=\"cobalt-TextContainer\">{children}</div>\n)\n"],"names":[],"mappings":";;MAMa,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiB,MACvD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO;;;;"}

package/styles/components/Buttons/BrandButton/index.scss

@@ -1,57 +0,0 @@
-.cob-Button__brand {
-  &--gmail {
-    $brand-color: #dd4b39;
-
-    @include cob-button-filled(
-      $brand-color,
-      darken($brand-color, 6),
-      darken($brand-color, 12)
-    );
-  }
-
-  &--facebook {
-    $brand-color: #3b5998;
-
-    @include cob-button-filled(
-      $brand-color,
-      darken($brand-color, 6),
-      darken($brand-color, 12)
-    );
-  }
-
-  &--twitter {
-    $brand-color: #1da1f2;
-
-    @include cob-button-filled(
-      $brand-color,
-      darken($brand-color, 6),
-      darken($brand-color, 12)
-    );
-  }
-
-  &--whatsapp {
-    $brand-color: #25d366;
-
-    @include cob-button-filled(
-      $brand-color,
-      darken($brand-color, 6),
-      darken($brand-color, 12)
-    );
-  }
-
-  &.cob-Button--disabled {
-    border-color: color(grey);
-
-    color: color(graphite, light);
-
-    background-color: color(grey, lighter);
-    fill: color(grey);
-
-    &:hover,
-    &:active {
-      border-color: color(grey);
-
-      color: color(graphite, light);
-    }
-  }
-}