@club-employes/utopia 4.47.0 → 4.49.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/dist/components/atoms/Icon/Icon.d.ts +3 -19
- package/dist/components/atoms/Icon/index.d.ts +1 -1
- package/dist/components/atoms/Icon/types.d.ts +16 -0
- package/dist/components/atoms/Link/Link.d.ts +7 -15
- package/dist/components/atoms/Link/LinkContent.d.ts +5 -8
- package/dist/components/atoms/Link/types.d.ts +12 -1
- package/dist/components/atoms/Text/Text.d.ts +1 -1
- package/dist/components/atoms/Text/types.d.ts +5 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/templates/Loader/Loader.d.ts +9 -0
- package/dist/components/templates/Loader/index.d.ts +2 -0
- package/dist/components/templates/Loader/types.d.ts +10 -0
- package/dist/components/templates/index.d.ts +2 -0
- package/dist/composables/useColorVariant.d.ts +9 -0
- package/dist/icons-list.json +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +921 -788
- package/dist/utopia.css +1 -1
- package/package.json +3 -2
|
@@ -1,23 +1,7 @@
|
|
|
1
|
+
import { IconProps, IconSize } from './types';
|
|
1
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
|
|
3
|
-
export type IconSize = 'extra-small' | 'small' | 'medium' | 'large';
|
|
4
|
-
export type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'current';
|
|
5
|
-
interface Props {
|
|
6
|
-
/** Nom de l'icône (catégorie/nom ou juste nom) */
|
|
7
|
-
name: IconName;
|
|
8
|
-
/** Taille de l'icône */
|
|
9
|
-
size?: IconSize;
|
|
10
|
-
/** Couleur de l'icône */
|
|
11
|
-
color?: IconColor;
|
|
12
|
-
/** Épaisseur du trait (stroke-width) */
|
|
13
|
-
strokeWidth?: number | string;
|
|
14
|
-
/** Texte alternatif pour l'accessibilité */
|
|
15
|
-
alt?: string;
|
|
16
|
-
/** Classes CSS personnalisées */
|
|
17
|
-
class?: string;
|
|
18
|
-
}
|
|
19
|
-
declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
3
|
+
declare const _default: DefineComponent<IconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconProps> & Readonly<{}>, {
|
|
20
4
|
size: IconSize;
|
|
21
|
-
color:
|
|
5
|
+
color: string;
|
|
22
6
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
23
7
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Icon } from './Icon';
|
|
2
|
-
export type { IconName, IconSize
|
|
2
|
+
export type { IconProps, IconName, IconSize } from './types';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type IconName = string;
|
|
2
|
+
export type IconSize = "extra-small" | "small" | "medium" | "large";
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
/** Nom de l'icône (catégorie/nom ou juste nom) */
|
|
5
|
+
name: IconName;
|
|
6
|
+
/** Taille de l'icône */
|
|
7
|
+
size?: IconSize;
|
|
8
|
+
/** Couleur de l'icône */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** Épaisseur du trait (stroke-width) */
|
|
11
|
+
strokeWidth?: number | string;
|
|
12
|
+
/** Texte alternatif pour l'accessibilité */
|
|
13
|
+
alt?: string;
|
|
14
|
+
/** Classes CSS personnalisées */
|
|
15
|
+
class?: string;
|
|
16
|
+
}
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
+
import { LinkProps } from './types';
|
|
1
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
|
|
3
|
+
import { TextSize, TextWeight } from '../Text/types';
|
|
4
|
+
declare const _default: DefineComponent<LinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LinkProps> & Readonly<{}>, {
|
|
3
5
|
label: string;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
iconLeft?: string;
|
|
7
|
-
iconRight?: string;
|
|
8
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
-
variant?: 'primary' | 'secondary';
|
|
10
|
-
active?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
}
|
|
13
|
-
declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
14
|
-
label: string;
|
|
15
|
-
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
16
|
-
variant: "primary" | "secondary";
|
|
6
|
+
size: TextSize;
|
|
7
|
+
color: string;
|
|
17
8
|
disabled: boolean;
|
|
18
9
|
active: boolean;
|
|
10
|
+
weight: TextWeight;
|
|
11
|
+
target: "_self" | "_blank";
|
|
19
12
|
to: string;
|
|
20
|
-
target: "_blank" | "_self";
|
|
21
13
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
22
14
|
export default _default;
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
+
import { LinkContentProps } from './types';
|
|
1
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
|
|
3
|
+
import { TextSize, TextWeight } from '../Text/types';
|
|
4
|
+
declare const _default: DefineComponent<LinkContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LinkContentProps> & Readonly<{}>, {
|
|
3
5
|
label: string;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
-
}
|
|
8
|
-
declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
|
-
label: string;
|
|
10
|
-
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
|
+
size: TextSize;
|
|
7
|
+
weight: TextWeight;
|
|
11
8
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
12
9
|
export default _default;
|
|
@@ -1,11 +1,22 @@
|
|
|
1
|
+
import { TextSize, TextWeight } from '../Text/types';
|
|
1
2
|
export interface LinkProps {
|
|
2
3
|
label: string;
|
|
3
4
|
to: string;
|
|
4
5
|
target?: '_self' | '_blank';
|
|
5
6
|
iconLeft?: string;
|
|
6
7
|
iconRight?: string;
|
|
7
|
-
size?:
|
|
8
|
+
size?: TextSize;
|
|
9
|
+
weight?: TextWeight;
|
|
10
|
+
color?: string;
|
|
8
11
|
variant?: 'primary' | 'secondary';
|
|
9
12
|
active?: boolean;
|
|
10
13
|
disabled?: boolean;
|
|
11
14
|
}
|
|
15
|
+
export interface LinkContentProps {
|
|
16
|
+
label: string;
|
|
17
|
+
iconLeft?: string;
|
|
18
|
+
iconRight?: string;
|
|
19
|
+
size?: TextSize;
|
|
20
|
+
weight?: TextWeight;
|
|
21
|
+
color?: string;
|
|
22
|
+
}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
export type TextTag = "p" | "span" | "strong" | "em" | "label" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
2
|
+
export type TextWeight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
|
|
3
|
+
export type TextAlign = "left" | "center" | "right" | "justify";
|
|
4
|
+
export type TextTransform = "uppercase" | "lowercase" | "capitalize";
|
|
5
|
+
export type TextSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
|
|
2
6
|
export interface TextProps {
|
|
3
7
|
as?: TextTag;
|
|
4
8
|
family?: "sans" | "mono" | string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { LoaderProps } from './types';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
declare const _default: DefineComponent<LoaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoaderProps> & Readonly<{}>, {
|
|
4
|
+
size: "xs" | "sm" | "md" | "lg";
|
|
5
|
+
variant: "primary" | "neutral";
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
animation: "spin" | "fill";
|
|
8
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface LoaderProps {
|
|
2
|
+
/** Taille du loader */
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
4
|
+
/** Variante de couleur */
|
|
5
|
+
variant?: 'primary' | 'neutral';
|
|
6
|
+
/** Type d'animation */
|
|
7
|
+
animation?: 'spin' | 'fill';
|
|
8
|
+
/** État désactivé */
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComputedRef } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Renvoie la couleur juste avant
|
|
4
|
+
*/
|
|
5
|
+
export declare function useColorStepDown(colorRef: any): ComputedRef<string>;
|
|
6
|
+
/**
|
|
7
|
+
* Version complète : active / inactive / disabled
|
|
8
|
+
*/
|
|
9
|
+
export declare function useColorVariant(colorRef: any, activeRef: any, disabledRef: any): ComputedRef<any>;
|
package/dist/icons-list.json
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export { Skeleton, SkeletonAvatar, SkeletonText } from './components/atoms/Skele
|
|
|
5
5
|
export { DefaultLayout, Header, Menu, NavItem } from './components/layouts';
|
|
6
6
|
export { BalanceCard, BalanceCardGroup } from './components/organisms';
|
|
7
7
|
export type { BalanceCardData, BalanceCardGroupProps, BalanceCardProps } from './components/organisms';
|
|
8
|
+
export { Loader } from './components/templates';
|
|
8
9
|
export type { ButtonProps } from './components/atoms/Button/types';
|
|
9
10
|
export type { CardProps } from './components/atoms/Card/types';
|
|
10
11
|
export type { CheckboxProps } from './components/atoms/Checkbox/types';
|
|
@@ -33,3 +34,4 @@ export { getActiveTheme, initializeTheme, isValidThemeName, unlockBrand, useBrea
|
|
|
33
34
|
export type { ThemeName } from './composables/initializeTheme';
|
|
34
35
|
export type { UseScrollShadowsOptions, UseScrollShadowsReturn } from './composables/useScrollShadows';
|
|
35
36
|
export type { BrandTheme, ThemeMode } from './composables/useTheme';
|
|
37
|
+
export type { LoaderProps } from './components/templates/Loader/types';
|