allaw-ui 0.0.296 → 0.0.300

package/dist/components/atoms/inputs/Input.js

@@ -1,86 +0,0 @@
-import React, { useState, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, } from "react";
-import "./Input.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-import { commonRegex } from "../../../utils/regex";
-import TinyInfo from "../typography/TinyInfo";
-import Paragraph from "../typography/Paragraph";
-var Input = forwardRef(function (_a, ref) {
-    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, placeholder = _a.placeholder, endIcon = _a.endIcon, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, propError = _a.error;
-    var _d = useState(false), isPasswordVisible = _d[0], setIsPasswordVisible = _d[1];
-    var _e = useState(propValue || ""), value = _e[0], setValue = _e[1];
-    var _f = useState(propError || ""), error = _f[0], setError = _f[1];
-    var _g = useState(false), isTouched = _g[0], setIsTouched = _g[1];
-    var inputRef = useRef(null);
-    useEffect(function () {
-        setValue(propValue || "");
-    }, [propValue]);
-    useEffect(function () {
-        setError(propError || "");
-    }, [propError]);
-    var validateInput = useCallback(function () {
-        var _a;
-        // console.log(`Input ${title}: Validating input`);
-        var currentValue = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || value;
-        // console.log(`Input ${title}: Current value: "${currentValue}"`);
-        var errorMessage = "";
-        if (isRequired && currentValue.trim() === "") {
-            errorMessage = "Ce champ est requis";
-        }
-        else if (validate && currentValue) {
-            var regex = typeof validate === "string" ? commonRegex[validate] : validate;
-            // console.log(`Input ${title}: Regex used: ${regex}`);
-            if (!regex.test(currentValue)) {
-                errorMessage = "Veuillez vérifier votre saisie";
-            }
-        }
-        setError(errorMessage);
-        setIsTouched(true);
-        // console.log(
-        //   `Input ${title}: Validation result - ${errorMessage ? "invalid" : "valid"}`
-        // );
-        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
-        return !errorMessage;
-    }, [isRequired, value, validate, onError, title]);
-    useImperativeHandle(ref, function () { return ({
-        validate: validateInput,
-    }); });
-    var handleChange = function (e) {
-        var newValue = e.target.value;
-        // console.log(`Input ${title}: Value changed to "${newValue}"`);
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-        if (isTouched) {
-            validateInput();
-        }
-    };
-    var handleBlur = function () {
-        // console.log(`Input ${title}: Blur event triggered`);
-        setIsTouched(true);
-        validateInput();
-    };
-    var renderEndIcon = function () {
-        if (style === "variation" && endIcon) {
-            return (React.createElement("button", { className: "Input-icon-button" },
-                React.createElement("i", { className: endIcon })));
-        }
-        if (style === "password") {
-            return (React.createElement("button", { className: "Input-button", onClick: function () { return setIsPasswordVisible(!isPasswordVisible); } }, isPasswordVisible ? "CACHER" : "AFFICHER"));
-        }
-        return null;
-    };
-    return (React.createElement("div", { className: "Input Input-".concat(style) },
-        React.createElement("div", { className: "Input-title-container" },
-            React.createElement(Paragraph, { variant: "semiBold", color: "noir", text: title }),
-            isRequired && title && (React.createElement("span", { className: "Input-required" },
-                "\u00A0",
-                "*"))),
-        React.createElement("div", { className: "Input-container" },
-            React.createElement("div", { className: "Input-input ".concat(style === "password" ? "Input-password-input" : "") },
-                React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : "text", placeholder: placeholder, className: "Input-placeholder", value: value, onChange: handleChange, onBlur: handleBlur })),
-            renderEndIcon(),
-            error && isTouched && (React.createElement("div", { className: "error-message" },
-                React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));
-});
-Input.displayName = "Input";
-export default Input;

package/dist/components/atoms/inputs/SearchBar.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import "./SearchBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export interface SearchBarProps {
-    placeholder?: string;
-    endIcon?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-}
-declare const SearchBar: React.FC<SearchBarProps>;
-export default SearchBar;

