npm - @zidsa/zidmui - Versions diffs - 2.1.8 → 2.3.0-beta.0 - Mend

@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

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.

Files changed (320) hide show

package/dist/react/cjs/stories/css/Checkbox.stories.js DELETED Viewed

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-;/* empty css                   */
-const checkIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) });
-const indeterminateIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
-const meta = {
-  title: "CSS Styles/Components/Checkbox",
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const States = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Checkbox States" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "24px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Unchecked" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Checked" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox zid-checkbox--indeterminate", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: indeterminateIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Indeterminate" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox zid-checkbox--disabled", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", disabled: true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Disabled" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox zid-checkbox--disabled", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true, disabled: true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Disabled Checked" })
-      ] })
-    ] })
-  ] })
-};
-const CheckboxGroup = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px", width: "300px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Checkbox Group" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-checkbox-group", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Option 1" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Option 2" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Option 3" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Option 4" })
-      ] })
-    ] })
-  ] })
-};
-const WithHelperText = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "With Helper Text" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Email notifications" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", style: { marginLeft: "28px" }, children: "Receive email updates about your account" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "SMS notifications" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", style: { marginLeft: "28px" }, children: "Receive text messages for important updates" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Accept terms and conditions" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper zid-input-helper--error", style: { marginLeft: "28px" }, children: "You must accept the terms to continue" })
-      ] })
-    ] })
-  ] })
-};
-const ParentChild = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px", width: "300px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "Parent-Child Selection" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox zid-checkbox--indeterminate", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: indeterminateIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", style: { fontWeight: 500 }, children: "Select All" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginLeft: "24px", display: "flex", flexDirection: "column", gap: "8px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Child option 1" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Child option 2" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-checkbox__label", children: "Child option 3" })
-        ] })
-      ] })
-    ] })
-  ] })
-};
-exports.CheckboxGroup = CheckboxGroup;
-exports.ParentChild = ParentChild;
-exports.States = States;
-exports.WithHelperText = WithHelperText;
-exports.default = meta;
-//# sourceMappingURL=Checkbox.stories.js.map

package/dist/react/cjs/stories/css/Checkbox.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Checkbox.stories.js","sources":["../../../../../src/stories/css/Checkbox.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst checkIcon = (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\">\n <polyline points=\"20 6 9 17 4 12\" />\n </svg>\n);\n\nconst indeterminateIcon = (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n);\n\nconst meta = {\n title: 'CSS Styles/Components/Checkbox',\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const States: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Checkbox States</h3>\n <div style={{ display: 'flex', gap: '24px', flexWrap: 'wrap' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Unchecked</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Checked</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--indeterminate\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{indeterminateIcon}</span>\n <span className=\"zid-checkbox__label\">Indeterminate</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--disabled\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" disabled />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Disabled</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--disabled\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked disabled />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Disabled Checked</span>\n </label>\n </div>\n </div>\n ),\n};\n\nexport const CheckboxGroup: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px', width: '300px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Checkbox Group</h3>\n <div className=\"zid-checkbox-group\" style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 1</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 2</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 3</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 4</span>\n </label>\n </div>\n </div>\n ),\n};\n\n\nexport const WithHelperText: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>With Helper Text</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Email notifications</span>\n </label>\n <div className=\"zid-input-helper\" style={{ marginLeft: '28px' }}>Receive email updates about your account</div>\n </div>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">SMS notifications</span>\n </label>\n <div className=\"zid-input-helper\" style={{ marginLeft: '28px' }}>Receive text messages for important updates</div>\n </div>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Accept terms and conditions</span>\n </label>\n <div className=\"zid-input-helper zid-input-helper--error\" style={{ marginLeft: '28px' }}>You must accept the terms to continue</div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const ParentChild: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', width: '300px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>Parent-Child Selection</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n <label className=\"zid-checkbox zid-checkbox--indeterminate\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{indeterminateIcon}</span>\n <span className=\"zid-checkbox__label\" style={{ fontWeight: 500 }}>Select All</span>\n </label>\n <div style={{ marginLeft: '24px', display: 'flex', flexDirection: 'column', gap: '8px' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 1</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 2</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 3</span>\n </label>\n </div>\n </div>\n </div>\n ),\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/dist/react/cjs/stories/css/ComponentReference.stories.js DELETED Viewed

