@assure-one/design-system 1.48.0 → 1.50.0
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/{chunk-HV24JSRN.js → chunk-CRA6WJZ6.js} +68 -10
- package/dist/chunk-CRA6WJZ6.js.map +1 -0
- package/dist/{chunk-FO2WSYUA.js → chunk-GT7A7HP4.js} +3 -3
- package/dist/{chunk-FO2WSYUA.js.map → chunk-GT7A7HP4.js.map} +1 -1
- package/dist/{chunk-YRFLK7ER.js → chunk-HZZGCMRU.js} +3 -3
- package/dist/{chunk-YRFLK7ER.js.map → chunk-HZZGCMRU.js.map} +1 -1
- package/dist/css/components.css +1 -1
- package/dist/{data-table-view-CNTfzEyS.d.ts → data-table-view-Dhcbsxls.d.ts} +60 -1
- package/dist/index.d.ts +234 -7
- package/dist/index.js +537 -9
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +2 -2
- package/dist/legacy/index.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.js +2 -2
- package/docs/components.md +15 -3
- package/docs/components.registry.json +80 -4
- package/package.json +1 -1
- package/dist/chunk-HV24JSRN.js.map +0 -1
|
@@ -640,6 +640,57 @@ var listPageAnatomy = defineAnatomy("list-page", [
|
|
|
640
640
|
"bulk-bar",
|
|
641
641
|
"result-count"
|
|
642
642
|
]);
|
|
643
|
+
var threadEventAnatomy = defineAnatomy("thread-event", ["root", "icon", "label", "time"]);
|
|
644
|
+
var threadDividerAnatomy = defineAnatomy("thread-divider", ["root", "rule", "label"]);
|
|
645
|
+
var messageBubbleAnatomy = defineAnatomy("message-bubble", [
|
|
646
|
+
"root",
|
|
647
|
+
"avatar",
|
|
648
|
+
"header",
|
|
649
|
+
"name",
|
|
650
|
+
"time",
|
|
651
|
+
"bubble",
|
|
652
|
+
"actions",
|
|
653
|
+
"footer",
|
|
654
|
+
"meta"
|
|
655
|
+
]);
|
|
656
|
+
var conversationRowAnatomy = defineAnatomy("conversation-row", [
|
|
657
|
+
"root",
|
|
658
|
+
"indicator",
|
|
659
|
+
"selection",
|
|
660
|
+
"open",
|
|
661
|
+
"leading",
|
|
662
|
+
"title",
|
|
663
|
+
"marker",
|
|
664
|
+
"unread",
|
|
665
|
+
"meta",
|
|
666
|
+
"preview",
|
|
667
|
+
"aside",
|
|
668
|
+
"time",
|
|
669
|
+
"status",
|
|
670
|
+
"actions"
|
|
671
|
+
]);
|
|
672
|
+
var conversationHeaderAnatomy = defineAnatomy("conversation-header", [
|
|
673
|
+
"root",
|
|
674
|
+
"back",
|
|
675
|
+
"avatar",
|
|
676
|
+
"title",
|
|
677
|
+
"badge",
|
|
678
|
+
"meta",
|
|
679
|
+
"meta-item",
|
|
680
|
+
"aside",
|
|
681
|
+
"actions",
|
|
682
|
+
"secondary-actions"
|
|
683
|
+
]);
|
|
684
|
+
var peopleListAnatomy = defineAnatomy("people-list", [
|
|
685
|
+
"root",
|
|
686
|
+
"header",
|
|
687
|
+
"title",
|
|
688
|
+
"description",
|
|
689
|
+
"section",
|
|
690
|
+
"section-header",
|
|
691
|
+
"person",
|
|
692
|
+
"footer"
|
|
693
|
+
]);
|
|
643
694
|
|
|
644
695
|
// src/foundation/anatomy/slot.ts
|
|
645
696
|
function slot(anatomy, part) {
|
|
@@ -1752,7 +1803,10 @@ function optionElementId(listId, value) {
|
|
|
1752
1803
|
var LIST_ITEM_BOX = {
|
|
1753
1804
|
select: "ds:rounded-surface-sm ds:relative ds:flex ds:w-full ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2",
|
|
1754
1805
|
menu: "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5",
|
|
1755
|
-
"menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8"
|
|
1806
|
+
"menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8",
|
|
1807
|
+
// The well at the end instead: the row's own leading glyph (a status dot, an
|
|
1808
|
+
// icon) sits at the start, the check at the end, as on a Select option.
|
|
1809
|
+
"menu-indicator-end": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2"
|
|
1756
1810
|
};
|
|
1757
1811
|
var LIST_ITEM_INTERACTION = "ds:outline-none ds:select-none";
|
|
1758
1812
|
var LIST_ITEM_INK = {
|
|
@@ -2933,6 +2987,7 @@ var MENU_SUB_TRIGGER_OPEN = {
|
|
|
2933
2987
|
var MENU_SUB_TRIGGER_BOX = "ds:rounded-surface-sm ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5";
|
|
2934
2988
|
var MENU_SUB_TRIGGER_CHEVRON = "ds:text-fg-3 ds:ml-auto ds:size-4 ds:-translate-x-px";
|
|
2935
2989
|
var MENU_INDICATOR_WELL = LIST_ITEM_INDICATOR_WELL.start;
|
|
2990
|
+
var MENU_INDICATOR_WELL_END = LIST_ITEM_INDICATOR_WELL.end;
|
|
2936
2991
|
var MENU_CHECK_GLYPH = "ds:size-3.5!";
|
|
2937
2992
|
var MENU_RADIO_GLYPH = "ds:size-2! ds:fill-current!";
|
|
2938
2993
|
var MENU_SHORTCUT_INK = {
|
|
@@ -2950,9 +3005,9 @@ function menuItemClasses(palette) {
|
|
|
2950
3005
|
selected: "none"
|
|
2951
3006
|
});
|
|
2952
3007
|
}
|
|
2953
|
-
function menuIndicatorItemClasses(palette) {
|
|
3008
|
+
function menuIndicatorItemClasses(palette, side = "start") {
|
|
2954
3009
|
return listItemClasses({
|
|
2955
|
-
frame: "menu-indicator",
|
|
3010
|
+
frame: side === "end" ? "menu-indicator-end" : "menu-indicator",
|
|
2956
3011
|
labelSize: MENU_ITEM_LABEL_SIZE,
|
|
2957
3012
|
palette,
|
|
2958
3013
|
highlight: "focus",
|
|
@@ -3074,17 +3129,20 @@ var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, ...prop
|
|
|
3074
3129
|
}
|
|
3075
3130
|
));
|
|
3076
3131
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
3077
|
-
var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
3132
|
+
var DropdownMenuRadioItem = React7.forwardRef(({ className, children, indicator = "dot", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3078
3133
|
DropdownMenuPrimitive.RadioItem,
|
|
3079
3134
|
{
|
|
3080
3135
|
ref,
|
|
3081
3136
|
...slot(dropdownMenuAnatomy, "radio-item"),
|
|
3082
|
-
className: cn(menuIndicatorItemClasses(PALETTE), className),
|
|
3137
|
+
className: cn(menuIndicatorItemClasses(PALETTE, indicator === "check" ? "end" : "start"), className),
|
|
3083
3138
|
...props,
|
|
3084
|
-
children: [
|
|
3139
|
+
children: indicator === "check" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3140
|
+
children,
|
|
3141
|
+
/* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL_END, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CheckIcon, { className: MENU_CHECK_GLYPH, "aria-hidden": "true" }) }) })
|
|
3142
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3085
3143
|
/* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CircleIcon, { className: MENU_RADIO_GLYPH, "aria-hidden": "true" }) }) }),
|
|
3086
3144
|
children
|
|
3087
|
-
]
|
|
3145
|
+
] })
|
|
3088
3146
|
}
|
|
3089
3147
|
));
|
|
3090
3148
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
@@ -4014,6 +4072,6 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
|
|
|
4014
4072
|
});
|
|
4015
4073
|
DocumentRow.displayName = "DocumentRow";
|
|
4016
4074
|
|
|
4017
|
-
export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, filterChipsAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, listPageAnatomy, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, statStripAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsDirection, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
|
|
4018
|
-
//# sourceMappingURL=chunk-
|
|
4019
|
-
//# sourceMappingURL=chunk-
|
|
4075
|
+
export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, conversationHeaderAnatomy, conversationRowAnatomy, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, filterChipsAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, listPageAnatomy, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, messageBubbleAnatomy, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, peopleListAnatomy, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, statStripAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, threadDividerAnatomy, threadEventAnatomy, toastAnatomy, useControllableState, useDsDirection, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
|
|
4076
|
+
//# sourceMappingURL=chunk-CRA6WJZ6.js.map
|
|
4077
|
+
//# sourceMappingURL=chunk-CRA6WJZ6.js.map
|