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

package/Label/Label.stories.js

@@ -1,137 +1,144 @@
-import React from "react";
+import react from "react";
 import { Label } from "./Label.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Input } from "../Input/index.js";
 const meta = {
-  title: "Components/Form/Label",
-  component: Label,
-  parameters: {
-    layout: "padded"
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement(Story, null))]
-};
-export default meta;
-export const Documentation = {
-  render: args => {
-    const [value, setValue] = React.useState("");
-    return /*#__PURE__*/React.createElement("div", {
-      className: "mb-4 space-y-2"
-    }, /*#__PURE__*/React.createElement(Label, args), /*#__PURE__*/React.createElement(Input, {
-      id: args.htmlFor,
-      type: "text",
-      placeholder: "e.g. John Michael Doe",
-      required: args.required,
-      value: value,
-      onChange: e => setValue(e.target.value)
-    }));
-  },
-  args: {
-    text: "Full Name",
-    htmlFor: "full-name",
-    description: "As shown on your government-issued ID",
-    hint: "Include middle name if applicable",
-    required: true,
-    disabled: false,
-    weight: "strong",
-    value: "Label value will be shown here",
-    invalid: false
-  },
-  argTypes: {
-    text: {
-      description: "The text content of the label",
-      control: "text"
-    },
-    htmlFor: {
-      description: "The ID of the form element this label is associated with",
-      control: "text"
-    },
-    description: {
-      description: "Additional descriptive text shown next to the label",
-      control: "text"
-    },
-    hint: {
-      description: "Tooltip hint text that appears on hover",
-      control: "text"
+    title: "Components/Form/Label",
+    component: Label,
+    parameters: {
+        layout: "padded"
     },
-    required: {
-      description: "Whether the associated form field is required",
-      control: "boolean"
-    },
-    disabled: {
-      description: "Whether the label should appear disabled",
-      control: "boolean"
-    },
-    weight: {
-      description: "The font weight of the label text",
-      control: "select",
-      options: ["strong", "light"]
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement(Tooltip.Provider, null, /*#__PURE__*/ react.createElement(Story, null))
+    ]
+};
+const Label_stories = meta;
+const Documentation = {
+    render: (args)=>{
+        const [value, setValue] = react.useState("");
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "mb-4 space-y-2"
+        }, /*#__PURE__*/ react.createElement(Label, args), /*#__PURE__*/ react.createElement(Input, {
+            id: args.htmlFor,
+            type: "text",
+            placeholder: "e.g. John Michael Doe",
+            required: args.required,
+            value: value,
+            onChange: (e)=>setValue(e.target.value)
+        }));
     },
-    value: {
-      description: "Optional value to display on the right side of the label",
-      control: "text"
+    args: {
+        text: "Full Name",
+        htmlFor: "full-name",
+        description: "As shown on your government-issued ID",
+        hint: "Include middle name if applicable",
+        required: true,
+        disabled: false,
+        weight: "strong",
+        value: "Label value will be shown here",
+        invalid: false
     },
-    invalid: {
-      description: "Whether the label should appear in an invalid state",
-      control: "boolean"
+    argTypes: {
+        text: {
+            description: "The text content of the label",
+            control: "text"
+        },
+        htmlFor: {
+            description: "The ID of the form element this label is associated with",
+            control: "text"
+        },
+        description: {
+            description: "Additional descriptive text shown next to the label",
+            control: "text"
+        },
+        hint: {
+            description: "Tooltip hint text that appears on hover",
+            control: "text"
+        },
+        required: {
+            description: "Whether the associated form field is required",
+            control: "boolean"
+        },
+        disabled: {
+            description: "Whether the label should appear disabled",
+            control: "boolean"
+        },
+        weight: {
+            description: "The font weight of the label text",
+            control: "select",
+            options: [
+                "strong",
+                "light"
+            ]
+        },
+        value: {
+            description: "Optional value to display on the right side of the label",
+            control: "text"
+        },
+        invalid: {
+            description: "Whether the label should appear in an invalid state",
+            control: "boolean"
+        }
     }
-  }
 };
-export const Default = {
-  args: {
-    text: "Test label",
-    htmlFor: "test-field"
-  },
-  render: args => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    id: args.htmlFor
-  }), /*#__PURE__*/React.createElement(Label, args))
+const Default = {
+    args: {
+        text: "Test label",
+        htmlFor: "test-field"
+    },
+    render: (args)=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("input", {
+            type: "checkbox",
+            id: args.htmlFor
+        }), /*#__PURE__*/ react.createElement(Label, args))
 };
