@drivy/cobalt 2.9.0 → 2.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cx from 'classnames';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
function enforceCTA(cta, variant) {
|
|
5
|
+
if (!cta || !React.isValidElement(cta)) {
|
|
6
|
+
return cta;
|
|
7
|
+
}
|
|
8
|
+
return variant === "error"
|
|
7
9
|
? React.cloneElement(cta, {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
size: "small",
|
|
11
|
+
primary: true,
|
|
12
|
+
destructive: true,
|
|
10
13
|
})
|
|
11
|
-
: cta
|
|
14
|
+
: React.cloneElement(cta, {
|
|
15
|
+
size: "small",
|
|
16
|
+
variant,
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
const Callout = ({ title, children, cta, variant = "neutral", illustrationUrl, className, }) => {
|
|
20
|
+
// force CTA to match Callout variant
|
|
21
|
+
const enforcedCTA = enforceCTA(cta, variant);
|
|
12
22
|
return (React.createElement("div", { className: cx("cobalt-callout", {
|
|
13
23
|
"cobalt-callout--warning": variant === "warning",
|
|
14
24
|
"cobalt-callout--neutral": variant === "neutral",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { ButtonProps } from \"../Buttons/Button/type\"\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\nfunction enforceCTA(\n cta: React.ReactNode,\n variant: CalloutPropsType[\"variant\"]\n) {\n if (!cta || !React.isValidElement<ButtonProps>(cta)) {\n return cta\n }\n\n return variant === \"error\"\n ? React.cloneElement(cta, {\n size: \"small\",\n primary: true,\n destructive: true,\n })\n : React.cloneElement(cta, {\n size: \"small\",\n variant,\n })\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 = enforceCTA(cta, variant)\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":";;;AAYA,SAAS,UAAU,CACjB,GAAoB,EACpB,OAAoC,EAAA;IAEpC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAc,GAAG,CAAC,EAAE;AACnD,QAAA,OAAO,GAAG,CAAA;KACX;IAED,OAAO,OAAO,KAAK,OAAO;AACxB,UAAE,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE;AACtB,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,WAAW,EAAE,IAAI;SAClB,CAAC;AACJ,UAAE,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE;AACtB,YAAA,IAAI,EAAE,OAAO;YACb,OAAO;AACR,SAAA,CAAC,CAAA;AACR,CAAC;MAEY,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,SAAS,GACQ,KAAI;;IAErB,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;AAE5C,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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/
|
|
1
|
+
{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/thibaudesnouf/sources/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}
|