@@ -1,139 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-;/* empty css                   */
-const meta = {
-  title: "CSS Styles/Component Reference",
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  }
-};
-const ButtonReference = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { marginBottom: "8px" }, children: "Button" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Button component class reference" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Class Structure" }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<button class="zid-button zid-button--{variant} zid-button--{color} zid-button--{size}">
-  Button Text
-</button>` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Variants" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "contained" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--outlined zid-button--primary zid-button--md", children: "outlined" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--text zid-button--primary zid-button--md", children: "text" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--contained
-zid-button--outlined
-zid-button--text` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Colors" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "primary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--secondary zid-button--md", children: "secondary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--error zid-button--md", children: "error" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--primary
-zid-button--secondary
-zid-button--error` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Sizes" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "16px", alignItems: "center", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--sm", children: "sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "md" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--lg", children: "lg" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--sm
-zid-button--md
-zid-button--lg` })
-    ] })
-  ] })
-};
-const InputReference = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { marginBottom: "8px" }, children: "Input" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Input component class reference" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Basic Structure" }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<div class="zid-input zid-input--{size}">
-  <input type="text" class="zid-input__field" placeholder="...">
-</div>` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "With Label & Helper" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: "300px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Email" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "email", className: "zid-input__field", placeholder: "Enter email" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", children: "We'll never share your email" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `<label class="zid-input-label">Email</label>
-<div class="zid-input zid-input--md">
-  <input type="email" class="zid-input__field" placeholder="Enter email">
-</div>
-<div class="zid-input-helper">Helper text</div>` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "States" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px", maxWidth: "300px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Default" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md zid-input--error", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Error" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md zid-input--disabled", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Disabled", disabled: true }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-input--error
-zid-input--disabled` })
-    ] })
-  ] })
-};
-const AlertReference = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { marginBottom: "8px" }, children: "Alert" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Alert component class reference" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Basic Structure" }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<div class="zid-alert zid-alert--{severity}">
-  <div class="zid-alert__icon">icon</div>
-  <div class="zid-alert__content">
-    <div class="zid-alert__title">Title</div>
-    <div class="zid-alert__message">Message</div>
-  </div>
-  <button class="zid-alert__close">×</button>
-</div>` })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px" }, children: "Severity Variants" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-alert zid-alert--success", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__icon", children: "✓" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__message", children: "Success alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-alert zid-alert--info", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__icon", children: "i" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__message", children: "Info alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-alert zid-alert--warning", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__icon", children: "!" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__message", children: "Warning alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-alert zid-alert--error", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__icon", children: "✕" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-alert__message", children: "Error alert" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-alert--success
-zid-alert--info
-zid-alert--warning
-zid-alert--error
-zid-alert--filled  /* filled variant */` })
-    ] })
-  ] })
-};
-exports.AlertReference = AlertReference;
-exports.ButtonReference = ButtonReference;
-exports.InputReference = InputReference;
-exports.default = meta;
-//# sourceMappingURL=ComponentReference.stories.js.map

