@club-employes/utopia 4.201.0 → 4.203.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.
Files changed (37) hide show
  1. package/dist/components/atoms/Button/Button.d.ts +5 -4
  2. package/dist/components/atoms/Button/types.d.ts +8 -0
  3. package/dist/components/atoms/Chip/Chip.d.ts +3 -3
  4. package/dist/components/atoms/Chip/index.d.ts +1 -1
  5. package/dist/components/atoms/Chip/types.d.ts +4 -2
  6. package/dist/components/atoms/CopyCode/CopyCode.d.ts +5 -1
  7. package/dist/components/atoms/index.d.ts +2 -1
  8. package/dist/components/molecules/ContactBloc/index.d.ts +1 -0
  9. package/dist/components/molecules/EmptyState/EmptyState.d.ts +9 -0
  10. package/dist/components/molecules/EmptyState/index.d.ts +2 -0
  11. package/dist/components/molecules/EmptyState/types.d.ts +6 -0
  12. package/dist/components/molecules/FooterAction/index.d.ts +1 -0
  13. package/dist/components/molecules/GrantUsersSelection/index.d.ts +1 -0
  14. package/dist/components/molecules/IconPicker/index.d.ts +1 -0
  15. package/dist/components/molecules/Modal/Modal.d.ts +17 -8
  16. package/dist/components/molecules/PageHeader/index.d.ts +1 -0
  17. package/dist/components/molecules/index.d.ts +2 -0
  18. package/dist/components/organisms/Accordion/AccordionItem.d.ts +2 -2
  19. package/dist/components/organisms/DropFile/DropFile.d.ts +1 -0
  20. package/dist/components/organisms/DropFile/types.d.ts +1 -0
  21. package/dist/components/organisms/Table/types.d.ts +9 -1
  22. package/dist/{dark-hg9ogaQ1.js → dark-Cfh8tUWS.js} +1 -1
  23. package/dist/{dark-CsqziQn2.js → dark-DeUkxoI9.js} +1 -1
  24. package/dist/index.d.ts +2 -0
  25. package/dist/index.js +3779 -3729
  26. package/dist/{light-BAgAqzzc.js → light-D1exlyli.js} +1 -1
  27. package/dist/{light-CGW6cDqC.js → light-JXfV3fle.js} +1 -1
  28. package/dist/tokens/club-employes/dark.css +8 -0
  29. package/dist/tokens/club-employes/dark.js +8 -0
  30. package/dist/tokens/club-employes/light.css +8 -0
  31. package/dist/tokens/club-employes/light.js +8 -0
  32. package/dist/tokens/gifteo/dark.css +8 -0
  33. package/dist/tokens/gifteo/dark.js +8 -0
  34. package/dist/tokens/gifteo/light.css +8 -0
  35. package/dist/tokens/gifteo/light.js +8 -0
  36. package/dist/utopia.css +1 -1
  37. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { ButtonProps, ButtonSize, ButtonVariant } from './types';
1
+ import { ButtonProps, ButtonSize, ButtonColor, ButtonAspect } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  declare function __VLS_template(): {
4
4
  attrs: Partial<{}>;
@@ -6,7 +6,7 @@ declare function __VLS_template(): {
6
6
  default?(_: {}): any;
7
7
  };
8
8
  refs: {};
9
- rootEl: HTMLButtonElement;
9
+ rootEl: any;
10
10
  };
11
11
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
12
  declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -15,12 +15,13 @@ declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, Comp
15
15
  onClick?: ((event: MouseEvent) => any) | undefined;