package/dist/components/atoms/inputs/SearchBar.js

@@ -1,20 +0,0 @@
-import React, { useState } from "react";
-import "./SearchBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-var SearchBar = function (_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Faites une recherche" : _b, _c = _a.endIcon, endIcon = _c === void 0 ? "allaw-icon-search" : _c, _d = _a.value, controlledValue = _d === void 0 ? "" : _d, onChange = _a.onChange;
-    var _e = useState(controlledValue), value = _e[0], setValue = _e[1];
-    var handleChange = function (event) {
-        var newValue = event.target.value;
-        setValue(newValue);
-        if (onChange) {
-            onChange(newValue);
-        }
-    };
-    return (React.createElement("div", { className: "SearchBar" },
-        React.createElement("input", { type: "text", placeholder: placeholder, className: "SearchBar-placeholder", value: controlledValue || value, onChange: handleChange }),
-        React.createElement("button", { className: "SearchBar-icon-button" },
-            React.createElement("i", { className: endIcon }))));
-};
-export default SearchBar;

package/dist/components/atoms/inputs/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Input } from "./Input";
-export { default as SearchBar } from "./SearchBar";
-export type { InputProps, InputRef } from "./Input";
-export type { SearchBarProps } from "./SearchBar";

package/dist/components/atoms/inputs/index.js

@@ -1,2 +0,0 @@
-export { default as Input } from "./Input";
-export { default as SearchBar } from "./SearchBar";

package/dist/components/atoms/progressBars/ProgressBar.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import "./ProgressBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export interface ProgressBarProps {
-    steps: number;
-    currentStep: number;
-    startIcon?: boolean;
-    endIcon?: boolean;
-    onStartIconClick?: () => void;
-    onEndIconClick?: () => void;
-    showProgressBar?: boolean;
-}
-declare const ProgressBar: React.FC<ProgressBarProps>;
-export default ProgressBar;

package/dist/components/atoms/progressBars/ProgressBar.js

@@ -1,17 +0,0 @@
-import React from "react";
-import "./ProgressBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-var ProgressBar = function (_a) {
-    var steps = _a.steps, currentStep = _a.currentStep, _b = _a.startIcon, startIcon = _b === void 0 ? true : _b, _c = _a.endIcon, endIcon = _c === void 0 ? true : _c, onStartIconClick = _a.onStartIconClick, onEndIconClick = _a.onEndIconClick, _d = _a.showProgressBar, showProgressBar = _d === void 0 ? true : _d;
-    var constrainedCurrentStep = Math.max(1, Math.min(currentStep, steps));
-    var progressWidth = ((constrainedCurrentStep - 1) / (steps - 1)) * 100;
-    return (React.createElement("div", { className: "progress-bar-container" },
-        React.createElement("div", { className: "progress-bar-icon-container" }, startIcon && currentStep > 1 && (React.createElement("button", { className: "progress-bar-chevron", onClick: onStartIconClick },
-            React.createElement("i", { className: "allaw-icon-chevron-left" })))),
-        React.createElement("div", { className: "progress-bar-background ".concat(showProgressBar ? "" : "hidden-content") },
-            React.createElement("div", { className: "progress-bar-fill", style: { width: "".concat(progressWidth, "%") } })),
-        endIcon && (React.createElement("button", { className: "progress-bar-close", onClick: onEndIconClick },
-            React.createElement("i", { className: "allaw-icon-close" })))));
-};
-export default ProgressBar;

package/dist/components/atoms/progressBars/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ProgressBar } from "./ProgressBar";
-export type { ProgressBarProps } from "./ProgressBar";

package/dist/components/atoms/progressBars/index.js

@@ -1 +0,0 @@
-export { default as ProgressBar } from "./ProgressBar";

