@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Card/Card.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { CardContent } from "./components/CardContent.js";
 import { CardHeader } from "./components/CardHeader.js";
@@ -8,17 +7,16 @@ import { Icon } from "./components/Icon.js";
 import { ConfirmAction } from "./components/ConfirmAction.js";
 import { CancelAction } from "./components/CancelAction.js";
 import { CardPropsProvider } from "./components/CardPropsProvider.js";
-const CardBase = props => {
-  return /*#__PURE__*/React.createElement(CardPropsProvider, {
-    props: props
-  }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(CardHeader, null), /*#__PURE__*/React.createElement(CardBody, null), /*#__PURE__*/React.createElement(CardFooter, null)));
-};
+import * as __rspack_external_react from "react";
+const CardBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(CardPropsProvider, {
+        props: props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(CardContent, null, /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null), /*#__PURE__*/ __rspack_external_react.createElement(CardBody, null), /*#__PURE__*/ __rspack_external_react.createElement(CardFooter, null)));
 CardBase.displayName = "Card";
 const DecoratableCard = makeDecoratable("Card", CardBase);
 const Card = withStaticProps(DecoratableCard, {
-  ConfirmAction,
-  CancelAction,
-  Icon
+    ConfirmAction: ConfirmAction,
+    CancelAction: CancelAction,
+    Icon: Icon
 });
 export { Card };
 

package/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","CardContent","CardHeader","CardBody","CardFooter","Icon","ConfirmAction","CancelAction","CardPropsProvider","CardBase","props","createElement","displayName","DecoratableCard","Card"],"sources":["Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { CardContent } from \"./components/CardContent.js\";\nimport { CardHeader } from \"~/Card/components/CardHeader.js\";\nimport { CardBody } from \"~/Card/components/CardBody.js\";\nimport { CardFooter } from \"~/Card/components/CardFooter.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CardPropsProvider } from \"~/Card/components/CardPropsProvider.js\";\n\ninterface CardProps extends Omit<React.ComponentPropsWithoutRef<typeof CardContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    description?: React.ReactNode;\n    padding?: \"sm\" | \"md\" | \"lg\";\n    bodyPadding?: boolean;\n    variant?: \"default\" | \"accent\";\n    elevation?: \"none\" | \"small\" | \"medium\" | \"large\";\n    size?: \"sm\" | \"md\";\n    cornerSize?: \"md\" | \"lg\";\n    actions?: React.ReactNode;\n    actionsPosition?: \"header\" | \"footer\";\n    actionsSize?: \"sm\" | \"md\";\n    info?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst CardBase = (props: CardProps) => {\n    return (\n        <CardPropsProvider props={props}>\n            <CardContent>\n                <CardHeader />\n                <CardBody />\n                <CardFooter />\n            </CardContent>\n        </CardPropsProvider>\n    );\n};\n\nCardBase.displayName = \"Card\";\n\nconst DecoratableCard = makeDecoratable(\"Card\", CardBase);\n\nconst Card = withStaticProps(DecoratableCard, {\n    ConfirmAction,\n    CancelAction,\n    Icon\n});\n\nexport { Card, type CardProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,WAAW;AACpB,SAASC,UAAU;AACnB,SAASC,QAAQ;AACjB,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAmB1B,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBACIZ,KAAA,CAAAa,aAAA,CAACH,iBAAiB;IAACE,KAAK,EAAEA;EAAM,gBAC5BZ,KAAA,CAAAa,aAAA,CAACV,WAAW,qBACRH,KAAA,CAAAa,aAAA,CAACT,UAAU,MAAE,CAAC,eACdJ,KAAA,CAAAa,aAAA,CAACR,QAAQ,MAAE,CAAC,eACZL,KAAA,CAAAa,aAAA,CAACP,UAAU,MAAE,CACJ,CACE,CAAC;AAE5B,CAAC;AAEDK,QAAQ,CAACG,WAAW,GAAG,MAAM;AAE7B,MAAMC,eAAe,GAAGd,eAAe,CAAC,MAAM,EAAEU,QAAQ,CAAC;AAEzD,MAAMK,IAAI,GAAGd,eAAe,CAACa,eAAe,EAAE;EAC1CP,aAAa;EACbC,YAAY;EACZF;AACJ,CAAC,CAAC;AAEF,SAASS,IAAI","ignoreList":[]}
+{"version":3,"file":"Card/Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { CardContent } from \"./components/CardContent.js\";\nimport { CardHeader } from \"~/Card/components/CardHeader.js\";\nimport { CardBody } from \"~/Card/components/CardBody.js\";\nimport { CardFooter } from \"~/Card/components/CardFooter.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CardPropsProvider } from \"~/Card/components/CardPropsProvider.js\";\n\ninterface CardProps extends Omit<React.ComponentPropsWithoutRef<typeof CardContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    description?: React.ReactNode;\n    padding?: \"sm\" | \"md\" | \"lg\";\n    bodyPadding?: boolean;\n    variant?: \"default\" | \"accent\";\n    elevation?: \"none\" | \"small\" | \"medium\" | \"large\";\n    size?: \"sm\" | \"md\";\n    cornerSize?: \"md\" | \"lg\";\n    actions?: React.ReactNode;\n    actionsPosition?: \"header\" | \"footer\";\n    actionsSize?: \"sm\" | \"md\";\n    info?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst CardBase = (props: CardProps) => {\n    return (\n        <CardPropsProvider props={props}>\n            <CardContent>\n                <CardHeader />\n                <CardBody />\n                <CardFooter />\n            </CardContent>\n        </CardPropsProvider>\n    );\n};\n\nCardBase.displayName = \"Card\";\n\nconst DecoratableCard = makeDecoratable(\"Card\", CardBase);\n\nconst Card = withStaticProps(DecoratableCard, {\n    ConfirmAction,\n    CancelAction,\n    Icon\n});\n\nexport { Card, type CardProps };\n"],"names":["CardBase","props","CardPropsProvider","CardContent","CardHeader","CardBody","CardFooter","DecoratableCard","makeDecoratable","Card","withStaticProps","ConfirmAction","CancelAction","Icon"],"mappings":";;;;;;;;;;AA4BA,MAAMA,WAAW,CAACC,QACP,WAAP,GACI,sCAACC,mBAAiBA;QAAC,OAAOD;qBACtB,sCAACE,aAAWA,MAAAA,WAAAA,GACR,sCAACC,YAAUA,OAAAA,WAAAA,GACX,sCAACC,UAAQA,OAAAA,WAAAA,GACT,sCAACC,YAAUA;AAM3BN,SAAS,WAAW,GAAG;AAEvB,MAAMO,kBAAkBC,gBAAgB,QAAQR;AAEhD,MAAMS,OAAOC,gBAAgBH,iBAAiB;IAC1CI,eAAaA;IACbC,cAAYA;IACZC,MAAIA;AACR"}

