allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/fileUploader/FileUploader.stories.js

@@ -1,269 +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);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React, { useState } from "react";
-import FileUploader from "./FileUploader";
-import "../../../styles/global.css";
-import pdfIcon from "../../../assets/allaw-icon-pdf.svg";
-export default {
-    title: "Components/Molecules/FileUploader/FileUploader",
-    component: FileUploader,
-    tags: ["autodocs"],
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-    argTypes: {
-        acceptedExtensions: {
-            control: "array",
-            description: "Liste des extensions de fichiers acceptées",
-        },
-        maxFileSizeMB: {
-            control: "number",
-            description: "Taille maximale du fichier en MB",
-        },
-        enableDragAndDrop: {
-            control: "boolean",
-            description: "Active/désactive la zone de drag & drop",
-        },
-        enableCropping: {
-            control: "boolean",
-            description: "Active/désactive le cadrage pour les images",
-        },
-        cropShape: {
-            control: { type: "select", options: ["circle", "square", "banner"] },
-            description: "Forme du masque de cadrage (cercle, carré ou bannière)",
-        },
-        clientSideCrop: {
-            control: "boolean",
-            description: "Active le crop côté client (l'image est croppée avant d'être envoyée)",
-        },
-        cropOutputDimensions: {
-            control: "object",
-            description: "Dimensions de sortie pour chaque forme (ex: { banner: { width: 1200, height: 400 } })",
-        },
-        iconUrl: {
-            control: "text",
-            description: "URL de l'icône du type de fichier",
-        },
-        buttonLabel: {
-            control: "text",
-            description: "Texte du bouton de sélection manuelle",
-        },
-        acceptedLabel: {
-            control: "text",
-            description: "Texte sur le format accepté",
-        },
-        maxSizeLabel: {
-            control: "text",
-            description: "Texte sur la taille maximale",
-        },
-        uploadProgress: {
-            control: { type: "range", min: 0, max: 10, step: 1 },
-            description: "Progression de l'upload (0-10)",
-        },
-        isLoading: {
-            control: "boolean",
-            description: "Affiche un loader pendant lecture ou traitement",
-        },
-        errorMessage: {
-            control: "text",
-            description: "Message d'erreur à afficher",
-        },
-    },
-};
-// Template de base avec gestion d'état intégré pour la démo
-var Template = function (args) {
-    var _a = useState(null), file = _a[0], setFile = _a[1];
-    var _b = useState(null), fileContent = _b[0], setFileContent = _b[1];
-    var _c = useState(null), cropMetadata = _c[0], setCropMetadata = _c[1];
-    var _d = useState(0), progress = _d[0], setProgress = _d[1];
-    var _e = useState(false), loading = _e[0], setLoading = _e[1];
-    var _f = useState(null), error = _f[0], setError = _f[1];
-    var handleFileRead = function (file, content, cropMeta) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    setFile(file);
-                    setFileContent(content);
-                    if (cropMeta) {
-                        setCropMetadata(cropMeta);
-                        console.log("Métadonnées de cadrage:", cropMeta);
-                    }
-                    // Simuler une progression
-                    setProgress(2);
-                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 300); })];
-                case 1:
-                    _a.sent();
-                    setProgress(5);
-                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 300); })];
-                case 2:
-                    _a.sent();
-                    setProgress(8);
-                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 300); })];
-                case 3:
-                    _a.sent();
-                    setProgress(10);
-                    setLoading(false);
-                    console.log("Fichier lu:", file.name, "Taille:", file.size);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleFileRemove = function () {
-        setFile(null);
-        setFileContent(null);
-        setCropMetadata(null);
-        setProgress(0);
-        setError(null);
-        console.log("Fichier supprimé");
-    };
-    return (React.createElement("div", null,
-        React.createElement(FileUploader, __assign({}, args, { onFileRead: handleFileRead, onFileRemove: handleFileRemove, uploadProgress: progress, isLoading: loading, errorMessage: error })),
-        cropMetadata && (React.createElement("div", { style: {
-                marginTop: "20px",
-                padding: "10px",
-                backgroundColor: "#f5f5f5",
-                borderRadius: "8px",
-            } },
-            React.createElement("h4", { style: { margin: "0 0 10px 0", fontSize: "14px", color: "#456073" } }, "M\u00E9tadonn\u00E9es de cadrage:"),
-            React.createElement("code", { style: { display: "block", fontSize: "12px", color: "#333" } }, JSON.stringify(cropMetadata, null, 2))))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    acceptedExtensions: [".jpg", ".jpeg", ".png", ".webp"],
-    maxFileSizeMB: 5,
-    enableDragAndDrop: true,
-    enableCropping: true,
-    cropShape: "circle",
-    buttonLabel: "Choisir une image",
-    acceptedLabel: "Formats acceptés :",
-    maxSizeLabel: "Taille maximale :",
-    filePresentationLabel: "Voici votre logo.",
-};
-export var WithDescription = Template.bind({});
-WithDescription.args = __assign(__assign({}, Default.args), { descriptionParts: {
-        beforeLink: "Une",
-        linkLabel: "page sera ajoutée",
-        linkUrl: "https://example.com",
-        afterLink: "à la fin de votre convention d'honoraire précisant les détails du rendez-vous.",
-    } });
-export var WithoutDragAndDrop = Template.bind({});
-WithoutDragAndDrop.args = __assign(__assign({}, Default.args), { enableDragAndDrop: false });
-export var WithError = Template.bind({});
-WithError.args = __assign(__assign({}, Default.args), { errorMessage: "Le format du fichier choisi n'est pas supporté ou sa taille dépasse 5 Mo." });
-export var WithProgress = Template.bind({});
-WithProgress.args = __assign(__assign({}, Default.args), { uploadProgress: 6, isLoading: true, fileName: "document.pdf", fileSize: 2 * 1024 * 1024 });
-// Exemple avec des extensions multiples
-export var MultipleExtensions = Template.bind({});
-MultipleExtensions.args = __assign(__assign({}, Default.args), { acceptedExtensions: [".pdf", ".doc", ".docx"] });
-// Exemple avec le cadrage d'image en carré
-export var WithSquareCropping = Template.bind({});
-WithSquareCropping.args = {
-    acceptedExtensions: [".jpg", ".jpeg", ".png", ".webp"],
-    maxFileSizeMB: 5,
-    enableDragAndDrop: true,
-    enableCropping: true,
-    cropShape: "square",
-    buttonLabel: "Choisir une image",
-    acceptedLabel: "Formats acceptés :",
-    maxSizeLabel: "Taille maximale :",
-};
-// Exemple avec le cadrage d'image en cercle
-export var WithCircleCropping = Template.bind({});
-WithCircleCropping.args = {
-    acceptedExtensions: [".jpg", ".jpeg", ".png", ".webp"],
-    maxFileSizeMB: 5,
-    enableDragAndDrop: true,
-    enableCropping: true,
-    cropShape: "circle",
-    buttonLabel: "Choisir une image",
-    acceptedLabel: "Formats acceptés :",
-    maxSizeLabel: "Taille maximale :",
-};
-// Exemple avec l'affichage d'une image préuploadée
-export var WithPreloadedImage = Template.bind({});
-WithPreloadedImage.args = __assign(__assign({}, Default.args), { 
-    // On simule un fichier déjà chargé pour la story
-    fileName: "logo-entreprise.png", fileSize: 1.2 * 1024 * 1024, filePresentationLabel: "Voici votre logo." });
-// Exemple avec le cadrage d'image en bannière (format 3:1)
-export var WithBannerCropping = Template.bind({});
-WithBannerCropping.args = {
-    acceptedExtensions: [
-        ".jpg",
-        ".jpeg",
-        ".png",
-        ".webp",
-        ".gif",
-        ".ico",
-        ".bmp",
-        ".tiff",
-        ".heic",
-        ".heif",
-        ".hevc",
-    ],
-    maxFileSizeMB: 3,
-    enableDragAndDrop: true,
-    enableCropping: true,
-    cropShape: "banner",
-    clientSideCrop: true,
-    cropOutputDimensions: {
-        banner: { width: 1200, height: 400 },
-    },
-    buttonLabel: "Choisir une image",
-    acceptedLabel: "Formats acceptés :",
-    maxSizeLabel: "Taille maximale :",
-    filePresentationLabel: "Voici votre bannière.",
-};

package/dist/components/molecules/flexContent/FlexContent.stories.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FlexContent as component };
-}
-export default _default;
-export const Default: any;
-export const Reverse: any;
-export const NoImage: any;
-import FlexContent from "./FlexContent";