package/dist/components/atoms/radios/RadioButton.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./RadioButton.css";
-import "../../../styles/global.css";
-export interface RadioButtonProps {
-    label: string;
-    style?: "user" | "hybride";
-    isActive: boolean;
-    onClick: () => void;
-}
-declare const RadioButton: React.FC<RadioButtonProps>;
-export default RadioButton;

package/dist/components/atoms/radios/RadioButton.js

@@ -1,10 +0,0 @@
-import React from "react";
-import "./RadioButton.css";
-import "../../../styles/global.css";
-var RadioButton = function (_a) {
-    var label = _a.label, _b = _a.style, style = _b === void 0 ? "user" : _b, isActive = _a.isActive, onClick = _a.onClick;
-    return (React.createElement("button", { className: "radio-button radio-button-".concat(style, " ").concat(isActive ? "radio-button-".concat(style, "-active") : ""), onClick: onClick },
-        React.createElement("span", { className: "radio-button-icon" }, isActive && React.createElement("span", { className: "radio-button-icon-inner" })),
-        React.createElement("span", { className: "radio-button-label" }, label)));
-};
-export default RadioButton;

package/dist/components/atoms/radios/index.d.ts

@@ -1,2 +0,0 @@
-export { default as RadioButton } from "./RadioButton";
-export type { RadioButtonProps } from "./RadioButton";

package/dist/components/atoms/radios/index.js

@@ -1 +0,0 @@
-export { default as RadioButton } from "./RadioButton";

package/dist/components/atoms/selects/Select.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import "./Select.css";
-import "../../../styles/global.css";
-export interface SelectItem {
-    label: string;
-    value: string;
-}
-export interface SelectProps<T extends string | string[]> {
-    items: SelectItem[];
-    selectedItem?: T;
-    placeholder?: string;
-    multiple?: boolean;
-    isRequired?: boolean;
-    showError?: boolean;
-    onChange?: (selected: T) => void;
-    onError?: (error: string) => void;
-}
-export interface SelectRef {
-    validate: () => boolean;
-}
-declare const Select: React.ForwardRefExoticComponent<SelectProps<string | string[]> & React.RefAttributes<SelectRef>>;
-export default Select;

package/dist/components/atoms/selects/Select.js

