@ama-pt/agora-design-system 0.1.3 → 0.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "dist/cjs/components/index.js",
   "module": "dist/esm/components/index.js",
   "files": [

package/dist/cjs/components/ui/atoms/button/button.csf.d.ts

@@ -1,80 +0,0 @@
-export declare const parameters: {
-    actions: {
-        handles: string[];
-    };
-    design: {
-        type: string;
-        url: string;
-    };
-};
-export declare const btnVariantOptions: string[];
-export declare const btnKindsOptions: string[];
-export declare const argTypes: {
-    size: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: string;
-        control: {
-            type: string;
-            options: string[];
-        };
-    };
-    hasIcon: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: null;
-    };
-    icon: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: null;
-        control: {
-            type: string;
-            options: string[];
-        };
-    };
-    iconHover: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: null;
-        control: {
-            type: string;
-            options: string[];
-        };
-    };
-    iconPosition: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: string;
-        control: {
-            type: string;
-            options: string[];
-        };
-    };
-    iconAltText: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: string;
-        control: {
-            type: string;
-        };
-    };
-};

package/dist/cjs/components/ui/atoms/button/button.csf.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.argTypes = exports.btnKindsOptions = exports.btnVariantOptions = exports.parameters = void 0;
-const icon_1 = require("../icon");
-exports.parameters = {
-    actions: {
-        handles: ['mouseenter', 'click', 'focusin', 'focusout']
-    },
-    design: {
-        type: 'zeroheight',
-        url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
-    }
-};
-exports.btnVariantOptions = ['primary', 'secondary', 'danger', 'success', 'warning', 'neutral', 'white'];
-exports.btnKindsOptions = ['solid', 'outline', 'link'];
-exports.argTypes = {
-    size: {
-        type: { name: 'string', required: false },
-        description: 'The size of the button.',
-        defaultValue: 'default',
-        control: {
-            type: 'select',
-            options: ['default', 'small']
-        }
-    },
-    hasIcon: {
-        type: { name: 'boolean', required: false },
-        description: 'Prepare the Button for containing Icon',
-        defaultValue: null
-    },
-    icon: {
-        type: { name: 'string', required: false },
-        description: 'The icon to display on the left/right hand side of button.',
-        defaultValue: null,
-        control: {
-            type: 'select',
-            options: [...icon_1.allIcons.filter((i) => i.indexOf('agora-line') === 0)]
-        }
-    },
-    iconHover: {
-        type: { name: 'string', required: false },
-        description: 'The icon to display on the left/right hand side of button when mouse over',
-        defaultValue: null,
-        control: {
-            type: 'select',
-            options: [...icon_1.allIcons.filter((i) => i.indexOf('agora-solid') === 0)]
-        }
-    },
-    iconPosition: {
-        type: { name: 'string', required: false },
-        description: 'The position of icon to display',
-        defaultValue: 'leading',
-        control: {
-            type: 'select',
-            options: ['leading', 'trailing']
-        }
-    },
-    iconAltText: {
-        type: { name: 'string', required: false },
-        description: 'Alternative text recommended for icon with role="img"',
-        defaultValue: 'Alternative Text',
-        control: {
-            type: 'text'
-        }
-    }
-};
-//# sourceMappingURL=button.csf.js.map

package/dist/cjs/components/ui/atoms/button/button.csf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/button/button.csf.ts"],"names":[],"mappings":";;;AAAA,kCAAmC;AAEtB,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAEjG,QAAA,eAAe,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAE/C,QAAA,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;SAC9B;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,wCAAwC;QACrD,YAAY,EAAE,IAAI;KACnB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,4DAA4D;QACzE,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,GAAG,eAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;SACpE;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,2EAA2E;QACxF,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,GAAG,eAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;SACrE;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,iCAAiC;QAC9C,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;SACjC;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,uDAAuD;QACpE,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;CACF,CAAC"}

package/dist/cjs/components/ui/atoms/button/button.stories.d.ts

