@drivy/cobalt 2.3.0 → 2.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/SmallButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype SmallCommonPropsType = ButtonTemplatePropsType<{\n  variant?:\n    | \"primary\"\n    | \"warning\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"business\"\n    | \"success\"\n    | \"neutral\"\n  destructive?: boolean\n}>\n\nexport type SmallButtonPropsType = SmallCommonPropsType & ButtonProps\nexport type SmallLinkPropsType = SmallCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n  className,\n  variant,\n  destructive,\n}: SmallCommonPropsType) =>\n  cx(className, \"cob-Button__small\", {\n    \"cob-Button__small--primary\": variant === \"primary\",\n    \"cob-Button__small--destructive\": destructive,\n    \"cob-Button__small--warning\": variant === \"warning\",\n    \"cob-Button__small--secondary\": variant === \"secondary\",\n    \"cob-Button__small--tertiary\": variant === \"tertiary\",\n    \"cob-Button__small--business\": variant === \"business\",\n    \"cob-Button__small--success\": variant === \"success\",\n    \"cob-Button__small--neutral\": variant === \"neutral\",\n  })\n\nconst _SmallButton = forwardRef<HTMLButtonElement, SmallButtonPropsType>(\n  (props: SmallButtonPropsType, ref) => {\n    const {\n      children,\n      variant,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_SmallButton.displayName = \"SmallButton\"\n\nconst SmallLink = forwardRef<HTMLAnchorElement, SmallLinkPropsType>(\n  (props: SmallLinkPropsType, ref) => {\n    const {\n      children,\n      variant,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nSmallLink.displayName = \"SmallLink\"\n\nconst SmallButton = Object.assign(_SmallButton, { Link: SmallLink })\n\nexport default SmallButton\n"],"names":[],"mappings":";;;;;AAyBA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,WAAW,GACU,KACrB,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;IACjC,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACnD,IAAA,gCAAgC,EAAE,WAAW;IAC7C,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,8BAA8B,EAAE,OAAO,KAAK,WAAW;IACvD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACpD,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,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;IACF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,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;AACjC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,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;IACF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/SmallButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n  ButtonTemplatePropsType,\n  getButtonCommonClassNames,\n  getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype SmallCommonPropsType = ButtonTemplatePropsType<{\n  variant?:\n    | \"primary\"\n    | \"warning\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"business\"\n    | \"success\"\n    | \"neutral\"\n  destructive?: boolean\n}>\n\nexport type SmallButtonPropsType = SmallCommonPropsType & ButtonProps\nexport type SmallLinkPropsType = SmallCommonPropsType & LinkProps\n\nexport type SmallButtonElement = React.ReactElement<SmallButtonPropsType>\n\nconst getComputedClassName = ({\n  className,\n  variant,\n  destructive,\n}: SmallCommonPropsType) =>\n  cx(className, \"cob-Button__small\", {\n    \"cob-Button__small--primary\": variant === \"primary\",\n    \"cob-Button__small--destructive\": destructive,\n    \"cob-Button__small--warning\": variant === \"warning\",\n    \"cob-Button__small--secondary\": variant === \"secondary\",\n    \"cob-Button__small--tertiary\": variant === \"tertiary\",\n    \"cob-Button__small--business\": variant === \"business\",\n    \"cob-Button__small--success\": variant === \"success\",\n    \"cob-Button__small--neutral\": variant === \"neutral\",\n  })\n\nconst _SmallButton = forwardRef<HTMLButtonElement, SmallButtonPropsType>(\n  (props: SmallButtonPropsType, ref) => {\n    const {\n      children,\n      variant,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restButtonProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button\n        {...restButtonProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button>\n    )\n  }\n)\n_SmallButton.displayName = \"SmallButton\"\n\nconst SmallLink = forwardRef<HTMLAnchorElement, SmallLinkPropsType>(\n  (props: SmallLinkPropsType, ref) => {\n    const {\n      children,\n      variant,\n      destructive,\n      icon,\n      iconPosition,\n      className,\n      loading,\n      disabled,\n      rounded,\n      size,\n      fullWidth,\n      ...restLinkProps\n    } = props\n    const content = getButtonContent({ children, icon, iconPosition })\n    const isDisabled = disabled || loading\n    const buttonClassNames = getButtonCommonClassNames({\n      disabled: isDisabled,\n      rounded,\n      size,\n      fullWidth,\n      className,\n    })\n    return (\n      <Button.Link\n        {...restLinkProps}\n        className={getComputedClassName({\n          className: buttonClassNames,\n          variant,\n          destructive,\n        })}\n        ref={ref}\n        loading={loading}\n        disabled={isDisabled}\n      >\n        {content}\n      </Button.Link>\n    )\n  }\n)\nSmallLink.displayName = \"SmallLink\"\n\nconst SmallButton = Object.assign(_SmallButton, { Link: SmallLink })\n\nexport default SmallButton\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,WAAW,GACU,KACrB,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;IACjC,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACnD,IAAA,gCAAgC,EAAE,WAAW;IAC7C,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,8BAA8B,EAAE,OAAO,KAAK,WAAW;IACvD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,6BAA6B,EAAE,OAAO,KAAK,UAAU;IACrD,4BAA4B,EAAE,OAAO,KAAK,SAAS;IACnD,4BAA4B,EAAE,OAAO,KAAK,SAAS;AACpD,CAAA,CAAC,CAAA;AAEJ,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,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;IACF,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,eAAe,EACnB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,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;AACjC,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,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;IACF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,EAAA,GAAA,aAAa,EACjB,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;YAC3B,OAAO;YACP,WAAW;AACZ,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/Callout/index.js