@@ -1,86 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef, } from "react";
-import "./Select.css";
-import "../../../styles/global.css";
-import TinyInfo from "../typography/TinyInfo";
-var Select = forwardRef(function (_a, ref) {
-    var _b;
-    var items = _a.items, selectedItem = _a.selectedItem, _c = _a.placeholder, placeholder = _c === void 0 ? "Select..." : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, _f = _a.showError, showError = _f === void 0 ? false : _f, onChange = _a.onChange, onError = _a.onError;
-    var _g = useState(false), isOpen = _g[0], setIsOpen = _g[1];
-    var _h = useState(multiple ? [] : selectedItem || ""), selected = _h[0], setSelected = _h[1];
-    var _j = useState(""), error = _j[0], setError = _j[1];
-    var selectRef = useRef(null);
-    useEffect(function () {
-        setSelected(multiple ? [] : selectedItem || "");
-    }, [selectedItem, multiple]);
-    var handleSelect = function (item) {
-        var newSelected;
-        if (multiple) {
-            newSelected = Array.isArray(selected)
-                ? selected.includes(item.value)
-                    ? selected.filter(function (i) { return i !== item.value; })
-                    : __spreadArray(__spreadArray([], selected, true), [item.value], false)
-                : [item.value];
-        }
-        else {
-            newSelected = item.value;
-            setIsOpen(false);
-        }
-        setSelected(newSelected);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newSelected);
-        validateSelect(newSelected);
-    };
-    var validateSelect = function (value) {
-        var isEmpty = value === "" || (Array.isArray(value) && value.length === 0);
-        var errorMessage = isRequired && isEmpty ? "Ce champ est requis" : "";
-        setError(errorMessage);
-        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
-        // console.log(
-        //   `Select: Validation result - ${errorMessage ? "invalid" : "valid"}`
-        // );
-        return !errorMessage;
-    };
-    var toggleOpen = function () {
-        setIsOpen(!isOpen);
-    };
-    var handleClickOutside = function (event) {
-        if (selectRef.current &&
-            !selectRef.current.contains(event.target)) {
-            setIsOpen(false);
-        }
-    };
-    useEffect(function () {
-        document.addEventListener("mousedown", handleClickOutside);
-        return function () {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, []);
-    useImperativeHandle(ref, function () { return ({
-        validate: function () { return validateSelect(selected); },
-    }); });
-    return (React.createElement("div", { ref: selectRef, className: "select-container ".concat(isOpen ? "select-pressed" : "") },
-        React.createElement("button", { className: "select ".concat(isOpen ? "select-pressed" : "select-default"), onClick: toggleOpen },
-            React.createElement("span", { className: "select-text" }, Array.isArray(selected) && selected.length > 0
-                ? selected
-                    .map(function (val) { var _a; return (_a = items.find(function (item) { return item.value === val; })) === null || _a === void 0 ? void 0 : _a.label; })
-                    .join(", ")
-                : !Array.isArray(selected) && selected
-                    ? (_b = items.find(function (item) { return item.value === selected; })) === null || _b === void 0 ? void 0 : _b.label
-                    : placeholder),
-            React.createElement("span", { className: "select-icon ".concat(isOpen ? "allaw-icon-chevron-up" : "allaw-icon-chevron-down") })),
-        isOpen && (React.createElement("div", { className: "select-list" }, items.map(function (item) { return (React.createElement("div", { key: item.value, className: "select-item ".concat(Array.isArray(selected) && selected.includes(item.value) ? "selected" : "", " ").concat(!multiple ? "single-select" : ""), onClick: function () { return handleSelect(item); } },
-            multiple && (React.createElement("span", { className: "select-item-icon allaw-icon-check" })),
-            React.createElement("span", { className: "select-item-text" }, item.label))); }))),
-        isRequired && showError && error && (React.createElement("div", { className: "error-message" },
-            React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error })))));
-});
-Select.displayName = "Select";
-export default Select;

package/dist/components/atoms/selects/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Select";
-export type { SelectItem, SelectProps, SelectRef } from "./Select";

package/dist/components/atoms/selects/index.js

@@ -1 +0,0 @@
-export { default } from "./Select";

package/dist/components/atoms/tags/AppointementStatusTag.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import "./AppointementStatusTag.css";
-export interface AppointementStatusTagProps {
-    status: "confirmed" | "pending" | "available" | "unavailable" | "cancelled" | "passed" | "refused";
-    variant?: "default" | "big";
-}
-declare const AppointementStatusTag: ({ status, variant, }: AppointementStatusTagProps) => React.JSX.Element;
-export default AppointementStatusTag;

package/dist/components/atoms/tags/AppointementStatusTag.js

@@ -1,41 +0,0 @@
-import React from "react";
-import "./AppointementStatusTag.css";
-var statusStyles = {
-    confirmed: "status-confirmed",
-    pending: "status-pending",
-    available: "status-available",
-    unavailable: "status-unavailable",
-    cancelled: "status-cancelled",
-    passed: "status-passed",
-    refused: "status-refused",
-};
-var statusLabels = {
-    confirmed: "CONFIRMÉ",
-    pending: "EN ATTENTE",
-    available: "DISPONIBLE",
-    unavailable: "INDISPONIBLE",
-    cancelled: "ANNULÉ",
-    passed: "PASSÉ",
-    refused: "REFUSÉ",
-};
-var variantLabels = {
-    confirmed: "RDV CONFIRMÉ",
-    passed: "RDV PASSÉ",
-    cancelled: "RDV ANNULÉ",
-};
-var variantStyles = {
-    big: "variant-big",
-    default: "variant-default",
-};
-var AppointementStatusTag = function (_a) {
-    var status = _a.status, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
-    var label = variant === "big" && variantLabels[status]
-        ? variantLabels[status]
-        : statusLabels[status];
-    var variantClass = variantStyles[variant];
-    var specificStyles = status === "cancelled" && variant === "big"
-        ? "status-cancelled-big"
-        : statusStyles[status];
-    return (React.createElement("span", { className: "appointement-status-tag ".concat(variantClass, " ").concat(specificStyles) }, label));
-};
-export default AppointementStatusTag;