package/dist/components/molecules/flexContent/FlexContent.stories.js

@@ -1,47 +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 { Meta, StoryFn } from "@storybook/react";
-import FlexContent, { FlexContentProps } from "./FlexContent";
-export default {
-    title: "Components/Molecules/FlexContent",
-    component: FlexContent,
-};
-var Template = function (args) { return React.createElement(FlexContent, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    reverse: false,
-    title: "Découvrez notre solution",
-    sectionTitle: "Une solution adaptée à vos besoins",
-    content: "Notre solution est conçue pour vous offrir des résultats concrets et durables. Avec des fonctionnalités adaptées à vos besoins, elle vous permet de gérer vos projets plus efficacement et d'atteindre vos objectifs. Découvrez comment nos outils innovants, combinés à une approche personnalisée, peuvent transformer votre vision en réalité et vous aider à vous démarquer dans votre domaine. Nous vous accompagnons pas à pas pour garantir des résultats à la hauteur de vos attentes.",
-    action: {
-        href: "/learn-more",
-        label: "En savoir plus",
-    },
-    imageContent: {
-        src: "https://images.unsplash.com/photo-1737405555489-78b3755eaa81?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Image illustrant la solution",
-    },
-};
-export var Reverse = Template.bind({});
-Reverse.args = __assign(__assign({}, Default.args), { reverse: true, sectionTitle: "Une nouvelle perspective", content: "Avec notre approche innovante, nous renversons les codes pour vous offrir des opportunités uniques et avant-gardistes." });
-export var NoImage = Template.bind({});
-NoImage.args = {
-    reverse: false,
-    title: "Découvrez notre solution sans image",
-    sectionTitle: "Pas d'image, juste du contenu",
-    content: "Parfois, une image n'est pas nécessaire. Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action.  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action  Ce mode vous permet de mettre l'accent uniquement sur le texte et l'action ",
-    action: {
-        href: "/no-image",
-        label: "En savoir plus",
-    },
-};

package/dist/components/molecules/frameCTA/FrameCTA.stories.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FrameCTA as component };
-}
-export default _default;
-export const Default: any;
-export const WhiteText: any;
-import FrameCTA from "./FrameCTA";