@@ -1,59 +0,0 @@
-import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-import { ButtonProps } from './button';
-declare const _default: ComponentMeta<React.FC<ButtonProps>>;
-export default _default;
-/**
- * Button Solid
- * @param args
- * @returns
- */
-export declare const ButtonSolid: {
-    (args: ButtonProps): JSX.Element;
-    storyName: string;
-};
-/**
- * Button Outline
- * @param args
- * @returns
- */
-export declare const ButtonOutline: {
-    (args: ButtonProps): JSX.Element;
-    storyName: string;
-};
-/**
- * Button Link
- * @param args B
- * @returns
- */
-export declare const ButtonLink: {
-    (args: ButtonProps): JSX.Element;
-    storyName: string;
-};
-/**
- * Button Solid Disabled
- * @param args B
- * @returns
- */
-export declare const ButtonDisabled: {
-    (args: ButtonProps): JSX.Element;
-    storyName: string;
-};
-/**
- * Button Solid Full Width
- * @param args B
- * @returns
- */
-export declare const ButtonFullwidth: {
-    (args: ButtonProps): JSX.Element[];
-    storyName: string;
-};
-/**
- * Button Solid Icon Only
- * @param args B
- * @returns
- */
-export declare const ButtonFullIconOnly: {
-    (args: ButtonProps): JSX.Element;
-    storyName: string;
-};

package/dist/cjs/components/ui/atoms/button/button.stories.js

@@ -1,92 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonFullIconOnly = exports.ButtonFullwidth = exports.ButtonDisabled = exports.ButtonLink = exports.ButtonOutline = exports.ButtonSolid = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("./button");
-const button_csf_1 = require("./button.csf");
-exports.default = {
-    title: 'Components/Atoms/Button',
-    component: button_1.Button,
-    argTypes: Object.assign(Object.assign({}, button_csf_1.argTypes), { children: {
-            type: { name: 'string', required: false },
-            description: 'The content to render inside the component.',
-            defaultValue: 'Button',
-            control: {
-                type: 'text'
-            }
-        } }),
-    parameters: button_csf_1.parameters
-};
-/**
- * Button Solid
- * @param args
- * @returns
- */
-const ButtonSolid = (args) => {
-    const btnVariantOptions = ['primary', 'secondary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return (react_1.default.createElement("div", { className: "flex justify-between p-16" }, btnVariantOptions.map((variant, index) => (react_1.default.createElement(button_1.Button, Object.assign({ key: index }, args, { variant: variant }))))));
-};
-exports.ButtonSolid = ButtonSolid;
-exports.ButtonSolid.storyName = 'Button Solid';
-/**
- * Button Outline
- * @param args
- * @returns
- */
-const ButtonOutline = (args) => {
-    const btnVariantOptions = ['primary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return (react_1.default.createElement("div", { className: "flex justify-between items-center  p-16" }, btnVariantOptions.map((variant, index) => (react_1.default.createElement("div", { key: index, className: variant === 'white' ? 'bg-primary-900 p-16 rounded-4' : '' },
-        react_1.default.createElement(button_1.Button, Object.assign({}, args, { variant: variant, appearence: "outline" })))))));
-};
-exports.ButtonOutline = ButtonOutline;
-exports.ButtonOutline.storyName = 'Button Outline';
-/**
- * Button Link
- * @param args B
- * @returns
- */
-const ButtonLink = (args) => {
-    const btnVariantOptions = ['primary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return (react_1.default.createElement("div", { className: "flex justify-between items-center  p-16" }, btnVariantOptions.map((variant, index) => (react_1.default.createElement("div", { key: index, className: variant === 'white' ? 'bg-primary-900 p-16 rounded-4' : '' },
-        react_1.default.createElement(button_1.Button, Object.assign({}, args, { variant: variant, appearence: "link" })))))));
-};
-exports.ButtonLink = ButtonLink;
-exports.ButtonLink.storyName = 'Button Link';
-/**
- * Button Solid Disabled
- * @param args B
- * @returns
- */
-const ButtonDisabled = (args) => {
-    const btnVariantOptions = ['primary', 'secondary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return (react_1.default.createElement("div", { className: "flex justify-between  p-16" }, btnVariantOptions.map((variant, index) => (react_1.default.createElement(button_1.Button, Object.assign({ key: index }, args, { variant: variant, appearence: "solid", disabled: true }))))));
-};
-exports.ButtonDisabled = ButtonDisabled;
-exports.ButtonDisabled.storyName = 'Button Disabled';
-/**
- * Button Solid Full Width
- * @param args B
- * @returns
- */
-const ButtonFullwidth = (args) => {
-    const btnVariantOptions = ['primary', 'secondary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return btnVariantOptions.map((variant, index) => (react_1.default.createElement("div", { key: index, className: "p-16" },
-        react_1.default.createElement(button_1.Button, Object.assign({}, args, { variant: variant, appearence: "solid", fullWidth: true })))));
-};
-exports.ButtonFullwidth = ButtonFullwidth;
-exports.ButtonFullwidth.storyName = 'Button Full Width';
-/**
- * Button Solid Icon Only
- * @param args B
- * @returns
- */
-const ButtonFullIconOnly = (args) => {
-    const btnVariantOptions = ['primary', 'secondary', 'danger', 'success', 'warning', 'neutral', 'white'];
-    return (react_1.default.createElement("div", { className: "flex justify-between  p-16" }, btnVariantOptions.map((variant, index) => (react_1.default.createElement(button_1.Button, Object.assign({ key: index }, args, { variant: variant, appearence: "solid", iconOnly: true }))))));
-};
-exports.ButtonFullIconOnly = ButtonFullIconOnly;
-exports.ButtonFullIconOnly.storyName = 'Button Icon Only';
-//# sourceMappingURL=button.stories.js.map