package/dist/components/atoms/tags/FolderStatusTag.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import "./FolderStatusTag.css";
-export interface FolderStatusTagProps {
-    isClosed?: boolean;
-}
-declare const FolderStatusTag: React.FC<FolderStatusTagProps>;
-export default FolderStatusTag;

package/dist/components/atoms/tags/FolderStatusTag.js

@@ -1,8 +0,0 @@
-import React from "react";
-import "./FolderStatusTag.css";
-var FolderStatusTag = function (_a) {
-    var _b = _a.isClosed, isClosed = _b === void 0 ? false : _b;
-    var label = isClosed ? "DOSSIER CLÔS" : "DOSSIER OUVERT";
-    return (React.createElement("div", { className: "folder-status-tag ".concat(isClosed ? "closed" : "open") }, label));
-};
-export default FolderStatusTag;

package/dist/components/atoms/tags/OtherStatusTag.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import "./OtherStatusTag.css";
-export interface OtherStatusTagProps {
-    label?: string;
-    type?: "readonly" | "editable" | "information";
-    startIcon?: boolean;
-    startIconName?: string;
-}
-declare const OtherStatusTag: React.FC<OtherStatusTagProps>;
-export default OtherStatusTag;

package/dist/components/atoms/tags/OtherStatusTag.js

@@ -1,10 +0,0 @@
-import React from "react";
-import "./OtherStatusTag.css";
-var OtherStatusTag = function (_a) {
-    var _b = _a.label, label = _b === void 0 ? "Tags" : _b, _c = _a.type, type = _c === void 0 ? "readonly" : _c, _d = _a.startIcon, startIcon = _d === void 0 ? false : _d, _e = _a.startIconName, startIconName = _e === void 0 ? "allaw-icon-pmr" : _e;
-    return (React.createElement("div", { className: "other-status-tag ".concat(type) },
-        type === "information" && startIcon && (React.createElement("span", { className: "icon ".concat(startIconName) })),
-        label,
-        type === "editable" && React.createElement("span", { className: "icon allaw-icon-close" })));
-};
-export default OtherStatusTag;

package/dist/components/atoms/tags/index.d.ts

@@ -1,6 +0,0 @@
-export { default as AppointementStatusTag } from "./AppointementStatusTag";
-export { default as FolderStatusTag } from "./FolderStatusTag";
-export { default as OtherStatusTag } from "./OtherStatusTag";
-export type { AppointementStatusTagProps } from "./AppointementStatusTag";
-export type { FolderStatusTagProps } from "./FolderStatusTag";
-export type { OtherStatusTagProps } from "./OtherStatusTag";

package/dist/components/atoms/tags/index.js

@@ -1,3 +0,0 @@
-export { default as AppointementStatusTag } from "./AppointementStatusTag";
-export { default as FolderStatusTag } from "./FolderStatusTag";
-export { default as OtherStatusTag } from "./OtherStatusTag";

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

@@ -1,9 +0,0 @@
-import React from "react";
-import "./Heading.css";
-export interface HeadingProps {
-    variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h7";
-    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white";
-    text: React.ReactNode;
-}
-declare const Heading: React.FC<HeadingProps>;
-export default Heading;

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

@@ -1,7 +0,0 @@
-import React from "react";
-import "./Heading.css";
-var Heading = function (_a) {
-    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "pure-white" : _b, text = _a.text;
-    return React.createElement("div", { className: "heading ".concat(variant, " color-").concat(color) }, text);
-};
-export default Heading;

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

