allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/typography/CardDate.stories.d.ts

@@ -1,119 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { CardDate as component };
-    export let tags: string[];
-    export namespace parameters {
-        let componentSubtitle: string;
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-    export namespace argTypes {
-        namespace date {
-            export let control: string;
-            let description_1: string;
-            export { description_1 as description };
-            export namespace table {
-                namespace type {
-                    let summary: string;
-                }
-                namespace defaultValue {
-                    let summary_1: string;
-                    export { summary_1 as summary };
-                }
-            }
-        }
-        namespace showYear {
-            let control_1: string;
-            export { control_1 as control };
-            let description_2: string;
-            export { description_2 as description };
-            export namespace table_1 {
-                export namespace type_1 {
-                    let summary_2: string;
-                    export { summary_2 as summary };
-                }
-                export { type_1 as type };
-                export namespace defaultValue_1 {
-                    let summary_3: boolean;
-                    export { summary_3 as summary };
-                }
-                export { defaultValue_1 as defaultValue };
-            }
-            export { table_1 as table };
-        }
-        namespace variant {
-            let control_2: string;
-            export { control_2 as control };
-            export let options: string[];
-            let description_3: string;
-            export { description_3 as description };
-            export namespace table_2 {
-                export namespace type_2 {
-                    let summary_4: string;
-                    export { summary_4 as summary };
-                }
-                export { type_2 as type };
-                export namespace defaultValue_2 {
-                    let summary_5: string;
-                    export { summary_5 as summary };
-                }
-                export { defaultValue_2 as defaultValue };
-            }
-            export { table_2 as table };
-        }
-        namespace label {
-            let control_3: string;
-            export { control_3 as control };
-            let description_4: string;
-            export { description_4 as description };
-            export namespace table_3 {
-                export namespace type_3 {
-                    let summary_6: string;
-                    export { summary_6 as summary };
-                }
-                export { type_3 as type };
-                export namespace defaultValue_3 {
-                    let summary_7: string;
-                    export { summary_7 as summary };
-                }
-                export { defaultValue_3 as defaultValue };
-            }
-            export { table_3 as table };
-        }
-        namespace isDisabled {
-            let control_4: string;
-            export { control_4 as control };
-            let description_5: string;
-            export { description_5 as description };
-            export namespace table_4 {
-                export namespace type_4 {
-                    let summary_8: string;
-                    export { summary_8 as summary };
-                }
-                export { type_4 as type };
-                export namespace defaultValue_4 {
-                    let summary_9: boolean;
-                    export { summary_9 as summary };
-                }
-                export { defaultValue_4 as defaultValue };
-            }
-            export { table_4 as table };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const DisabledHorizontal: any;
-export const DisabledVertical: any;
-import CardDate from "./CardDate";

package/dist/components/atoms/typography/CardDate.stories.js

@@ -1,103 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import CardDate from "./CardDate";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Atoms/typography/CardDate",
-    component: CardDate,
-    tags: ["autodocs"],
-    parameters: {
-        componentSubtitle: "Composant d'affichage de date pour les cards",
-        docs: {
-            description: {
-                component: "Un composant qui affiche une date formatée avec le jour de la semaine, le jour du mois, le mois et optionnellement l'année.",
-            },
-        },
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-    argTypes: {
-        date: {
-            control: "text",
-            description: "Date au format ISO (ex: 2024-10-31)",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "undefined" },
-            },
-        },
-        showYear: {
-            control: "boolean",
-            description: "Afficher ou masquer l'année",
-            table: {
-                type: { summary: "boolean" },
-                defaultValue: { summary: true },
-            },
-        },
-        variant: {
-            control: "select",
-            options: ["horizontal", "hybride", "vertical"], // Mise à jour des options
-            description: "Variante de style de la date",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "hybride" },
-            },
-        },
-        label: {
-            control: "text",
-            description: "Label à afficher avant la date",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "undefined" },
-            },
-        },
-        isDisabled: {
-            control: "boolean",
-            description: "Indique si le composant est désactivé",
-            table: {
-                type: { summary: "boolean" },
-                defaultValue: { summary: false },
-            },
-        },
-    },
-};
-var Template = function (args) { return React.createElement(CardDate, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    date: "2024-10-31",
-    showYear: true,
-    variant: "hybride",
-};
-export var DisabledHorizontal = Template.bind({});
-DisabledHorizontal.args = {
-    date: "2024-10-31",
-    showYear: true,
-    variant: "horizontal",
-    label: "Clôturé le",
-    isDisabled: true, // Exemple avec isDisabled
-};
-export var DisabledVertical = Template.bind({});
-DisabledVertical.args = {
-    date: "2024-10-31",
-    showYear: true,
-    variant: "vertical",
-    label: "Clôturé le",
-    isDisabled: true, // Exemple avec isDisabled
-};
-// Ajoutez d'autres histoires si nécessaire

package/dist/components/atoms/typography/Heading.stories.d.ts

@@ -1,79 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Heading as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace variant {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        namespace color {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_1 as control };
-        }
-        namespace text {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace align {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_3 as control };
-        }
-        namespace responsiveSize {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace as {
-            export namespace control_5 {
-                let type_3: string;
-                export { type_3 as type };
-                let options_3: string[];
-                export { options_3 as options };
-            }
-            export { control_5 as control };
-        }
-    }
-    export namespace args {
-        let responsiveSize_1: {
-            480: string;
-            768: string;
-            1024: string;
-            1440: string;
-        };
-        export { responsiveSize_1 as responsiveSize };
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const H1: any;
-export const H2: any;
-export const H3: any;
-export const H4: any;
-export const H5: any;
-export const H6: any;
-export const H7: any;
-export const ResponsiveHeading: any;
-export const CustomElement: any;
-export const CenteredHeading: any;
-import Heading from "./Heading";

package/dist/components/atoms/typography/Heading.stories.js

@@ -1,150 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import "../../../styles/global.css";
-import Heading from "./Heading";
-export default {
-    title: "Components/UI-Variables/Typography/Heading",
-    component: Heading,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["h1", "h2", "h3", "h4", "h5", "h6", "h7"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
-            },
-        },
-        text: {
-            control: "text",
-        },
-        align: {
-            control: {
-                type: "select",
-                options: ["left", "justify", "center"],
-            },
-        },
-        responsiveSize: {
-            control: "object",
-        },
-        as: {
-            control: {
-                type: "select",
-                options: ["span", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div"],
-            },
-        },
-    },
-    args: {
-        // Valeurs par défaut pour tous les stories
-        responsiveSize: {
-            480: "h5",
-            768: "h4",
-            1024: "h3",
-            1440: "h2",
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "grey", value: "#728ea7" },
-                { name: "light", value: "#ffffff" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) { return React.createElement(Heading, __assign({}, args)); };
-export var H1 = Template.bind({});
-H1.args = {
-    variant: "h1",
-    color: "noir",
-    text: "Poppins – SemiBold – 60px",
-    as: "h1",
-};
-export var H2 = Template.bind({});
-H2.args = {
-    variant: "h2",
-    color: "noir",
-    text: "Poppins – SemiBold – 36px",
-    as: "h2",
-};
-export var H3 = Template.bind({});
-H3.args = {
-    variant: "h3",
-    color: "noir",
-    text: "Poppins – SemiBold – 28px",
-    as: "h3",
-};
-export var H4 = Template.bind({});
-H4.args = {
-    variant: "h4",
-    color: "noir",
-    text: "Poppins – SemiBold – 24px",
-    as: "h4",
-};
-export var H5 = Template.bind({});
-H5.args = {
-    variant: "h5",
-    color: "noir",
-    text: "Poppins – Medium – 24px",
-    as: "h5",
-};
-export var H6 = Template.bind({});
-H6.args = {
-    variant: "h6",
-    color: "noir",
-    text: "Poppins – SemiBold – 18px",
-    as: "h6",
-};
-export var H7 = Template.bind({});
-H7.args = {
-    variant: "h7",
-    color: "noir",
-    text: "Poppins – SemiBold – 14px",
-    as: "span",
-};
-export var ResponsiveHeading = Template.bind({});
-ResponsiveHeading.args = {
-    variant: "h6", // Default variant
-    color: "noir",
-    text: "This heading changes size based on viewport width",
-    align: "left",
-    responsiveSize: {
-        480: "h5",
-        768: "h4",
-        1024: "h3",
-        1440: "h2",
-    },
-    as: "h2",
-};
-export var CustomElement = Template.bind({});
-CustomElement.args = {
-    variant: "h3",
-    color: "bleu-allaw",
-    text: "This heading uses a paragraph tag",
-    as: "p",
-};
-export var CenteredHeading = Template.bind({});
-CenteredHeading.args = {
-    variant: "h3",
-    color: "bleu-allaw",
-    text: "This heading is centered",
-    align: "center",
-    as: "h3",
-};

package/dist/components/atoms/typography/Link.stories.d.ts

@@ -1,72 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Link as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace variant {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        namespace color {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_1 as control };
-        }
-        namespace text {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace size {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_3 as control };
-        }
-        namespace isUnderline {
-            let control_4: string;
-            export { control_4 as control };
-            export let description: string;
-        }
-        namespace hasHoverColor {
-            let control_5: string;
-            export { control_5 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace onClick {
-            let action: string;
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const Bold: any;
-export const SemiBold: any;
-export const Medium: any;
-export const BoldSmall: any;
-export const SemiBoldSmall: any;
-export const MediumSmall: any;
-export const ClickableLink: any;
-export const UnderlinedLink: any;
-export const ClickableUnderlinedLink: any;
-export const HoverColorLink: any;
-export const HoverColorUnderlinedLink: any;
-import Link from "./Link";

package/dist/components/atoms/typography/Link.stories.js

@@ -1,164 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import Link from "./Link";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Typography/Link",
-    component: Link,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold", "semiBold", "medium"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
-            },
-        },
-        text: {
-            control: "text",
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["default", "small"],
-            },
-        },
-        isUnderline: {
-            control: "boolean",
-            description: "Ajoute un soulignement au survol",
-        },
-        hasHoverColor: {
-            control: "boolean",
-            description: "Change la couleur du texte en bleu au survol",
-        },
-        onClick: { action: "clicked" },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) { return React.createElement(Link, __assign({}, args)); };
-export var Bold = Template.bind({});
-Bold.args = {
-    variant: "bold",
-    color: "noir",
-    text: "Open Sans - Bold - 16px",
-    size: "default",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var SemiBold = Template.bind({});
-SemiBold.args = {
-    variant: "semiBold",
-    color: "noir",
-    text: "Open Sans - SemiBold - 16px",
-    size: "default",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var Medium = Template.bind({});
-Medium.args = {
-    variant: "medium",
-    color: "noir",
-    text: "Open Sans - Medium - 16px",
-    size: "default",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var BoldSmall = Template.bind({});
-BoldSmall.args = {
-    variant: "bold",
-    color: "noir",
-    text: "Open Sans - Bold - 12px",
-    size: "small",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var SemiBoldSmall = Template.bind({});
-SemiBoldSmall.args = {
-    variant: "semiBold",
-    color: "noir",
-    text: "Open Sans - SemiBold - 12px",
-    size: "small",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var MediumSmall = Template.bind({});
-MediumSmall.args = {
-    variant: "medium",
-    color: "noir",
-    text: "Open Sans - Medium - 12px",
-    size: "small",
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var ClickableLink = Template.bind({});
-ClickableLink.args = {
-    variant: "semiBold",
-    color: "bleu-allaw",
-    text: "Cliquez sur moi",
-    size: "small",
-    onClick: function () { return console.log("Linke cliqué"); },
-    isUnderline: false,
-    hasHoverColor: false,
-};
-export var UnderlinedLink = Template.bind({});
-UnderlinedLink.args = {
-    variant: "semiBold",
-    color: "bleu-allaw",
-    text: "Survolez-moi pour voir le soulignement",
-    size: "default",
-    isUnderline: true,
-    hasHoverColor: false,
-};
-export var ClickableUnderlinedLink = Template.bind({});
-ClickableUnderlinedLink.args = {
-    variant: "semiBold",
-    color: "bleu-allaw",
-    text: "Cliquez et survolez-moi",
-    size: "small",
-    onClick: function () { return console.log("Lien cliqué"); },
-    isUnderline: true,
-    hasHoverColor: false,
-};
-export var HoverColorLink = Template.bind({});
-HoverColorLink.args = {
-    variant: "semiBold",
-    color: "mid-grey",
-    text: "Survolez-moi pour changer la couleur",
-    size: "default",
-    isUnderline: false,
-    hasHoverColor: true,
-};
-export var HoverColorUnderlinedLink = Template.bind({});
-HoverColorUnderlinedLink.args = {
-    variant: "semiBold",
-    color: "dark-grey",
-    text: "Survolez-moi pour changer la couleur et voir le soulignement",
-    size: "default",
-    isUnderline: true,
-    hasHoverColor: true,
-};