@recordair/ui-core 0.1.0 → 0.3.0
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/README.md +60 -3
- package/dist/LinkButton.d.ts +3 -2
- package/dist/LinkButton.d.ts.map +1 -1
- package/dist/LinkButton.js +1 -1
- package/dist/LinkButton.js.map +1 -1
- package/dist/Toast.d.ts +4 -2
- package/dist/Toast.d.ts.map +1 -1
- package/dist/Toast.js +32 -4
- package/dist/Toast.js.map +1 -1
- package/dist/buttonStyles.d.ts +1 -1
- package/dist/buttonStyles.d.ts.map +1 -1
- package/dist/buttonStyles.js +3 -0
- package/dist/buttonStyles.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,12 +1,69 @@
|
|
|
1
1
|
# @recordair/ui-core
|
|
2
2
|
|
|
3
|
-
Primitives React accessibles
|
|
3
|
+
Primitives React accessibles et typées du design system Record'air : boutons, cartes, formulaires, feedback, navigation, contenu et icônes.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @recordair/ui-core @recordair/theme-recordair tailwindcss
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Peer dependencies : React `18.2+` et React DOM `18.2+`.
|
|
12
|
+
|
|
13
|
+
## Configuration CSS obligatoire
|
|
14
|
+
|
|
15
|
+
Dans `app/globals.css` :
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
@import "tailwindcss";
|
|
19
|
+
@import "@recordair/theme-recordair";
|
|
20
|
+
|
|
21
|
+
@source "../node_modules/@recordair/ui-core/dist";
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Pour `src/app/globals.css`, remplacez `../node_modules` par `../../node_modules`.
|
|
25
|
+
|
|
26
|
+
## Utilisation
|
|
4
27
|
|
|
5
28
|
```tsx
|
|
6
29
|
import { Accordion, Button, Field, Input } from "@recordair/ui-core";
|
|
7
30
|
import { SearchIcon } from "@recordair/ui-core/icons";
|
|
31
|
+
|
|
32
|
+
const SearchForm = () => (
|
|
33
|
+
<Field label="Rechercher" htmlFor="search">
|
|
34
|
+
<Input id="search" icon={<SearchIcon aria-hidden="true" />} />
|
|
35
|
+
</Field>
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
export { SearchForm };
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Les boutons de rôle utilisent directement les tokens Record'air :
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
import { Button } from "@recordair/ui-core";
|
|
45
|
+
|
|
46
|
+
const RoleActions = () => (
|
|
47
|
+
<div className="flex gap-3">
|
|
48
|
+
<Button variant="artist">Continuer comme artiste</Button>
|
|
49
|
+
<Button variant="studio">Continuer comme studio</Button>
|
|
50
|
+
<Button variant="pro">Continuer comme pro</Button>
|
|
51
|
+
</div>
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
export { RoleActions };
|
|
8
55
|
```
|
|
9
56
|
|
|
10
|
-
|
|
57
|
+
`LinkButton` accepte une prop `as` pour injecter le composant de navigation du projet sans ajouter Next.js ou `next-intl` aux dépendances du package.
|
|
58
|
+
|
|
59
|
+
Les icônes doivent être importées depuis `@recordair/ui-core/icons`. N'importez pas les fichiers internes de `dist`.
|
|
60
|
+
|
|
61
|
+
Les composants émettent uniquement des événements React et n'importent ni route, ni service, ni traduction applicative. Ajoutez `"use client"` dans le composant consommateur lorsqu'il conserve un état ou fournit des callbacks.
|
|
62
|
+
|
|
63
|
+
## Dépannage
|
|
64
|
+
|
|
65
|
+
Si les composants sont rendus mais restent sans style, vérifiez la directive `@source`, supprimez `.next`, puis redémarrez le serveur de développement.
|
|
66
|
+
|
|
67
|
+
## Licence
|
|
11
68
|
|
|
12
|
-
|
|
69
|
+
Licence propriétaire, tous droits réservés. Voir le fichier `LICENSE` inclus dans le package.
|
package/dist/LinkButton.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { AnchorHTMLAttributes, ReactNode } from "react";
|
|
1
|
+
import type { AnchorHTMLAttributes, ElementType, ReactNode } from "react";
|
|
2
2
|
import type { ButtonShape, ButtonSize, ButtonVariant } from "./buttonStyles";
|
|
3
3
|
type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
4
|
+
as?: ElementType;
|
|
4
5
|
variant?: ButtonVariant;
|
|
5
6
|
size?: ButtonSize;
|
|
6
7
|
shape?: ButtonShape;
|
|
@@ -8,7 +9,7 @@ type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
|
8
9
|
trailingIcon?: ReactNode;
|
|
9
10
|
block?: boolean;
|
|
10
11
|
};
|
|
11
|
-
declare const LinkButton: ({ variant, size, shape, leadingIcon, trailingIcon, block, className, children, ...rest }: LinkButtonProps) => import("react").JSX.Element;
|
|
12
|
+
declare const LinkButton: ({ as: LinkComponent, variant, size, shape, leadingIcon, trailingIcon, block, className, children, ...rest }: LinkButtonProps) => import("react").JSX.Element;
|
|
12
13
|
export { LinkButton };
|
|
13
14
|
export type { LinkButtonProps };
|
|
14
15
|
//# sourceMappingURL=LinkButton.d.ts.map
|
package/dist/LinkButton.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,6GAWjB,eAAe,gCASjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/LinkButton.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { buttonClassName } from "./buttonStyles";
|
|
3
|
-
const LinkButton = ({ variant = "primary", size = "md", shape = "default", leadingIcon, trailingIcon, block = false, className, children, ...rest }) => (_jsxs(
|
|
3
|
+
const LinkButton = ({ as: LinkComponent = "a", variant = "primary", size = "md", shape = "default", leadingIcon, trailingIcon, block = false, className, children, ...rest }) => (_jsxs(LinkComponent, { className: buttonClassName({ variant, size, shape, block, className }), ...rest, children: [leadingIcon, children, trailingIcon] }));
|
|
4
4
|
export { LinkButton };
|
|
5
5
|
//# sourceMappingURL=LinkButton.js.map
|
package/dist/LinkButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAajD,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,aAAa,GAAG,GAAG,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,WAAW,EACX,YAAY,EACZ,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACS,EAAE,EAAE,CAAC,CACrB,MAAC,aAAa,IACZ,SAAS,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAClE,IAAI,aAEP,WAAW,EACX,QAAQ,EACR,YAAY,IACC,CACjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/Toast.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
type ToastVariant = "success" | "error" | "warning" | "info";
|
|
2
|
+
type ToastPosition = "bottom-center" | "top-right";
|
|
2
3
|
type ToastProps = {
|
|
3
4
|
open: boolean;
|
|
4
5
|
variant: ToastVariant;
|
|
@@ -6,8 +7,9 @@ type ToastProps = {
|
|
|
6
7
|
closeLabel: string;
|
|
7
8
|
onClose: () => void;
|
|
8
9
|
duration?: number;
|
|
10
|
+
position?: ToastPosition;
|
|
9
11
|
};
|
|
10
|
-
declare const Toast: ({ open, variant, message, closeLabel, onClose, duration, }: ToastProps) => import("react").JSX.Element | null;
|
|
12
|
+
declare const Toast: ({ open, variant, message, closeLabel, onClose, duration, position, }: ToastProps) => import("react").JSX.Element | null;
|
|
11
13
|
export { Toast };
|
|
12
|
-
export type { ToastProps, ToastVariant };
|
|
14
|
+
export type { ToastProps, ToastVariant, ToastPosition };
|
|
13
15
|
//# sourceMappingURL=Toast.d.ts.map
|
package/dist/Toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAMA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAMA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAC7D,KAAK,aAAa,GAAG,eAAe,GAAG,WAAW,CAAC;AAEnD,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAuBF,QAAA,MAAM,KAAK,GAAI,sEAQZ,UAAU,uCA8DZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/Toast.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect } from "react";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
4
|
import { XIcon } from "./icons";
|
|
5
5
|
import { classNames } from "./classNames";
|
|
6
6
|
const variantClasses = {
|
|
@@ -9,7 +9,33 @@ const variantClasses = {
|
|
|
9
9
|
warning: "border-warning-border bg-warning-bg text-warning-text",
|
|
10
10
|
info: "border-info-border bg-info-bg text-info-text",
|
|
11
11
|
};
|
|
12
|
-
const
|
|
12
|
+
const positionClasses = {
|
|
13
|
+
"bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
|
|
14
|
+
"top-right": "top-6 right-6",
|
|
15
|
+
};
|
|
16
|
+
// Transform de l'état masqué (avant entrée / après sortie), selon l'ancrage.
|
|
17
|
+
const hiddenClasses = {
|
|
18
|
+
"bottom-center": "translate-y-2 opacity-0",
|
|
19
|
+
"top-right": "translate-x-4 opacity-0",
|
|
20
|
+
};
|
|
21
|
+
// Doit rester aligné avec la classe `duration-200` ci-dessous.
|
|
22
|
+
const ANIMATION_MS = 200;
|
|
23
|
+
const Toast = ({ open, variant, message, closeLabel, onClose, duration = 3500, position = "bottom-center", }) => {
|
|
24
|
+
const [rendered, setRendered] = useState(open);
|
|
25
|
+
const [shown, setShown] = useState(false);
|
|
26
|
+
// Montage retardé pour jouer la transition d'entrée, démontage différé après
|
|
27
|
+
// la transition de sortie.
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (open) {
|
|
30
|
+
setRendered(true);
|
|
31
|
+
const raf = requestAnimationFrame(() => setShown(true));
|
|
32
|
+
return () => cancelAnimationFrame(raf);
|
|
33
|
+
}
|
|
34
|
+
setShown(false);
|
|
35
|
+
const timeout = window.setTimeout(() => setRendered(false), ANIMATION_MS);
|
|
36
|
+
return () => window.clearTimeout(timeout);
|
|
37
|
+
}, [open]);
|
|
38
|
+
// Fermeture automatique : déclenche la sortie via le parent (onClose).
|
|
13
39
|
useEffect(() => {
|
|
14
40
|
if (!open || duration === 0) {
|
|
15
41
|
return;
|
|
@@ -17,10 +43,12 @@ const Toast = ({ open, variant, message, closeLabel, onClose, duration = 3500, }
|
|
|
17
43
|
const timeout = window.setTimeout(onClose, duration);
|
|
18
44
|
return () => window.clearTimeout(timeout);
|
|
19
45
|
}, [open, duration, onClose]);
|
|
20
|
-
if (!
|
|
46
|
+
if (!rendered) {
|
|
21
47
|
return null;
|
|
22
48
|
}
|
|
23
|
-
return (_jsx("div", { role: variant === "error" ? "alert" : "status", "aria-live": variant === "error" ? "assertive" : "polite", className: "fixed
|
|
49
|
+
return (_jsx("div", { role: variant === "error" ? "alert" : "status", "aria-live": variant === "error" ? "assertive" : "polite", className: classNames("fixed z-50", positionClasses[position]), children: _jsxs("div", { className: classNames("flex items-center gap-3 rounded-md border px-4 py-3 text-sm shadow-md transition-all duration-200 ease-out", variantClasses[variant], shown
|
|
50
|
+
? "translate-x-0 translate-y-0 opacity-100"
|
|
51
|
+
: hiddenClasses[position]), children: [_jsx("span", { children: message }), _jsx("button", { type: "button", onClick: onClose, "aria-label": closeLabel, className: "text-current opacity-60 transition-opacity hover:opacity-100", children: _jsx(XIcon, { className: "size-4" }) })] }) }));
|
|
24
52
|
};
|
|
25
53
|
export { Toast };
|
|
26
54
|
//# sourceMappingURL=Toast.js.map
|
package/dist/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}
|
package/dist/buttonStyles.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type ButtonVariant = "primary" | "secondary" | "ghost" | "soft" | "danger";
|
|
1
|
+
type ButtonVariant = "primary" | "secondary" | "ghost" | "soft" | "danger" | "artist" | "studio" | "pro";
|
|
2
2
|
type ButtonSize = "sm" | "md" | "lg";
|
|
3
3
|
type ButtonShape = "default" | "pill";
|
|
4
4
|
type ButtonStyleOptions = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,GACd,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,KAAK,CAAC;AACV,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtC,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAwBF,QAAA,MAAM,eAAe,GAAI,6CAMtB,kBAAkB,KAAG,MAQrB,CAAC;AAEJ,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/buttonStyles.js
CHANGED
|
@@ -10,6 +10,9 @@ const variantClasses = {
|
|
|
10
10
|
ghost: "bg-transparent text-neutral-700 hover:bg-neutral-100",
|
|
11
11
|
soft: "bg-role-studio-bg text-role-studio-text hover:brightness-95",
|
|
12
12
|
danger: "bg-error text-neutral-0 hover:brightness-95",
|
|
13
|
+
artist: "bg-gradient-to-r from-role-artist-from to-role-artist-to text-neutral-0 shadow-lg shadow-role-artist-to/30 hover:brightness-110",
|
|
14
|
+
studio: "bg-gradient-to-r from-role-studio-from to-role-studio-to text-neutral-0 shadow-lg shadow-role-studio-from/30 hover:brightness-110",
|
|
15
|
+
pro: "bg-gradient-to-r from-role-pro-from to-role-pro-to text-neutral-0 shadow-lg shadow-role-pro-from/30 hover:brightness-110",
|
|
13
16
|
};
|
|
14
17
|
const buttonClassName = ({ variant = "primary", size = "md", shape = "default", block = false, className, }) => classNames("inline-flex items-center justify-center gap-2 font-semibold transition focus-visible:outline-none focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-60", shape === "pill" ? "rounded-full" : "rounded-md", sizeClasses[size], variantClasses[variant], block && "w-full", className);
|
|
15
18
|
export { buttonClassName };
|
package/dist/buttonStyles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,MAAM,WAAW,GAA+B;IAC9C,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,uCAAuC;CAC5C,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,OAAO,EACL,iHAAiH;IACnH,SAAS,EACP,8GAA8G;IAChH,KAAK,EAAE,sDAAsD;IAC7D,IAAI,EAAE,6DAA6D;IACnE,MAAM,EAAE,6CAA6C;IACrD,MAAM,EACJ,iIAAiI;IACnI,MAAM,EACJ,mIAAmI;IACrI,GAAG,EACD,0HAA0H;CAC7H,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,KAAK,EACb,SAAS,GACU,EAAU,EAAE,CAC/B,UAAU,CACR,8KAA8K,EAC9K,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAChD,WAAW,CAAC,IAAI,CAAC,EACjB,cAAc,CAAC,OAAO,CAAC,EACvB,KAAK,IAAI,QAAQ,EACjB,SAAS,CACV,CAAC;AAEJ,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -61,7 +61,7 @@ export type { SelectProps } from "./Select";
|
|
|
61
61
|
export { SubmitButton } from "./SubmitButton";
|
|
62
62
|
export type { SubmitButtonProps } from "./SubmitButton";
|
|
63
63
|
export { Toast } from "./Toast";
|
|
64
|
-
export type { ToastProps, ToastVariant } from "./Toast";
|
|
64
|
+
export type { ToastProps, ToastVariant, ToastPosition } from "./Toast";
|
|
65
65
|
export { Toggle } from "./Toggle";
|
|
66
66
|
export type { ToggleProps } from "./Toggle";
|
|
67
67
|
export { Progress } from "./Progress";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|