package/Card/Card.stories.js

@@ -1,209 +1,227 @@
-import React from "react";
+import react from "react";
 import { Card } from "./Card.js";
 import { Button } from "../Button/index.js";
 import { DropdownMenu } from "../DropdownMenu/index.js";
-import { ReactComponent as NotificationIcon } from "@webiny/icons/notifications_active.svg";
+import { ReactComponent } from "@webiny/icons/notifications_active.svg";
 import { Tabs } from "../Tabs/index.js";
 const meta = {
-  title: "Components/Card",
-  component: Card,
-  argTypes: {},
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement(Story, null))]
-};
-export default meta;
-export const Default = {
-  args: {
-    padding: "md",
-    title: "Card Title",
-    description: "A short card description.",
-    info: /*#__PURE__*/React.createElement(React.Fragment, null, "Learn more about this ", /*#__PURE__*/React.createElement("a", {
-      href: "#"
-    }, "here"), "."),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, "The amazing, splendid, and most useful umbrella, resistant to rain and friendly to winds, is something that deserves all admiration. Crafted with perfect textures, it bravely withstands storms and gently shades the rays of the sun. A remarkable innovation, with an ergonomically designed grip most suited to the hand, it remains stable even in the fiercest weather."),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card.CancelAction, null), /*#__PURE__*/React.createElement(Card.ConfirmAction, null))
-  },
-  argTypes: {}
-};
-export const SmallSize = {
-  args: {
-    ...Default.args,
-    size: "sm"
-  }
-};
-export const PaddingSmall = {
-  args: {
-    ...Default.args,
-    padding: "sm"
-  }
-};
-export const PaddingMedium = {
-  args: {
-    ...Default.args,
-    padding: "md"
-  }
-};
-export const PaddingLarge = {
-  args: {
-    ...Default.args,
-    padding: "lg"
-  }
-};
-export const WithActions = {
-  args: {
-    ...Default.args
-  }
-};
-export const WithHeaderActions = {
-  args: {
-    ...Default.args,
-    actionsPosition: "header"
-  }
-};
-export const WithSmallHeaderActions = {
-  args: {
-    ...Default.args,
-    actionsPosition: "header",
-    actionsSize: "sm"
-  }
-};
-export const WithLargeCorners = {
-  args: {
-    ...Default.args,
-    cornerSize: "lg"
-  }
-};
-export const AccentVariant = {
-  args: {
-    ...Default.args,
-    variant: "accent"
-  }
-};
-export const DropdownMenuInCard = {
-  args: {
-    ...Default.args,
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu, {
-      trigger: /*#__PURE__*/React.createElement(Button, {
-        variant: "primary",
-        text: "Open"
-      })
-    }, /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      text: "Billing"
-    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      text: "Settings"
-    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      text: "Keyboard shortcuts"
-    })))
-  }
-};
-export const WithSmallElevation = {
-  args: {
-    ...Default.args,
-    elevation: "small"
-  }
-};
-export const WithMediumElevation = {
-  args: {
-    ...Default.args,
-    elevation: "medium"
-  }
-};
-export const WithLargeElevation = {
-  args: {
-    ...Default.args,
-    elevation: "large"
-  }
-};
-export const WithIcon = {
-  args: {
-    ...Default.args,
-    icon: /*#__PURE__*/React.createElement(Card.Icon, {
-      icon: /*#__PURE__*/React.createElement(NotificationIcon, null),
-      label: "Title icon"
-    })
-  }
-};
-export const WithTabs = {
-  args: {
-    ...Default.args,
-    bodyPadding: false,
-    icon: /*#__PURE__*/React.createElement(Card.Icon, {
-      icon: /*#__PURE__*/React.createElement(NotificationIcon, null),
-      label: "Title icon"
-    }),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tabs, {
-      className: "w-[500px]",
-      separator: true,
-      spacing: "lg",
-      tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-        key: "account",
-        value: "account",
-        trigger: "Account",
-        content: "Make changes to your account here."
-      }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-        key: "company",
-        value: "company",
-        trigger: "Company",
-        content: "Make changes to your company info here."
-      }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-        key: "security",
-        value: "security",
-        trigger: "Security",
-        content: "Make changes to your security settings here."
-      }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-        key: "development",
-        value: "development",
-        trigger: "Development",
-        content: "Make changes to your development settings here."
-      })]
-    }))
-  }
-};
-export const Documentation = {
-  render: args => {
-    return /*#__PURE__*/React.createElement(Card, args);
-  },
-  args: {
-    title: "Card title goes here",
-    description: "Card description goes here",
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, "This is card content. Anything can go in here."),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      variant: "secondary",
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Button, {
-      variant: "primary",
-      text: "Confirm"
-    })),
-    padding: "sm",
-    elevation: "small"
-  },
-  argTypes: {
-    title: {
-      description: "The title displayed at the top of the card",
-      control: "text"
+    title: "Components/Card",
+    component: Card,
+    argTypes: {},
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ]
+};
+const Card_stories = meta;
+const Default = {
+    args: {
+        padding: "md",
+        title: "Card Title",
+        description: "A short card description.",
+        info: /*#__PURE__*/ react.createElement(react.Fragment, null, "Learn more about this ", /*#__PURE__*/ react.createElement("a", {
+            href: "#"
+        }, "here"), "."),
+        children: /*#__PURE__*/ react.createElement(react.Fragment, null, "The amazing, splendid, and most useful umbrella, resistant to rain and friendly to winds, is something that deserves all admiration. Crafted with perfect textures, it bravely withstands storms and gently shades the rays of the sun. A remarkable innovation, with an ergonomically designed grip most suited to the hand, it remains stable even in the fiercest weather."),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Card.CancelAction, null), /*#__PURE__*/ react.createElement(Card.ConfirmAction, null))
     },