package/dist/cjs/components/ui/atoms/button/button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/button/button.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.d.ts

@@ -1,73 +0,0 @@
-export declare const parameters: {
-    actions: {
-        handles: string[];
-    };
-    design: {
-        type: string;
-        url: string;
-    };
-};
-export declare const argTypes: {
-    label: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: string;
-        control: {
-            type: string;
-        };
-    };
-    ariaLabel: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: string;
-        control: {
-            type: string;
-        };
-    };
-    disabled: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: null;
-    };
-    hasError: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: boolean;
-    };
-    hideLabel: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: boolean;
-    };
-    isChecked: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: boolean;
-    };
-    isOptional: {
-        type: {
-            name: string;
-            required: boolean;
-        };
-        description: string;
-        defaultValue: boolean;
-    };
-};

package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.argTypes = exports.parameters = void 0;
-exports.parameters = {
-    actions: {
-        handles: ['mouseenter', 'click', 'focusin', 'focusout']
-    },
-    design: {
-        type: 'zeroheight',
-        url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
-    }
-};
-exports.argTypes = {
-    label: {
-        type: { name: 'string', required: true },
-        description: 'Checkbox descriptive label',
-        defaultValue: 'Lorem ipsum dolor sit amet',
-        control: {
-            type: 'text'
-        }
-    },
-    ariaLabel: {
-        type: { name: 'string', required: false },
-        description: 'Descritive attribute that labels the checkbox in terms of accessibility',
-        defaultValue: '',
-        control: {
-            type: 'text'
-        }
-    },
-    disabled: {
-        type: { name: 'boolean', required: false },
-        description: 'Indicate if this field is able to be selected',
-        defaultValue: null
-    },
-    hasError: {
-        type: { name: 'boolean', required: false },
-        description: 'Indicate that this field has error',
-        defaultValue: false
-    },
-    hideLabel: {
-        type: { name: 'boolean', required: false },
-        description: 'Should display/hide label',
-        defaultValue: false
-    },
-    isChecked: {
-        type: { name: 'boolean', required: false },
-        description: 'Should this field must start checked',
-        defaultValue: false
-    },
-    isOptional: {
-        type: { name: 'boolean', required: false },
-        description: 'Decides if this field could be optional',
-        defaultValue: false
-    }
-};
-//# sourceMappingURL=checkbox.csf.js.map

package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/checkbox/checkbox.csf.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,4BAA4B;QACzC,YAAY,EAAE,4BAA4B;QAC1C,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yEAAyE;QACtF,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,IAAI;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,oCAAoC;QACjD,YAAY,EAAE,KAAK;KACpB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,2BAA2B;QACxC,YAAY,EAAE,KAAK;KACpB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,sCAAsC;QACnD,YAAY,EAAE,KAAK;KACpB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,yCAAyC;QACtD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC"}

package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.d.ts

@@ -1,29 +0,0 @@
-import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-import { CheckboxProps } from './checkbox';
-declare const _default: ComponentMeta<React.FC<CheckboxProps>>;
-export default _default;
-export declare const CheckboxDefault: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxChildren: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxNoLabel: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxDisabled: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxDisabledSelected: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxHasError: {
-    (args: CheckboxProps): JSX.Element;
-    storyName: string;
-};

