@agregio-solutions/design-system 1.88.0 → 1.89.1
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 +11 -0
- package/dist/design-system.cjs +550 -516
- package/dist/design-system.js +31159 -34712
- package/dist/packages/components/ChartTooltip/ChartTooltip.d.ts +4 -4
- 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/Timeline/components/BlockLineContainer/BlockLineContainer.styled.d.ts +3 -0
- package/dist/packages/components/Timeline/utils/Timeline.types.d.ts +6 -1
- package/dist/packages/components/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/packages/internal-components/CoreTextInput/CoreTextInput.styled.d.ts +1 -1
- package/dist/style.css +3 -1
- package/package.json +58 -56
|
@@ -28,11 +28,11 @@ export interface Props {
|
|
|
28
28
|
/**
|
|
29
29
|
* Main title displayed at the top of the tooltip
|
|
30
30
|
*/
|
|
31
|
-
title
|
|
31
|
+
title?: string;
|
|
32
32
|
/**
|
|
33
33
|
* List of label-value pairs with an associated bullet color
|
|
34
34
|
*/
|
|
35
|
-
items
|
|
35
|
+
items?: ChartTooltipItem[];
|
|
36
36
|
/**
|
|
37
37
|
* Additional description of the tooltip, placed under the items
|
|
38
38
|
*/
|
|
@@ -42,9 +42,9 @@ export interface Props {
|
|
|
42
42
|
*/
|
|
43
43
|
bodyTitle?: string;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Content of middle section.
|
|
46
46
|
*/
|
|
47
|
-
bodyContent?:
|
|
47
|
+
bodyContent?: React.ReactNode;
|
|
48
48
|
/**
|
|
49
49
|
* Custom content for the footer area. Must be read-only (i.e. no interactivity like buttons, links, etc.)
|
|
50
50
|
*/
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const Root: import('
|
|
2
|
-
export declare const List: import('
|
|
3
|
-
export declare const DropZone: import('
|
|
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>> & 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>> & 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>> & 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('
|
|
2
|
-
export declare const FileIcon: import('
|
|
3
|
-
export declare const Informations: import('
|
|
4
|
-
export declare const FileName: import('
|
|
5
|
-
export declare const FileSize: import('
|
|
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>> & string;
|
|
2
|
+
export declare const FileIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<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>> & 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>> & 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>> & string;
|
|
@@ -18,3 +18,6 @@ export declare const LineNow: import('@emotion/styled').StyledComponent<{
|
|
|
18
18
|
theme?: import('@emotion/react').Theme;
|
|
19
19
|
as?: React.ElementType;
|
|
20
20
|
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
21
|
+
export declare const CustomHoverTooltip: import('@emotion/styled').StyledComponent<import('react-aria-components').TooltipProps & import('react').RefAttributes<HTMLDivElement> & {
|
|
22
|
+
theme?: import('@emotion/react').Theme;
|
|
23
|
+
}, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
type Color = "orange" | "brown" | "azure" | "ocean" | "purple" | "pink" | "negative" | "positive" | "neutral";
|
|
3
3
|
type DatavizColor = `var(--color-content-dataviz-${Color}-${1 | 2 | 3 | 4})`;
|
|
4
4
|
export type Block = {
|
|
@@ -24,6 +24,11 @@ export type Block = {
|
|
|
24
24
|
* Also used to create the data-testid for the block for testing purposes.
|
|
25
25
|
*/
|
|
26
26
|
hoverText: string;
|
|
27
|
+
/**
|
|
28
|
+
* Custom content to display when hovering over the block.
|
|
29
|
+
* When provided, replaces the default tooltip with a rich content.
|
|
30
|
+
*/
|
|
31
|
+
hoverContent?: ReactNode;
|
|
27
32
|
/**
|
|
28
33
|
* The click handler for the block.
|
|
29
34
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const Toaster: import('
|
|
1
|
+
export declare const Toaster: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<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>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const CoreTextInput: import('
|
|
1
|
+
export declare const CoreTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react-aria-components').InputProps & import('react').RefAttributes<HTMLInputElement>, {
|
|
2
2
|
hasIcon: boolean;
|
|
3
3
|
}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import('react').Component<any, {}, any>>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
2
|
+
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*,:after,:before{box-sizing:border-box}.design-system-icon{width:1em;display:inline-block}@font-face{font-family:EDF2020;font-style:normal;font-weight:400;src:url(/ds-fonts/EDF2020.woff2)format("woff2")}@font-face{font-family:EDF2020;font-style:normal;font-weight:700;src:url(/ds-fonts/EDF2020Bold.woff2)format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:EDF2020,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--color-content-action-action:#0059ff;--color-content-action-action-darker:#0e275d;--color-content-action-action-lighter:#edf8ff;--color-content-neutral-primary:#001a70;--color-content-neutral-primary-reversed:#fff;--color-content-neutral-secondary:#454545;--color-content-neutral-tertiary:#b0b0b0;--color-content-neutral-stroke:#e7e7e7;--color-content-brand-brand-1:#001a70;--color-content-brand-brand-2:#3f6eff;--color-content-brand-brand-3:#769fff;--color-content-brand-brand-4:#326a21;--color-content-brand-brand-5:#4f9e30;--color-content-brand-brand-6:#76c853;--color-content-brand-brand-7:#c62608;--color-content-brand-brand-8:#fe5716;--color-content-brand-brand-9:#ff7838;--color-content-message-informative:#009fd4;--color-content-message-informative-darker:#007fab;--color-content-message-informative-darkest:#065874;--color-content-message-informative-lighter:#effbff;--color-content-message-negative:#ed1515;--color-content-message-negative-darker:#c80d0d;--color-content-message-negative-darkest:#881414;--color-content-message-negative-lighter:#fff1f1;--color-content-message-positive:#00c027;--color-content-message-positive-darker:#067520;--color-content-message-positive-darkest:#00370d;--color-content-message-positive-lighter:#edfff0;--color-content-message-warning:#e27500;--color-content-message-warning-darker:#bb5002;--color-content-message-warning-darkest:#7c330b;--color-content-message-warning-lighter:#fffcea;--color-content-dataviz-orange-1:#fff5ed;--color-content-dataviz-orange-2:#ffcca8;--color-content-dataviz-orange-3:#ff7838;--color-content-dataviz-orange-4:#9d210f;--color-content-dataviz-brown-1:#fffcea;--color-content-dataviz-brown-2:#ffe785;--color-content-dataviz-brown-3:#ffc01b;--color-content-dataviz-brown-4:#983d08;--color-content-dataviz-azure-1:#f1f7ff;--color-content-dataviz-azure-2:#cee1ff;--color-content-dataviz-azure-3:#769fff;--color-content-dataviz-azure-4:#052dd2;--color-content-dataviz-ocean-1:#effbff;--color-content-dataviz-ocean-2:#b6efff;--color-content-dataviz-ocean-3:#2cd9ff;--color-content-dataviz-ocean-4:#006b8d;--color-content-dataviz-purple-1:#f9f5ff;--color-content-dataviz-purple-2:#e4d4ff;--color-content-dataviz-purple-3:#a56eff;--color-content-dataviz-purple-4:#5a1eab;--color-content-dataviz-pink-1:#fdf2f7;--color-content-dataviz-pink-2:#fbcfe5;--color-content-dataviz-pink-3:#f571ae;--color-content-dataviz-pink-4:#9e1645;--color-content-dataviz-negative-1:#fff1f1;--color-content-dataviz-negative-2:#ffc5c5;--color-content-dataviz-negative-3:#ff6464;--color-content-dataviz-negative-4:#a50f0f;--color-content-dataviz-positive-1:#edfff0;--color-content-dataviz-positive-2:#aeffc0;--color-content-dataviz-positive-3:#00e634;--color-content-dataviz-positive-4:#067520;--color-content-dataviz-neutral-1:#f6f6f6;--color-content-dataviz-neutral-2:#d1d1d1;--color-content-dataviz-neutral-3:#888;--color-content-dataviz-neutral-4:#454545;--color-background-neutral-overground:#fff;--color-background-neutral-ground:#fff;--color-background-neutral-ground-reversed:#0e275d;--color-background-neutral-underground-1:#f6f6f6;--color-background-neutral-underground-2:#e7e7e7;--color-background-highlight-focus:#009fd4;--color-background-highlight-focus-reversed:#fff;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:80px;--radius-minimal:2px;--radius-rounded:4px;--radius-full:8px;--stroke-default:1px;--stroke-doubled:2px;--text-font-size-3xl:40px;--text-font-size-2xl:32px;--text-font-size-xl:24px;--text-font-size-lg:20px;--text-font-size-md:16px;--text-font-size-sm:14px;--text-font-size-xs:12px;--text-line-height-3xl:56px;--text-line-height-2xl:40px;--text-line-height-xl:32px;--text-line-height-lg:28px;--text-line-height-md:24px;--text-line-height-sm:20px;--text-line-height-xs:16px;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:20;--z-index-fixed:30;--z-index-modal-backdrop:40;--z-index-off-canvas:50;--z-index-modal:60;--z-index-popover:70;--z-index-tooltip:80}
|
|
3
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agregio-solutions/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.89.1",
|
|
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",
|
|
@@ -20,8 +20,10 @@
|
|
|
20
20
|
"formatters": "npm run prettier:check && npm run eslint && npm run typescript:check",
|
|
21
21
|
"integrity": "npm run formatters && npm run build && npm run vitest:all && npm run storybook:test",
|
|
22
22
|
"jest:compatibility-check": "npm run build && jest internal/test-jest-compatibility.jest.js",
|
|
23
|
+
"playwright:install": "playwright install --with-deps chromium",
|
|
23
24
|
"pre-commit": "lint-staged && npm run typescript:check && npm run vitest:only-changed && npm run storybook:test:only-changed",
|
|
24
25
|
"prepare": "husky",
|
|
26
|
+
"semantic-release": "semantic-release",
|
|
25
27
|
"prettier:check": "prettier . --check --ignore-path .gitignore",
|
|
26
28
|
"prettier:write": "prettier . --write --ignore-path .gitignore",
|
|
27
29
|
"repomix": "repomix",
|
|
@@ -35,63 +37,63 @@
|
|
|
35
37
|
"vitest:watch": "vitest --project unit"
|
|
36
38
|
},
|
|
37
39
|
"devDependencies": {
|
|
38
|
-
"@emotion/react": "
|
|
39
|
-
"@emotion/styled": "
|
|
40
|
-
"@eslint/compat": "
|
|
41
|
-
"@eslint/js": "
|
|
42
|
-
"@mui/material": "
|
|
43
|
-
"@semantic-release/gitlab": "
|
|
44
|
-
"@semantic-release/npm": "
|
|
45
|
-
"@storybook/addon-a11y": "
|
|
46
|
-
"@storybook/addon-docs": "
|
|
47
|
-
"@storybook/addon-links": "
|
|
48
|
-
"@storybook/addon-vitest": "
|
|
49
|
-
"@storybook/react-vite": "
|
|
50
|
-
"@tanstack/react-query": "
|
|
51
|
-
"@tanstack/react-table": "
|
|
52
|
-
"@types/lodash": "
|
|
53
|
-
"@types/node": "
|
|
54
|
-
"@types/react": "
|
|
55
|
-
"@types/react-dom": "
|
|
56
|
-
"@vitejs/plugin-react": "
|
|
57
|
-
"@vitest/browser": "
|
|
58
|
-
"@vitest/browser-playwright": "
|
|
59
|
-
"chromatic": "
|
|
60
|
-
"conventional-changelog-conventionalcommits": "
|
|
61
|
-
"eslint-config-prettier": "
|
|
62
|
-
"eslint-plugin-jest-dom": "
|
|
63
|
-
"eslint-plugin-react": "
|
|
64
|
-
"eslint-plugin-react-hooks": "
|
|
65
|
-
"eslint-plugin-storybook": "
|
|
66
|
-
"husky": "
|
|
67
|
-
"jest": "
|
|
68
|
-
"lint-staged": "
|
|
69
|
-
"lodash": "
|
|
70
|
-
"mockdate": "
|
|
71
|
-
"playwright": "
|
|
72
|
-
"prettier": "
|
|
73
|
-
"react": "19.2.
|
|
74
|
-
"react-dom": "19.2.
|
|
75
|
-
"react-hook-form": "
|
|
76
|
-
"react-router-dom": "
|
|
77
|
-
"recharts": "
|
|
78
|
-
"remark-gfm": "
|
|
79
|
-
"repomix": "
|
|
80
|
-
"semantic-release": "
|
|
81
|
-
"storybook": "
|
|
82
|
-
"typescript-eslint": "
|
|
83
|
-
"vite-plugin-dts": "
|
|
84
|
-
"vitest": "
|
|
40
|
+
"@emotion/react": "11.14.0",
|
|
41
|
+
"@emotion/styled": "11.14.1",
|
|
42
|
+
"@eslint/compat": "2.0.4",
|
|
43
|
+
"@eslint/js": "9.39.4",
|
|
44
|
+
"@mui/material": "5.18.0",
|
|
45
|
+
"@semantic-release/gitlab": "13.3.2",
|
|
46
|
+
"@semantic-release/npm": "13.1.5",
|
|
47
|
+
"@storybook/addon-a11y": "10.3.4",
|
|
48
|
+
"@storybook/addon-docs": "10.3.4",
|
|
49
|
+
"@storybook/addon-links": "10.3.4",
|
|
50
|
+
"@storybook/addon-vitest": "10.3.4",
|
|
51
|
+
"@storybook/react-vite": "10.3.4",
|
|
52
|
+
"@tanstack/react-query": "5.96.1",
|
|
53
|
+
"@tanstack/react-table": "8.21.3",
|
|
54
|
+
"@types/lodash": "4.17.24",
|
|
55
|
+
"@types/node": "24.12.2",
|
|
56
|
+
"@types/react": "19.2.14",
|
|
57
|
+
"@types/react-dom": "19.2.3",
|
|
58
|
+
"@vitejs/plugin-react": "5.2.0",
|
|
59
|
+
"@vitest/browser": "4.1.2",
|
|
60
|
+
"@vitest/browser-playwright": "4.1.2",
|
|
61
|
+
"chromatic": "16.1.0",
|
|
62
|
+
"conventional-changelog-conventionalcommits": "9.3.1",
|
|
63
|
+
"eslint-config-prettier": "10.1.8",
|
|
64
|
+
"eslint-plugin-jest-dom": "5.5.0",
|
|
65
|
+
"eslint-plugin-react": "7.37.5",
|
|
66
|
+
"eslint-plugin-react-hooks": "7.0.1",
|
|
67
|
+
"eslint-plugin-storybook": "10.3.4",
|
|
68
|
+
"husky": "9.1.7",
|
|
69
|
+
"jest": "30.3.0",
|
|
70
|
+
"lint-staged": "16.4.0",
|
|
71
|
+
"lodash": "4.18.1",
|
|
72
|
+
"mockdate": "3.0.5",
|
|
73
|
+
"playwright": "1.59.1",
|
|
74
|
+
"prettier": "3.8.1",
|
|
75
|
+
"react": "19.2.4",
|
|
76
|
+
"react-dom": "19.2.4",
|
|
77
|
+
"react-hook-form": "7.72.0",
|
|
78
|
+
"react-router-dom": "7.14.0",
|
|
79
|
+
"recharts": "3.8.1",
|
|
80
|
+
"remark-gfm": "4.0.1",
|
|
81
|
+
"repomix": "1.13.1",
|
|
82
|
+
"semantic-release": "25.0.3",
|
|
83
|
+
"storybook": "10.3.4",
|
|
84
|
+
"typescript-eslint": "8.58.0",
|
|
85
|
+
"vite-plugin-dts": "4.5.4",
|
|
86
|
+
"vitest": "4.1.2"
|
|
85
87
|
},
|
|
86
88
|
"dependencies": {
|
|
87
|
-
"@react-aria/optimize-locales-plugin": "
|
|
88
|
-
"clsx": "
|
|
89
|
-
"normalize.css": "
|
|
90
|
-
"react-aria-components": "
|
|
91
|
-
"sonner": "
|
|
92
|
-
"styled-components": "
|
|
93
|
-
"vite": "
|
|
94
|
-
"vite-tsconfig-paths": "
|
|
89
|
+
"@react-aria/optimize-locales-plugin": "1.1.5",
|
|
90
|
+
"clsx": "2.1.1",
|
|
91
|
+
"normalize.css": "8.0.1",
|
|
92
|
+
"react-aria-components": "1.16.0",
|
|
93
|
+
"sonner": "2.0.7",
|
|
94
|
+
"styled-components": "6.3.12",
|
|
95
|
+
"vite": "8.0.3",
|
|
96
|
+
"vite-tsconfig-paths": "6.1.1"
|
|
95
97
|
},
|
|
96
98
|
"overrides": {
|
|
97
99
|
"storybook": "$storybook"
|