package/dist/react/cjs/stories/css/ComponentReference.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ComponentReference.stories.js","sources":["../../../../../src/stories/css/ComponentReference.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst meta = {\n title: 'CSS Styles/Component Reference',\n tags: ['autodocs'],\n parameters: {\n layout: 'fullscreen',\n },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const ButtonReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Button</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Button component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Class Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<button class=\"zid-button zid-button--{variant} zid-button--{color} zid-button--{size}\">\n Button Text\n</button>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Variants</h2>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">contained</button>\n <button className=\"zid-button zid-button--outlined zid-button--primary zid-button--md\">outlined</button>\n <button className=\"zid-button zid-button--text zid-button--primary zid-button--md\">text</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--contained\nzid-button--outlined\nzid-button--text`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Colors</h2>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">primary</button>\n <button className=\"zid-button zid-button--contained zid-button--secondary zid-button--md\">secondary</button>\n <button className=\"zid-button zid-button--contained zid-button--error zid-button--md\">error</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--primary\nzid-button--secondary\nzid-button--error`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Sizes</h2>\n <div style={{ display: 'flex', gap: '16px', alignItems: 'center', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--sm\">sm</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">md</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--lg\">lg</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--sm\nzid-button--md\nzid-button--lg`}\n </pre>\n </div>\n </div>\n ),\n};\n\nexport const InputReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Input</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Input component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Basic Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<div class=\"zid-input zid-input--{size}\">\n <input type=\"text\" class=\"zid-input__field\" placeholder=\"...\">\n</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>With Label & Helper</h2>\n <div style={{ maxWidth: '300px', marginBottom: '16px' }}>\n <label className=\"zid-input-label\">Email</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"email\" className=\"zid-input__field\" placeholder=\"Enter email\" />\n </div>\n <div className=\"zid-input-helper\">We'll never share your email</div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`<label class=\"zid-input-label\">Email</label>\n<div class=\"zid-input zid-input--md\">\n <input type=\"email\" class=\"zid-input__field\" placeholder=\"Enter email\">\n</div>\n<div class=\"zid-input-helper\">Helper text</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>States</h2>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', maxWidth: '300px', marginBottom: '16px' }}>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Default\" />\n </div>\n <div className=\"zid-input zid-input--md zid-input--error\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Error\" />\n </div>\n <div className=\"zid-input zid-input--md zid-input--disabled\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Disabled\" disabled />\n </div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-input--error\nzid-input--disabled`}\n </pre>\n </div>\n </div>\n ),\n};\n\nexport const AlertReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Alert</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Alert component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Basic Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<div class=\"zid-alert zid-alert--{severity}\">\n <div class=\"zid-alert__icon\">icon</div>\n <div class=\"zid-alert__content\">\n <div class=\"zid-alert__title\">Title</div>\n <div class=\"zid-alert__message\">Message</div>\n </div>\n <button class=\"zid-alert__close\">×</button>\n</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Severity Variants</h2>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginBottom: '16px' }}>\n <div className=\"zid-alert zid-alert--success\">\n <div className=\"zid-alert__icon\">✓</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Success alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--info\">\n <div className=\"zid-alert__icon\">i</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Info alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--warning\">\n <div className=\"zid-alert__icon\">!</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Warning alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--error\">\n <div className=\"zid-alert__icon\">✕</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Error alert</div></div>\n </div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-alert--success\nzid-alert--info\nzid-alert--warning\nzid-alert--error\nzid-alert--filled /* filled variant */`}\n </pre>\n </div>\n </div>\n ),\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;AAGA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAEZ;AAKO,MAAM,kBAAyB;AAAA,EACpC,QAAQ,MACNA,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,SAAS,YAAY,oCAAA,GAC5D,UAAA;AAAA,IAAAC,+BAAC,QAAG,OAAO,EAAE,cAAc,MAAA,GAAS,UAAA,UAAM;AAAA,IAC1CA,2BAAAA,IAAC,OAAE,OAAO,EAAE,OAAO,WAAW,cAAc,OAAA,GAAU,UAAA,mCAAA,CAAgC;AAAA,oCAErF,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,mBAAe;AAAA,qCACnD,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,QAAQ,UAAU,UAC7H,UAAA;AAAA;AAAA,WAAA,CAGO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,YAAQ;AAAA,MAC7CD,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,UAAU,QAAQ,cAAc,OAAA,GAC1E,UAAA;AAAA,QAAAC,2BAAAA,IAAC,UAAA,EAAO,WAAU,uEAAsE,UAAA,aAAS;AAAA,QACjGA,2BAAAA,IAAC,UAAA,EAAO,WAAU,sEAAqE,UAAA,YAAQ;AAAA,QAC/FA,2BAAAA,IAAC,UAAA,EAAO,WAAU,kEAAiE,UAAA,OAAA,CAAI;AAAA,MAAA,GACzF;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA;AAAA,kBAAA,CAGO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,UAAM;AAAA,MAC3CD,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,UAAU,QAAQ,cAAc,OAAA,GAC1E,UAAA;AAAA,QAAAC,2BAAAA,IAAC,UAAA,EAAO,WAAU,uEAAsE,UAAA,WAAO;AAAA,QAC/FA,2BAAAA,IAAC,UAAA,EAAO,WAAU,yEAAwE,UAAA,aAAS;AAAA,QACnGA,2BAAAA,IAAC,UAAA,EAAO,WAAU,qEAAoE,UAAA,QAAA,CAAK;AAAA,MAAA,GAC7F;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA;AAAA,mBAAA,CAGO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,SAAK;AAAA,MAC1CD,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,YAAY,UAAU,UAAU,QAAQ,cAAc,UAChG,UAAA;AAAA,QAAAC,2BAAAA,IAAC,UAAA,EAAO,WAAU,uEAAsE,UAAA,MAAE;AAAA,QAC1FA,2BAAAA,IAAC,UAAA,EAAO,WAAU,uEAAsE,UAAA,MAAE;AAAA,QAC1FA,2BAAAA,IAAC,UAAA,EAAO,WAAU,uEAAsE,UAAA,KAAA,CAAE;AAAA,MAAA,GAC5F;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA;AAAA,gBAAA,CAGO;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;AAEO,MAAM,iBAAwB;AAAA,EACnC,QAAQ,MACND,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,SAAS,YAAY,oCAAA,GAC5D,UAAA;AAAA,IAAAC,+BAAC,QAAG,OAAO,EAAE,cAAc,MAAA,GAAS,UAAA,SAAK;AAAA,IACzCA,2BAAAA,IAAC,OAAE,OAAO,EAAE,OAAO,WAAW,cAAc,OAAA,GAAU,UAAA,kCAAA,CAA+B;AAAA,oCAEpF,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,mBAAe;AAAA,qCACnD,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,QAAQ,UAAU,UAC7H,UAAA;AAAA;AAAA,QAAA,CAGO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,uBAAmB;AAAA,MACxDD,gCAAC,SAAI,OAAO,EAAE,UAAU,SAAS,cAAc,UAC7C,UAAA;AAAA,QAAAC,2BAAAA,IAAC,SAAA,EAAM,WAAU,mBAAkB,UAAA,SAAK;AAAA,QACxCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,2BAAAA,IAAC,SAAA,EAAM,MAAK,SAAQ,WAAU,oBAAmB,aAAY,cAAA,CAAc,GAC7E;AAAA,QACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBAAmB,UAAA,+BAAA,CAA4B;AAAA,MAAA,GAChE;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA;AAAA;AAAA;AAAA,iDAAA,CAKO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,UAAM;AAAA,MAC3CD,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,QAAQ,UAAU,SAAS,cAAc,UACpG,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,2BAAAA,IAAC,SAAA,EAAM,MAAK,QAAO,WAAU,oBAAmB,aAAY,UAAA,CAAU,GACxE;AAAA,QACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,4CACb,UAAAA,2BAAAA,IAAC,SAAA,EAAM,MAAK,QAAO,WAAU,oBAAmB,aAAY,QAAA,CAAQ,GACtE;AAAA,QACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+CACb,yCAAC,SAAA,EAAM,MAAK,QAAO,WAAU,oBAAmB,aAAY,YAAW,UAAQ,MAAC,EAAA,CAClF;AAAA,MAAA,GACF;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA,qBAAA,CAEO;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;AAEO,MAAM,iBAAwB;AAAA,EACnC,QAAQ,MACND,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,SAAS,YAAY,oCAAA,GAC5D,UAAA;AAAA,IAAAC,+BAAC,QAAG,OAAO,EAAE,cAAc,MAAA,GAAS,UAAA,SAAK;AAAA,IACzCA,2BAAAA,IAAC,OAAE,OAAO,EAAE,OAAO,WAAW,cAAc,OAAA,GAAU,UAAA,kCAAA,CAA+B;AAAA,oCAEpF,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,mBAAe;AAAA,qCACnD,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,QAAQ,UAAU,UAC7H,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAQO;AAAA,IAAA,GACF;AAAA,oCAEC,OAAA,EAAI,OAAO,EAAE,cAAc,UAC1B,UAAA;AAAA,MAAAA,+BAAC,QAAG,OAAO,EAAE,cAAc,OAAA,GAAU,UAAA,qBAAiB;AAAA,MACtDD,2BAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,QAAQ,cAAc,OAAA,GACjF,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,UAAA,KAAC;AAAA,UAClCA,2BAAAA,IAAC,SAAI,WAAU,sBAAqB,yCAAC,OAAA,EAAI,WAAU,sBAAqB,UAAA,gBAAA,CAAa,EAAA,CAAM;AAAA,QAAA,GAC7F;AAAA,QACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,UAAA,KAAC;AAAA,UAClCA,2BAAAA,IAAC,SAAI,WAAU,sBAAqB,yCAAC,OAAA,EAAI,WAAU,sBAAqB,UAAA,aAAA,CAAU,EAAA,CAAM;AAAA,QAAA,GAC1F;AAAA,QACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,UAAA,KAAC;AAAA,UAClCA,2BAAAA,IAAC,SAAI,WAAU,sBAAqB,yCAAC,OAAA,EAAI,WAAU,sBAAqB,UAAA,gBAAA,CAAa,EAAA,CAAM;AAAA,QAAA,GAC7F;AAAA,QACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,UAAA,KAAC;AAAA,UAClCA,2BAAAA,IAAC,SAAI,WAAU,sBAAqB,yCAAC,OAAA,EAAI,WAAU,sBAAqB,UAAA,cAAA,CAAW,EAAA,CAAM;AAAA,QAAA,EAAA,CAC3F;AAAA,MAAA,GACF;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,WAAW,OAAO,QAAQ,SAAS,QAAQ,cAAc,OAAO,UAAU,UAC3G,UAAA;AAAA;AAAA;AAAA;AAAA,yCAAA,CAKO;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;;;;;"}