package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxHasError = exports.CheckboxDisabledSelected = exports.CheckboxDisabled = exports.CheckboxNoLabel = exports.CheckboxChildren = exports.CheckboxDefault = void 0;
-const react_1 = __importDefault(require("react"));
-const checkbox_1 = require("./checkbox");
-const checkbox_csf_1 = require("./checkbox.csf");
-exports.default = {
-    title: 'Components/Atoms/Checkbox',
-    argTypes: Object.assign({}, checkbox_csf_1.argTypes),
-    component: checkbox_1.Checkbox
-};
-const CheckboxDefault = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name" }))));
-};
-exports.CheckboxDefault = CheckboxDefault;
-exports.CheckboxDefault.storyName = 'Checkbox';
-const CheckboxChildren = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name" }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("p", null,
-                    "I declare that I read and accept uncondicionally",
-                    ' ',
-                    react_1.default.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Terms"),
-                    ' ',
-                    "and",
-                    ' ',
-                    react_1.default.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Conditions"),
-                    ' ',
-                    "of Agora Design System.")))));
-};
-exports.CheckboxChildren = CheckboxChildren;
-exports.CheckboxChildren.storyName = 'Checkbox Custom Children';
-const CheckboxNoLabel = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", hideLabel: true }))));
-};
-exports.CheckboxNoLabel = CheckboxNoLabel;
-exports.CheckboxNoLabel.storyName = 'Checkbox No Label';
-const CheckboxDisabled = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", disabled: true }))));
-};
-exports.CheckboxDisabled = CheckboxDisabled;
-exports.CheckboxDisabled.storyName = 'Checkbox Disabled';
-const CheckboxDisabledSelected = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", disabled: true, isChecked: true }))));
-};
-exports.CheckboxDisabledSelected = CheckboxDisabledSelected;
-exports.CheckboxDisabledSelected.storyName = 'Checkbox Disabled Selected';
-const CheckboxHasError = (args) => {
-    return (react_1.default.createElement("div", { className: "p-16" },
-        react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", hasError: true }))));
-};
-exports.CheckboxHasError = CheckboxHasError;
-exports.CheckboxHasError.storyName = 'Checkbox Has Error';
-//# sourceMappingURL=checkbox.stories.js.map

package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/checkbox/checkbox.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,yCAAqD;AACrD,iDAA0C;AAE1C,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,QAAQ,oBACH,uBAAQ,CACZ;IACD,SAAS,EAAE,mBAAQ;CACc,CAAC;AAE7B,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;IACrD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,IAAG,CACvD,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B;AACF,uBAAe,CAAC,SAAS,GAAG,UAAU,CAAC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY;YACtD;gBACE;;oBACmD,GAAG;oBACpD,qCAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,YAE/F;oBAAC,GAAG;;oBACJ,GAAG;oBACP,qCAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,iBAE/F;oBAAC,GAAG;8CAEN,CACA,CACG,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B;AACF,wBAAgB,CAAC,SAAS,GAAG,0BAA0B,CAAC;AAEjD,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;IACrD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,UAAG,CACjE,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B;AACF,uBAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEzC,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B;AACF,wBAAgB,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAE1C,MAAM,wBAAwB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC9D,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,QAAC,SAAS,UAAG,CAC1E,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,wBAAwB,4BAMnC;AACF,gCAAwB,CAAC,SAAS,GAAG,4BAA4B,CAAC;AAE3D,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B;AACF,wBAAgB,CAAC,SAAS,GAAG,oBAAoB,CAAC"}

package/dist/cjs/components/ui/atoms/icon/icon.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IconProps } from './icon';
-declare const _default: ComponentMeta<React.FC<IconProps>>;
-export default _default;
-export declare const Size: Story<IconProps>;
-export declare const ExternalImage: Story<IconProps>;
-export declare const IconList: Story<IconProps>;

package/dist/cjs/components/ui/atoms/icon/icon.stories.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconList = exports.ExternalImage = exports.Size = void 0;
-const react_1 = __importDefault(require("react"));
-const assets_1 = require("./assets");
-const icon_1 = require("./icon");
-exports.default = {
-    title: 'Components/Atoms/Icon'
-};
-const dimensions = ['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'];
-const Size = ({ icon }) => {
-    return (react_1.default.createElement("div", { className: "bg-neutral-100" }, dimensions.map((size) => (react_1.default.createElement(icon_1.Icon, { className: "p-1", key: size, size: size, icon: icon, ariaHidden: true })))));
-};
-exports.Size = Size;
-exports.Size.storyName = 'Size';
-exports.Size.argTypes = {
-    icon: {
-        description: 'Icon name or external image url',
-        defaultValue: 'no-icon',
-        control: {
-            type: 'select',
-            options: ['no-icon', ...assets_1.allIcons]
-        }
-    }
-};
-const ExternalImage = ({ icon, size }) => {
-    return react_1.default.createElement(icon_1.Icon, { icon: icon || 'https://picsum.photos/50', size: size || 'm', ariaHidden: true });
-};
-exports.ExternalImage = ExternalImage;
-exports.ExternalImage.storyName = 'External Image';
-exports.ExternalImage.argTypes = {
-    icon: {
-        description: 'Icon name or external image url',
-        control: 'text'
-    },
-    size: {
-        description: 'Icon size to be used',
-        defaultValue: 'm',
-        control: {
-            type: 'select',
-            options: dimensions.map((i) => i.toUpperCase())
-        }
-    }
-};
-const IconList = ({ size }) => {
-    return (react_1.default.createElement("div", { className: "grid md:grid-cols-3 bg-neutral-100" }, assets_1.allIcons.map((icon) => (react_1.default.createElement("div", { className: "flex items-center", key: icon },
-        react_1.default.createElement(icon_1.Icon, { icon: icon, size: size || 'm', ariaHidden: true }),
-        react_1.default.createElement("span", { className: "pl-8" }, icon))))));
-};
-exports.IconList = IconList;
-exports.IconList.storyName = 'List';
-exports.IconList.argTypes = {
-    size: {
-        description: 'Icon size to be used',
-        defaultValue: 'm',
-        control: {
-            type: 'select',
-            options: dimensions.map((i) => i.toUpperCase())
-        }
-    }
-};
-//# sourceMappingURL=icon.stories.js.map

package/dist/cjs/components/ui/atoms/icon/icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/icon/icon.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAoC;AACpC,iCAAyC;AAEzC,kBAAe;IACb,KAAK,EAAE,uBAAuB;CACD,CAAC;AAEhC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAEhE,MAAM,IAAI,GAAqB,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IAC5D,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB,IAC5B,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,8BAAC,WAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,SAAG,CACvE,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,IAAI,QAQf;AACF,YAAI,CAAC,SAAS,GAAG,MAAM,CAAC;AACxB,YAAI,CAAC,QAAQ,GAAG;IACd,IAAI,EAAE;QACJ,WAAW,EAAE,iCAAiC;QAC9C,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,iBAAQ,CAAC;SAClC;KACF;CACF,CAAC;AAEK,MAAM,aAAa,GAAqB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAa,EAAE,EAAE;IAC3E,OAAO,8BAAC,WAAI,IAAC,IAAI,EAAE,IAAI,IAAI,0BAA0B,EAAE,IAAI,EAAE,IAAI,IAAI,GAAG,EAAE,UAAU,SAAG,CAAC;AAC1F,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AACF,qBAAa,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAC3C,qBAAa,CAAC,QAAQ,GAAG;IACvB,IAAI,EAAE;QACJ,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,MAAM;KAChB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,sBAAsB;QACnC,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SACxD;KACF;CACF,CAAC;AAEK,MAAM,QAAQ,GAAqB,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IAChE,OAAO,CACL,uCAAK,SAAS,EAAC,oCAAoC,IAChD,iBAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,uCAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,IAAI;QAC1C,8BAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,GAAG,EAAE,UAAU,SAAG;QAClD,wCAAM,SAAS,EAAC,MAAM,IAAE,IAAI,CAAQ,CAChC,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,QAAQ,YAWnB;AACF,gBAAQ,CAAC,SAAS,GAAG,MAAM,CAAC;AAC5B,gBAAQ,CAAC,QAAQ,GAAG;IAClB,IAAI,EAAE;QACJ,WAAW,EAAE,sBAAsB;QACnC,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SACxD;KACF;CACF,CAAC"}