@agregio-solutions/design-system 1.90.0 → 1.91.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/design-system.cjs +541 -515
- package/dist/design-system.js +25580 -25919
- package/dist/packages/components/Combobox/Combobox.d.ts +8 -0
- package/dist/packages/components/Dropdown/Dropdown.d.ts +4 -0
- package/dist/packages/components/FileUpload/FileUpload.styled.d.ts +3 -3
- package/dist/packages/components/FileUpload/components/FileDetails/FileDetails.styled.d.ts +5 -5
- package/dist/packages/components/Menu/Menu.d.ts +5 -1
- package/dist/packages/components/Select/Select.d.ts +4 -0
- package/dist/packages/components/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/packages/components/YearMonthPicker/YearMonthPicker.d.ts +8 -0
- package/dist/packages/internal-components/CoreTextInput/CoreTextInput.styled.d.ts +4 -2
- package/package.json +24 -24
|
@@ -80,6 +80,10 @@ export type Props = Pick<LabelProps, "label" | "labelIconRight" | "labelIconRigh
|
|
|
80
80
|
* The filter function used to determine if a option should be included in the combo box list.
|
|
81
81
|
*/
|
|
82
82
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
83
|
+
/**
|
|
84
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
85
|
+
*/
|
|
86
|
+
tallDropdown?: boolean;
|
|
83
87
|
};
|
|
84
88
|
declare const Combobox: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
|
|
85
89
|
/**
|
|
@@ -158,5 +162,9 @@ declare const Combobox: React.ForwardRefExoticComponent<Pick<LabelProps, "label"
|
|
|
158
162
|
* The filter function used to determine if a option should be included in the combo box list.
|
|
159
163
|
*/
|
|
160
164
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
165
|
+
/**
|
|
166
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
167
|
+
*/
|
|
168
|
+
tallDropdown?: boolean;
|
|
161
169
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
162
170
|
export default Combobox;
|
|
@@ -18,6 +18,10 @@ export type Props = {
|
|
|
18
18
|
* The inline style for the element.
|
|
19
19
|
*/
|
|
20
20
|
style?: React.CSSProperties;
|
|
21
|
+
/**
|
|
22
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
23
|
+
*/
|
|
24
|
+
tallDropdown?: boolean;
|
|
21
25
|
};
|
|
22
26
|
declare const Dropdown: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
23
27
|
export default Dropdown;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const Root: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
2
|
-
export declare const List: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never
|
|
3
|
-
export declare const DropZone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-aria-components').DropZoneProps & import('react').RefAttributes<HTMLDivElement>, never
|
|
1
|
+
export declare const Root: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
2
|
+
export declare const List: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
|
|
3
|
+
export declare const DropZone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-aria-components').DropZoneProps & import('react').RefAttributes<HTMLDivElement>, never> & Partial<Pick<import('react-aria-components').DropZoneProps & import('react').RefAttributes<HTMLDivElement>, never>>> & string & Omit<import('react').ForwardRefExoticComponent<import('react-aria-components').DropZoneProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const Root: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never
|
|
2
|
-
export declare const FileIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Icon/Icon').Props, never
|
|
3
|
-
export declare const Informations: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
4
|
-
export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
5
|
-
export declare const FileSize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
1
|
+
export declare const Root: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
|
|
2
|
+
export declare const FileIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Icon/Icon').Props, never> & Partial<Pick<import('../../../Icon/Icon').Props, never>>> & string & Omit<({ name, ...props }: import('../../../Icon/Icon').Props) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
3
|
+
export declare const Informations: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
4
|
+
export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
5
|
+
export declare const FileSize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
@@ -28,6 +28,10 @@ export interface Props {
|
|
|
28
28
|
* @default "bottom"
|
|
29
29
|
*/
|
|
30
30
|
placement?: Placement;
|
|
31
|
+
/**
|
|
32
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
33
|
+
*/
|
|
34
|
+
tallDropdown?: boolean;
|
|
31
35
|
}
|
|
32
|
-
export default function Menu({ children, buttonProps, isOpen, onOpenChange, defaultOpen, placement, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export default function Menu({ children, buttonProps, isOpen, onOpenChange, defaultOpen, placement, tallDropdown, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
33
37
|
export {};
|
|
@@ -60,6 +60,10 @@ interface GenericProps extends Pick<LabelProps, "label" | "labelIconRight" | "la
|
|
|
60
60
|
* If you give a ReactNode as label, you should then provide an aria-label as string to ensure there is no accessibility issue
|
|
61
61
|
*/
|
|
62
62
|
"aria-label"?: string;
|
|
63
|
+
/**
|
|
64
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
65
|
+
*/
|
|
66
|
+
tallDropdown?: boolean;
|
|
63
67
|
}
|
|
64
68
|
interface SelectSingleProps extends GenericProps {
|
|
65
69
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const Toaster: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('sonner').ToasterProps & import('react').RefAttributes<HTMLElement>, never
|
|
1
|
+
export declare const Toaster: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('sonner').ToasterProps & import('react').RefAttributes<HTMLElement>, never> & Partial<Pick<import('sonner').ToasterProps & import('react').RefAttributes<HTMLElement>, never>>> & string & Omit<import('react').ForwardRefExoticComponent<import('sonner').ToasterProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
|
|
@@ -80,6 +80,10 @@ export type Props = Pick<LabelProps, "label" | "labelIconRight" | "labelIconRigh
|
|
|
80
80
|
* @default "ascending"
|
|
81
81
|
*/
|
|
82
82
|
sortYears?: "ascending" | "descending";
|
|
83
|
+
/**
|
|
84
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
85
|
+
*/
|
|
86
|
+
tallDropdown?: boolean;
|
|
83
87
|
};
|
|
84
88
|
declare const YearMonthPicker: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
|
|
85
89
|
/**
|
|
@@ -148,5 +152,9 @@ declare const YearMonthPicker: React.ForwardRefExoticComponent<Pick<LabelProps,
|
|
|
148
152
|
* @default "ascending"
|
|
149
153
|
*/
|
|
150
154
|
sortYears?: "ascending" | "descending";
|
|
155
|
+
/**
|
|
156
|
+
* When true, increases the dropdown max-height from 200px to 400px.
|
|
157
|
+
*/
|
|
158
|
+
tallDropdown?: boolean;
|
|
151
159
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
152
160
|
export default YearMonthPicker;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export declare const CoreTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components
|
|
1
|
+
export declare const CoreTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react-aria-components').InputProps & import('react').RefAttributes<HTMLInputElement>, "hasIcon"> & {
|
|
2
2
|
hasIcon: boolean;
|
|
3
|
-
}
|
|
3
|
+
}, never> & Partial<Pick<import('styled-components').FastOmit<import('react-aria-components').InputProps & import('react').RefAttributes<HTMLInputElement>, "hasIcon"> & {
|
|
4
|
+
hasIcon: boolean;
|
|
5
|
+
}, never>>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null, keyof import('react').Component<any, {}, any>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agregio-solutions/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.91.0",
|
|
4
4
|
"description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/design-system.js",
|
|
@@ -40,32 +40,32 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@emotion/react": "11.14.0",
|
|
42
42
|
"@emotion/styled": "11.14.1",
|
|
43
|
-
"@eslint/compat": "2.0.
|
|
43
|
+
"@eslint/compat": "2.0.5",
|
|
44
44
|
"@eslint/js": "9.39.4",
|
|
45
45
|
"@mui/material": "5.18.0",
|
|
46
46
|
"@semantic-release/gitlab": "13.3.2",
|
|
47
47
|
"@semantic-release/npm": "13.1.5",
|
|
48
|
-
"@storybook/addon-a11y": "10.3.
|
|
49
|
-
"@storybook/addon-docs": "10.3.
|
|
50
|
-
"@storybook/addon-links": "10.3.
|
|
51
|
-
"@storybook/addon-vitest": "10.3.
|
|
52
|
-
"@storybook/react-vite": "10.3.
|
|
53
|
-
"@tanstack/react-query": "5.
|
|
48
|
+
"@storybook/addon-a11y": "10.3.5",
|
|
49
|
+
"@storybook/addon-docs": "10.3.5",
|
|
50
|
+
"@storybook/addon-links": "10.3.5",
|
|
51
|
+
"@storybook/addon-vitest": "10.3.5",
|
|
52
|
+
"@storybook/react-vite": "10.3.5",
|
|
53
|
+
"@tanstack/react-query": "5.100.5",
|
|
54
54
|
"@tanstack/react-table": "8.21.3",
|
|
55
55
|
"@types/lodash": "4.17.24",
|
|
56
56
|
"@types/node": "24.12.2",
|
|
57
57
|
"@types/react": "19.2.14",
|
|
58
58
|
"@types/react-dom": "19.2.3",
|
|
59
59
|
"@vitejs/plugin-react": "5.2.0",
|
|
60
|
-
"@vitest/browser": "4.1.
|
|
61
|
-
"@vitest/browser-playwright": "4.1.
|
|
62
|
-
"chromatic": "16.
|
|
60
|
+
"@vitest/browser": "4.1.5",
|
|
61
|
+
"@vitest/browser-playwright": "4.1.5",
|
|
62
|
+
"chromatic": "16.6.0",
|
|
63
63
|
"conventional-changelog-conventionalcommits": "9.3.1",
|
|
64
64
|
"eslint-config-prettier": "10.1.8",
|
|
65
65
|
"eslint-plugin-jest-dom": "5.5.0",
|
|
66
66
|
"eslint-plugin-react": "7.37.5",
|
|
67
|
-
"eslint-plugin-react-hooks": "7.
|
|
68
|
-
"eslint-plugin-storybook": "10.3.
|
|
67
|
+
"eslint-plugin-react-hooks": "7.1.1",
|
|
68
|
+
"eslint-plugin-storybook": "10.3.5",
|
|
69
69
|
"husky": "9.1.7",
|
|
70
70
|
"jest": "30.3.0",
|
|
71
71
|
"lint-staged": "16.4.0",
|
|
@@ -73,26 +73,26 @@
|
|
|
73
73
|
"mockdate": "3.0.5",
|
|
74
74
|
"playwright": "1.59.1",
|
|
75
75
|
"prettier": "3.8.3",
|
|
76
|
-
"react": "19.2.
|
|
77
|
-
"react-dom": "19.2.
|
|
78
|
-
"react-hook-form": "7.
|
|
79
|
-
"react-router-dom": "7.14.
|
|
76
|
+
"react": "19.2.5",
|
|
77
|
+
"react-dom": "19.2.5",
|
|
78
|
+
"react-hook-form": "7.74.0",
|
|
79
|
+
"react-router-dom": "7.14.2",
|
|
80
80
|
"recharts": "3.8.1",
|
|
81
81
|
"remark-gfm": "4.0.1",
|
|
82
|
-
"repomix": "1.
|
|
82
|
+
"repomix": "1.14.0",
|
|
83
83
|
"semantic-release": "25.0.3",
|
|
84
|
-
"storybook": "10.3.
|
|
85
|
-
"typescript-eslint": "8.
|
|
84
|
+
"storybook": "10.3.5",
|
|
85
|
+
"typescript-eslint": "8.59.0",
|
|
86
86
|
"vite-plugin-dts": "4.5.4",
|
|
87
|
-
"vitest": "4.1.
|
|
87
|
+
"vitest": "4.1.5"
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
|
-
"@react-aria/optimize-locales-plugin": "1.
|
|
90
|
+
"@react-aria/optimize-locales-plugin": "1.2.0",
|
|
91
91
|
"clsx": "2.1.1",
|
|
92
92
|
"normalize.css": "8.0.1",
|
|
93
|
-
"react-aria-components": "1.
|
|
93
|
+
"react-aria-components": "1.17.0",
|
|
94
94
|
"sonner": "2.0.7",
|
|
95
|
-
"styled-components": "6.
|
|
95
|
+
"styled-components": "6.4.1",
|
|
96
96
|
"vite": "7.3.2",
|
|
97
97
|
"vite-tsconfig-paths": "6.1.1"
|
|
98
98
|
},
|