@agregio-solutions/design-system 1.94.0 → 1.95.0

package/dist/packages/components/Accordion/doc.md

@@ -168,6 +168,26 @@ export const WithTitleContentLeftAndRight: Story = {
     await canvas.findByText("I'm a tag!");
   },
 };
+
+export const WithConstrainedWidth: Story = {
+  args: {
+    ...WithTitleContentLeftAndRight.args,
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: "220px" }}>
+        <I18nProvider locale="en">
+          <Story />
+        </I18nProvider>
+      </div>
+    ),
+  ],
+  play: async ({ canvasElement, args }) => {
+    const canvas = within(canvasElement);
+    await canvas.findByText(args.title);
+    await canvas.findByText("I'm a tag!");
+  },
+};
 ```
 
 ## How to test this component

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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export type Props = {
+    /**
+     * Content of the card.
+     */
+    children: React.ReactNode;
+    /**
+     * Size of the card (i.e. to manage its padding)
+     * @default 'md'
+     */
+    size?: "sm" | "md" | "lg" | "no-padding";
+    /**
+     * Border radius of the card.
+     * @default 'full'
+     */
+    radius?: "minimal" | "rounded" | "full";
+    /**
+     * Additional class name.
+     */
+    className?: string;
+    /**
+     * Additional style.
+     */
+    style?: React.CSSProperties;
+};
+/**
+ * A simple card container.
+ *
+ * This component does not aim to cover every possible Card use case: it is
+ * impossible to anticipate every design (with or without a background, widely
+ * different internal layouts, etc.). Instead, it provides a base that covers
+ * the classic cases and can be extended by overriding its styles on the
+ * consumer side (via `className` or `style`).
+ */
+export default function Card({ children, size, radius, ...props }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/packages/index.d.ts

@@ -3,6 +3,7 @@ import { default as Badge } from './components/Badge/Badge';
 import { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
 import { default as Button } from './components/Button/Button';
 import { default as Calendar, CalendarCell } from './components/Calendar/Calendar';
+import { default as Card } from './components/Card/Card';
 import { default as ChartLegend } from './components/ChartLegend/ChartLegend';
 import { default as ChartTooltip } from './components/ChartTooltip/ChartTooltip';
 import { default as Checkbox } from './components/Checkbox/Checkbox';
@@ -73,5 +74,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, 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, TimePicker, Timeline, toast, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipTrigger, tokens, YearMonthPicker, };
+export { Accordion, Badge, Breadcrumbs, Button, Calendar, CalendarCell, Card, 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, TimePicker, Timeline, toast, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipTrigger, tokens, YearMonthPicker, };
 export type { TypeTableColumnWithFilter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.94.0",
+  "version": "1.95.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",