-    description: {
-      description: "A description displayed below the title",
-      control: "text"
-    },
-    children: {
-      description: "The main content of the card. Please refer to the example code for details on usage."
-    },
-    actions: {
-      description: "Buttons or other interactive elements displayed at the bottom of the card. Please refer to the example code for details on usage."
-    },
-    padding: {
-      description: "Controls the amount of padding inside the card",
-      control: "select",
-      options: ["none", "standard", "comfortable"]
+    argTypes: {}
+};
+const SmallSize = {
+    args: {
+        ...Default.args,
+        size: "sm"
+    }
+};
+const PaddingSmall = {
+    args: {
+        ...Default.args,
+        padding: "sm"
+    }
+};
+const PaddingMedium = {
+    args: {
+        ...Default.args,
+        padding: "md"
+    }
+};
+const PaddingLarge = {
+    args: {
+        ...Default.args,
+        padding: "lg"
+    }
+};
+const WithActions = {
+    args: {
+        ...Default.args
+    }
+};
+const WithHeaderActions = {
+    args: {
+        ...Default.args,
+        actionsPosition: "header"
+    }
+};
+const WithSmallHeaderActions = {
+    args: {
+        ...Default.args,
+        actionsPosition: "header",
+        actionsSize: "sm"
+    }
+};
+const WithLargeCorners = {
+    args: {
+        ...Default.args,
+        cornerSize: "lg"
+    }
+};
+const AccentVariant = {
+    args: {
+        ...Default.args,
+        variant: "accent"
+    }
+};
+const DropdownMenuInCard = {
+    args: {
+        ...Default.args,
+        children: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu, {
+            trigger: /*#__PURE__*/ react.createElement(Button, {
+                variant: "primary",
+                text: "Open"
+            })
+        }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            text: "Billing"
+        }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            text: "Settings"
+        }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            text: "Keyboard shortcuts"
+        })))
+    }
+};
+const WithSmallElevation = {
+    args: {
+        ...Default.args,
+        elevation: "small"
+    }
+};
+const WithMediumElevation = {
+    args: {
+        ...Default.args,
+        elevation: "medium"
+    }
+};
+const WithLargeElevation = {
+    args: {
+        ...Default.args,
+        elevation: "large"
+    }
+};
+const WithIcon = {
+    args: {
+        ...Default.args,
+        icon: /*#__PURE__*/ react.createElement(Card.Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Title icon"
+        })
+    }
+};
+const WithTabs = {
+    args: {
+        ...Default.args,
+        bodyPadding: false,
+        icon: /*#__PURE__*/ react.createElement(Card.Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Title icon"
+        }),
+        children: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tabs, {
+            className: "w-[500px]",
+            separator: true,
+            spacing: "lg",
+            tabs: [
+                /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: "account",
+                    value: "account",
+                    trigger: "Account",
+                    content: "Make changes to your account here."
+                }),
+                /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: "company",
+                    value: "company",
+                    trigger: "Company",
+                    content: "Make changes to your company info here."
+                }),
+                /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: "security",
+                    value: "security",
+                    trigger: "Security",
+                    content: "Make changes to your security settings here."
+                }),
+                /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: "development",
+                    value: "development",
+                    trigger: "Development",
+                    content: "Make changes to your development settings here."
+                })
+            ]
+        }))
+    }
+};
+const Documentation = {
+    render: (args)=>/*#__PURE__*/ react.createElement(Card, args),
+    args: {
+        title: "Card title goes here",
+        description: "Card description goes here",
+        children: /*#__PURE__*/ react.createElement(react.Fragment, null, "This is card content. Anything can go in here."),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            text: "Confirm"
+        })),
+        padding: "sm",
+        elevation: "small"
     },