16
16
  }>, {
17
17
  size: ButtonSize;
18
- variant: ButtonVariant;
18
+ color: ButtonColor;
19
+ aspect: ButtonAspect;
19
20
  disabled: boolean;
20
21
  loading: boolean;
21
22
  iconPosition: "left" | "right";
22
23
  ariaLabel: string;
23
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
24
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
24
25
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
26
  export default _default;
26
27
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,7 +1,11 @@
1
1
  export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
2
2
  export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type ButtonAspect = 'filled' | 'outlined' | 'text';
4
+ export type ButtonColor = 'brand-primary' | 'brand-secondary' | 'brand-accent' | 'common-succeed' | 'common-warning' | 'common-danger' | 'common-echeque' | 'common-subvention';
3
5
  export interface ButtonProps {
4
6
  variant?: ButtonVariant;
7
+ aspect?: ButtonAspect;
8
+ color?: ButtonColor;
5
9
  size?: ButtonSize;
6
10
  disabled?: boolean;
7
11
  loading?: boolean;
@@ -9,3 +13,7 @@ export interface ButtonProps {
9
13
  iconPosition?: 'left' | 'right';
10
14
  ariaLabel?: string;
11
15
  }
16
+ export declare const variantMapping: Record<ButtonVariant, {
17
+ aspect: ButtonAspect;
18
+ color: ButtonColor;
19
+ }>;
@@ -1,4 +1,4 @@
1
- import { ChipProps } from './types';
1
+ import { ChipProps, ChipSize, ChipVariant } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  declare function __VLS_template(): {
4
4
  attrs: Partial<{}>;
@@ -14,8 +14,8 @@ declare const __VLS_component: DefineComponent<ChipProps, {}, {}, {}, {}, Compon
14
14
  }, string, PublicProps, Readonly<ChipProps> & Readonly<{
15
15
  onRemove?: (() => any) | undefined;
16
16
  }>, {
17
- size: "extra-small" | "small" | "medium" | "large";
18
- variant: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
17
+ size: ChipSize;
18
+ variant: ChipVariant;
19
19
  disabled: boolean;
20
20
  removable: boolean;
21
21
  actionable: boolean;
@@ -1,2 +1,2 @@
1
1
  export { default as Chip } from './Chip';
2
- export type { ChipProps } from './types';
2
+ export type { ChipProps, ChipVariant, ChipSize } from './types';
@@ -1,6 +1,8 @@
1
+ export type ChipVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
2
+ export type ChipSize = 'extra-small' | 'small' | 'medium' | 'large';
1
3
  export interface ChipProps {
2
- variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
3
- size?: 'extra-small' | 'small' | 'medium' | 'large';
4
+ variant?: ChipVariant;
5
+ size?: ChipSize;
4
6
  disabled?: boolean;
5
7
  removable?: boolean;
6
8
  leftIcon?: string;
@@ -1,6 +1,10 @@
1
1
  import { CopyCodeProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- declare const _default: DefineComponent<CopyCodeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CopyCodeProps> & Readonly<{}>, {
3
+ declare const _default: DefineComponent<CopyCodeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4
+ "copy-code": () => any;
5
+ }, string, PublicProps, Readonly<CopyCodeProps> & Readonly<{
6
+ "onCopy-code"?: (() => any) | undefined;
7
+ }>, {
4
8
  tooltipLabel: string;
5
9
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
6
10
  export default _default;
@@ -1,7 +1,8 @@
1
1
  export { Button } from './Button';
2
2
  export { Card, type CardProps } from './Card';
3
3
  export { Checkbox, type CheckboxProps } from './Checkbox';
4
- export { Chip, type ChipProps } from './Chip';
4
+ export { Chip } from './Chip';
5
+ export type { ChipProps, ChipVariant, ChipSize } from './Chip/types';
5
6
  export { Icon, type IconProps } from './Icon';
6
7
  export { InputText, type InputTextProps } from './InputText';
7
8
  export { Logo, type LogoBrand, type LogoSize, type LogoVariant } from './Logo';
@@ -1 +1,2 @@
1
1
  export { default as ContactBloc } from './ContactBloc';
2
+ export type { ContactBlocProps } from './types';
@@ -0,0 +1,9 @@
1
+ import { EmptyStateProps } from './types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<EmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
4
+ title: string;
5
+ description: string;
6
+ buttonLabel: string;
7
+ buttonAction: () => void;
8
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
9
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as EmptyState } from './EmptyState';
2
+ export type { EmptyStateProps } from './types';
@@ -0,0 +1,6 @@
1
+ export interface EmptyStateProps {
2
+ title?: string;
3
+ description?: string;
4
+ buttonLabel?: string;
5
+ buttonAction?: () => void;
6
+ }
@@ -1 +1,2 @@
1
1
  export { default as FooterAction } from './FooterAction';
2
+ export type { FooterActionProps } from './types';
@@ -1 +1,2 @@
1
1
  export { default as GrantUsersSelection } from './GrantUsersSelection';
2
+ export type { GrantUsersSelectionProps } from './types';
@@ -1 +1,2 @@
1
1
  export { default as IconPicker } from './IconPicker';
2
+ export type { IconPickerProps } from './types';
@@ -1,6 +1,7 @@
1
1
  import { nextTick, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
2
2
  import { ModalProps, ModalChangeReason, ModalSize, ModalPosition, ModalAnimation, ModalMobileBehavior } from './types';
3
3
  import { ButtonVariant, ButtonSize } from '../..';
4
+ import { ButtonAspect, ButtonColor } from '../../atoms/Button/types';
4
5
  import { ButtonProps } from '../../..';
5
6
  import { OnCleanup } from '@vue/reactivity';
6
7
  declare function __VLS_template(): {
@@ -18,6 +19,8 @@ declare function __VLS_template(): {
18
19
  $data: {};
19
20
  $props: {
20
21
  readonly variant?: ButtonVariant | undefined;
22
+ readonly aspect?: ButtonAspect | undefined;
23
+ readonly color?: ButtonColor | undefined;
21
24
  readonly size?: ButtonSize | undefined;
22
25
  readonly disabled?: boolean | undefined;
23
26
  readonly loading?: boolean | undefined;
@@ -39,14 +42,15 @@ declare function __VLS_template(): {
39
42
  $parent: ComponentPublicInstance | null;
40
43
  $host: Element | null;
41
44
  $emit: (event: "click", event: MouseEvent) => void;
42
- $el: HTMLButtonElement;
45
+ $el: any;
43
46
  $options: ComponentOptionsBase<Readonly< ButtonProps> & Readonly<{
44
47
  onClick?: ((event: MouseEvent) => any) | undefined;
45
48
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
46
49
  click: (event: MouseEvent) => any;
47
50
  }, string, {
48
51
  size: ButtonSize;
49
- variant: ButtonVariant;
52
+ color: ButtonColor;
53
+ aspect: ButtonAspect;
50
54
  disabled: boolean;
51
55
  loading: boolean;
52
56
  iconPosition: "left" | "right";
@@ -73,14 +77,15 @@ declare function __VLS_template(): {
73
77
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
74
78
  } & Readonly<{
75
79
  size: ButtonSize;
76
- variant: ButtonVariant;
80
+ color: ButtonColor;
81
+ aspect: ButtonAspect;
77
82
  disabled: boolean;
78
83
  loading: boolean;
79
84
  iconPosition: "left" | "right";
80
85
  ariaLabel: string;
81
86
  }> & Omit<Readonly< ButtonProps> & Readonly<{
82
87
  onClick?: ((event: MouseEvent) => any) | undefined;
83
- }>, "size" | "variant" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
88
+ }>, "size" | "color" | "aspect" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
84
89
  $slots: {
85
90
  default?(_: {}): any;
86
91
  };
@@ -118,6 +123,8 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
118
123
  $data: {};
119
124
  $props: {
120
125
  readonly variant?: ButtonVariant | undefined;
126
+ readonly aspect?: ButtonAspect | undefined;
127
+ readonly color?: ButtonColor | undefined;
121
128
  readonly size?: ButtonSize | undefined;
122
129
  readonly disabled?: boolean | undefined;
123
130
  readonly loading?: boolean | undefined;
@@ -139,14 +146,15 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
139
146
  $parent: ComponentPublicInstance | null;
140
147
  $host: Element | null;
141
148
  $emit: (event: "click", event: MouseEvent) => void;
142
- $el: HTMLButtonElement;
149
+ $el: any;
143
150
  $options: ComponentOptionsBase<Readonly< ButtonProps> & Readonly<{
144
151
  onClick?: ((event: MouseEvent) => any) | undefined;
145
152
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
146
153
  click: (event: MouseEvent) => any;
147
154
  }, string, {
148
155
  size: ButtonSize;
149
- variant: ButtonVariant;
156
+ color: ButtonColor;
157
+ aspect: ButtonAspect;
150
158
  disabled: boolean;
151
159
  loading: boolean;
152
160
  iconPosition: "left" | "right";
@@ -173,14 +181,15 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
173
181
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
174
182
  } & Readonly<{
175
183
  size: ButtonSize;
176
- variant: ButtonVariant;
184
+ color: ButtonColor;
185
+ aspect: ButtonAspect;
177
186
  disabled: boolean;
178
187
  loading: boolean;
179
188
  iconPosition: "left" | "right";
180
189
  ariaLabel: string;
181
190
  }> & Omit<Readonly< ButtonProps> & Readonly<{
182
191
  onClick?: ((event: MouseEvent) => any) | undefined;
183
- }>, "size" | "variant" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
192
+ }>, "size" | "color" | "aspect" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
184
193
  $slots: {
185
194
  default?(_: {}): any;
186
195
  };
@@ -1 +1,2 @@
1
1
  export { default as PageHeader } from './PageHeader';
2
+ export type { PageHeaderProps } from './types';
@@ -44,3 +44,5 @@ export { ContactBloc } from './ContactBloc';
44
44
  export type { ContactBlocProps } from './ContactBloc';
45
45
  export { Toast, ToastService, ToastServiceKey, useToast } from './Toast';
46
46
  export type { ToastProps, ToastOptions, ToastItem, ToastAction, ToastPosition, ToastSize, ToastVariant, ToastServiceApi, ToastServiceOptions } from './Toast';
47
+ export { EmptyState } from './EmptyState';
48
+ export type { EmptyStateProps } from './EmptyState';
@@ -22,10 +22,10 @@ declare const __VLS_component: DefineComponent<AccordionItemProps, {}, {}, {}, {
22
22
  icon: string;
23
23
  iconPosition: "left" | "right";
24
24
  iconSize: IconSize;
25
- open: boolean;
26
- collapsible: boolean;
27
25
  iconColor: string;
28
26
  iconStrokeWidth: number | string;
27
+ open: boolean;
28
+ collapsible: boolean;
29
29
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
30
30
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
31
31
  export default _default;
@@ -229,6 +229,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
229
229
  }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
230
230
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
231
231
  }>, {
232
+ label: string;
232
233
  required: boolean;
233
234
  variant: DropFileVariant;
234
235
  disabled: boolean;
@@ -32,6 +32,7 @@ export interface DropFileProps {
32
32
  allowAnyFileType?: boolean;
33
33
  existingFiles?: DropFileExistingFile[];
34
34
  existingFilesClickable?: boolean;
35
+ label?: string;
35
36
  }
36
37
  export interface DropFileDropEvent {
37
38
  files: File[] | null;
@@ -3,6 +3,7 @@ import { TextSize, TextWeight } from '../../atoms/Text/types';
3
3
  import { DropDownOption } from '../../molecules/DropDown/types';
4
4
  import { DataTableFilterMeta } from 'primevue/datatable';
5
5
  import { ButtonVariant, ButtonSize } from '../../atoms/Button/types';
6
+ import { ChipSize, ChipVariant } from '../../atoms/Chip/types';
6
7
  export type ColumnFilterMatchModeOptions = Record<string, string>;
7
8
  export declare enum CellFilterType {
8
9
  TEXT = "text",
@@ -500,7 +501,7 @@ export interface TextImageContentType {
500
501
  }
501
502
  export interface TagContentType {
502
503
  key: string;
503
- size?: 'extra-small' | 'small' | 'medium' | 'large';
504
+ size?: ChipSize;
504
505
  ghost?: boolean;
505
506
  options?: TagOption[];
506
507
  format?: (value: string) => string | number | boolean | null | undefined;
@@ -513,6 +514,13 @@ export interface TagOption {
513
514
  backgroundColor?: string;
514
515
  borderColor?: string;
515
516
  textColor?: string;
517
+ variant?: ChipVariant;
518
+ ghost?: boolean;
519
+ icon?: string;
520
+ iconSize?: IconSize;
521
+ iconColor?: string;
522
+ iconStrokeWidth?: number;
523
+ iconPosition?: 'left' | 'right';
516
524
  }
517
525
  export interface PriceContentType {
518
526
  key: string;