package/dist/react/cjs/stories/css/Input.stories.js DELETED Viewed

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-;/* empty css                   */
-const meta = {
-  title: "CSS Styles/Components/Input",
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const Sizes = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Input Sizes" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Small" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--sm", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Small input" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Medium" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Medium input" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Large" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--lg", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Large input" }) })
-      ] })
-    ] })
-  ] })
-};
-const States = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Input States" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Default" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Default state" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", children: "This is helper text" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Hover (hover over input)" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Hover to see effect" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Focus (click input)" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Click to focus" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label zid-input-label--required", children: "Error" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md zid-input--error", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Error state" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper zid-input-helper--error", children: "This field has an error" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Disabled" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md zid-input--disabled", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Disabled", disabled: true }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", children: "This input is disabled" })
-      ] })
-    ] })
-  ] })
-};
-const WithLabelAndHelper = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "With Label & Helper Text" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "20px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Email Address" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "email", className: "zid-input__field", placeholder: "Enter your email" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", children: "We will never share your email" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label zid-input-label--required", children: "Password" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "password", className: "zid-input__field", placeholder: "Enter password" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper", children: "Must be at least 8 characters" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label zid-input-label--required", children: "Username" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md zid-input--error", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Enter username", defaultValue: "ab" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input-helper zid-input-helper--error", children: "Username must be at least 3 characters" })
-      ] })
-    ] })
-  ] })
-};
-const WithAdornments = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "With Adornments" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Search" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-input zid-input--md", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-input__adornment zid-input__adornment--start", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Search..." })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Price" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-input zid-input--md", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-input__adornment zid-input__adornment--start zid-input__adornment-text", children: "$" }),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", className: "zid-input__field", placeholder: "0.00" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Weight" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-input zid-input--md", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", className: "zid-input__field", placeholder: "Enter weight" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-input__adornment zid-input__adornment--end zid-input__adornment-text", children: "kg" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Website" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-input zid-input--md", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-input__adornment zid-input__adornment--start zid-input__adornment-text", children: "https://" }),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "example.com" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Password" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "zid-input zid-input--md", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "password", className: "zid-input__field", placeholder: "Enter password" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "zid-input__adornment zid-input__adornment--end", style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }) })
-        ] })
-      ] })
-    ] })
-  ] })
-};
-const InputTypes = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Input Types" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Text" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: "zid-input__field", placeholder: "Enter text" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Email" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "email", className: "zid-input__field", placeholder: "email@example.com" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Password" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "password", className: "zid-input__field", placeholder: "Enter password" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Number" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", className: "zid-input__field", placeholder: "0" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "Tel" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "tel", className: "zid-input__field", placeholder: "+1 (555) 000-0000" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "zid-input-label", children: "URL" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "url", className: "zid-input__field", placeholder: "https://example.com" }) })
-      ] })
-    ] })
-  ] })
-};
-exports.InputTypes = InputTypes;
-exports.Sizes = Sizes;
-exports.States = States;
-exports.WithAdornments = WithAdornments;
-exports.WithLabelAndHelper = WithLabelAndHelper;
-exports.default = meta;
-//# sourceMappingURL=Input.stories.js.map