-    elevation: {
-      description: "Controls the shadow depth of the card",
-      control: "select",
-      options: ["none", "xs", "sm", "md", "lg", "xl"]
+    argTypes: {
+        title: {
+            description: "The title displayed at the top of the card",
+            control: "text"
+        },
+        description: {
+            description: "A description displayed below the title",
+            control: "text"
+        },
+        children: {
+            description: "The main content of the card. Please refer to the example code for details on usage."
+        },
+        actions: {
+            description: "Buttons or other interactive elements displayed at the bottom of the card. Please refer to the example code for details on usage."
+        },
+        padding: {
+            description: "Controls the amount of padding inside the card",
+            control: "select",
+            options: [
+                "none",
+                "standard",
+                "comfortable"
+            ]
+        },
+        elevation: {
+            description: "Controls the shadow depth of the card",
+            control: "select",
+            options: [
+                "none",
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        }
     }
-  }
 };
+export default Card_stories;
+export { AccentVariant, Default, Documentation, DropdownMenuInCard, PaddingLarge, PaddingMedium, PaddingSmall, SmallSize, WithActions, WithHeaderActions, WithIcon, WithLargeCorners, WithLargeElevation, WithMediumElevation, WithSmallElevation, WithSmallHeaderActions, WithTabs };
 
 //# sourceMappingURL=Card.stories.js.map

