zuii 1.4.8 → 1.4.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/sweetalert2.js +7 -0
- package/dist/_virtual/sweetalert22.js +4 -0
- package/dist/components/Accordion/js/accordion.d.ts +4 -0
- package/dist/components/Accordion/react/index.d.ts +127 -0
- package/dist/components/Accordion/react/index.js +91 -0
- package/dist/components/Accordion/style/index.css +1 -0
- package/dist/components/Alert/js/alert.d.ts +41 -0
- package/dist/components/Alert/js/alert.js +32 -0
- package/dist/components/Alert/react/index.d.ts +98 -0
- package/dist/components/Alert/react/index.js +62 -0
- package/dist/components/Alert/style/index.css +1 -0
- package/dist/components/Badge/style/index.css +1 -1
- package/dist/components/Button/style/index.css +1 -1
- package/dist/components/Color/react/index.js +14 -11
- package/dist/components/Color/style/index.css +1 -1
- package/dist/components/Divider/react/index.d.ts +3 -1
- package/dist/components/Divider/react/index.js +2 -2
- package/dist/components/Divider/style/index.css +1 -1
- package/dist/components/Form/js/number.d.ts +7 -0
- package/dist/components/Form/js/number.js +14 -0
- package/dist/components/Form/react/FileInput.d.ts +40 -18
- package/dist/components/Form/react/FileInput.js +71 -47
- package/dist/components/Form/react/Select.d.ts +5 -1
- package/dist/components/Form/react/Select.js +10 -8
- package/dist/components/Form/react/index.js +70 -39
- package/dist/components/Form/style/index.css +1 -1
- package/dist/components/Modal/style/index.css +1 -1
- package/dist/components/Tab/js/tab.d.ts +4 -0
- package/dist/components/Tab/react/index.js +72 -0
- package/dist/components/Tab/style/index.css +1 -0
- package/dist/components/Table/style/index.css +1 -1
- package/dist/core/styles/_tokens.scss +1 -1
- package/dist/core/styles/main.css +1 -1
- package/dist/core/styles/tokens.css +1 -1
- package/dist/core/styles/tokens.ts +2 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.js +43 -30
- package/dist/node_modules/.pnpm/@uppy_locales@5.1.1/node_modules/@uppy/locales/lib/fr_FR.js +193 -0
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/Dashboard.js +47 -0
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/getHTMLProps.js +234 -0
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/nonHtmlPropsHaveChanged.js +8 -0
- package/dist/node_modules/.pnpm/react-bootstrap@2.10.10_@types_react@19.2.10_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-bootstrap/esm/AccordionContext.js +6 -0
- package/dist/node_modules/.pnpm/sweetalert2@11.26.18/node_modules/sweetalert2/dist/sweetalert2.js +1790 -0
- package/dist/templates/Accordions/Accordions.d.ts +6 -0
- package/dist/templates/Accordions/Accordions.tsx +100 -0
- package/dist/templates/Alerts/Alerts.d.ts +4 -0
- package/dist/templates/Alerts/Alerts.tsx +401 -0
- package/dist/templates/Forms/Forms-elements.tsx +65 -36
- package/dist/templates/Forms/Forms.tsx +26 -6
- package/dist/templates/Tabs/Tabs.d.ts +6 -0
- package/dist/templates/Tabs/Tabs.tsx +281 -0
- package/dist/templates/index.d.ts +3 -0
- package/dist/templates/index.ts +3 -0
- package/package.json +8 -2
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as e } from "../node_modules/.pnpm/sweetalert2@11.26.18/node_modules/sweetalert2/dist/sweetalert2.js";
|
|
3
|
+
var t = e();
|
|
4
|
+
const s = /* @__PURE__ */ r(t);
|
|
5
|
+
export {
|
|
6
|
+
s as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { AccordionProps, useAccordionButton } from 'react-bootstrap';
|
|
2
|
+
import { default as AccordionContext } from 'react-bootstrap/AccordionContext';
|
|
3
|
+
import { Context } from 'react';
|
|
4
|
+
import { AccordionContextValue } from 'react-bootstrap/esm/AccordionContext';
|
|
5
|
+
/**
|
|
6
|
+
* Interface pour un élément individuel de l'accordéon.
|
|
7
|
+
*/
|
|
8
|
+
interface AccordionItem {
|
|
9
|
+
/**
|
|
10
|
+
* Le titre de l'élément (affiché dans le header).
|
|
11
|
+
*/
|
|
12
|
+
header: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Le contenu de l'élément (affiché dans le body).
|
|
15
|
+
*/
|
|
16
|
+
body: React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* La clé unique de l'élément.
|
|
19
|
+
*/
|
|
20
|
+
eventKey: string;
|
|
21
|
+
/**
|
|
22
|
+
* Ajoute une bordure autour de l'élément.
|
|
23
|
+
*/
|
|
24
|
+
border?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Propriétés du composant Accordion.
|
|
28
|
+
*/
|
|
29
|
+
interface Props extends AccordionProps {
|
|
30
|
+
/**
|
|
31
|
+
* Liste d'objets définissant les éléments de l'accordéon.
|
|
32
|
+
*/
|
|
33
|
+
items?: AccordionItem[];
|
|
34
|
+
/**
|
|
35
|
+
* Classe CSS additionnelle.
|
|
36
|
+
*/
|
|
37
|
+
className?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Ajoute une bordure autour de l'élément.
|
|
40
|
+
*/
|
|
41
|
+
border?: boolean;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* Composant Accordion basé sur React Bootstrap.
|
|
45
|
+
*
|
|
46
|
+
* @param {Props} props - Les propriétés du composant.
|
|
47
|
+
* @returns {JSX.Element} Le rendu du composant.
|
|
48
|
+
*/
|
|
49
|
+
export declare const Accordion: {
|
|
50
|
+
({ items, children, className, border, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
Item({ className, border, ...props }: any): import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
Header({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
Body({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
ContextToggle({ children, eventKey, callback, as: Component, variant, className, ...props }: ContextToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
55
|
+
Toggle({ children, eventKey, callback, as: Component, className, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
/**
|
|
57
|
+
* Exposition des utilitaires de React Bootstrap sur le composant Accordion.
|
|
58
|
+
*/
|
|
59
|
+
useAccordionButton: typeof useAccordionButton;
|
|
60
|
+
AccordionContext: Context<AccordionContextValue>;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Interface pour les propriétés du composant ContextToggle.
|
|
64
|
+
*/
|
|
65
|
+
interface ContextToggleProps {
|
|
66
|
+
/**
|
|
67
|
+
* Contenu du bouton.
|
|
68
|
+
*/
|
|
69
|
+
children: React.ReactNode;
|
|
70
|
+
/**
|
|
71
|
+
* Clé de l'élément à contrôler.
|
|
72
|
+
*/
|
|
73
|
+
eventKey: string;
|
|
74
|
+
/**
|
|
75
|
+
* Callback optionnel au clic.
|
|
76
|
+
*/
|
|
77
|
+
callback?: (eventKey: string) => void;
|
|
78
|
+
/**
|
|
79
|
+
* L'élément ou composant à utiliser pour le rendu (défaut: Button).
|
|
80
|
+
*/
|
|
81
|
+
as?: React.ElementType;
|
|
82
|
+
/**
|
|
83
|
+
* Variante de couleur Bootstrap. Par défaut primary ou success si ouvert.
|
|
84
|
+
*/
|
|
85
|
+
variant?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Classe additionnelle.
|
|
88
|
+
*/
|
|
89
|
+
className?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Autres propriétés.
|
|
92
|
+
*/
|
|
93
|
+
[key: string]: any;
|
|
94
|
+
}
|
|
95
|
+
/**
|
|
96
|
+
* Interface pour les propriétés du composant Toggle.
|
|
97
|
+
*/
|
|
98
|
+
interface ToggleProps {
|
|
99
|
+
/**
|
|
100
|
+
* Contenu du toggle.
|
|
101
|
+
*/
|
|
102
|
+
children: React.ReactNode;
|
|
103
|
+
/**
|
|
104
|
+
* Clé de l'élément à contrôler.
|
|
105
|
+
*/
|
|
106
|
+
eventKey: string;
|
|
107
|
+
/**
|
|
108
|
+
* Callback optionnel au clic.
|
|
109
|
+
*/
|
|
110
|
+
callback?: (eventKey: string) => void;
|
|
111
|
+
/**
|
|
112
|
+
* L'élément ou composant à utiliser pour le rendu (défaut: Button).
|
|
113
|
+
*/
|
|
114
|
+
as?: React.ElementType;
|
|
115
|
+
/**
|
|
116
|
+
* Classe additionnelle.
|
|
117
|
+
*/
|
|
118
|
+
className?: string;
|
|
119
|
+
/**
|
|
120
|
+
* Autres propriétés.
|
|
121
|
+
*/
|
|
122
|
+
[key: string]: any;
|
|
123
|
+
}
|
|
124
|
+
/**
|
|
125
|
+
* Export des utilitaires de React Bootstrap pour l'Accordion.
|
|
126
|
+
*/
|
|
127
|
+
export { useAccordionButton, AccordionContext };
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsx as t, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { Accordion as s, useAccordionButton as u } from "react-bootstrap";
|
|
3
|
+
import { useAccordionButton as v } from "react-bootstrap";
|
|
4
|
+
import $ from "../../../node_modules/.pnpm/react-bootstrap@2.10.10_@types_react@19.2.10_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-bootstrap/esm/AccordionContext.js";
|
|
5
|
+
import { useContext as h } from "react";
|
|
6
|
+
import { Button as C } from "../../Button/react/index.js";
|
|
7
|
+
import '../style/index.css';/* empty css */
|
|
8
|
+
const a = ({
|
|
9
|
+
items: r = [],
|
|
10
|
+
children: o,
|
|
11
|
+
className: e = "",
|
|
12
|
+
border: n = !1,
|
|
13
|
+
...d
|
|
14
|
+
}) => {
|
|
15
|
+
const c = "accordion", i = n ? `${c}--border` : "";
|
|
16
|
+
return /* @__PURE__ */ t("div", { className: `${c}__wrapper `.trim(), children: /* @__PURE__ */ t(s, { className: `${e}`.trim(), ...d, children: r.length > 0 ? r.map((m, l) => /* @__PURE__ */ p(
|
|
17
|
+
s.Item,
|
|
18
|
+
{
|
|
19
|
+
eventKey: m.eventKey,
|
|
20
|
+
className: `${c}__item ${i}`.trim(),
|
|
21
|
+
children: [
|
|
22
|
+
/* @__PURE__ */ t(s.Header, { className: `${c}__header`, children: m.header }),
|
|
23
|
+
/* @__PURE__ */ t(s.Body, { className: `${c}__body`, children: m.body })
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
l
|
|
27
|
+
)) : o }) });
|
|
28
|
+
};
|
|
29
|
+
a.Item = ({ className: r = "", border: o = !1, ...e }) => {
|
|
30
|
+
const n = o ? "accordion--border" : "";
|
|
31
|
+
return /* @__PURE__ */ t(s.Item, { className: `accordion__item ${n} ${r}`.trim(), ...e });
|
|
32
|
+
};
|
|
33
|
+
a.Header = ({ className: r = "", ...o }) => /* @__PURE__ */ t(s.Header, { className: `accordion__header ${r}`.trim(), ...o });
|
|
34
|
+
a.Body = ({ className: r = "", ...o }) => /* @__PURE__ */ t(s.Body, { className: `accordion__body ${r}`.trim(), ...o });
|
|
35
|
+
a.ContextToggle = ({
|
|
36
|
+
children: r,
|
|
37
|
+
eventKey: o,
|
|
38
|
+
callback: e,
|
|
39
|
+
as: n = C,
|
|
40
|
+
variant: d,
|
|
41
|
+
className: c = "",
|
|
42
|
+
...i
|
|
43
|
+
}) => {
|
|
44
|
+
const { activeEventKey: m } = h($), l = u(
|
|
45
|
+
o,
|
|
46
|
+
() => e && e(o)
|
|
47
|
+
), _ = m === o;
|
|
48
|
+
return /* @__PURE__ */ p(
|
|
49
|
+
n,
|
|
50
|
+
{
|
|
51
|
+
variant: d || (_ ? "success" : "primary"),
|
|
52
|
+
onClick: l,
|
|
53
|
+
className: c,
|
|
54
|
+
...i,
|
|
55
|
+
children: [
|
|
56
|
+
r,
|
|
57
|
+
" ",
|
|
58
|
+
_ ? " (Ouvert)" : " (Fermé)"
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
a.Toggle = ({
|
|
64
|
+
children: r,
|
|
65
|
+
eventKey: o,
|
|
66
|
+
callback: e,
|
|
67
|
+
as: n = C,
|
|
68
|
+
className: d = "",
|
|
69
|
+
...c
|
|
70
|
+
}) => {
|
|
71
|
+
const i = u(
|
|
72
|
+
o,
|
|
73
|
+
() => e && e(o)
|
|
74
|
+
);
|
|
75
|
+
return /* @__PURE__ */ t(
|
|
76
|
+
n,
|
|
77
|
+
{
|
|
78
|
+
onClick: i,
|
|
79
|
+
className: d,
|
|
80
|
+
...c,
|
|
81
|
+
children: r
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
};
|
|
85
|
+
a.useAccordionButton = u;
|
|
86
|
+
a.AccordionContext = $;
|
|
87
|
+
export {
|
|
88
|
+
a as Accordion,
|
|
89
|
+
$ as AccordionContext,
|
|
90
|
+
v as useAccordionButton
|
|
91
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{.accordion__wrapper{--accordion-radius: var(--radius-none);--accordion-border-radius: var(--accordion-radius);--accordion-border-width: none;border:var(--accordion-border-width) solid var(--border-color);border-radius:var(--accordion-border-radius)}.accordion{--accordion-border-radius: none;--accordion-inner-border-radius: none}.accordion-item:first-of-type{border-top-left-radius:var(--accordion-radius);border-top-right-radius:var(--accordion-radius);overflow:hidden}.accordion-item:last-of-type{border-bottom-left-radius:var(--accordion-radius);border-bottom-right-radius:var(--accordion-radius);overflow:hidden}.accordion__item{--accordion-border-width: none}.accordion__item:not(:last-child){border-bottom:var(--accordion-border-width) solid var(--border-color)}.accordion-button:not(.collapsed){--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);box-shadow:none}.accordion--border{--accordion-border-width: var(--border-width)}}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SweetAlertOptions, SweetAlertResult } from 'sweetalert2';
|
|
2
|
+
/**
|
|
3
|
+
* Type de variante pour le composant Alert.
|
|
4
|
+
*/
|
|
5
|
+
export type AlertVariant = undefined | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
|
|
6
|
+
/**
|
|
7
|
+
* Options étendues pour la fonction fireAlert.
|
|
8
|
+
*/
|
|
9
|
+
export interface FireAlertOptions extends Omit<SweetAlertOptions, 'icon' | 'title' | 'html' | 'confirmButtonText' | 'cancelButtonText' | 'denyButtonText'> {
|
|
10
|
+
icon?: string;
|
|
11
|
+
variant?: AlertVariant;
|
|
12
|
+
dismissible?: boolean;
|
|
13
|
+
title?: any;
|
|
14
|
+
html?: any;
|
|
15
|
+
confirmButtonText?: any;
|
|
16
|
+
cancelButtonText?: any;
|
|
17
|
+
denyButtonText?: any;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Génère les options de configuration pour SweetAlert2 basées sur les paramètres de l'alerte.
|
|
21
|
+
*
|
|
22
|
+
* @param {FireAlertOptions} options - Les options de l'alerte.
|
|
23
|
+
* @returns {SweetAlertOptions} Les options formatées pour SweetAlert2.
|
|
24
|
+
*/
|
|
25
|
+
export declare const getAlertOptions: (options: FireAlertOptions) => SweetAlertOptions;
|
|
26
|
+
/**
|
|
27
|
+
* Affiche une alerte SweetAlert2 avec le style personnalisé de la bibliothèque.
|
|
28
|
+
*
|
|
29
|
+
* @param {FireAlertOptions} options - Les options de configuration.
|
|
30
|
+
* @returns {Promise<SweetAlertResult>} Le résultat de l'alerte.
|
|
31
|
+
*/
|
|
32
|
+
export declare const fireAlert: (options: FireAlertOptions) => Promise<SweetAlertResult>;
|
|
33
|
+
/**
|
|
34
|
+
* Ferme l'alerte actuellement ouverte.
|
|
35
|
+
*/
|
|
36
|
+
export declare const closeAlert: () => void;
|
|
37
|
+
/**
|
|
38
|
+
* Logique JavaScript pour le composant Alert.
|
|
39
|
+
* Initialise les comportements si nécessaire.
|
|
40
|
+
*/
|
|
41
|
+
export declare const initAlert: () => void;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import "../../../_virtual/sweetalert2.js";
|
|
2
|
+
const m = (e) => {
|
|
3
|
+
const {
|
|
4
|
+
icon: n,
|
|
5
|
+
customClass: t,
|
|
6
|
+
iconHtml: a,
|
|
7
|
+
variant: s,
|
|
8
|
+
dismissible: o = !1,
|
|
9
|
+
...c
|
|
10
|
+
} = e, i = n && ["success", "error", "warning", "info", "question"].includes(n), r = !i && n ? `<span class="icon icon--size-3xl"><i class="${n}"></i></span>` : a;
|
|
11
|
+
return {
|
|
12
|
+
icon: i ? n : void 0,
|
|
13
|
+
iconHtml: r,
|
|
14
|
+
...c,
|
|
15
|
+
buttonsStyling: !1,
|
|
16
|
+
showCloseButton: o,
|
|
17
|
+
closeButtonHtml: '<span aria-hidden="true"><i class="icon icon-x"></i></span>',
|
|
18
|
+
closeButtonAriaLabel: "Fermer",
|
|
19
|
+
customClass: {
|
|
20
|
+
actions: "group",
|
|
21
|
+
popup: `alert ${s ? `alert--${s}` : ""} ${o ? "alert--dismissible" : ""} ${t?.popup || ""}`.trim(),
|
|
22
|
+
title: `alert__heading ${t?.title || ""}`.trim(),
|
|
23
|
+
closeButton: `btn btn-transparent btn--close alert__close ${t?.closeButton || ""}`.trim(),
|
|
24
|
+
confirmButton: `btn btn-${s === "danger" ? "danger" : s} ${t?.confirmButton || ""}`.trim(),
|
|
25
|
+
cancelButton: `btn btn-secondary ${t?.cancelButton || ""}`.trim(),
|
|
26
|
+
...t
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export {
|
|
31
|
+
m as getAlertOptions
|
|
32
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SweetAlertResult } from 'sweetalert2';
|
|
3
|
+
import { AlertVariant, FireAlertOptions } from '../js/alert';
|
|
4
|
+
export type { AlertVariant };
|
|
5
|
+
/**
|
|
6
|
+
* Propriétés du composant Alert.
|
|
7
|
+
*/
|
|
8
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
/**
|
|
10
|
+
* Le contenu de l'alerte.
|
|
11
|
+
*/
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* La variante de couleur de l'alerte.
|
|
15
|
+
*/
|
|
16
|
+
variant?: AlertVariant;
|
|
17
|
+
/**
|
|
18
|
+
* Classe CSS additionnelle.
|
|
19
|
+
*/
|
|
20
|
+
className?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Si l'alerte peut être fermée.
|
|
23
|
+
*/
|
|
24
|
+
dismissible?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Callback appelé lors de la fermeture de l'alerte.
|
|
27
|
+
*/
|
|
28
|
+
onClose?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Contrôle la visibilité de l'alerte.
|
|
31
|
+
*/
|
|
32
|
+
show?: boolean;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Propriétés du composant AlertHeading.
|
|
36
|
+
*/
|
|
37
|
+
interface AlertHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
38
|
+
/**
|
|
39
|
+
* Le contenu du heading.
|
|
40
|
+
*/
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Classe CSS additionnelle.
|
|
44
|
+
*/
|
|
45
|
+
className?: string;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Propriétés du composant AlertLink.
|
|
49
|
+
*/
|
|
50
|
+
interface AlertLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
51
|
+
/**
|
|
52
|
+
* Le contenu du lien.
|
|
53
|
+
*/
|
|
54
|
+
children?: React.ReactNode;
|
|
55
|
+
/**
|
|
56
|
+
* Classe CSS additionnelle.
|
|
57
|
+
*/
|
|
58
|
+
className?: string;
|
|
59
|
+
/**
|
|
60
|
+
* L'URL du lien.
|
|
61
|
+
*/
|
|
62
|
+
href?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Composant AlertHeading.
|
|
66
|
+
* Utilisé pour afficher un titre dans une alerte.
|
|
67
|
+
*
|
|
68
|
+
* @param {AlertHeadingProps} props - Les propriétés du composant.
|
|
69
|
+
* @returns {JSX.Element} Le rendu du composant.
|
|
70
|
+
*/
|
|
71
|
+
export declare const AlertHeading: ({ children, className, ...props }: AlertHeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
72
|
+
/**
|
|
73
|
+
* Composant AlertLink.
|
|
74
|
+
* Utilisé pour afficher un lien stylisé dans une alerte.
|
|
75
|
+
*
|
|
76
|
+
* @param {AlertLinkProps} props - Les propriétés du composant.
|
|
77
|
+
* @returns {JSX.Element} Le rendu du composant.
|
|
78
|
+
*/
|
|
79
|
+
export declare const AlertLink: ({ children, className, href, ...props }: AlertLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
80
|
+
/**
|
|
81
|
+
* Composant Alert.
|
|
82
|
+
* Fournit des messages de feedback contextuels pour les actions utilisateur typiques.
|
|
83
|
+
*
|
|
84
|
+
* @param {AlertProps} props - Les propriétés du composant.
|
|
85
|
+
* @returns {JSX.Element | null} Le rendu du composant.
|
|
86
|
+
*/
|
|
87
|
+
export declare const AlertBase: ({ children, variant, className, dismissible, onClose, show, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
88
|
+
/**
|
|
89
|
+
* Interface étendue pour le composant Alert avec ses sous-composants et méthodes.
|
|
90
|
+
*/
|
|
91
|
+
interface AlertComponent extends React.FC<AlertProps> {
|
|
92
|
+
fire: (options: FireAlertOptions) => Promise<SweetAlertResult>;
|
|
93
|
+
Heading: typeof AlertHeading;
|
|
94
|
+
Link: typeof AlertLink;
|
|
95
|
+
close: () => void;
|
|
96
|
+
}
|
|
97
|
+
declare const Alert: AlertComponent;
|
|
98
|
+
export { Alert };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsxs as C, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h } from "react";
|
|
3
|
+
import _ from "../../../_virtual/sweetalert2.js";
|
|
4
|
+
import A from "sweetalert2-react-content";
|
|
5
|
+
import '../style/index.css';/* empty css */
|
|
6
|
+
import { getAlertOptions as N } from "../js/alert.js";
|
|
7
|
+
const g = ({
|
|
8
|
+
children: e,
|
|
9
|
+
className: s = "",
|
|
10
|
+
...t
|
|
11
|
+
}) => /* @__PURE__ */ i("h4", { className: `alert__heading ${s}`.trim(), ...t, children: e }), k = ({
|
|
12
|
+
children: e,
|
|
13
|
+
className: s = "",
|
|
14
|
+
href: t = "#",
|
|
15
|
+
...r
|
|
16
|
+
}) => /* @__PURE__ */ i("a", { className: `alert__link ${s}`.trim(), href: t, ...r, children: e }), x = ({
|
|
17
|
+
children: e,
|
|
18
|
+
variant: s = "primary",
|
|
19
|
+
className: t = "",
|
|
20
|
+
dismissible: r = !1,
|
|
21
|
+
onClose: a,
|
|
22
|
+
show: o,
|
|
23
|
+
...m
|
|
24
|
+
}) => {
|
|
25
|
+
const [b, d] = h(!0), p = o !== void 0 ? o : b, $ = () => {
|
|
26
|
+
d(!1), a && a();
|
|
27
|
+
};
|
|
28
|
+
if (!p)
|
|
29
|
+
return null;
|
|
30
|
+
const l = "alert", f = s ? `${l}--${s}` : "", u = r ? `${l}--dismissible` : "";
|
|
31
|
+
return /* @__PURE__ */ C(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
className: `${l} ${f} ${u} ${t}`.trim(),
|
|
35
|
+
role: "alert",
|
|
36
|
+
...m,
|
|
37
|
+
children: [
|
|
38
|
+
e,
|
|
39
|
+
r && /* @__PURE__ */ i(
|
|
40
|
+
"button",
|
|
41
|
+
{
|
|
42
|
+
type: "button",
|
|
43
|
+
className: `btn btn-transparent btn--close ${l}__close`,
|
|
44
|
+
onClick: $,
|
|
45
|
+
"aria-label": "Fermer",
|
|
46
|
+
children: /* @__PURE__ */ i("span", { "aria-hidden": "true", children: /* @__PURE__ */ i("i", { className: "icon icon-x" }) })
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}, c = A(_), n = x;
|
|
53
|
+
n.fire = (e) => c.fire(N(e));
|
|
54
|
+
n.Heading = g;
|
|
55
|
+
n.Link = k;
|
|
56
|
+
n.close = () => c.close();
|
|
57
|
+
export {
|
|
58
|
+
n as Alert,
|
|
59
|
+
x as AlertBase,
|
|
60
|
+
g as AlertHeading,
|
|
61
|
+
k as AlertLink
|
|
62
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer vendor{:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, .5);--swal2-container-padding: .625em;--swal2-backdrop: rgba(0, 0, 0, .4);--swal2-backdrop-transition: background-color .15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: .3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show .3s;--swal2-hide-animation: swal2-hide .15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: .8em 1em 0;--swal2-html-container-padding: 1em 1.6em .3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: .1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, .3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color .2s, box-shadow .2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color .2s, box-shadow .2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: .25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: .25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: .25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show .5s;--swal2-toast-hide-animation: swal2-toast-hide .1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / .075), 0 1px 2px hsl(0deg 0% 0% / .075), 1px 2px 4px hsl(0deg 0% 0% / .075), 1px 3px 8px hsl(0deg 0% 0% / .075), 2px 4px 16px hsl(0deg 0% 0% / .075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:transparent!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px transparent;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:transparent;color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:transparent;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0,-50px,0) scale(.9);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(0,-50px,0) scale(.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}}@layer components{.alert{--alert-bg-tint: 30%;--bg-tint-color: var(--white);--alert-border-radius: var(--z-alert-border-radius, var(--radius-base));--alert-bg: var(--white);--alert-padding-x: var(--spacing-sm);--alert-padding-y: var(--spacing-md);--alert-margin-bottom: var(--spacing-none);gap:var(--spacing-sm)}.alert--primary{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--primary-contrast)}.alert--secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--secondary-contrast)}.alert--accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--accent-contrast)}.alert--tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--tertiary-contrast)}.alert--success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--success-contrast)}.alert--danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--danger-contrast)}.alert--warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--warning-contrast)}.alert--info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--info-contrast)}.alert--light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--light-contrast)}.alert--dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--alert-bg-tint));background-color:var(--color);color:var(--dark-contrast)}.alert__close{position:absolute;top:0;right:0;opacity:.5;font-size:1.5rem;width:auto}.alert__close:hover{opacity:.75;color:color-mix(in srgb,currentColor,var(--dark) 80%)}.alert__close:focus{outline:0;opacity:1}.alert__close span{display:block}.alert__heading{font-weight:inherit;line-height:1.2;color:inherit;padding:0;margin-left:0}.alert__link{font-weight:700;text-decoration:underline;color:inherit;cursor:pointer}.alert__link:hover{opacity:.8}.backdrop{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%)}.swal2-icon{margin:0 auto;border-width:0!important;flex-shrink:0;width:auto;height:auto}.swal2-timer-progress-bar{background-color:color-mix(in srgb,currentColor,transparent 20%)}.swal2-html-container{padding:0;margin:0}.swal2-actions button:not([style*="display: none"]){padding-top:.5rem}.swal2-backdrop-show{background-color:transparent}.swal2-backdrop-show:before{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%);content:"";width:100%;height:100%;position:fixed;top:0;left:0;background:var(--backdrop-bg);opacity:var(--backdrop-opacity)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.badge{--badge-border-radius: var(--border-radius-pill);--badge-font-size: var(--font-size-xs);font-size:var(--badge-font-size);line-height:initial;margin:.2rem;border:1px solid transparent;height:fit-content;display:flex;gap:var(--spacing-xs);align-items:center}.badge--primary{
|
|
1
|
+
@layer components{.badge{--badge-border-radius: var(--border-radius-pill);--badge-font-size: var(--font-size-xs);font-size:var(--badge-font-size);line-height:initial;margin:.2rem;border:1px solid transparent;height:fit-content;display:flex;gap:var(--spacing-xs);align-items:center}.badge--primary{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-contrast);border-color:var(--primary)}.badge--secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-contrast);border-color:var(--secondary)}.badge--accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);border-color:var(--accent)}.badge--tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-contrast);border-color:var(--tertiary)}.badge--success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-contrast);border-color:var(--success)}.badge--danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-contrast);border-color:var(--danger)}.badge--warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-contrast);border-color:var(--warning)}.badge--info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-contrast);border-color:var(--info)}.badge--light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-contrast);border-color:var(--light)}.badge--dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-contrast);border-color:var(--dark)}.badge--outline{--bg-opacity: 0;background-color:transparent;color:inherit}.badge--outline-primary{border-color:#296782;color:#296782}.badge--outline-secondary,.badge--outline-accent{border-color:#49b4e8;color:#49b4e8}.badge--outline-tertiary{border-color:#f5524d;color:#f5524d}.badge--outline-success{border-color:#73d3b6;color:#73d3b6}.badge--outline-danger{border-color:#ea5f5f;color:#ea5f5f}.badge--outline-warning{border-color:#f5d762;color:#f5d762}.badge--outline-info{border-color:#73b6d3;color:#73b6d3}.badge--outline-light{border-color:#fff;color:#fff}.badge--outline-dark{border-color:#000;color:#000}.badge--xs{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .5em}.badge--sm{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .6em}.badge--md{--badge-padding-x: .65em;--badge-padding-y: .35em;--badge-font-size: .7rem}.badge--lg{--badge-padding-x: .7em;--badge-padding-y: .45em;--badge-font-size: .8rem}.badge--xl{--badge-padding-x: .75em;--badge-padding-y: .55em;--badge-font-size: .9rem}.badge__content{display:inline-block}}
|