allaw-ui 3.4.1 → 3.4.3

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,
-};

package/dist/components/atoms/typography/Paragraph.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import "./Paragraph.css";
-export interface ParagraphProps {
-    variant: "bold" | "semiBold" | "medium";
-    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "grey-venom" | "venom-grey-dark";
-    text: React.ReactNode;
-    maxLines?: number;
-    maxChars?: number;
-    size?: "default" | "small";
-    className?: string;
-    onClick?: () => void;
-}
-declare const Paragraph: React.FC<ParagraphProps>;
-export default Paragraph;

package/dist/components/atoms/typography/Paragraph.js

@@ -1,33 +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 "./Paragraph.css";
-import { convertToHtml } from "../../../utils/utils";
-var Paragraph = function (_a) {
-    var variant = _a.variant, color = _a.color, text = _a.text, maxLines = _a.maxLines, maxChars = _a.maxChars, _b = _a.size, size = _b === void 0 ? "default" : _b, className = _a.className, onClick = _a.onClick;
-    var truncateText = function (text, maxChars) {
-        if (text.length <= maxChars)
-            return text;
-        return text.slice(0, maxChars) + "...";
-    };
-    var htmlText = convertToHtml(text);
-    var truncatedText = maxChars ? truncateText(htmlText, maxChars) : htmlText;
-    return (React.createElement("div", { className: "paragraph ".concat(variant, " ").concat(color ? "color-".concat(color) : "", " ").concat(size === "small" ? "paragraph-small" : "", " ").concat(className || "").trim(), style: __assign({ whiteSpace: "pre-line" }, (maxLines
-            ? {
-                WebkitLineClamp: maxLines,
-                display: "-webkit-box",
-                WebkitBoxOrient: "vertical",
-                overflow: "hidden",
-            }
-            : {})), onClick: onClick, dangerouslySetInnerHTML: { __html: truncatedText } }));
-};
-export default Paragraph;

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

@@ -1,56 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Paragraph 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 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;
-import Paragraph from "./Paragraph";

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

@@ -1,97 +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 Paragraph from "./Paragraph";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Typography/Paragraph",
-    component: Paragraph,
-    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"],
-            },
-        },
-        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(Paragraph, __assign({}, args)); };
-export var Bold = Template.bind({});
-Bold.args = {
-    variant: "bold",
-    color: "noir",
-    text: "Open Sans - Bold - 16px",
-    size: "default",
-};
-export var SemiBold = Template.bind({});
-SemiBold.args = {
-    variant: "semiBold",
-    color: "noir",
-    text: "Open Sans - SemiBold - 16px",
-    size: "default",
-};
-export var Medium = Template.bind({});
-Medium.args = {
-    variant: "medium",
-    color: "noir",
-    text: "Open Sans - Medium - 16px",
-    size: "default",
-};
-export var BoldSmall = Template.bind({});
-BoldSmall.args = {
-    variant: "bold",
-    color: "noir",
-    text: "Open Sans - Bold - 12px",
-    size: "small",
-};
-export var SemiBoldSmall = Template.bind({});
-SemiBoldSmall.args = {
-    variant: "semiBold",
-    color: "noir",
-    text: "Open Sans - SemiBold - 12px",
-    size: "small",
-};
-export var MediumSmall = Template.bind({});
-MediumSmall.args = {
-    variant: "medium",
-    color: "noir",
-    text: "Open Sans - Medium - 12px",
-    size: "small",
-};

package/dist/components/atoms/typography/SmallTitle.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import "./SmallTitle.css";
-export interface SmallTitleProps {
-    variant: "bold20" | "medium32" | "semiBold12" | "medium12";
-    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white";
-    text: string;
-}
-declare const SmallTitle: React.FC<SmallTitleProps>;
-export default SmallTitle;

package/dist/components/atoms/typography/SmallTitle.js

@@ -1,7 +0,0 @@
-import React from "react";
-import "./SmallTitle.css";
-var SmallTitle = function (_a) {
-    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "noir" : _b, text = _a.text;
-    return (React.createElement("p", { className: "small-title ".concat(variant, " ").concat(color ? "color-".concat(color) : ""), dangerouslySetInnerHTML: { __html: text } }));
-};
-export default SmallTitle;

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

@@ -1,42 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SmallTitle 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 };
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const Bold20: any;
-export const Medium32: any;
-export const SemiBold12: any;
-export const Medium12: any;
-import SmallTitle from "./SmallTitle";

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