package/dist/components/molecules/frameCTA/FrameCTA.stories.js

@@ -1,58 +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 { Meta, StoryFn } from "@storybook/react";
-import FrameCTA, { FrameCTAProps } from "./FrameCTA";
-export default {
-    title: "Components/Molecules/FrameCTA",
-    component: FrameCTA,
-};
-var Template = function (args) { return React.createElement(FrameCTA, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    textColor: {
-        control: "select",
-        options: ["black", "white", "gray"],
-        description: "Couleur du texte pour le titre et le contenu",
-        defaultValue: "",
-    },
-    title: "Poppins - SemiBold - 46px souvent sur 2 lignes",
-    primaryButton: {
-        label: "Bouton",
-        href: "/primary",
-    },
-    secondaryButton: {
-        label: "Bouton",
-        href: "/secondary",
-    },
-    backgroundImage: {
-        src: "https://images.unsplash.com/photo-1731862872903-1d39fe0c10f8?q=80&w=2108&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Image de fond arrière plan",
-    },
-};
-export var WhiteText = Template.bind({});
-WhiteText.args = {
-    title: "Texte en blanc sur la même image",
-    primaryButton: {
-        label: "Bouton principal",
-        href: "/primary",
-    },
-    secondaryButton: {
-        label: "Bouton secondaire",
-        href: "/secondary",
-    },
-    backgroundImage: {
-        src: "https://images.unsplash.com/photo-1731862872903-1d39fe0c10f8?q=80&w=2108&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", // Même image que dans l'exemple par défaut
-        alt: "Image de fond arrière plan",
-    },
-    textColor: "white",
-};

package/dist/components/molecules/heroSection/HeroSection.stories.d.ts

@@ -1,46 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { HeroSection as component };
-    export namespace argTypes {
-        export namespace reverse {
-            let control: string;
-            let description: string;
-        }
-        export namespace title_1 {
-            let control_1: string;
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        export { title_1 as title };
-        export namespace content {
-            let control_2: string;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        export namespace imageBackground {
-            let control_3: string;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        export namespace imageTop {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        export namespace action {
-            let control_5: string;
-            export { control_5 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithLongDescription: any;
-export const WhiteTextColor: any;
-import HeroSection from "./HeroSection";

package/dist/components/molecules/heroSection/HeroSection.stories.js

@@ -1,100 +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 { Meta, StoryFn } from "@storybook/react";
-import HeroSection, { HeroSectionProps } from "./HeroSection";
-export default {
-    title: "Components/Molecules/HeroSection",
-    component: HeroSection,
-    argTypes: {
-        reverse: {
-            control: "boolean",
-            description: "Inverse l'ordre des sections (blanche et image)",
-        },
-        title: {
-            control: "text",
-            description: "Titre principal de la section",
-        },
-        content: {
-            control: "text",
-            description: "Contenu descriptif de la section",
-        },
-        imageBackground: {
-            control: "object",
-            description: "Image de fond pour la section droite",
-        },
-        imageTop: {
-            control: "object",
-            description: "Image affichée au-dessus du contenu",
-        },
-        action: {
-            control: "object",
-            description: "Lien d'action avec texte et URL",
-        },
-    },
-};
-var Template = function (args) { return React.createElement(HeroSection, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    reverse: false,
-    title: "Transformez votre carrière en un clic",
-    content: "Accédez à des opportunités adaptées à vos aspirations, connectez-vous avec des clients du monde entier et simplifiez vos projets grâce à nos outils performants.",
-    imageBackground: {
-        src: "https://plus.unsplash.com/premium_photo-1672940671025-113a634f83d1?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Personne travaillant sur un ordinateur portable",
-    },
-    imageTop: {
-        src: "https://images.unsplash.com/photo-1737334969823-8d6a43b4cba1?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Graphiques montrant une croissance",
-    },
-    action: {
-        href: "/join-now",
-        label: "Rejoignez-nous",
-    },
-};
-export var WithLongDescription = Template.bind({});
-WithLongDescription.args = {
-    reverse: true,
-    title: "Un avenir meilleur vous attend",
-    content: "Découvrez une plateforme révolutionnaire qui connecte des talents avec des opportunités uniques. Nous croyons en la puissance de la collaboration et en la capacité des individus à atteindre leurs objectifs, quels qu'ils soient. Grâce à notre réseau mondial, vous pouvez collaborer avec des experts de diverses industries, apprendre de nouvelles compétences et faire partie d'une communauté qui valorise l'innovation. Que vous soyez à la recherche d'un emploi, d'un client, ou d'une nouvelle aventure, nous avons les outils pour vous aider à réussir. Inscrivez-vous aujourd'hui pour découvrir un monde de possibilités sans fin.",
-    imageBackground: {
-        src: "https://images.unsplash.com/photo-1737381439846-b927265e7dfc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Personne au sommet d'une montagne au coucher du soleil",
-    },
-    imageTop: {
-        src: "https://images.unsplash.com/photo-1737498352618-4fac98caa557?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Personne analysant des graphiques financiers sur un écran",
-    },
-    action: {
-        href: "/explore",
-        label: "Découvrez maintenant",
-    },
-};
-export var WhiteTextColor = Template.bind({});
-WhiteTextColor.args = {
-    reverse: false,
-    title: "Avec un texte blanc en format mobile",
-    content: "Ce texte utilise la couleur blanche pour être lisible sur des fonds sombres ou colorés.",
-    imageBackground: {
-        src: "https://images.unsplash.com/photo-1737381439846-b927265e7dfc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Personne créative travaillant dans un espace sombre",
-    },
-    imageTop: {
-        src: "https://images.unsplash.com/photo-1737498352618-4fac98caa557?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Éléments graphiques et lumineux",
-    },
-    action: {
-        href: "/white-text",
-        label: "En savoir plus",
-    },
-    textColor: "white",
-};

package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts

@@ -1,54 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { LoadingBox as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace boxHeight {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        namespace boxWidth {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace boxRadius {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-        namespace docs {
-            export namespace description_3 {
-                let component: string;
-            }
-            export { description_3 as description };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const Large: any;
-export const Small: any;
-export const MultipleBoxes: any;
-export const CardSkeleton: any;
-import LoadingBox from "./LoadingBox";