@@ -1,17 +1,25 @@
 import React from 'react';
 import cx from 'classnames';
-import '../Icon/index.js';
-import CloseIcon from '../Icon/__generated__/CloseIcon.js';
 
-const Callout = ({ title, children, status = "info", close, }) => (React.createElement("div", { className: cx("cobalt-Callout", {
-        "cobalt-Callout--info": status === "info",
-        "cobalt-Callout--error": status === "error",
-        "cobalt-Callout--success": status === "success",
-    }) },
-    title && React.createElement("div", { className: "cobalt-Callout__Title" }, title),
-    React.createElement("div", null, children),
-    close && (React.createElement("button", { className: "cobalt-Callout__Close", onClick: close, type: "button" },
-        React.createElement(CloseIcon, { color: "onSurfaceVariant", size: 16, contained: true })))));
+const Callout = ({ title, children, cta, variant = "neutral", illustrationUrl, className, }) => {
+    // force CTA to match Callout variant
+    const enforcedCTA = cta && React.isValidElement(cta)
+        ? React.cloneElement(cta, {
+            variant: variant === "error" ? "primary" : variant,
+            destructive: variant === "error",
+        })
+        : cta;
+    return (React.createElement("div", { className: cx("cobalt-callout", {
+            "cobalt-callout--warning": variant === "warning",
+            "cobalt-callout--neutral": variant === "neutral",
+            "cobalt-callout--error": variant === "error",
+        }, className) },
+        React.createElement("div", { className: "cobalt-callout__content" },
+            title && React.createElement("div", { className: "cobalt-callout__title" }, title),
+            React.createElement("div", { className: "cobalt-callout__body" }, children),
+            enforcedCTA),
+        illustrationUrl && (React.createElement("img", { className: "cobalt-callout__illustration", src: illustrationUrl }))));
+};
 
 export { Callout, Callout as default };
 //# sourceMappingURL=index.js.map

package/components/Callout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { CloseIcon } from \"../Icon\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <div>{children}</div>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <CloseIcon color=\"onSurfaceVariant\" size={16} contained />\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;;;AAWa,MAAA,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,KAAK,GACQ,MACb,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE;QAC9B,sBAAsB,EAAE,MAAM,KAAK,MAAM;QACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;QAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;KAChD,CAAC,EAAA;AAED,IAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO;AACpB,IAAA,KAAK,KACJ,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAG,IAAA,EAAA,CAAA,CACnD,CACV,CACG;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { SmallButtonElement } from \"../Buttons/SmallButton\"\n\nexport type CalloutPropsType = React.PropsWithChildren<{\n  title?: string\n  cta?: React.ReactNode\n  illustrationUrl?: string\n  variant: \"warning\" | \"neutral\" | \"error\"\n  className?: string\n}>\n\nexport const Callout = ({\n  title,\n  children,\n  cta,\n  variant = \"neutral\",\n  illustrationUrl,\n  className,\n}: CalloutPropsType) => {\n  // force CTA to match Callout variant\n  const enforcedCTA =\n    cta && React.isValidElement(cta)\n      ? React.cloneElement(cta as SmallButtonElement, {\n          variant: variant === \"error\" ? \"primary\" : variant,\n          destructive: variant === \"error\",\n        })\n      : cta\n\n  return (\n    <div\n      className={cx(\n        \"cobalt-callout\",\n        {\n          \"cobalt-callout--warning\": variant === \"warning\",\n          \"cobalt-callout--neutral\": variant === \"neutral\",\n          \"cobalt-callout--error\": variant === \"error\",\n        },\n        className\n      )}\n    >\n      <div className=\"cobalt-callout__content\">\n        {title && <div className=\"cobalt-callout__title\">{title}</div>}\n        <div className=\"cobalt-callout__body\">{children}</div>\n        {enforcedCTA}\n      </div>\n      {illustrationUrl && (\n        <img className=\"cobalt-callout__illustration\" src={illustrationUrl} />\n      )}\n    </div>\n  )\n}\n\nexport default Callout\n"],"names":[],"mappings":";;;MAYa,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,SAAS,GACQ,KAAI;;IAErB,MAAM,WAAW,GACf,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;AAC9B,UAAE,KAAK,CAAC,YAAY,CAAC,GAAyB,EAAE;YAC5C,OAAO,EAAE,OAAO,KAAK,OAAO,GAAG,SAAS,GAAG,OAAO;YAClD,WAAW,EAAE,OAAO,KAAK,OAAO;SACjC,CAAC;UACF,GAAG,CAAA;AAET,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB;YACE,yBAAyB,EAAE,OAAO,KAAK,SAAS;YAChD,yBAAyB,EAAE,OAAO,KAAK,SAAS;YAChD,uBAAuB,EAAE,OAAO,KAAK,OAAO;AAC7C,SAAA,EACD,SAAS,CACV,EAAA;QAED,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;AACrC,YAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,EAAE,QAAQ,CAAO;AACrD,YAAA,WAAW,CACR;AACL,QAAA,eAAe,KACd,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,8BAA8B,EAAC,GAAG,EAAE,eAAe,EAAA,CAAI,CACvE,CACG,EACP;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/src/index.d.ts",
@@ -9,7 +9,7 @@
     "*.scss"
   ],
   "engines": {
-    "node": ">=22.14.0"
+    "node": ">=22.21.0"
   },
   "module": "src/index.js",
   "license": "MIT",