@@ -1,9 +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";
-    text: string;
-}
-declare const Paragraph: React.FC<ParagraphProps>;
-export default Paragraph;

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

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

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/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/TinyInfo.d.ts

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

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

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

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

@@ -1,10 +0,0 @@
-export { default as Heading } from "./Heading";
-export { default as Paragraph } from "./Paragraph";
-export { default as SmallTitle } from "./SmallTitle";
-export { default as Subtitle } from "./Subtitle";
-export { default as TinyInfo } from "./TinyInfo";
-export type { HeadingProps } from "./Heading";
-export type { ParagraphProps } from "./Paragraph";
-export type { SmallTitleProps } from "./SmallTitle";
-export type { SubtitleProps } from "./Subtitle";
-export type { TinyInfoProps } from "./TinyInfo";

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

@@ -1,5 +0,0 @@
-export { default as Heading } from "./Heading";
-export { default as Paragraph } from "./Paragraph";
-export { default as SmallTitle } from "./SmallTitle";
-export { default as Subtitle } from "./Subtitle";
-export { default as TinyInfo } from "./TinyInfo";

package/dist/components/atoms/uiVariables/BorderRadius.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/ui-variables/border-radius.css";
-import "./BorderRadiusExample.css";
-import "../../../styles/global.css";
-declare const BorderRadius: React.FC;
-export default BorderRadius;

package/dist/components/atoms/uiVariables/BorderRadius.js

@@ -1,12 +0,0 @@
-import React from "react";
-import "../../../styles/ui-variables/border-radius.css";
-import "./BorderRadiusExample.css";
-import "../../../styles/global.css";
-var BorderRadius = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-card", style: { borderRadius: "var(--border-radius-card)" } }, "Card - 16px"),
-        React.createElement("div", { className: "example-button", style: { borderRadius: "var(--border-radius-buttons)" } }, "Button - 100px"),
-        React.createElement("div", { className: "example-tag", style: { borderRadius: "var(--border-radius-tags)" } }, "Tag - 8px"),
-        React.createElement("div", { className: "example-input", style: { borderRadius: "var(--border-radius-inputs)" } }, "Input - 8px")));
-};
-export default BorderRadius;

package/dist/components/atoms/uiVariables/Shadows.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/shadows.css";
-import "./ShadowsExample.css";
-declare const Shadows: React.FC;
-export default Shadows;

package/dist/components/atoms/uiVariables/Shadows.js

@@ -1,11 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/shadows.css";
-import "./ShadowsExample.css";
-var Shadows = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-card", style: { boxShadow: "var(--shadow-cartes-rdv)" } }, "Cartes RDV"),
-        React.createElement("div", { className: "example-nav-bar", style: { boxShadow: "var(--shadow-nav-bar)" } }, "Nav_bar_shadow"),
-        React.createElement("div", { className: "example-carte-pro", style: { boxShadow: "var(--shadow-carte-pro)" } }, "Carte pro - Blue Shadow")));
-};
-export default Shadows;

package/dist/components/atoms/uiVariables/Strokes.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/stroke.css";
-import "./StrokesExample.css";
-declare const Strokes: React.FC;
-export default Strokes;

package/dist/components/atoms/uiVariables/Strokes.js

@@ -1,10 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/stroke.css";
-import "./StrokesExample.css";
-var Strokes = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-stroke-default" }, "#25BEEB, 2px"),
-        React.createElement("div", { className: "example-stroke-active" }, "#CFD5D8, 2px")));
-};
-export default Strokes;

package/dist/components/atoms/uiVariables/index.d.ts

@@ -1,3 +0,0 @@
-export { default as BorderRadius } from "./BorderRadius";
-export { default as Shadows } from "./Shadows";
-export { default as Strokes } from "./Strokes";

package/dist/components/atoms/uiVariables/index.js

@@ -1,3 +0,0 @@
-export { default as BorderRadius } from "./BorderRadius";
-export { default as Shadows } from "./Shadows";
-export { default as Strokes } from "./Strokes";