-export const LightWeight = {
-  args: {
-    ...Default.args,
-    weight: "light"
-  }
+const LightWeight = {
+    args: {
+        ...Default.args,
+        weight: "light"
+    }
 };
-export const Required = {
-  args: {
-    ...Default.args,
-    required: true
-  }
+const Required = {
+    args: {
+        ...Default.args,
+        required: true
+    }
 };
-export const WithDescription = {
-  args: {
-    ...Default.args,
-    description: "(description)"
-  }
+const WithDescription = {
+    args: {
+        ...Default.args,
+        description: "(description)"
+    }
 };
-export const WithHint = {
-  args: {
-    ...Default.args,
-    hint: "This is an additional message in case context to this label needs to be added"
-  }
+const WithHint = {
+    args: {
+        ...Default.args,
+        hint: "This is an additional message in case context to this label needs to be added"
+    }
 };
-export const WithValue = {
-  args: {
-    ...Default.args,
-    value: 24
-  },
-  render: args => /*#__PURE__*/React.createElement("div", {
-    className: "w-64"
-  }, /*#__PURE__*/React.createElement(Label, args))
+const WithValue = {
+    args: {
+        ...Default.args,
+        value: 24
+    },
+    render: (args)=>/*#__PURE__*/ react.createElement("div", {
+            className: "w-64"
+        }, /*#__PURE__*/ react.createElement(Label, args))
 };
-export const Disabled = {
-  args: {
-    htmlFor: "test-field-disabled",
-    text: "Test label",
-    description: "(description)",
-    hint: "This is an additional message in case context to this label needs to be added",
-    required: true,
-    disabled: true,
-    value: 24
-  },
-  render: args => /*#__PURE__*/React.createElement("div", {
-    className: "w-64"
-  }, /*#__PURE__*/React.createElement(Label, args))
+const Disabled = {
+    args: {
+        htmlFor: "test-field-disabled",
+        text: "Test label",
+        description: "(description)",
+        hint: "This is an additional message in case context to this label needs to be added",
+        required: true,
+        disabled: true,
+        value: 24
+    },
+    render: (args)=>/*#__PURE__*/ react.createElement("div", {
+            className: "w-64"
+        }, /*#__PURE__*/ react.createElement(Label, args))
 };
+export default Label_stories;
+export { Default, Disabled, Documentation, LightWeight, Required, WithDescription, WithHint, WithValue };
 
 //# sourceMappingURL=Label.stories.js.map

package/Label/Label.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Label","Tooltip","Input","meta","title","component","parameters","layout","decorators","Story","createElement","Provider","Documentation","render","args","value","setValue","useState","className","id","htmlFor","type","placeholder","required","onChange","e","target","text","description","hint","disabled","weight","invalid","argTypes","control","options","Default","Fragment","LightWeight","Required","WithDescription","WithHint","WithValue","Disabled"],"sources":["Label.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Label } from \"./Label.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Input } from \"~/Input/index.js\";\n\nconst meta: Meta<typeof Label> = {\n    title: \"Components/Form/Label\",\n    component: Label,\n    parameters: {\n        layout: \"padded\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Label>;\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = React.useState(\"\");\n\n        return (\n            <div className=\"mb-4 space-y-2\">\n                <Label {...args} />\n                <Input\n                    id={args.htmlFor}\n                    type=\"text\"\n                    placeholder=\"e.g. John Michael Doe\"\n                    required={args.required}\n                    value={value}\n                    onChange={e => setValue(e.target.value)}\n                />\n            </div>\n        );\n    },\n    args: {\n        text: \"Full Name\",\n        htmlFor: \"full-name\",\n        description: \"As shown on your government-issued ID\",\n        hint: \"Include middle name if applicable\",\n        required: true,\n        disabled: false,\n        weight: \"strong\",\n        value: \"Label value will be shown here\",\n        invalid: false\n    },\n    argTypes: {\n        text: {\n            description: \"The text content of the label\",\n            control: \"text\"\n        },\n        htmlFor: {\n            description: \"The ID of the form element this label is associated with\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Additional descriptive text shown next to the label\",\n            control: \"text\"\n        },\n        hint: {\n            description: \"Tooltip hint text that appears on hover\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Whether the associated form field is required\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Whether the label should appear disabled\",\n            control: \"boolean\"\n        },\n        weight: {\n            description: \"The font weight of the label text\",\n            control: \"select\",\n            options: [\"strong\", \"light\"]\n        },\n        value: {\n            description: \"Optional value to display on the right side of the label\",\n            control: \"text\"\n        },\n        invalid: {\n            description: \"Whether the label should appear in an invalid state\",\n            control: \"boolean\"\n        }\n    }\n};\n\nexport const Default: Story = {\n    args: {\n        text: \"Test label\",\n        htmlFor: \"test-field\"\n    },\n    render: args => (\n        <>\n            <input type=\"checkbox\" id={args.htmlFor} />\n            <Label {...args} />\n        </>\n    )\n};\n\nexport const LightWeight: Story = {\n    args: {\n        ...Default.args,\n        weight: \"light\"\n    }\n};\n\nexport const Required: Story = {\n    args: {\n        ...Default.args,\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"(description)\"\n    }\n};\n\nexport const WithHint: Story = {\n    args: {\n        ...Default.args,\n        hint: \"This is an additional message in case context to this label needs to be added\"\n    }\n};\n\nexport const WithValue: Story = {\n    args: {\n        ...Default.args,\n        value: 24\n    },\n    render: args => (\n        <div className=\"w-64\">\n            <Label {...args} />\n        </div>\n    )\n};\n\nexport const Disabled: Story = {\n    args: {\n        htmlFor: \"test-field-disabled\",\n        text: \"Test label\",\n        description: \"(description)\",\n        hint: \"This is an additional message in case context to this label needs to be added\",\n        required: true,\n        disabled: true,\n        value: 24\n    },\n    render: args => (\n        <div className=\"w-64\">\n            <Label {...args} />\n        </div>\n    )\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Label/Label.stories.js","sources":["../../src/Label/Label.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Label } from \"./Label.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Input } from \"~/Input/index.js\";\n\nconst meta: Meta<typeof Label> = {\n    title: \"Components/Form/Label\",\n    component: Label,\n    parameters: {\n        layout: \"padded\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Label>;\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = React.useState(\"\");\n\n        return (\n            <div className=\"mb-4 space-y-2\">\n                <Label {...args} />\n                <Input\n                    id={args.htmlFor}\n                    type=\"text\"\n                    placeholder=\"e.g. John Michael Doe\"\n                    required={args.required}\n                    value={value}\n                    onChange={e => setValue(e.target.value)}\n                />\n            </div>\n        );\n    },\n    args: {\n        text: \"Full Name\",\n        htmlFor: \"full-name\",\n        description: \"As shown on your government-issued ID\",\n        hint: \"Include middle name if applicable\",\n        required: true,\n        disabled: false,\n        weight: \"strong\",\n        value: \"Label value will be shown here\",\n        invalid: false\n    },\n    argTypes: {\n        text: {\n            description: \"The text content of the label\",\n            control: \"text\"\n        },\n        htmlFor: {\n            description: \"The ID of the form element this label is associated with\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Additional descriptive text shown next to the label\",\n            control: \"text\"\n        },\n        hint: {\n            description: \"Tooltip hint text that appears on hover\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Whether the associated form field is required\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Whether the label should appear disabled\",\n            control: \"boolean\"\n        },\n        weight: {\n            description: \"The font weight of the label text\",\n            control: \"select\",\n            options: [\"strong\", \"light\"]\n        },\n        value: {\n            description: \"Optional value to display on the right side of the label\",\n            control: \"text\"\n        },\n        invalid: {\n            description: \"Whether the label should appear in an invalid state\",\n            control: \"boolean\"\n        }\n    }\n};\n\nexport const Default: Story = {\n    args: {\n        text: \"Test label\",\n        htmlFor: \"test-field\"\n    },\n    render: args => (\n        <>\n            <input type=\"checkbox\" id={args.htmlFor} />\n            <Label {...args} />\n        </>\n    )\n};\n\nexport const LightWeight: Story = {\n    args: {\n        ...Default.args,\n        weight: \"light\"\n    }\n};\n\nexport const Required: Story = {\n    args: {\n        ...Default.args,\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"(description)\"\n    }\n};\n\nexport const WithHint: Story = {\n    args: {\n        ...Default.args,\n        hint: \"This is an additional message in case context to this label needs to be added\"\n    }\n};\n\nexport const WithValue: Story = {\n    args: {\n        ...Default.args,\n        value: 24\n    },\n    render: args => (\n        <div className=\"w-64\">\n            <Label {...args} />\n        </div>\n    )\n};\n\nexport const Disabled: Story = {\n    args: {\n        htmlFor: \"test-field-disabled\",\n        text: \"Test label\",\n        description: \"(description)\",\n        hint: \"This is an additional message in case context to this label needs to be added\",\n        required: true,\n        disabled: true,\n        value: 24\n    },\n    render: args => (\n        <div className=\"w-64\">\n            <Label {...args} />\n        </div>\n    )\n};\n"],"names":["meta","Label","Story","Tooltip","Documentation","args","value","setValue","React","Input","e","Default","LightWeight","Required","WithDescription","WithHint","WithValue","Disabled"],"mappings":";;;;AAOA,MAAMA,OAA2B;IAC7B,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAACC,QAAQ,QAAQ,sBACb,oBAACD,OAAAA;KAGZ;AACL;AAEA,sBAAeF;AAGR,MAAMI,gBAAuB;IAChC,QAAQC,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,MAAAA,QAAc,CAAC;QAEzC,OAAO,WAAP,GACI,oBAAC;YAAI,WAAU;yBACX,oBAACP,OAAUI,OAAAA,WAAAA,GACX,oBAACI,OAAKA;YACF,IAAIJ,KAAK,OAAO;YAChB,MAAK;YACL,aAAY;YACZ,UAAUA,KAAK,QAAQ;YACvB,OAAOC;YACP,UAAUI,CAAAA,IAAKH,SAASG,EAAE,MAAM,CAAC,KAAK;;IAItD;IACA,MAAM;QACF,MAAM;QACN,SAAS;QACT,aAAa;QACb,MAAM;QACN,UAAU;QACV,UAAU;QACV,QAAQ;QACR,OAAO;QACP,SAAS;IACb;IACA,UAAU;QACN,MAAM;YACF,aAAa;YACb,SAAS;QACb;QACA,SAAS;YACL,aAAa;YACb,SAAS;QACb;QACA,aAAa;YACT,aAAa;YACb,SAAS;QACb;QACA,MAAM;YACF,aAAa;YACb,SAAS;QACb;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;QACA,QAAQ;YACJ,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAU;aAAQ;QAChC;QACA,OAAO;YACH,aAAa;YACb,SAAS;QACb;QACA,SAAS;YACL,aAAa;YACb,SAAS;QACb;IACJ;AACJ;AAEO,MAAMC,UAAiB;IAC1B,MAAM;QACF,MAAM;QACN,SAAS;IACb;IACA,QAAQN,CAAAA,OAAAA,WAAAA,GACJ,wDACI,oBAAC;YAAM,MAAK;YAAW,IAAIA,KAAK,OAAO;0BACvC,oBAACJ,OAAUI;AAGvB;AAEO,MAAMO,cAAqB;IAC9B,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,QAAQ;IACZ;AACJ;AAEO,MAAME,WAAkB;IAC3B,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,UAAU;IACd;AACJ;AAEO,MAAMG,kBAAyB;IAClC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,aAAa;IACjB;AACJ;AAEO,MAAMI,WAAkB;IAC3B,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMK,YAAmB;IAC5B,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,OAAO;IACX;IACA,QAAQN,CAAAA,OAAAA,WAAAA,GACJ,oBAAC;YAAI,WAAU;yBACX,oBAACJ,OAAUI;AAGvB;AAEO,MAAMY,WAAkB;IAC3B,MAAM;QACF,SAAS;QACT,MAAM;QACN,aAAa;QACb,MAAM;QACN,UAAU;QACV,UAAU;QACV,OAAO;IACX;IACA,QAAQZ,CAAAA,OAAAA,WAAAA,GACJ,oBAAC;YAAI,WAAU;yBACX,oBAACJ,OAAUI;AAGvB"}

package/Label/components/LabelDescription.js

@@ -1,22 +1,19 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { Text } from "../../Text/index.js";
+import * as __rspack_external_react from "react";
 const labelDescriptionVariants = cva("font-normal text-neutral-strong", {
-  variants: {
-    disabled: {
-      true: "text-neutral-disabled"
+    variants: {
+        disabled: {
+            true: "text-neutral-disabled"
+        }
     }
-  }
 });
-const LabelDescription = ({
-  content,
-  disabled
-}) => /*#__PURE__*/React.createElement(Text, {
-  className: cn(labelDescriptionVariants({
-    disabled
-  })),
-  size: "sm"
-}, content);
+const LabelDescription = ({ content, disabled })=>/*#__PURE__*/ __rspack_external_react.createElement(Text, {
+        className: cn(labelDescriptionVariants({
+            disabled
+        })),
+        size: "sm"
+    }, content);
 export { LabelDescription };
 
 //# sourceMappingURL=LabelDescription.js.map

package/Label/components/LabelDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Text","labelDescriptionVariants","variants","disabled","true","LabelDescription","content","createElement","className","size"],"sources":["LabelDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst labelDescriptionVariants = cva(\"font-normal text-neutral-strong\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled\"\n        }\n    }\n});\n\ninterface LabelDescriptionProps extends VariantProps<typeof labelDescriptionVariants> {\n    content: React.ReactNode;\n}\n\nconst LabelDescription = ({ content, disabled }: LabelDescriptionProps) => (\n    <Text className={cn(labelDescriptionVariants({ disabled }))} size={\"sm\"}>\n        {content}\n    </Text>\n);\n\nexport { LabelDescription, type LabelDescriptionProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,wBAAwB,GAAGF,GAAG,CAAC,iCAAiC,EAAE;EACpEG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,OAAO;EAAEH;AAAgC,CAAC,kBAClEN,KAAA,CAAAU,aAAA,CAACP,IAAI;EAACQ,SAAS,EAAEV,EAAE,CAACG,wBAAwB,CAAC;IAAEE;EAAS,CAAC,CAAC,CAAE;EAACM,IAAI,EAAE;AAAK,GACnEH,OACC,CACT;AAED,SAASD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Label/components/LabelDescription.js","sources":["../../../src/Label/components/LabelDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst labelDescriptionVariants = cva(\"font-normal text-neutral-strong\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled\"\n        }\n    }\n});\n\ninterface LabelDescriptionProps extends VariantProps<typeof labelDescriptionVariants> {\n    content: React.ReactNode;\n}\n\nconst LabelDescription = ({ content, disabled }: LabelDescriptionProps) => (\n    <Text className={cn(labelDescriptionVariants({ disabled }))} size={\"sm\"}>\n        {content}\n    </Text>\n);\n\nexport { LabelDescription, type LabelDescriptionProps };\n"],"names":["labelDescriptionVariants","cva","LabelDescription","content","disabled","Text","cn"],"mappings":";;;AAIA,MAAMA,2BAA2BC,IAAI,mCAAmC;IACpE,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAMA,MAAMC,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB,iBAClE,sCAACC,MAAIA;QAAC,WAAWC,GAAGN,yBAAyB;YAAEI;QAAS;QAAK,MAAM;OAC9DD"}

package/Label/components/LabelHint.js

@@ -1,18 +1,16 @@
-import * as React from "react";
-import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
+import { ReactComponent } from "@webiny/icons/info.svg";
 import { Tooltip } from "../../Tooltip/index.js";
 import { Icon } from "../../Icon/index.js";
-const LabelHint = ({
-  content
-}) => /*#__PURE__*/React.createElement(Tooltip, {
-  content: content,
-  trigger: /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(InfoIcon, null),
-    size: "xs",
-    label: "More information",
-    color: "neutral-light"
-  })
-});
+import * as __rspack_external_react from "react";
+const LabelHint = ({ content })=>/*#__PURE__*/ __rspack_external_react.createElement(Tooltip, {
+        content: content,
+        trigger: /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+            icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+            size: "xs",
+            label: "More information",
+            color: "neutral-light"
+        })
+    });
 export { LabelHint };
 
 //# sourceMappingURL=LabelHint.js.map

package/Label/components/LabelHint.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","InfoIcon","Tooltip","Icon","LabelHint","content","createElement","trigger","icon","size","label","color"],"sources":["LabelHint.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ninterface LabelHintProps {\n    content: React.ReactNode;\n}\n\nconst LabelHint = ({ content }: LabelHintProps) => (\n    <Tooltip\n        content={content}\n        trigger={\n            <Icon\n                icon={<InfoIcon />}\n                size=\"xs\"\n                label={\"More information\"}\n                color={\"neutral-light\"}\n            />\n        }\n    />\n);\n\nexport { LabelHint, type LabelHintProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,OAAO;AAChB,SAASC,IAAI;AAMb,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBAC1CN,KAAA,CAAAO,aAAA,CAACJ,OAAO;EACJG,OAAO,EAAEA,OAAQ;EACjBE,OAAO,eACHR,KAAA,CAAAO,aAAA,CAACH,IAAI;IACDK,IAAI,eAAET,KAAA,CAAAO,aAAA,CAACL,QAAQ,MAAE,CAAE;IACnBQ,IAAI,EAAC,IAAI;IACTC,KAAK,EAAE,kBAAmB;IAC1BC,KAAK,EAAE;EAAgB,CAC1B;AACJ,CACJ,CACJ;AAED,SAASP,SAAS","ignoreList":[]}
+{"version":3,"file":"Label/components/LabelHint.js","sources":["../../../src/Label/components/LabelHint.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ninterface LabelHintProps {\n    content: React.ReactNode;\n}\n\nconst LabelHint = ({ content }: LabelHintProps) => (\n    <Tooltip\n        content={content}\n        trigger={\n            <Icon\n                icon={<InfoIcon />}\n                size=\"xs\"\n                label={\"More information\"}\n                color={\"neutral-light\"}\n            />\n        }\n    />\n);\n\nexport { LabelHint, type LabelHintProps };\n"],"names":["LabelHint","content","Tooltip","Icon","InfoIcon"],"mappings":";;;;AASA,MAAMA,YAAY,CAAC,EAAEC,OAAO,EAAkB,iBAC1C,sCAACC,SAAOA;QACJ,SAASD;QACT,uBACI,sCAACE,MAAIA;YACD,oBAAM,sCAACC,gBAAQA;YACf,MAAK;YACL,OAAO;YACP,OAAO"}

package/Label/components/LabelRequired.js

@@ -1,19 +1,17 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const labelRequiredVariants = cva("text-destructive-primary", {
-  variants: {
-    disabled: {
-      true: "text-destructive-muted"
+    variants: {
+        disabled: {
+            true: "text-destructive-muted"
+        }
     }
-  }
 });
-const LabelRequired = ({
-  disabled
-}) => /*#__PURE__*/React.createElement("span", {
-  className: cn(labelRequiredVariants({
-    disabled
-  }))
-}, "*");
+const LabelRequired = ({ disabled })=>/*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn(labelRequiredVariants({
+            disabled
+        }))
+    }, "*");
 export { LabelRequired };
 
 //# sourceMappingURL=LabelRequired.js.map

package/Label/components/LabelRequired.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","labelRequiredVariants","variants","disabled","true","LabelRequired","createElement","className"],"sources":["LabelRequired.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst labelRequiredVariants = cva(\"text-destructive-primary\", {\n    variants: {\n        disabled: {\n            true: \"text-destructive-muted\"\n        }\n    }\n});\n\ntype LabelRequiredProps = VariantProps<typeof labelRequiredVariants>;\n\nconst LabelRequired = ({ disabled }: LabelRequiredProps) => (\n    <span className={cn(labelRequiredVariants({ disabled }))}>{\"*\"}</span>\n);\n\nexport { LabelRequired, type LabelRequiredProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAAC,0BAA0B,EAAE;EAC1DE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAIF,MAAMC,aAAa,GAAGA,CAAC;EAAEF;AAA6B,CAAC,kBACnDL,KAAA,CAAAQ,aAAA;EAAMC,SAAS,EAAER,EAAE,CAACE,qBAAqB,CAAC;IAAEE;EAAS,CAAC,CAAC;AAAE,GAAE,GAAU,CACxE;AAED,SAASE,aAAa","ignoreList":[]}
+{"version":3,"file":"Label/components/LabelRequired.js","sources":["../../../src/Label/components/LabelRequired.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst labelRequiredVariants = cva(\"text-destructive-primary\", {\n    variants: {\n        disabled: {\n            true: \"text-destructive-muted\"\n        }\n    }\n});\n\ntype LabelRequiredProps = VariantProps<typeof labelRequiredVariants>;\n\nconst LabelRequired = ({ disabled }: LabelRequiredProps) => (\n    <span className={cn(labelRequiredVariants({ disabled }))}>{\"*\"}</span>\n);\n\nexport { LabelRequired, type LabelRequiredProps };\n"],"names":["labelRequiredVariants","cva","LabelRequired","disabled","cn"],"mappings":";;AAGA,MAAMA,wBAAwBC,IAAI,4BAA4B;IAC1D,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAIA,MAAMC,gBAAgB,CAAC,EAAEC,QAAQ,EAAsB,iBACnD,sCAAC;QAAK,WAAWC,GAAGJ,sBAAsB;YAAEG;QAAS;OAAM"}

package/Label/components/LabelValue.js

@@ -1,31 +1,27 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { Text } from "../../Text/index.js";
+import * as __rspack_external_react from "react";
 const labelValueVariants = cva("text-neutral-strong", {
-  variants: {
-    weight: {
-      strong: "font-semibold",
-      light: "font-regular"
+    variants: {
+        weight: {
+            strong: "font-semibold",
+            light: "font-regular"
+        },
+        disabled: {
+            true: "text-neutral-disabled"
+        }
     },
-    disabled: {
-      true: "text-neutral-disabled"
+    defaultVariants: {
+        weight: "strong"
     }
-  },
-  defaultVariants: {
-    weight: "strong"
-  }
 });
-const LabelValue = ({
-  value,
-  weight,
-  disabled
-}) => /*#__PURE__*/React.createElement(Text, {
-  size: "sm",
-  className: cn(labelValueVariants({
-    weight,
-    disabled
-  }))
-}, value);
+const LabelValue = ({ value, weight, disabled })=>/*#__PURE__*/ __rspack_external_react.createElement(Text, {
+        size: "sm",
+        className: cn(labelValueVariants({
+            weight,
+            disabled
+        }))
+    }, value);
 export { LabelValue };
 
 //# sourceMappingURL=LabelValue.js.map

package/Label/components/LabelValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Text","labelValueVariants","variants","weight","strong","light","disabled","true","defaultVariants","LabelValue","value","createElement","size","className"],"sources":["LabelValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst labelValueVariants = cva(\"text-neutral-strong\", {\n    variants: {\n        weight: {\n            strong: \"font-semibold\",\n            light: \"font-regular\"\n        },\n        disabled: {\n            true: \"text-neutral-disabled\"\n        }\n    },\n    defaultVariants: {\n        weight: \"strong\"\n    }\n});\n\ninterface LabelValueProps extends VariantProps<typeof labelValueVariants> {\n    value: React.ReactNode;\n}\n\nconst LabelValue = ({ value, weight, disabled }: LabelValueProps) => (\n    <Text size=\"sm\" className={cn(labelValueVariants({ weight, disabled }))}>\n        {value}\n    </Text>\n);\n\nexport { LabelValue, type LabelValueProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,qBAAqB,EAAE;EAClDG,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,MAAM,EAAE,eAAe;MACvBC,KAAK,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAMF,MAAMM,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEP,MAAM;EAAEG;AAA0B,CAAC,kBAC5DT,KAAA,CAAAc,aAAA,CAACX,IAAI;EAACY,IAAI,EAAC,IAAI;EAACC,SAAS,EAAEf,EAAE,CAACG,kBAAkB,CAAC;IAAEE,MAAM;IAAEG;EAAS,CAAC,CAAC;AAAE,GACnEI,KACC,CACT;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"file":"Label/components/LabelValue.js","sources":["../../../src/Label/components/LabelValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst labelValueVariants = cva(\"text-neutral-strong\", {\n    variants: {\n        weight: {\n            strong: \"font-semibold\",\n            light: \"font-regular\"\n        },\n        disabled: {\n            true: \"text-neutral-disabled\"\n        }\n    },\n    defaultVariants: {\n        weight: \"strong\"\n    }\n});\n\ninterface LabelValueProps extends VariantProps<typeof labelValueVariants> {\n    value: React.ReactNode;\n}\n\nconst LabelValue = ({ value, weight, disabled }: LabelValueProps) => (\n    <Text size=\"sm\" className={cn(labelValueVariants({ weight, disabled }))}>\n        {value}\n    </Text>\n);\n\nexport { LabelValue, type LabelValueProps };\n"],"names":["labelValueVariants","cva","LabelValue","value","weight","disabled","Text","cn"],"mappings":";;;AAIA,MAAMA,qBAAqBC,IAAI,uBAAuB;IAClD,UAAU;QACN,QAAQ;YACJ,QAAQ;YACR,OAAO;QACX;QACA,UAAU;YACN,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,QAAQ;IACZ;AACJ;AAMA,MAAMC,aAAa,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAmB,iBAC5D,sCAACC,MAAIA;QAAC,MAAK;QAAK,WAAWC,GAAGP,mBAAmB;YAAEI;YAAQC;QAAS;OAC/DF"}

package/Label/components/index.js

@@ -2,5 +2,3 @@ export * from "./LabelRequired.js";
 export * from "./LabelDescription.js";
 export * from "./LabelHint.js";
 export * from "./LabelValue.js";
-
-//# sourceMappingURL=index.js.map

package/Label/index.js

@@ -1,3 +1 @@
 export * from "./Label.js";
-
-//# sourceMappingURL=index.js.map

package/Link/DefaultLinkComponent.js

@@ -1,11 +1,8 @@
-import React from "react";
-export const DefaultLinkComponent = ({
-  to,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("a", Object.assign({
-    href: to
-  }, props));
-};
+import react from "react";
+const DefaultLinkComponent = ({ to, ...props })=>/*#__PURE__*/ react.createElement("a", {
+        href: to,
+        ...props
+    });
+export { DefaultLinkComponent };
 
 //# sourceMappingURL=DefaultLinkComponent.js.map

package/Link/DefaultLinkComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DefaultLinkComponent","to","props","createElement","Object","assign","href"],"sources":["DefaultLinkComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { LinkComponent } from \"./LinkComponent.js\";\n\nexport const DefaultLinkComponent: LinkComponent = ({ to, ...props }) => {\n    return <a href={to} {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,oBAAmC,GAAGA,CAAC;EAAEC,EAAE;EAAE,GAAGC;AAAM,CAAC,KAAK;EACrE,oBAAOH,KAAA,CAAAI,aAAA,MAAAC,MAAA,CAAAC,MAAA;IAAGC,IAAI,EAAEL;EAAG,GAAKC,KAAK,CAAG,CAAC;AACrC,CAAC","ignoreList":[]}
+{"version":3,"file":"Link/DefaultLinkComponent.js","sources":["../../src/Link/DefaultLinkComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { LinkComponent } from \"./LinkComponent.js\";\n\nexport const DefaultLinkComponent: LinkComponent = ({ to, ...props }) => {\n    return <a href={to} {...props} />;\n};\n"],"names":["DefaultLinkComponent","to","props"],"mappings":";AAGO,MAAMA,uBAAsC,CAAC,EAAEC,EAAE,EAAE,GAAGC,OAAO,GACzD,WAAP,GAAO,oBAAC;QAAE,MAAMD;QAAK,GAAGC,KAAK"}