@@ -1,72 +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 SmallTitle from "./SmallTitle";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Typography/SmallTitle",
-    component: SmallTitle,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold20", "medium32", "semiBold12", "medium12"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
-            },
-        },
-        text: {
-            control: "text",
-        },
-    },
-    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(SmallTitle, __assign({}, args)); };
-export var Bold20 = Template.bind({});
-Bold20.args = {
-    variant: "bold20",
-    color: "noir",
-    text: "Open Sans - Bold - 20px",
-};
-export var Medium32 = Template.bind({});
-Medium32.args = {
-    variant: "medium32",
-    color: "noir",
-    text: "Open Sans - Medium - 32px",
-};
-export var SemiBold12 = Template.bind({});
-SemiBold12.args = {
-    variant: "semiBold12",
-    color: "noir",
-    text: "Open Sans - SemiBold - 12px",
-};
-export var Medium12 = Template.bind({});
-Medium12.args = {
-    variant: "medium12",
-    color: "noir",
-    text: "Open Sans - Medium - 12px",
-};

package/dist/components/atoms/typography/Subtitle.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import "./Subtitle.css";
-export interface SubtitleProps {
-    variant: "bold" | "medium";
-    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white";
-    text: string;
-}
-declare const Subtitle: React.FC<SubtitleProps>;
-export default Subtitle;

package/dist/components/atoms/typography/Subtitle.js

@@ -1,7 +0,0 @@
-import React from "react";
-import "./Subtitle.css";
-var Subtitle = function (_a) {
-    var variant = _a.variant, color = _a.color, text = _a.text;
-    return (React.createElement("p", { className: "subtitle ".concat(variant, " ").concat(color ? "color-".concat(color) : ""), dangerouslySetInnerHTML: { __html: text } }));
-};
-export default Subtitle;

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

@@ -1,40 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Subtitle 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 };
-        }
-    }
-    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 Medium: any;
-import Subtitle from "./Subtitle";

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

@@ -1,60 +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 Subtitle from "./Subtitle";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Typography/Subtitle",
-    component: Subtitle,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold", "medium"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
-            },
-        },
-        text: {
-            control: "text",
-        },
-    },
-    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(Subtitle, __assign({}, args)); };
-export var Bold = Template.bind({});
-Bold.args = {
-    variant: "bold",
-    color: "noir",
-    text: "Open Sans - Bold - 18px",
-};
-export var Medium = Template.bind({});
-Medium.args = {
-    variant: "medium",
-    color: "noir",
-    text: "Open Sans - Medium - 18px",
-};

package/dist/components/atoms/typography/TinyInfo.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import "./TinyInfo.css";
-export interface TinyInfoProps {
-    variant: "bold14" | "medium14" | "semiBold14" | "semiBold12" | "medium12";
-    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "actions-error" | "actions-valid";
-    text: string;
-    href?: string;
-    className?: string;
-    align?: "left" | "center" | "right";
-    uppercase?: boolean;
-    startIcon?: string;
-}
-declare const TinyInfo: React.FC<TinyInfoProps>;
-export default TinyInfo;

package/dist/components/atoms/typography/TinyInfo.js

@@ -1,18 +0,0 @@
-import React from "react";
-import "./TinyInfo.css";
-var toUpperCaseWithAccents = function (str) {
-    return str.replace(/[a-zàáâãäåçèéêëìíîïñòóôõöùúûü]/g, function (letter) {
-        return letter.toLocaleUpperCase();
-    });
-};
-var TinyInfo = function (_a) {
-    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "noir" : _b, text = _a.text, href = _a.href, customClassName = _a.className, _c = _a.uppercase, uppercase = _c === void 0 ? false : _c, _d = _a.align, align = _d === void 0 ? "center" : _d, startIcon = _a.startIcon;
-    var processedText = uppercase ? toUpperCaseWithAccents(text) : text;
-    var content = (React.createElement(React.Fragment, null,
-        startIcon && React.createElement("i", { className: "".concat(startIcon, " tiny-info-icon") }),
-        processedText));
-    var finalClassName = "tiny-info ".concat(variant, " ").concat(color ? "color-".concat(color) : "", " ").concat(customClassName || "", " ").concat(align);
-    return href ? (React.createElement("a", { href: href, className: "tiny-info-link ".concat(finalClassName) }, content)) : (React.createElement("p", { className: finalClassName }, content));
-};
-export default TinyInfo;
-TinyInfo.displayName = "TinyInfo";