@frontify/fondue 12.0.0-beta.74 → 12.0.0-beta.75

package/dist/components/Card/Card.d.ts

@@ -1,8 +1,8 @@
-import { FC, ReactChild } from 'react';
+import { FC, ReactNode } from 'react';
 import { PressEvent } from '@react-types/shared';
 export declare type CardProps = {
+    children: ReactNode | ReactNode[];
     hoverable?: boolean;
-    children?: ReactChild;
     onClick?: (event: PressEvent) => void;
 };
 export declare const Card: FC<CardProps>;

package/dist/components/Card/Card.es.js

@@ -1,27 +1,27 @@
 import { useButton as i } from "@react-aria/button";
-import { merge as a } from "../../utilities/merge.es.js";
-import p, { useRef as d } from "react";
-import { mergeProps as f } from "@react-aria/utils";
-import { useFocusRing as l } from "@react-aria/focus";
+import { merge as d } from "../../utilities/merge.es.js";
+import a, { useRef as f } from "react";
+import { mergeProps as l } from "@react-aria/utils";
+import { useFocusRing as p } from "@react-aria/focus";
 import { FOCUS_STYLE as w } from "../../utilities/focusStyle.es.js";
-const h = ({ hoverable: e = !1, children: o, onClick: r }) => {
-  const t = d(null), { buttonProps: s } = i(
-    { elementType: "div", onPress: (n) => r && r(n) },
-    t
-  ), { isFocusVisible: m, focusProps: u } = l(), c = r ? f(s, u) : {};
-  return /* @__PURE__ */ p.createElement("div", {
-    ...c,
+const R = ({ hoverable: t = !1, children: o, onClick: r }) => {
+  const e = f(null), { buttonProps: s } = i(
+    { elementType: "div", onPress: (c) => r && r(c) },
+    e
+  ), { isFocusVisible: m, focusProps: n } = p(), u = r ? l(s, n) : {};
+  return /* @__PURE__ */ a.createElement("div", {
+    ...u,
     "data-test-id": "card",
-    ref: t,
-    className: a([
-      "tw-w-full tw-outline-none tw-bg-white tw-border tw-border-black-10 tw-rounded",
-      e ? "hover:tw-border-black" : "",
+    ref: e,
+    className: d([
+      "tw-w-full tw-outline-none tw-bg-white tw-border tw-border-black-10 tw-rounded tw-overflow-hidden",
+      t ? "hover:tw-border-black" : "",
       r ? "tw-cursor-pointer" : "tw-cursor-default",
       m && w
     ])
   }, o);
 };
 export {
-  h as Card
+  R as Card
 };
 //# sourceMappingURL=Card.es.js.map

package/dist/components/Card/Card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.es.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useButton } from '@react-aria/button';\nimport { merge } from '@utilities/merge';\nimport React, { FC, ReactChild, useRef } from 'react';\nimport { PressEvent } from '@react-types/shared';\nimport { mergeProps } from '@react-aria/utils';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\n\nexport type CardProps = {\n    hoverable?: boolean;\n    children?: ReactChild;\n    onClick?: (event: PressEvent) => void;\n};\n\nexport const Card: FC<CardProps> = ({ hoverable = false, children, onClick }) => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const { buttonProps } = useButton(\n        { elementType: 'div', onPress: (event: PressEvent) => onClick && onClick(event) },\n        ref,\n    );\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    const clickableProps = !!onClick ? mergeProps(buttonProps, focusProps) : {};\n\n    return (\n        <div\n            {...clickableProps}\n            data-test-id=\"card\"\n            ref={ref}\n            className={merge([\n                'tw-w-full tw-outline-none tw-bg-white tw-border tw-border-black-10 tw-rounded',\n                hoverable ? 'hover:tw-border-black' : '',\n                onClick ? 'tw-cursor-pointer' : 'tw-cursor-default',\n                isFocusVisible && FOCUS_STYLE,\n            ])}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["Card","hoverable","children","onClick","ref","useRef","buttonProps","useButton","event","isFocusVisible","focusProps","useFocusRing","clickableProps","mergeProps","React","merge","FOCUS_STYLE"],"mappings":";;;;;;AAgBO,MAAMA,IAAsB,CAAC,EAAE,WAAAC,IAAY,IAAO,UAAAC,GAAU,SAAAC,QAAc;AACvE,QAAAC,IAAMC,EAA8B,IAAI,GACxC,EAAE,aAAAC,MAAgBC;AAAA,IACpB,EAAE,aAAa,OAAO,SAAS,CAACC,MAAsBL,KAAWA,EAAQK,CAAK,EAAE;AAAA,IAChFJ;AAAA,EAAA,GAEE,EAAE,gBAAAK,GAAgB,YAAAC,EAAW,IAAIC,EAAa,GAE9CC,IAAmBT,IAAUU,EAAWP,GAAaI,CAAU,IAAI;AAEzE,SACK,gBAAAI,EAAA,cAAA,OAAA;AAAA,IACI,GAAGF;AAAA,IACJ,gBAAa;AAAA,IACb,KAAAR;AAAA,IACA,WAAWW,EAAM;AAAA,MACb;AAAA,MACAd,IAAY,0BAA0B;AAAA,MACtCE,IAAU,sBAAsB;AAAA,MAChCM,KAAkBO;AAAA,IAAA,CACrB;AAAA,EAAA,GAEAd,CACL;AAER;"}
+{"version":3,"file":"Card.es.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useButton } from '@react-aria/button';\nimport { merge } from '@utilities/merge';\nimport React, { FC, ReactNode, useRef } from 'react';\nimport { PressEvent } from '@react-types/shared';\nimport { mergeProps } from '@react-aria/utils';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\n\nexport type CardProps = {\n    children: ReactNode | ReactNode[];\n    hoverable?: boolean;\n    onClick?: (event: PressEvent) => void;\n};\n\nexport const Card: FC<CardProps> = ({ hoverable = false, children, onClick }) => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const { buttonProps } = useButton(\n        { elementType: 'div', onPress: (event: PressEvent) => onClick && onClick(event) },\n        ref,\n    );\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    const clickableProps = !!onClick ? mergeProps(buttonProps, focusProps) : {};\n\n    return (\n        <div\n            {...clickableProps}\n            data-test-id=\"card\"\n            ref={ref}\n            className={merge([\n                'tw-w-full tw-outline-none tw-bg-white tw-border tw-border-black-10 tw-rounded tw-overflow-hidden',\n                hoverable ? 'hover:tw-border-black' : '',\n                onClick ? 'tw-cursor-pointer' : 'tw-cursor-default',\n                isFocusVisible && FOCUS_STYLE,\n            ])}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["Card","hoverable","children","onClick","ref","useRef","buttonProps","useButton","event","isFocusVisible","focusProps","useFocusRing","clickableProps","mergeProps","React","merge","FOCUS_STYLE"],"mappings":";;;;;;AAgBO,MAAMA,IAAsB,CAAC,EAAE,WAAAC,IAAY,IAAO,UAAAC,GAAU,SAAAC,QAAc;AACvE,QAAAC,IAAMC,EAA8B,IAAI,GACxC,EAAE,aAAAC,MAAgBC;AAAA,IACpB,EAAE,aAAa,OAAO,SAAS,CAACC,MAAsBL,KAAWA,EAAQK,CAAK,EAAE;AAAA,IAChFJ;AAAA,EAAA,GAEE,EAAE,gBAAAK,GAAgB,YAAAC,EAAW,IAAIC,EAAa,GAE9CC,IAAmBT,IAAUU,EAAWP,GAAaI,CAAU,IAAI;AAEzE,SACK,gBAAAI,EAAA,cAAA,OAAA;AAAA,IACI,GAAGF;AAAA,IACJ,gBAAa;AAAA,IACb,KAAAR;AAAA,IACA,WAAWW,EAAM;AAAA,MACb;AAAA,MACAd,IAAY,0BAA0B;AAAA,MACtCE,IAAU,sBAAsB;AAAA,MAChCM,KAAkBO;AAAA,IAAA,CACrB;AAAA,EAAA,GAEAd,CACL;AAER;"}