@@ -19,17 +19,17 @@
     "url": "https://github.com/TimPetricola"
   },
   "dependencies": {
-    "@ark-ui/react": "5.14.1",
+    "@ark-ui/react": "5.26.2",
     "@juggle/resize-observer": "3.4.0",
-    "@lottiefiles/react-lottie-player": "3.5.4",
+    "@lottiefiles/react-lottie-player": "3.6.0",
     "@tippyjs/react": "4.2.6",
     "classnames": "2.5.1",
     "date-fns": "2.30.0",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
-    "nanoid": "5.1.5",
+    "nanoid": "5.1.6",
     "postcss": "8.5.6",
-    "tailwindcss": "3.4.17",
+    "tailwindcss": "3.4.18",
     "tippy.js": "6.3.7"
   },
   "peerDependencies": {
@@ -51,7 +51,7 @@
     "@storybook/react": "7.6.20",
     "@storybook/react-webpack5": "7.6.20",
     "@svgr/cli": "7.0.0",
-    "@testing-library/jest-dom": "6.6.4",
+    "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/react-hooks": "8.0.1",
     "@types/fs-extra": "11.0.4",
@@ -59,27 +59,27 @@
     "@types/lodash.throttle": "4.1.9",
     "@types/media-typer": "1.1.3",
     "@types/node": "22.14.1",
-    "@types/react": "18.3.23",
+    "@types/react": "18.3.24",
     "@types/react-dom": "18.3.7",
     "autoprefixer": "10.4.21",
-    "core-js": "3.45.0",
+    "core-js": "3.46.0",
     "css-loader": "7.1.2",
     "eslint": "8.57.1",
     "eslint-plugin-storybook": "^0.12.0",
     "file-loader": "6.2.0",
-    "fs-extra": "11.3.0",
+    "fs-extra": "11.3.2",
     "html-entities": "2.6.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "nested-object-access": "^0.2.5",
     "np": "10.2.0",
     "postcss-flexbugs-fixes": "5.0.2",
-    "postcss-loader": "8.1.1",
+    "postcss-loader": "8.2.0",
     "prettier": "3.6.2",
     "raw-loader": "4.0.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-syntax-highlighter": "15.6.1",
+    "react-syntax-highlighter": "15.6.6",
     "react-test-renderer": "18.3.1",
     "react-textarea-autosize": "8.5.9",
     "regenerator-runtime": "0.14.1",
@@ -88,7 +88,7 @@
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-svgo": "2.0.0",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.89.2",
+    "sass": "1.93.2",
     "sass-loader": "13.3.3",
     "sharp-cli": "5.2.0",
     "storybook": "7.6.20",
@@ -96,8 +96,8 @@
     "stylelint": "15.11.0",
     "svg2vectordrawable": "2.9.1",
     "svgo": "3.3.2",
-    "ts-jest": "29.4.0",
-    "tsx": "4.20.3",
+    "ts-jest": "29.4.5",
+    "tsx": "4.20.6",
     "typescript": "5.4.5"
   },
   "keywords": [

package/styles/components/Banner/index.scss

@@ -0,0 +1,48 @@
+.cobalt-banner {
+  @apply c-text-body-md c-bg-surfaceContainerVariant c-rounded-xl c-p-sm c-gap-sm;
+
+  position: relative;
+
+  display: flex;
+
+  &--secondary {
+    @apply c-bg-secondaryContainer c-text-onSecondaryContainer;
+  }
+
+  &--tertiary {
+    @apply c-bg-tertiaryContainer c-text-onTertiaryContainer;
+  }
+
+  &--business {
+    @apply c-bg-business c-text-onBusiness;
+  }
+
+  &__title {
+    @apply c-text-title-sm c-mb-2xs;
+  }
+
+  &__body {
+    flex: 1 1;
+  }
+
+  &__content {
+    flex: 1 1;
+
+    display: flex;
+    flex-direction: column;
+
+    align-items: flex-start;
+  }
+
+  &__illustration {
+    @apply c-rounded-xl;
+
+    width: 100px;
+
+    object-fit: cover;
+  }
+
+  .cob-Button {
+    @apply c-mt-xs;
+  }
+}

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

@@ -1,5 +1,5 @@
 .cob-Button__small {
-  @apply c-bg-surfaceContainer c-text-secondary c-border-outlineVariant;
+  @apply c-bg-surfaceContainer c-text-primary c-border-outlineVariant;
   @include cob-button-sizing(
     $height: 32px,
     $line-height: 20px,
@@ -27,17 +27,17 @@
     @apply c-bg-primary c-text-onPrimary;
 
     &.cob-Button__small--destructive {
-      @apply c-bg-errorContainer c-text-onErrorContainer c-border-transparent;
+      @apply c-bg-error c-text-onError c-border-transparent;
     }
   }
 
-  &--destructive {
+  &--destructive:not(.cob-Button__small--primary) {
     @apply c-text-error;
 
     &:hover,
     &:focus,
     &:active {
-      @apply c-text-error c-border-error;
+      @apply c-border-error;
     }
   }
 

package/styles/components/Callout/deprecated.scss

@@ -0,0 +1,61 @@
+.cobalt- {
+  &Callout {
+    @apply c-text-body-md c-text-onSurface c-bg-surfaceBright c-rounded c-shadow c-p-sm c-mb-md;
+
+    position: relative;
+
+    &:before {
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+
+      display: block;
+      width: 3px;
+
+      border-top-left-radius: inherit;
+      border-bottom-left-radius: inherit;
+
+      content: "";
+    }
+  }
+
+  &Callout--info {
+    &:before {
+      @apply c-bg-warning;
+    }
+  }
+
+  &Callout--success {
+    &:before {
+      @apply c-bg-success;
+    }
+  }
+
+  &Callout--error {
+    &:before {
+      @apply c-bg-error;
+    }
+  }
+
+  &Callout__Title {
+    @apply c-text-title-sm c-mb-xs;
+  }
+
+  &Callout__Close {
+    position: absolute;
+
+    top: -14px;
+    right: -20px;
+
+    border: 0;
+
+    background-color: transparent;
+
+    cursor: pointer;
+
+    .cobalt-Icon {
+      @apply c-state-interactive c-transition-interactive;
+    }
+  }
+}

package/styles/components/Callout/index.scss

@@ -1,61 +1,50 @@
-.cobalt- {
-  &Callout {
-    @apply c-text-body-md c-text-onSurface c-bg-surfaceBright c-rounded c-shadow c-p-sm c-mb-md;
+.cobalt-callout {
+  @apply c-text-body-md c-bg-surfaceContainerVariant c-rounded-xl c-p-sm c-gap-sm;
 
-    position: relative;
+  position: relative;
 
-    &:before {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
+  display: flex;
 
-      display: block;
-      width: 3px;
-
-      border-top-left-radius: inherit;
-      border-bottom-left-radius: inherit;
-
-      content: "";
-    }
+  &--warning {
+    @apply c-bg-warningContainer c-text-onWarningContainer;
   }
 
-  &Callout--info {
-    &:before {
-      @apply c-bg-warning;
-    }
+  &--neutral {
+    @apply c-bg-surfaceContainerVariant;
   }
 
-  &Callout--success {
-    &:before {
-      @apply c-bg-success;
-    }
+  &--error {
+    @apply c-bg-errorContainer c-text-onErrorContainer;
   }
 
-  &Callout--error {
-    &:before {
-      @apply c-bg-error;
-    }
+  &__title {
+    @apply c-text-title-sm c-mb-2xs;
   }
 
-  &Callout__Title {
-    @apply c-text-title-sm c-mb-xs;
+  &__body {
+    flex: 1 1;
   }
 
-  &Callout__Close {
-    position: absolute;
+  &__content {
+    flex: 1 1;
 
-    top: -14px;
-    right: -20px;
+    display: flex;
+    flex-direction: column;
 
-    border: 0;
+    align-items: flex-start;
+  }
 
-    background-color: transparent;
+  &__illustration {
+    @apply c-rounded-xl;
 
-    cursor: pointer;
+    width: 80px;
+    height: 80px;
+    align-self: flex-start;
+
+    object-fit: cover;
+  }
 
-    .cobalt-Icon {
-      @apply c-state-interactive c-transition-interactive;
-    }
+  .cob-Button {
+    @apply c-mt-xs;
   }
 }

package/styles/components.scss

@@ -1,10 +1,12 @@
 @import "./components/Alerter/index";
+@import "./components/Banner/index";
 @import "./components/BasicCell/index";
 @import "./components/BulletList/index";
 @import "./components/Buttons/index";
 @import "./components/Calendar/CalendarRangePicker/index";
 @import "./components/Calendar/CalendarDayPicker/index";
 @import "./components/Callout/index";
+@import "./components/Callout/deprecated";
 @import "./components/Card/index";
 @import "./components/Cell/index";
 @import "./components/EmptyState/index";

package/styles/core/text.scss

@@ -69,8 +69,8 @@
   letter-spacing: -0.02rem;
 
   @include breakpoint($from: sm) {
-    font-size: 1.25rem;
-    letter-spacing: -0.025rem;
+    font-size: 1.125rem;
+    letter-spacing: -0.0225rem;
   }
 }
 

package/types/src/components/Banner/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type BannerPropsType = React.PropsWithChildren<{
+    title?: string;
+    cta?: React.ReactNode;
+    illustrationUrl?: string;
+    illustrationHeight?: number;
+    variant: "secondary" | "tertiary" | "business";
+    className?: string;
+}>;
+export declare const Banner: ({ title, children, cta, variant, illustrationUrl, illustrationHeight, className, }: BannerPropsType) => React.JSX.Element;
+export default Banner;

package/types/src/components/Buttons/SmallButton/index.d.ts

@@ -7,6 +7,7 @@ type SmallCommonPropsType = ButtonTemplatePropsType<{
 }>;
 export type SmallButtonPropsType = SmallCommonPropsType & ButtonProps;
 export type SmallLinkPropsType = SmallCommonPropsType & LinkProps;
+export type SmallButtonElement = React.ReactElement<SmallButtonPropsType>;
 declare const SmallButton: React.ForwardRefExoticComponent<{
     variant?: "primary" | "warning" | "secondary" | "tertiary" | "business" | "success" | "neutral" | undefined;
     destructive?: boolean | undefined;

package/types/src/components/Callout/index.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
-export interface CalloutProps {
-    children: React.ReactNode;
+export type CalloutPropsType = React.PropsWithChildren<{
     title?: string;
-    status: "info" | "error" | "success";
-    close?: () => void;
-}
-export declare const Callout: ({ title, children, status, close, }: CalloutProps) => React.JSX.Element;
+    cta?: React.ReactNode;
+    illustrationUrl?: string;
+    variant: "warning" | "neutral" | "error";
+    className?: string;
+}>;
+export declare const Callout: ({ title, children, cta, variant, illustrationUrl, className, }: CalloutPropsType) => React.JSX.Element;
 export default Callout;

package/utils/getCobaltTailwindcssConfig2.js

@@ -250,8 +250,8 @@ function requireGetCobaltTailwindcssConfig () {
 	        letterSpacing: rem((-2 / 100) * REM._16px),
 	        from: {
 	          sm: {
-	            fontSize: rem(REM._20px),
-	            letterSpacing: rem((-2 / 100) * REM._20px),
+	            fontSize: rem(REM._18px),
+	            letterSpacing: rem((-2 / 100) * REM._18px),
 	          },
 	        },
 	      },

package/utils/getCobaltTailwindcssConfig2.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCobaltTailwindcssConfig2.js","sources":["../../utils/getCobaltTailwindcssConfig.js"],"sourcesContent":["/*\n  FOR NODE ENVIRONMENT ONLY\n  Do never import tailwind file config (or helpers importing it) into Cobalt\n  components/stories on src/ side, it will result to have tailwindcss unecessary\n  dependencies into build files.\n  See https://github.com/tailwindcss/tailwindcss/issues/634#issuecomment-459740859\n  If you need data from the theme configuration, you can do the same as we did\n  for colors:\n    - create a json token file with the data needed (will be the single source of data)\n    - In the tailwindcss config file: import and use this json file\n    - In the src/ side: import and use this json file also\n*/\nconst defaultTheme = require(\"tailwindcss/defaultTheme\")\nconst breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst zIndexes = require(\"../src/tokens/zIndexes.json\")\nconst { getColorsUsingCSSVariables } = require(\"./helpers\")\nconst generators = require(\"./tailwindcssGenerators\")\n\nconst CSS_VAR_STATE_INTERACTIVE_COLOR = \"--c-state-interactive-color\"\n\nconst rem = (value) => `${value}rem`\n\nconst REM = {\n  _12px: 0.75,\n  _14px: 0.875,\n  _15px: 0.9375,\n  _16px: 1,\n  _18px: 1.125,\n  _20px: 1.25,\n  _24px: 1.5,\n  _28px: 1.75,\n  _32px: 2,\n  _36px: 2.25,\n  _40px: 2.5,\n  _44px: 2.75,\n  _56px: 3.5,\n  _60px: 3.75,\n  _64px: 4,\n}\n\nconst { themeColors, stateColors } = getColorsUsingCSSVariables({\n  additionalColors: { transparent: \"transparent\", current: \"currentColor\" },\n})\n\nconst baseFont =\n  \"BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif\"\n\nconst getCobaltTailwindcssConfig = ({ content, safelist = undefined }) => ({\n  content,\n  safelist: safelist,\n  prefix: \"c-\",\n  // utilities to disable\n  corePlugins: {\n    // Don't use Tailwindcss reset and default styles\n    preflight: false,\n    // Handle by custom classes via generators\n    letterSpacing: false,\n    lineHeight: false,\n    borderStyle: false,\n    borderWidth: false,\n    fontSize: false,\n    // Not needed, at least for now\n    textOpacity: false,\n    backgroundOpacity: false,\n    caretColor: false,\n    boxShadowColor: false,\n    ringOffsetColor: false,\n    gradientColorStops: false,\n    gradientColorStopPositions: false,\n    textDecorationColor: false,\n  },\n  theme: {\n    extend: {\n      transitionProperty: {\n        interactive: `${CSS_VAR_STATE_INTERACTIVE_COLOR}`,\n        DEFAULT: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.DEFAULT}`,\n        colors: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.colors}`,\n      },\n    },\n    colors: themeColors,\n    semanticStateColor: {\n      interactive: {\n        DEFAULT: themeColors.transparent,\n        hover: stateColors.hover,\n        press: stateColors.press,\n      },\n      onDrag: stateColors.drag,\n      none: {\n        DEFAULT: themeColors.transparent,\n        hover: themeColors.transparent,\n        press: themeColors.transparent,\n      },\n    },\n    borderStyle: {\n      solid: \"solid\",\n      dashed: \"dashed\",\n      none: \"none\",\n    },\n    borderWidth: {\n      0: \"0\",\n      \"0_5\": \"0.5px\",\n      DEFAULT: \"1px\",\n      2: \"0.125rem\",\n      4: \".25rem\",\n    },\n    borderRadius: {\n      none: \"0\",\n      DEFAULT: \".25rem\", // c-rounded\n      md: \".375rem\",\n      lg: \".5rem\",\n      xl: \".75rem\",\n      \"2xl\": \"1rem\",\n      full: \"9999px\", // full rounded\n    },\n    boxShadow: {\n      DEFAULT: \"0 0.125rem 0.75rem rgba(0, 0, 0, 0.1)\", // c-shadow\n      md: \"0 0.25rem 1.5rem rgba(0, 0, 0, 0.15)\",\n      lg: \"0 0.375rem 2.25rem rgba(0, 0, 0, 0.2)\",\n    },\n    fontFamily: {\n      base: baseFont,\n      brand: `BrownPro,${baseFont}`,\n      mono: \"Consolas,'Liberation Mono',Menlo,Courier,monospace\",\n    },\n    fontWeight: {\n      regular: \"400\",\n      bold: \"600\",\n    },\n    spacing: {\n      none: \"0\",\n      \"2xs\": \".25rem\",\n      xs: \".5rem\",\n      sm: \"1rem\",\n      md: \"1.5rem\",\n      lg: \"2rem\",\n      xl: \"3rem\",\n      \"2xl\": \"4rem\",\n    },\n    screens: { ...breakpoints },\n    zIndex: Object.fromEntries(\n      Object.entries(zIndexes).map(([key, value]) => [key, value.toString()])\n    ),\n    // custom properties, not processed by Tailwindcss itself\n    customText: ({ theme }) => ({\n      link: {\n        cursor: \"pointer\",\n        textDecoration: \"underline\",\n        fontWeight: 500,\n        textUnderlineOffset: \"2px\",\n        hover: {\n          textDecoration: \"none\",\n        },\n        focus: {\n          textDecoration: \"none\",\n        },\n      },\n      linkVariant: {\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        fontWeight: 500,\n        textUnderlineOffset: \"2px\",\n        hover: {\n          textDecoration: \"underline\",\n        },\n        focus: {\n          textDecoration: \"underline\",\n        },\n      },\n      heading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._36px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._56px),\n          },\n        },\n      },\n      subheading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._28px),\n          },\n        },\n      },\n      \"title-xl\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._32px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._32px),\n        from: {\n          sm: {\n            fontSize: rem(REM._40px),\n            letterSpacing: rem((-2 / 100) * REM._40px),\n          },\n        },\n      },\n      \"title-lg\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._24px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._24px),\n        from: {\n          sm: {\n            fontSize: rem(REM._32px),\n            letterSpacing: rem((-2 / 100) * REM._32px),\n          },\n        },\n      },\n      \"title-md\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._20px),\n        from: {\n          sm: {\n            fontSize: rem(REM._24px),\n            letterSpacing: rem((-2 / 100) * REM._24px),\n          },\n        },\n      },\n      \"title-sm\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n        from: {\n          sm: {\n            fontSize: rem(REM._20px),\n            letterSpacing: rem((-2 / 100) * REM._20px),\n          },\n        },\n      },\n      \"title-xs\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n      },\n      //\n      \"body-lg\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._18px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-md\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._16px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-sm\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._12px),\n        lineHeight: rem(REM._16px),\n      },\n      \"section-heading\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._14px),\n        lineHeight: \"175%\",\n        fontWeight: 700,\n        textTransform: \"uppercase\",\n        letterSpacing: \"-0.2px\",\n        color: themeColors.onSurfaceVariant,\n      },\n    }),\n  },\n  plugins: [\n    // custom typography classes\n    generators.text,\n    // custom border width classes (width default solid style)\n    generators.borderWidth,\n    // custom border style classes, must be after border width plugin\n    generators.borderStyle,\n    // Semantic colors (handling hover/press color states)\n    generators.getSemanticColorGenerator({\n      type: \"semanticStateColor\",\n      classPrefix: \"state\",\n      cssProperty: CSS_VAR_STATE_INTERACTIVE_COLOR,\n      additionalRules: {\n        interactive: {\n          \"background-image\": `linear-gradient(var(${CSS_VAR_STATE_INTERACTIVE_COLOR}), var(${CSS_VAR_STATE_INTERACTIVE_COLOR}))`,\n        },\n      },\n    }),\n  ],\n})\n\nmodule.exports = getCobaltTailwindcssConfig\n"],"names":["require$$3","require$$4"],"mappings":"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"}
+{"version":3,"file":"getCobaltTailwindcssConfig2.js","sources":["../../utils/getCobaltTailwindcssConfig.js"],"sourcesContent":["/*\n  FOR NODE ENVIRONMENT ONLY\n  Do never import tailwind file config (or helpers importing it) into Cobalt\n  components/stories on src/ side, it will result to have tailwindcss unecessary\n  dependencies into build files.\n  See https://github.com/tailwindcss/tailwindcss/issues/634#issuecomment-459740859\n  If you need data from the theme configuration, you can do the same as we did\n  for colors:\n    - create a json token file with the data needed (will be the single source of data)\n    - In the tailwindcss config file: import and use this json file\n    - In the src/ side: import and use this json file also\n*/\nconst defaultTheme = require(\"tailwindcss/defaultTheme\")\nconst breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst zIndexes = require(\"../src/tokens/zIndexes.json\")\nconst { getColorsUsingCSSVariables } = require(\"./helpers\")\nconst generators = require(\"./tailwindcssGenerators\")\n\nconst CSS_VAR_STATE_INTERACTIVE_COLOR = \"--c-state-interactive-color\"\n\nconst rem = (value) => `${value}rem`\n\nconst REM = {\n  _12px: 0.75,\n  _14px: 0.875,\n  _15px: 0.9375,\n  _16px: 1,\n  _18px: 1.125,\n  _20px: 1.25,\n  _24px: 1.5,\n  _28px: 1.75,\n  _32px: 2,\n  _36px: 2.25,\n  _40px: 2.5,\n  _44px: 2.75,\n  _56px: 3.5,\n  _60px: 3.75,\n  _64px: 4,\n}\n\nconst { themeColors, stateColors } = getColorsUsingCSSVariables({\n  additionalColors: { transparent: \"transparent\", current: \"currentColor\" },\n})\n\nconst baseFont =\n  \"BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif\"\n\nconst getCobaltTailwindcssConfig = ({ content, safelist = undefined }) => ({\n  content,\n  safelist: safelist,\n  prefix: \"c-\",\n  // utilities to disable\n  corePlugins: {\n    // Don't use Tailwindcss reset and default styles\n    preflight: false,\n    // Handle by custom classes via generators\n    letterSpacing: false,\n    lineHeight: false,\n    borderStyle: false,\n    borderWidth: false,\n    fontSize: false,\n    // Not needed, at least for now\n    textOpacity: false,\n    backgroundOpacity: false,\n    caretColor: false,\n    boxShadowColor: false,\n    ringOffsetColor: false,\n    gradientColorStops: false,\n    gradientColorStopPositions: false,\n    textDecorationColor: false,\n  },\n  theme: {\n    extend: {\n      transitionProperty: {\n        interactive: `${CSS_VAR_STATE_INTERACTIVE_COLOR}`,\n        DEFAULT: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.DEFAULT}`,\n        colors: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.colors}`,\n      },\n    },\n    colors: themeColors,\n    semanticStateColor: {\n      interactive: {\n        DEFAULT: themeColors.transparent,\n        hover: stateColors.hover,\n        press: stateColors.press,\n      },\n      onDrag: stateColors.drag,\n      none: {\n        DEFAULT: themeColors.transparent,\n        hover: themeColors.transparent,\n        press: themeColors.transparent,\n      },\n    },\n    borderStyle: {\n      solid: \"solid\",\n      dashed: \"dashed\",\n      none: \"none\",\n    },\n    borderWidth: {\n      0: \"0\",\n      \"0_5\": \"0.5px\",\n      DEFAULT: \"1px\",\n      2: \"0.125rem\",\n      4: \".25rem\",\n    },\n    borderRadius: {\n      none: \"0\",\n      DEFAULT: \".25rem\", // c-rounded\n      md: \".375rem\",\n      lg: \".5rem\",\n      xl: \".75rem\",\n      \"2xl\": \"1rem\",\n      full: \"9999px\", // full rounded\n    },\n    boxShadow: {\n      DEFAULT: \"0 0.125rem 0.75rem rgba(0, 0, 0, 0.1)\", // c-shadow\n      md: \"0 0.25rem 1.5rem rgba(0, 0, 0, 0.15)\",\n      lg: \"0 0.375rem 2.25rem rgba(0, 0, 0, 0.2)\",\n    },\n    fontFamily: {\n      base: baseFont,\n      brand: `BrownPro,${baseFont}`,\n      mono: \"Consolas,'Liberation Mono',Menlo,Courier,monospace\",\n    },\n    fontWeight: {\n      regular: \"400\",\n      bold: \"600\",\n    },\n    spacing: {\n      none: \"0\",\n      \"2xs\": \".25rem\",\n      xs: \".5rem\",\n      sm: \"1rem\",\n      md: \"1.5rem\",\n      lg: \"2rem\",\n      xl: \"3rem\",\n      \"2xl\": \"4rem\",\n    },\n    screens: { ...breakpoints },\n    zIndex: Object.fromEntries(\n      Object.entries(zIndexes).map(([key, value]) => [key, value.toString()])\n    ),\n    // custom properties, not processed by Tailwindcss itself\n    customText: ({ theme }) => ({\n      link: {\n        cursor: \"pointer\",\n        textDecoration: \"underline\",\n        fontWeight: 500,\n        textUnderlineOffset: \"2px\",\n        hover: {\n          textDecoration: \"none\",\n        },\n        focus: {\n          textDecoration: \"none\",\n        },\n      },\n      linkVariant: {\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        fontWeight: 500,\n        textUnderlineOffset: \"2px\",\n        hover: {\n          textDecoration: \"underline\",\n        },\n        focus: {\n          textDecoration: \"underline\",\n        },\n      },\n      heading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._36px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._56px),\n          },\n        },\n      },\n      subheading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._28px),\n          },\n        },\n      },\n      \"title-xl\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._32px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._32px),\n        from: {\n          sm: {\n            fontSize: rem(REM._40px),\n            letterSpacing: rem((-2 / 100) * REM._40px),\n          },\n        },\n      },\n      \"title-lg\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._24px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._24px),\n        from: {\n          sm: {\n            fontSize: rem(REM._32px),\n            letterSpacing: rem((-2 / 100) * REM._32px),\n          },\n        },\n      },\n      \"title-md\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._20px),\n        from: {\n          sm: {\n            fontSize: rem(REM._24px),\n            letterSpacing: rem((-2 / 100) * REM._24px),\n          },\n        },\n      },\n      \"title-sm\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n        from: {\n          sm: {\n            fontSize: rem(REM._18px),\n            letterSpacing: rem((-2 / 100) * REM._18px),\n          },\n        },\n      },\n      \"title-xs\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n      },\n      //\n      \"body-lg\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._18px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-md\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._16px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-sm\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._12px),\n        lineHeight: rem(REM._16px),\n      },\n      \"section-heading\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._14px),\n        lineHeight: \"175%\",\n        fontWeight: 700,\n        textTransform: \"uppercase\",\n        letterSpacing: \"-0.2px\",\n        color: themeColors.onSurfaceVariant,\n      },\n    }),\n  },\n  plugins: [\n    // custom typography classes\n    generators.text,\n    // custom border width classes (width default solid style)\n    generators.borderWidth,\n    // custom border style classes, must be after border width plugin\n    generators.borderStyle,\n    // Semantic colors (handling hover/press color states)\n    generators.getSemanticColorGenerator({\n      type: \"semanticStateColor\",\n      classPrefix: \"state\",\n      cssProperty: CSS_VAR_STATE_INTERACTIVE_COLOR,\n      additionalRules: {\n        interactive: {\n          \"background-image\": `linear-gradient(var(${CSS_VAR_STATE_INTERACTIVE_COLOR}), var(${CSS_VAR_STATE_INTERACTIVE_COLOR}))`,\n        },\n      },\n    }),\n  ],\n})\n\nmodule.exports = getCobaltTailwindcssConfig\n"],"names":["require$$3","require$$4"],"mappings":"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"}