@agregio-solutions/design-system 1.89.5 → 1.90.1

package/dist/packages/components/FileUpload/FileUpload.styled.d.ts

@@ -1,3 +1,3 @@
-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;
-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;
-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>>;
+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;
+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;
+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>>;

package/dist/packages/components/FileUpload/components/FileDetails/FileDetails.styled.d.ts

@@ -1,5 +1,5 @@
-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;
-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>>;
-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;
-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;
-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;
+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;
+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>>;
+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;
+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;
+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;

package/dist/packages/components/Icon/Icon.d.ts

@@ -113,6 +113,7 @@ import { default as receipt_long } from './components/receipt_long';
 import { default as record } from './components/record';
 import { default as record_full } from './components/record_full';
 import { default as refresh } from './components/refresh';
+import { default as remove } from './components/remove';
 import { default as remove_red_eye } from './components/remove_red_eye';
 import { default as science } from './components/science';
 import { default as search } from './components/search';
@@ -270,6 +271,7 @@ export declare const AVAILABLE_ICONS: {
     record: typeof record;
     refresh: typeof refresh;
     remove_red_eye: typeof remove_red_eye;
+    remove: typeof remove;
     science: typeof science;
     search: typeof search;
     sell_full: typeof sell_full;

package/dist/packages/components/Icon/components/remove.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from '../Icon';
+export default function IconRemove(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/NumberField/NumberField.d.ts

@@ -0,0 +1,152 @@
+import { default as React } from 'react';
+import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
+export type Props = {
+    /**
+     * Label for the field.
+     * If you provide a ReactNode as a label, please also provide an "aria-label" for accessibility.
+     */
+    label?: FormGroupWrapperProps["label"];
+    /**
+     * Optional icon to display on the right side of the label
+     */
+    labelIconRight?: FormGroupWrapperProps["labelIconRight"];
+    /**
+     * Optional tooltip text to display when hovering the labelIconRight icon.
+     * Requires `labelIconRight` to be set. When provided, the icon is wrapped in a Tooltip.
+     */
+    labelIconRightTooltip?: FormGroupWrapperProps["labelIconRightTooltip"];
+    /**
+     * Is the child field required, used to display a little asterisk next to the label
+     */
+    required?: FormGroupWrapperProps["required"];
+    /**
+     * Orientation of the form group
+     * @default "vertical"
+     */
+    orientation?: FormGroupWrapperProps["orientation"];
+    /**
+     * Helper text displayed below the input field, like additional instructions.
+     */
+    helperText?: FormGroupWrapperProps["helperText"];
+    /**
+     * Optional icon to display on the left side of the helperText. Only visible if there is a helperText
+     */
+    helperTextIcon?: FormGroupWrapperProps["helperTextIcon"];
+    /**
+     * Validation error message to display below the input field.
+     */
+    errorHelperText?: FormGroupWrapperProps["errorHelperText"];
+    /**
+     * Optional icon to display on the left side of the error help text. Only visible if there is a errorHelperText
+     */
+    errorHelperTextIcon?: FormGroupWrapperProps["errorHelperTextIcon"];
+    /**
+     * Success message to display below the input field.
+     */
+    successHelperText?: FormGroupWrapperProps["successHelperText"];
+    /**
+     * Optional icon to display on the left side of the success help text. Only visible if there is a successHelperText
+     */
+    successHelperTextIcon?: FormGroupWrapperProps["successHelperTextIcon"];
+    /**
+     * Warning message to display below the input field.
+     */
+    warningHelperText?: FormGroupWrapperProps["warningHelperText"];
+    /**
+     * Optional icon to display on the left side of the warning help text. Only visible if there is a warningHelperText.
+     */
+    warningHelperTextIcon?: FormGroupWrapperProps["warningHelperTextIcon"];
+    /**
+     * Specifies the nature of the NumberField (mainly to change the input border color and helperText color).
+     * If you do not pass a nature prop, the component will automatically set the nature based on the presence of success/error messages.
+     */
+    nature?: "default" | "negative" | "positive" | "warning";
+    /**
+     * Props to pass to the wrapper div (for example, `style` or `className`).
+     */
+    wrapperProps?: React.HTMLProps<HTMLDivElement>;
+    /**
+     * When true, the field stretches to the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * Defines a string value that labels the current element.
+     */
+    "aria-label"?: AriaNumberFieldProps["aria-label"];
+    /**
+     * Controls the behavior of the number field when the user blurs the field after editing.
+     * 'snap' will clamp the value to the min/max values, and snap to the nearest step value.
+     * 'validate' will not clamp the value, and will validate that the value is within the min/max range and on a valid step.
+     */
+    commitBehavior?: "validate" | "snap";
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: AriaNumberFieldProps["defaultValue"];
+    /**
+     * Formatting options for the value displayed in the number field.
+     * This also affects what characters are allowed to be typed by the user.
+     */
+    formatOptions?: AriaNumberFieldProps["formatOptions"];
+    /**
+     * Whether the input is disabled.
+     */
+    isDisabled?: AriaNumberFieldProps["isDisabled"];
+    /**
+     * Whether the input can be selected but not changed by the user.
+     */
+    isReadOnly?: AriaNumberFieldProps["isReadOnly"];
+    /**
+     * When true, hides the input and stepper buttons and only renders the
+     * formatted value (using the same `formatOptions`). The surrounding form
+     * group chrome (label, helper texts, nature, required asterisk) stays the
+     * same, keeping visual consistency with neighboring editable fields.
+     */
+    isDisplayOnly?: boolean;
+    /**
+     * The largest value allowed for the input.
+     */
+    maxValue?: AriaNumberFieldProps["maxValue"];
+    /**
+     * The smallest value allowed for the input.
+     */
+    minValue?: AriaNumberFieldProps["minValue"];
+    /**
+     * The name of the input element, used when submitting an HTML form.
+     */
+    name?: AriaNumberFieldProps["name"];
+    /**
+     * Handler that is called when the element loses focus.
+     */
+    onBlur?: AriaNumberFieldProps["onBlur"];
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: AriaNumberFieldProps["onChange"];
+    /**
+     * The amount that the input value changes with each increment or decrement "tick".
+     */
+    step?: AriaNumberFieldProps["step"];
+    /**
+     * The current value (controlled).
+     */
+    value?: AriaNumberFieldProps["value"];
+    /**
+     * The CSS className for the element.
+     */
+    className?: AriaNumberFieldProps["className"];
+    /**
+     * The inline style for the element.
+     */
+    style?: AriaNumberFieldProps["style"];
+    /**
+     * Advanced React Aria options for less common use cases.
+     * Prefer the dedicated top-level props for the most common configuration.
+     * See React Aria NumberField docs for the full API:
+     * https://react-aria.adobe.com/NumberField.html#numberfield
+     */
+    advancedReactAriaOptions?: Partial<AriaNumberFieldProps>;
+};
+declare const NumberField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default NumberField;

package/dist/packages/components/Toaster/Toaster.styles.d.ts

@@ -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>> & string & Omit<import('react').ForwardRefExoticComponent<import('sonner').ToasterProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+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>>;

package/dist/packages/index.d.ts

@@ -37,6 +37,7 @@ import { default as Navigation } from './components/Navigation/Navigation';
 import { default as NavigationItem } from './components/NavigationItem/NavigationItem';
 import { default as Notifications } from './components/Notifications/Notifications';
 import { default as NotificationCard } from './components/NotificationCard/NotificationCard';
+import { default as NumberField } from './components/NumberField/NumberField';
 import { default as PageLayout } from './components/PageLayout/PageLayout';
 import { default as Pagination } from './components/Pagination/Pagination';
 import { default as Popover, PopoverTrigger } from './components/Popover/Popover';
@@ -71,5 +72,5 @@ import { default as createMuiTheme } from './mui/mui-theme.ts';
 import { tokens, fontSize, lineHeight } from './ds-design-tokens/index';
 import { I18nProvider } from 'react-aria';
 import { toast } from 'sonner';
-export { Accordion, Badge, Breadcrumbs, Button, Calendar, CalendarCell, ChartLegend, ChartTooltip, Checkbox, CheckboxGroup, Chip, Combobox, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, DropdownListItem, EmptyState, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, Label, LinearProgressBar, lineHeight, Link, List, Loader, Menu, MenuItem, Message, Modal, ModalContent, ModalActions, ModalForm, Navigation, NavigationItem, Notifications, NotificationCard, PageLayout, Pagination, Popover, PopoverTrigger, Radio, RouterProvider, SearchBar, SegmentedControl, SegmentedControlButton, SegmentedControlList, SegmentedControlPanel, Select, SelectItem, Skeleton, Slider, Stepper, Step, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, Timeline, toast, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipTrigger, tokens, YearMonthPicker, };
+export { Accordion, Badge, Breadcrumbs, Button, Calendar, CalendarCell, ChartLegend, ChartTooltip, Checkbox, CheckboxGroup, Chip, Combobox, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, DropdownListItem, EmptyState, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, Label, LinearProgressBar, lineHeight, Link, List, Loader, Menu, MenuItem, Message, Modal, ModalContent, ModalActions, ModalForm, Navigation, NavigationItem, Notifications, NotificationCard, NumberField, PageLayout, Pagination, Popover, PopoverTrigger, Radio, RouterProvider, SearchBar, SegmentedControl, SegmentedControlButton, SegmentedControlList, SegmentedControlPanel, Select, SelectItem, Skeleton, Slider, Stepper, Step, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, Timeline, toast, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipTrigger, tokens, YearMonthPicker, };
 export type { TypeTableColumnWithFilter };

package/dist/packages/internal-components/CoreTextInput/CoreTextInput.styled.d.ts

@@ -1,3 +1,5 @@
-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>, {
+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"> & {
     hasIcon: boolean;
-}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import('react').Component<any, {}, any>>;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react-aria-components').InputProps & import('react').RefAttributes<HTMLInputElement>, "hasIcon"> & {
+    hasIcon: boolean;
+}, 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

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.89.5",
+  "version": "1.90.1",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",
@@ -40,59 +40,59 @@
   "devDependencies": {
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@eslint/compat": "2.0.4",
+    "@eslint/compat": "2.0.5",
     "@eslint/js": "9.39.4",
     "@mui/material": "5.18.0",
     "@semantic-release/gitlab": "13.3.2",
     "@semantic-release/npm": "13.1.5",
-    "@storybook/addon-a11y": "10.3.4",
-    "@storybook/addon-docs": "10.3.4",
-    "@storybook/addon-links": "10.3.4",
-    "@storybook/addon-vitest": "10.3.4",
-    "@storybook/react-vite": "10.3.4",
-    "@tanstack/react-query": "5.99.0",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-links": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
+    "@tanstack/react-query": "5.100.5",
     "@tanstack/react-table": "8.21.3",
     "@types/lodash": "4.17.24",
     "@types/node": "24.12.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "5.1.4",
-    "@vitest/browser": "4.1.2",
-    "@vitest/browser-playwright": "4.1.2",
-    "chromatic": "16.1.0",
+    "@vitejs/plugin-react": "5.2.0",
+    "@vitest/browser": "4.1.5",
+    "@vitest/browser-playwright": "4.1.5",
+    "chromatic": "16.6.0",
     "conventional-changelog-conventionalcommits": "9.3.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-jest-dom": "5.5.0",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-storybook": "10.3.4",
+    "eslint-plugin-react-hooks": "7.1.1",
+    "eslint-plugin-storybook": "10.3.5",
     "husky": "9.1.7",
     "jest": "30.3.0",
     "lint-staged": "16.4.0",
     "lodash": "4.18.1",
     "mockdate": "3.0.5",
     "playwright": "1.59.1",
-    "prettier": "3.8.2",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-hook-form": "7.72.1",
-    "react-router-dom": "7.14.1",
+    "prettier": "3.8.3",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "react-hook-form": "7.74.0",
+    "react-router-dom": "7.14.2",
     "recharts": "3.8.1",
     "remark-gfm": "4.0.1",
-    "repomix": "1.13.1",
+    "repomix": "1.14.0",
     "semantic-release": "25.0.3",
-    "storybook": "10.3.4",
-    "typescript-eslint": "8.58.0",
+    "storybook": "10.3.5",
+    "typescript-eslint": "8.59.0",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.1.2"
+    "vitest": "4.1.5"
   },
   "dependencies": {
-    "@react-aria/optimize-locales-plugin": "1.1.5",
+    "@react-aria/optimize-locales-plugin": "1.2.0",
     "clsx": "2.1.1",
     "normalize.css": "8.0.1",
-    "react-aria-components": "1.16.0",
+    "react-aria-components": "1.17.0",
     "sonner": "2.0.7",
-    "styled-components": "6.3.12",
+    "styled-components": "6.4.1",
     "vite": "7.3.2",
     "vite-tsconfig-paths": "6.1.1"
   },