package/Card/Card.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Card","Button","DropdownMenu","ReactComponent","NotificationIcon","Tabs","meta","title","component","argTypes","decorators","Story","createElement","className","Default","args","padding","description","info","Fragment","href","children","actions","CancelAction","ConfirmAction","SmallSize","size","PaddingSmall","PaddingMedium","PaddingLarge","WithActions","WithHeaderActions","actionsPosition","WithSmallHeaderActions","actionsSize","WithLargeCorners","cornerSize","AccentVariant","variant","DropdownMenuInCard","trigger","text","Item","WithSmallElevation","elevation","WithMediumElevation","WithLargeElevation","WithIcon","icon","Icon","label","WithTabs","bodyPadding","separator","spacing","tabs","Tab","key","value","content","Documentation","render","control","options"],"sources":["Card.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Card } from \"./Card.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\n\nconst meta: Meta<typeof Card> = {\n    title: \"Components/Card\",\n    component: Card,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Card>;\n\nexport const Default: Story = {\n    args: {\n        padding: \"md\",\n        title: \"Card Title\",\n        description: \"A short card description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        actions: (\n            <>\n                <Card.CancelAction />\n                <Card.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SmallSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const PaddingSmall: Story = {\n    args: {\n        ...Default.args,\n        padding: \"sm\"\n    }\n};\n\nexport const PaddingMedium: Story = {\n    args: {\n        ...Default.args,\n        padding: \"md\"\n    }\n};\n\nexport const PaddingLarge: Story = {\n    args: {\n        ...Default.args,\n        padding: \"lg\"\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args\n    }\n};\nexport const WithHeaderActions: Story = {\n    args: {\n        ...Default.args,\n        actionsPosition: \"header\"\n    }\n};\n\nexport const WithSmallHeaderActions: Story = {\n    args: {\n        ...Default.args,\n        actionsPosition: \"header\",\n        actionsSize: \"sm\"\n    }\n};\n\nexport const WithLargeCorners: Story = {\n    args: {\n        ...Default.args,\n        cornerSize: \"lg\"\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const DropdownMenuInCard: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\nexport const WithSmallElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"small\"\n    }\n};\n\nexport const WithMediumElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"medium\"\n    }\n};\n\nexport const WithLargeElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"large\"\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Card.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        icon: <Card.Icon icon={<NotificationIcon />} label={\"Title icon\"} />,\n        children: (\n            <>\n                <Tabs\n                    className={\"w-[500px]\"}\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <Card {...args} />;\n    },\n    args: {\n        title: \"Card title goes here\",\n        description: \"Card description goes here\",\n        children: <>This is card content. Anything can go in here.</>,\n        actions: (\n            <>\n                <Button variant={\"secondary\"} text={\"Cancel\"} />\n                <Button variant={\"primary\"} text={\"Confirm\"} />\n            </>\n        ),\n        padding: \"sm\",\n        elevation: \"small\"\n    },\n    argTypes: {\n        title: {\n            description: \"The title displayed at the top of the card\",\n            control: \"text\"\n        },\n        description: {\n            description: \"A description displayed below the title\",\n            control: \"text\"\n        },\n        children: {\n            description:\n                \"The main content of the card. Please refer to the example code for details on usage.\"\n        },\n        actions: {\n            description:\n                \"Buttons or other interactive elements displayed at the bottom of the card. Please refer to the example code for details on usage.\"\n        },\n        padding: {\n            description: \"Controls the amount of padding inside the card\",\n            control: \"select\",\n            options: [\"none\", \"standard\", \"comfortable\"]\n        },\n        elevation: {\n            description: \"Controls the shadow depth of the card\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card/Card.stories.js","sources":["../../src/Card/Card.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Card } from \"./Card.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\n\nconst meta: Meta<typeof Card> = {\n    title: \"Components/Card\",\n    component: Card,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Card>;\n\nexport const Default: Story = {\n    args: {\n        padding: \"md\",\n        title: \"Card Title\",\n        description: \"A short card description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        actions: (\n            <>\n                <Card.CancelAction />\n                <Card.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SmallSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const PaddingSmall: Story = {\n    args: {\n        ...Default.args,\n        padding: \"sm\"\n    }\n};\n\nexport const PaddingMedium: Story = {\n    args: {\n        ...Default.args,\n        padding: \"md\"\n    }\n};\n\nexport const PaddingLarge: Story = {\n    args: {\n        ...Default.args,\n        padding: \"lg\"\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args\n    }\n};\nexport const WithHeaderActions: Story = {\n    args: {\n        ...Default.args,\n        actionsPosition: \"header\"\n    }\n};\n\nexport const WithSmallHeaderActions: Story = {\n    args: {\n        ...Default.args,\n        actionsPosition: \"header\",\n        actionsSize: \"sm\"\n    }\n};\n\nexport const WithLargeCorners: Story = {\n    args: {\n        ...Default.args,\n        cornerSize: \"lg\"\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const DropdownMenuInCard: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\nexport const WithSmallElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"small\"\n    }\n};\n\nexport const WithMediumElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"medium\"\n    }\n};\n\nexport const WithLargeElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"large\"\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Card.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        icon: <Card.Icon icon={<NotificationIcon />} label={\"Title icon\"} />,\n        children: (\n            <>\n                <Tabs\n                    className={\"w-[500px]\"}\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <Card {...args} />;\n    },\n    args: {\n        title: \"Card title goes here\",\n        description: \"Card description goes here\",\n        children: <>This is card content. Anything can go in here.</>,\n        actions: (\n            <>\n                <Button variant={\"secondary\"} text={\"Cancel\"} />\n                <Button variant={\"primary\"} text={\"Confirm\"} />\n            </>\n        ),\n        padding: \"sm\",\n        elevation: \"small\"\n    },\n    argTypes: {\n        title: {\n            description: \"The title displayed at the top of the card\",\n            control: \"text\"\n        },\n        description: {\n            description: \"A description displayed below the title\",\n            control: \"text\"\n        },\n        children: {\n            description:\n                \"The main content of the card. Please refer to the example code for details on usage.\"\n        },\n        actions: {\n            description:\n                \"Buttons or other interactive elements displayed at the bottom of the card. Please refer to the example code for details on usage.\"\n        },\n        padding: {\n            description: \"Controls the amount of padding inside the card\",\n            control: \"select\",\n            options: [\"none\", \"standard\", \"comfortable\"]\n        },\n        elevation: {\n            description: \"Controls the shadow depth of the card\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        }\n    }\n};\n"],"names":["meta","Card","Story","Default","SmallSize","PaddingSmall","PaddingMedium","PaddingLarge","WithActions","WithHeaderActions","WithSmallHeaderActions","WithLargeCorners","AccentVariant","DropdownMenuInCard","DropdownMenu","Button","WithSmallElevation","WithMediumElevation","WithLargeElevation","WithIcon","NotificationIcon","WithTabs","Tabs","Documentation","args"],"mappings":"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"}