package/dist/react/cjs/stories/css/Input.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Input.stories.js","sources":["../../../../../src/stories/css/Input.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst meta = {\n title: 'CSS Styles/Components/Input',\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Sizes: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Input Sizes</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-input-label\">Small</label>\n <div className=\"zid-input zid-input--sm\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Small input\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Medium</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Medium input\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Large</label>\n <div className=\"zid-input zid-input--lg\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Large input\" />\n </div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const States: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Input States</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-input-label\">Default</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Default state\" />\n </div>\n <div className=\"zid-input-helper\">This is helper text</div>\n </div>\n <div>\n <label className=\"zid-input-label\">Hover (hover over input)</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Hover to see effect\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Focus (click input)</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Click to focus\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label zid-input-label--required\">Error</label>\n <div className=\"zid-input zid-input--md zid-input--error\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Error state\" />\n </div>\n <div className=\"zid-input-helper zid-input-helper--error\">This field has an error</div>\n </div>\n <div>\n <label className=\"zid-input-label\">Disabled</label>\n <div className=\"zid-input zid-input--md zid-input--disabled\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Disabled\" disabled />\n </div>\n <div className=\"zid-input-helper\">This input is disabled</div>\n </div>\n </div>\n </div>\n ),\n};\n\n\nexport const WithLabelAndHelper: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>With Label & Helper Text</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>\n <div>\n <label className=\"zid-input-label\">Email Address</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"email\" className=\"zid-input__field\" placeholder=\"Enter your email\" />\n </div>\n <div className=\"zid-input-helper\">We will never share your email</div>\n </div>\n <div>\n <label className=\"zid-input-label zid-input-label--required\">Password</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"password\" className=\"zid-input__field\" placeholder=\"Enter password\" />\n </div>\n <div className=\"zid-input-helper\">Must be at least 8 characters</div>\n </div>\n <div>\n <label className=\"zid-input-label zid-input-label--required\">Username</label>\n <div className=\"zid-input zid-input--md zid-input--error\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Enter username\" defaultValue=\"ab\" />\n </div>\n <div className=\"zid-input-helper zid-input-helper--error\">Username must be at least 3 characters</div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const WithAdornments: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>With Adornments</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-input-label\">Search</label>\n <div className=\"zid-input zid-input--md\">\n <span className=\"zid-input__adornment zid-input__adornment--start\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>\n </svg>\n </span>\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Search...\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Price</label>\n <div className=\"zid-input zid-input--md\">\n <span className=\"zid-input__adornment zid-input__adornment--start zid-input__adornment-text\">$</span>\n <input type=\"number\" className=\"zid-input__field\" placeholder=\"0.00\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Weight</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"number\" className=\"zid-input__field\" placeholder=\"Enter weight\" />\n <span className=\"zid-input__adornment zid-input__adornment--end zid-input__adornment-text\">kg</span>\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Website</label>\n <div className=\"zid-input zid-input--md\">\n <span className=\"zid-input__adornment zid-input__adornment--start zid-input__adornment-text\">https://</span>\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"example.com\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Password</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"password\" className=\"zid-input__field\" placeholder=\"Enter password\" />\n <span className=\"zid-input__adornment zid-input__adornment--end\" style={{ cursor: 'pointer' }}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/>\n </svg>\n </span>\n </div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const InputTypes: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Input Types</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-input-label\">Text</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Enter text\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Email</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"email\" className=\"zid-input__field\" placeholder=\"email@example.com\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Password</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"password\" className=\"zid-input__field\" placeholder=\"Enter password\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Number</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"number\" className=\"zid-input__field\" placeholder=\"0\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">Tel</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"tel\" className=\"zid-input__field\" placeholder=\"+1 (555) 000-0000\" />\n </div>\n </div>\n <div>\n <label className=\"zid-input-label\">URL</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"url\" className=\"zid-input__field\" placeholder=\"https://example.com\" />\n </div>\n </div>\n </div>\n </div>\n ),\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}