allaw-ui 1.1.1 → 2.0.0

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

@@ -0,0 +1,52 @@
+declare namespace _default {
+    export let title: string;
+    export { TinyInfo 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 href {
+            let control_3: string;
+            export { control_3 as control };
+        }
+        namespace uppercase {
+            let control_4: string;
+            export { control_4 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 Bold14: any;
+export const Medium14: any;
+export const SemiBold12: any;
+export const Medium12: any;
+export const WithLink: any;
+export const Uppercase: any;
+import TinyInfo from "./TinyInfo";

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

@@ -0,0 +1,97 @@
+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 TinyInfo from "./TinyInfo";
+import "../../../styles/global.css";
+export default {
+    title: "Components/UI-Variables/Typography/TinyInfo",
+    component: TinyInfo,
+    tags: ["autodocs"],
+    argTypes: {
+        variant: {
+            control: {
+                type: "select",
+                options: ["bold14", "medium14", "semiBold12", "medium12"],
+            },
+        },
+        color: {
+            control: {
+                type: "select",
+                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
+            },
+        },
+        text: {
+            control: "text",
+        },
+        href: {
+            control: "text",
+        },
+        uppercase: {
+            control: "boolean",
+        },
+    },
+    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(TinyInfo, __assign({}, args)); };
+export var Bold14 = Template.bind({});
+Bold14.args = {
+    variant: "bold14",
+    color: "noir",
+    text: "Open Sans - Bold - 14px",
+    uppercase: false,
+};
+export var Medium14 = Template.bind({});
+Medium14.args = {
+    variant: "medium14",
+    color: "noir",
+    text: "Open Sans - Medium - 14px",
+    uppercase: false,
+};
+export var SemiBold12 = Template.bind({});
+SemiBold12.args = {
+    variant: "semiBold12",
+    color: "noir",
+    text: "Open Sans - SemiBold - 12px",
+    uppercase: false,
+};
+export var Medium12 = Template.bind({});
+Medium12.args = {
+    variant: "medium12",
+    color: "noir",
+    text: "Open Sans - Medium - 12px - 1%",
+    uppercase: false,
+};
+export var WithLink = Template.bind({});
+WithLink.args = {
+    variant: "medium14",
+    color: "bleu-allaw",
+    text: "Cliquez ici pour plus d'informations",
+    href: "https://example.com",
+    uppercase: false,
+};
+export var Uppercase = Template.bind({});
+Uppercase.args = {
+    variant: "medium14",
+    color: "noir",
+    text: "Texte avec des accents: éàèùç",
+    uppercase: true,
+};

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

@@ -1,10 +1,12 @@
 export { default as Heading } from "./Heading";
 export { default as Paragraph } from "./Paragraph";
+export { default as Link } from "./Link";
 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 { LinkProps } from "./Link";
 export type { SmallTitleProps } from "./SmallTitle";
 export type { SubtitleProps } from "./Subtitle";
 export type { TinyInfoProps } from "./TinyInfo";

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

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

package/dist/components/atoms/uiVariables/AnimatedBorder.css

@@ -0,0 +1,55 @@
+.animated-border-card {
+  width: fit-content;
+  height: fit-content;
+  border-radius: 5px;
+  padding: 1px;
+  cursor: pointer;
+}
+
+.exemple {
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.exemple::before {
+  content: "";
+  display: block;
+  background: #25beeb;
+  height: 150px;
+  width: 20px;
+  transform: translate(0);
+  position: absolute;
+  animation: rotate 5s linear forwards infinite;
+  z-index: 0;
+  top: 50%;
+  transform-origin: top center;
+}
+
+.animated-border-inner {
+  background-color: #f4f7fb;
+  z-index: 2;
+  border: 1px solid var(--primary-venom-grey, #e6edf5);
+  color: #fff;
+  border-radius: 4px;
+  position: relative;
+  width: fit-content;
+  height: fit-content;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #171e25;
+  padding: 0.5rem 1rem;
+  font-family: "Open Sans", sans-serif;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./AnimatedBorder.css";
+declare const AnimatedBorder: () => React.JSX.Element;
+export default AnimatedBorder;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import "./AnimatedBorder.css";
+var AnimatedBorder = function () {
+    return (React.createElement("div", { className: "animated-border-wrapper" },
+        React.createElement("div", { className: "animated-border-card exemple" },
+            React.createElement("div", { className: "animated-border-inner" }, "Contenu du cube"))));
+};
+export default AnimatedBorder;
+/*
+
+*/

package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts

@@ -0,0 +1,17 @@
+declare namespace _default {
+    export let title: string;
+    export { AnimatedBorder as component };
+    export namespace parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+}
+export default _default;
+export const Default: any;
+import AnimatedBorder from "./AnimatedBorder";

package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js

@@ -0,0 +1,20 @@
+import React from "react";
+import AnimatedBorder from "./AnimatedBorder";
+export default {
+    title: "Components/Molecules/AnimatedBorder",
+    component: AnimatedBorder,
+    parameters: {
+        backgrounds: {
+            default: "light",
+            values: [
+                { name: "light", value: "#ffffff" },
+                { name: "grey", value: "#728ea7" },
+                { name: "figma", value: "#404040" },
+                { name: "dark", value: "#171e25" },
+            ],
+        },
+    },
+};
+var Template = function () { return (React.createElement("div", null,
+    React.createElement(AnimatedBorder, null))); };
+export var Default = Template.bind({});

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    export let title: string;
+    export { BorderRadius as component };
+    export let tags: 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 Default: any;
+import BorderRadius from "./BorderRadius";

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

@@ -0,0 +1,34 @@
+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 BorderRadius from "./BorderRadius";
+import "./BorderRadiusExample.css";
+import "../../../styles/global.css";
+export default {
+    title: "Components/UI-Variables/BorderRadius",
+    component: BorderRadius,
+    tags: ["autodocs"],
+    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(BorderRadius, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {};

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    export let title: string;
+    export { Shadows as component };
+    export let tags: 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 Default: any;
+import Shadows from "./Shadows";

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

@@ -0,0 +1,34 @@
+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 Shadows from "./Shadows";
+import "./ShadowsExample.css";
+import "../../../styles/global.css";
+export default {
+    title: "Components/UI-Variables/Shadows",
+    component: Shadows,
+    tags: ["autodocs"],
+    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(Shadows, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {};

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    export let title: string;
+    export { Strokes as component };
+    export let tags: 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 Default: any;
+import Strokes from "./Strokes";

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

@@ -0,0 +1,34 @@
+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 Strokes from "./Strokes";
+import "./StrokesExample.css";
+import "../../../styles/global.css";
+export default {
+    title: "Components/UI-Variables/Strokes",
+    component: Strokes,
+    tags: ["autodocs"],
+    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(Strokes, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {};

package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts

@@ -0,0 +1,70 @@
+declare namespace _default {
+    export let title: string;
+    export { AppointmentSlot as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace status {
+            export namespace control {
+                let type: string;
+                let options: string[];
+            }
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        namespace noteCount {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        namespace documentCount {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        namespace date {
+            let control_3: string;
+            export { control_3 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: string;
+            }
+            export { _if as if };
+        }
+        namespace style {
+            export namespace control_4 {
+                let type_2: string;
+                export { type_2 as type };
+                let options_2: string[];
+                export { options_2 as options };
+            }
+            export { control_4 as control };
+            export let defaultValue: string;
+        }
+    }
+    export namespace parameters {
+        namespace actions {
+            let handles: string[];
+        }
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+}
+export default _default;
+export const Confirmed: any;
+export const ConfirmedBig: any;
+export const Pending: any;
+export const Available: any;
+export const Unavailable: any;
+export const Passed: any;
+export const Cancelled: any;
+export const Refused: any;
+export const Summary: any;
+export const SummaryBig: any;
+import AppointmentSlot from "./AppointmentSlot";