design-zystem 1.0.402 → 1.0.404
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/ui/index.d.mts +26 -5
- package/dist/ui/index.d.ts +26 -5
- package/dist/ui/index.js +208 -289
- package/dist/ui/index.mjs +210 -298
- package/dist/ui/style.css +3 -1
- package/package.json +2 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -1387,8 +1387,20 @@ declare const GanttSwatch: ({ color, filled, }: {
|
|
|
1387
1387
|
interface BulkSection {
|
|
1388
1388
|
title: string;
|
|
1389
1389
|
icon: ReactNode;
|
|
1390
|
-
action
|
|
1390
|
+
/** Omise en variant `display` pour une section purement informative (pas d'action associée). */
|
|
1391
|
+
action?: () => void;
|
|
1391
1392
|
disabled?: boolean;
|
|
1393
|
+
/** Rend le libellé dans une pastille arrondie, sans icône — pour une valeur courte (distance, durée), pas une action. N'a d'effet qu'en variant `display`. */
|
|
1394
|
+
badge?: boolean;
|
|
1395
|
+
/** Sépare cette section du bloc précédent par un trait plus marqué (comme celui du `leftTitle`) plutôt que le petit tiret par défaut — pour marquer une rupture logique (ex. le total après le détail d'un trajet). N'a d'effet qu'en variant `display`, et jamais sur la première section. */
|
|
1396
|
+
divider?: boolean;
|
|
1397
|
+
/**
|
|
1398
|
+
* Petit libellé affiché au-dessus de `title`, en majuscules et atténué —
|
|
1399
|
+
* pour une section à deux lignes (ex. "TOTAL" au-dessus de "140 km · 1h20").
|
|
1400
|
+
* Prend le pas sur `badge` et sur l'icône. N'a d'effet qu'en variant
|
|
1401
|
+
* `display`, et uniquement sur une section sans `action`.
|
|
1402
|
+
*/
|
|
1403
|
+
caption?: string;
|
|
1392
1404
|
}
|
|
1393
1405
|
interface BulkProps {
|
|
1394
1406
|
onClose?: () => void;
|
|
@@ -1396,8 +1408,17 @@ interface BulkProps {
|
|
|
1396
1408
|
sections: BulkSection[];
|
|
1397
1409
|
color?: ColorToken;
|
|
1398
1410
|
className?: string;
|
|
1411
|
+
/**
|
|
1412
|
+
* `actions` (défaut) : chaque section est un bouton cliquable, collés les
|
|
1413
|
+
* uns aux autres — la barre d'actions en masse historique.
|
|
1414
|
+
* `display` : les sections sont du texte en lecture seule séparé par un
|
|
1415
|
+
* trait, pour un indicateur d'information (ex. un résumé de trajet) plutôt
|
|
1416
|
+
* qu'une barre d'actions. Une section qui fournit `action` reste cliquable
|
|
1417
|
+
* même en `display`.
|
|
1418
|
+
*/
|
|
1419
|
+
variant?: 'actions' | 'display';
|
|
1399
1420
|
}
|
|
1400
|
-
declare const Bulk: ({ onClose, leftTitle, sections, color, className, }: BulkProps) => react.JSX.Element;
|
|
1421
|
+
declare const Bulk: ({ onClose, leftTitle, sections, color, className, variant, }: BulkProps) => react.JSX.Element;
|
|
1401
1422
|
|
|
1402
1423
|
interface TimelineItem {
|
|
1403
1424
|
id: string | number;
|
|
@@ -1936,8 +1957,8 @@ interface TourStep {
|
|
|
1936
1957
|
id: string;
|
|
1937
1958
|
/** Identifiant(s) de `TourTarget` : le premier présent dans la page est mis en lumière. Absent : bulle centrée. */
|
|
1938
1959
|
target?: string | string[];
|
|
1939
|
-
title?:
|
|
1940
|
-
content:
|
|
1960
|
+
title?: string;
|
|
1961
|
+
content: string;
|
|
1941
1962
|
placement?: TourPlacement;
|
|
1942
1963
|
/** La zone éclairée reste cliquable (défaut). `false` : elle est seulement montrée. */
|
|
1943
1964
|
interactive?: boolean;
|
|
@@ -1966,6 +1987,6 @@ interface TourTargetProps {
|
|
|
1966
1987
|
}
|
|
1967
1988
|
/** Enveloppe sans boîte (`display: contents`) : marque une cible sans toucher à la mise en page. */
|
|
1968
1989
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
1969
|
-
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) =>
|
|
1990
|
+
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
1970
1991
|
|
|
1971
1992
|
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -1387,8 +1387,20 @@ declare const GanttSwatch: ({ color, filled, }: {
|
|
|
1387
1387
|
interface BulkSection {
|
|
1388
1388
|
title: string;
|
|
1389
1389
|
icon: ReactNode;
|
|
1390
|
-
action
|
|
1390
|
+
/** Omise en variant `display` pour une section purement informative (pas d'action associée). */
|
|
1391
|
+
action?: () => void;
|
|
1391
1392
|
disabled?: boolean;
|
|
1393
|
+
/** Rend le libellé dans une pastille arrondie, sans icône — pour une valeur courte (distance, durée), pas une action. N'a d'effet qu'en variant `display`. */
|
|
1394
|
+
badge?: boolean;
|
|
1395
|
+
/** Sépare cette section du bloc précédent par un trait plus marqué (comme celui du `leftTitle`) plutôt que le petit tiret par défaut — pour marquer une rupture logique (ex. le total après le détail d'un trajet). N'a d'effet qu'en variant `display`, et jamais sur la première section. */
|
|
1396
|
+
divider?: boolean;
|
|
1397
|
+
/**
|
|
1398
|
+
* Petit libellé affiché au-dessus de `title`, en majuscules et atténué —
|
|
1399
|
+
* pour une section à deux lignes (ex. "TOTAL" au-dessus de "140 km · 1h20").
|
|
1400
|
+
* Prend le pas sur `badge` et sur l'icône. N'a d'effet qu'en variant
|
|
1401
|
+
* `display`, et uniquement sur une section sans `action`.
|
|
1402
|
+
*/
|
|
1403
|
+
caption?: string;
|
|
1392
1404
|
}
|
|
1393
1405
|
interface BulkProps {
|
|
1394
1406
|
onClose?: () => void;
|
|
@@ -1396,8 +1408,17 @@ interface BulkProps {
|
|
|
1396
1408
|
sections: BulkSection[];
|
|
1397
1409
|
color?: ColorToken;
|
|
1398
1410
|
className?: string;
|
|
1411
|
+
/**
|
|
1412
|
+
* `actions` (défaut) : chaque section est un bouton cliquable, collés les
|
|
1413
|
+
* uns aux autres — la barre d'actions en masse historique.
|
|
1414
|
+
* `display` : les sections sont du texte en lecture seule séparé par un
|
|
1415
|
+
* trait, pour un indicateur d'information (ex. un résumé de trajet) plutôt
|
|
1416
|
+
* qu'une barre d'actions. Une section qui fournit `action` reste cliquable
|
|
1417
|
+
* même en `display`.
|
|
1418
|
+
*/
|
|
1419
|
+
variant?: 'actions' | 'display';
|
|
1399
1420
|
}
|
|
1400
|
-
declare const Bulk: ({ onClose, leftTitle, sections, color, className, }: BulkProps) => react.JSX.Element;
|
|
1421
|
+
declare const Bulk: ({ onClose, leftTitle, sections, color, className, variant, }: BulkProps) => react.JSX.Element;
|
|
1401
1422
|
|
|
1402
1423
|
interface TimelineItem {
|
|
1403
1424
|
id: string | number;
|
|
@@ -1936,8 +1957,8 @@ interface TourStep {
|
|
|
1936
1957
|
id: string;
|
|
1937
1958
|
/** Identifiant(s) de `TourTarget` : le premier présent dans la page est mis en lumière. Absent : bulle centrée. */
|
|
1938
1959
|
target?: string | string[];
|
|
1939
|
-
title?:
|
|
1940
|
-
content:
|
|
1960
|
+
title?: string;
|
|
1961
|
+
content: string;
|
|
1941
1962
|
placement?: TourPlacement;
|
|
1942
1963
|
/** La zone éclairée reste cliquable (défaut). `false` : elle est seulement montrée. */
|
|
1943
1964
|
interactive?: boolean;
|
|
@@ -1966,6 +1987,6 @@ interface TourTargetProps {
|
|
|
1966
1987
|
}
|
|
1967
1988
|
/** Enveloppe sans boîte (`display: contents`) : marque une cible sans toucher à la mise en page. */
|
|
1968
1989
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
1969
|
-
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) =>
|
|
1990
|
+
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
1970
1991
|
|
|
1971
1992
|
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|