package/Card/components/CancelAction.js

@@ -1,18 +1,17 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { Button } from "../../Button/index.js";
 import { useCardProps } from "./CardPropsProvider.js";
-const CancelActionBase = props => {
-  const {
-    actionsSize
-  } = useCardProps();
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    text: "Cancel"
-  }, props, {
-    variant: "secondary",
-    size: actionsSize
-  }));
+import * as __rspack_external_react from "react";
+const CancelActionBase = (props)=>{
+    const { actionsSize } = useCardProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        text: "Cancel",
+        ...props,
+        variant: "secondary",
+        size: actionsSize
+    });
 };
-export const CancelAction = makeDecoratable("CancelAction", CancelActionBase);
+const CancelAction = makeDecoratable("CancelAction", CancelActionBase);
+export { CancelAction };
 
 //# sourceMappingURL=CancelAction.js.map

package/Card/components/CancelAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Button","useCardProps","CancelActionBase","props","actionsSize","createElement","Object","assign","text","variant","size","CancelAction"],"sources":["CancelAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst CancelActionBase = (props: ButtonProps) => {\n    const { actionsSize } = useCardProps();\n\n    return <Button text={\"Cancel\"} {...props} variant=\"secondary\" size={actionsSize} />;\n};\nexport const CancelAction = makeDecoratable(\"CancelAction\", CancelActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,YAAY;AAErB,MAAMC,gBAAgB,GAAIC,KAAkB,IAAK;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EAEtC,oBAAOH,KAAA,CAAAO,aAAA,CAACL,MAAM,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAS,GAAKL,KAAK;IAAEM,OAAO,EAAC,WAAW;IAACC,IAAI,EAAEN;EAAY,EAAE,CAAC;AACvF,CAAC;AACD,OAAO,MAAMO,YAAY,GAAGZ,eAAe,CAAC,cAAc,EAAEG,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Card/components/CancelAction.js","sources":["../../../src/Card/components/CancelAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst CancelActionBase = (props: ButtonProps) => {\n    const { actionsSize } = useCardProps();\n\n    return <Button text={\"Cancel\"} {...props} variant=\"secondary\" size={actionsSize} />;\n};\nexport const CancelAction = makeDecoratable(\"CancelAction\", CancelActionBase);\n"],"names":["CancelActionBase","props","actionsSize","useCardProps","Button","CancelAction","makeDecoratable"],"mappings":";;;;AAKA,MAAMA,mBAAmB,CAACC;IACtB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExB,OAAO,WAAP,GAAO,sCAACC,QAAMA;QAAC,MAAM;QAAW,GAAGH,KAAK;QAAE,SAAQ;QAAY,MAAMC;;AACxE;AACO,MAAMG,eAAeC,gBAAgB,gBAAgBN"}

package/Card/components/CardBody.js

@@ -1,38 +1,33 @@
-import * as React from "react";
-import { cn } from "../../utils.js";
-import { cva } from "../../utils.js";
+import { cn, cva } from "../../utils.js";
 import { useCardProps } from "./CardPropsProvider.js";
+import * as __rspack_external_react from "react";
 const cardBodyVariants = cva("flex-1", {
-  variants: {
-    padding: {
-      none: "",
-      sm: "px-md",
-      md: "px-lg",
-      lg: "px-xl"
+    variants: {
+        padding: {
+            none: "",
+            sm: "px-md",
+            md: "px-lg",
+            lg: "px-xl"
+        },
+        variant: {
+            default: "",
+            accent: "pt-lg pb-sm"
+        }
     },
-    variant: {
-      default: "",
-      accent: "pt-lg pb-sm"
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const CardBody = () => {
-  const {
-    padding,
-    variant,
-    bodyPadding,
-    children
-  } = useCardProps();
-  return /*#__PURE__*/React.createElement("div", {
-    "data-card": "body",
-    className: cn(cardBodyVariants({
-      padding: bodyPadding !== false ? padding : "none",
-      variant
-    }))
-  }, children);
+const CardBody = ()=>{
+    const { padding, variant, bodyPadding, children } = useCardProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-card": "body",
+        className: cn(cardBodyVariants({
+            padding: false !== bodyPadding ? padding : "none",
+            variant
+        }))
+    }, children);
 };
+export { CardBody };
 
 //# sourceMappingURL=CardBody.js.map