@agregio-solutions/design-system 1.45.2 → 1.46.0

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

@@ -45,6 +45,11 @@ interface Props {
      * @default false
      */
     noPadding?: boolean;
+    /**
+     * Whether the accordion should have a bottom close button.
+     * @default false
+     */
+    withBottomCloseButton?: boolean;
     /**
      * Additional class name to apply to the accordion.
      */
@@ -54,5 +59,5 @@ interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function Accordion({ children, title, description, unmountOnExit, defaultExpanded, isExpanded, onExpandedChange, isDisabled, className, style, nature, noPadding, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Accordion({ children, title, description, unmountOnExit, defaultExpanded, isExpanded, onExpandedChange, isDisabled, className, style, nature, noPadding, withBottomCloseButton, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+import { ButtonProps } from 'react-aria-components';
+interface Props {
+    /**
+     * The `Button` or `TooltipTrigger` to display (that will open the tooltip on hover).
+     */
+    children: React.ReactNode;
+    /**
+     * The label to display in the tooltip
+     */
+    label: string;
+    /**
+     * Tooltips appear after a short delay when hovering the trigger, or instantly when using keyboard focus.
+     * This delay is called the "warmup period", and it is a global timer, shared by all tooltips.
+     * Once a tooltip is displayed, other tooltips display immediately.
+     * If the user waits for the "cooldown period" before hovering another element, the warmup timer restarts.
+     * The value is in seconds.
+     * @default 200
+     */
+    delay?: number;
+    /**
+     * The delay time for the tooltip to close
+     * @default 500
+     */
+    closeDelay?: number;
+    /**
+     * By default, tooltips appear both on hover and on focus.
+     * The trigger prop can be set to "focus" to display the tooltip only on focus, and not on hover.
+     * @default undefined
+     */
+    trigger?: "focus";
+    /**
+     * Whether the tooltip is open by default (uncontrolled mode).
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the tooltip is open (controlled mode).
+     */
+    isOpen?: boolean;
+    /**
+     * Callback function that is called when the tooltip is opened or closed (controlled mode).
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The placement of the tooltip with respect to the trigger.
+     * @default "top"
+     */
+    placement?: "bottom" | "bottom left" | "bottom right" | "bottom start" | "bottom end" | "top" | "top left" | "top right" | "top start" | "top end" | "left" | "left top" | "left bottom" | "start" | "start top" | "start bottom" | "right" | "right top" | "right bottom" | "end" | "end top" | "end bottom";
+    /**
+     * Whether the tooltip should be disabled, independent from the trigger.
+     * @default false
+     */
+    isDisabled?: boolean;
+}
+export default function Tooltip({ children, label, delay, closeDelay, trigger, defaultOpen, isOpen, onOpenChange, placement, isDisabled, }: Props): import("react/jsx-runtime").JSX.Element;
+type TooltipTriggerProps = {
+    /**
+     * The content to place in the tooltip trigger.
+     * Must NOT be a Button or other interactive component.
+     * The TooltipTrigger will wrap your component in an unstyled Button that serves as a trigger for the tooltip to show.
+     */
+    children: React.ReactNode;
+    /**
+     * Props to pass to the trigger button.
+     */
+    triggerButtonProps?: ButtonProps;
+};
+export declare function TooltipTrigger({ children, triggerButtonProps, }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/index.d.ts

@@ -46,11 +46,12 @@ import { default as Tag } from './components/Tag';
 import { default as TextInput } from './components/TextInput';
 import { default as TimeField } from './components/TimeField';
 import { default as Toaster } from './components/Toaster';
+import { default as Tooltip } from './components/Tooltip/Tooltip';
 import { default as YearMonthPicker } from './components/YearMonthPicker';
 import { default as RouterProvider } from './components/RouterProvider';
 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, Checkbox, CheckboxGroup, Chip, Combobox, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, Label, lineHeight, Link, Loader, Menu, MenuItem, Message, Modal, ModalContent, ModalActions, ModalForm, Navigation, NavigationItem, PageLayout, Pagination, Radio, RouterProvider, SegmentedControl, SegmentedControlButton, SegmentedControlList, SegmentedControlPanel, Select, SelectItem, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, toast, Toaster, tokens, YearMonthPicker, };
+export { Accordion, Badge, Breadcrumbs, Button, Checkbox, CheckboxGroup, Chip, Combobox, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, Label, lineHeight, Link, Loader, Menu, MenuItem, Message, Modal, ModalContent, ModalActions, ModalForm, Navigation, NavigationItem, PageLayout, Pagination, Radio, RouterProvider, SegmentedControl, SegmentedControlButton, SegmentedControlList, SegmentedControlPanel, Select, SelectItem, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, toast, Toaster, Tooltip, tokens, YearMonthPicker, };
 export type { TypeTableColumnWithFilter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.45.2",
+  "version": "1.46.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",
@@ -26,7 +26,7 @@
     "prettier:write": "prettier . --write --ignore-path .gitignore",
     "storybook:start": "http-server storybook-static -p 6006 --silent",
     "storybook": "storybook dev -p 6006",
-    "storybook:test": "test-storybook --url http://localhost:6006",
+    "storybook:test": "test-storybook --url http://localhost:6006 --browsers chromium",
     "storybook:test:integrity": "npm run build-storybook && npx start-server-and-test storybook:start http://localhost:6006 storybook:test",
     "storybook:test:only-changed": "start-server-and-test storybook 6006 'npm run storybook:test -- -- -o'",
     "typescript:check": "tsc --noEmit",