@assure-one/design-system 1.44.1 → 1.46.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.
@@ -1,4 +1,4 @@
1
- import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-E2URQD5A.js';
1
+ import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-ARCWF2S3.js';
2
2
  import * as React7 from 'react';
3
3
  import { createContext, forwardRef, useMemo, useState, useRef, useCallback, useEffect, useContext, useId as useId$1, useLayoutEffect } from 'react';
4
4
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -479,7 +479,11 @@ var tableAnatomy = defineAnatomy("table", [
479
479
  "cell",
480
480
  "caption",
481
481
  "sort",
482
- "sort-indicator"
482
+ "sort-indicator",
483
+ "group-row",
484
+ "group-row-toggle",
485
+ "group-row-label",
486
+ "group-row-trailing"
483
487
  ]);
484
488
  var dataTableAnatomy = defineAnatomy("data-table", [
485
489
  "root",
@@ -920,7 +924,11 @@ var EN_MESSAGES = {
920
924
  selectRow: "Select row"
921
925
  },
922
926
  tableStates: { loading: "Loading", empty: "No results" },
923
- table: { region: "Scrollable table" },
927
+ table: {
928
+ region: "Scrollable table",
929
+ collapseSection: "Collapse section",
930
+ expandSection: "Expand section"
931
+ },
924
932
  tableDensity: { label: "Row density", comfortable: "Detailed view", compact: "Compact view" },
925
933
  stackedBarChart: { region: "Scrollable chart" },
926
934
  pdfPreview: { region: "PDF preview" },
@@ -1537,9 +1545,9 @@ function optionElementId(listId, value) {
1537
1545
 
1538
1546
  // src/primitives/behavior/collection/item-recipe.ts
1539
1547
  var LIST_ITEM_BOX = {
1540
- select: "ds:rounded-surface-sm ds:relative ds:flex ds:w-full ds:cursor-default ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2",
1541
- menu: "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:px-2 ds:py-1.5",
1542
- "menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8"
1548
+ 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",
1549
+ 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",
1550
+ "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"
1543
1551
  };
1544
1552
  var LIST_ITEM_INTERACTION = "ds:outline-none ds:select-none";
1545
1553
  var LIST_ITEM_INK = {
@@ -1775,6 +1783,7 @@ var SelectTrigger = React7.forwardRef(({ className, children, tabIndex, size, cl
1775
1783
  "ds:rounded-input ds:border-field-border ds:bg-surface ds:font-body ds:text-fg ds:flex ds:w-full ds:items-center ds:justify-between ds:border ds:py-2",
1776
1784
  CONTROL_SIZE_CLASSES[size]
1777
1785
  ),
1786
+ "ds:cursor-pointer",
1778
1787
  "ds:transition-[color,background-color,border-color,box-shadow] ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
1779
1788
  "ds:motion-reduce:transition-none",
1780
1789
  "ds:placeholder:text-fg-4",
@@ -2193,7 +2202,10 @@ var Checkbox = React7.forwardRef(function Checkbox2({
2193
2202
  "data-invalid": wiring["data-invalid"],
2194
2203
  ...slot(checkboxAnatomy, "root"),
2195
2204
  className: cn(
2196
- "ds:peer ds:border-rule-strong ds:bg-surface ds:text-brand ds:flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center ds:border",
2205
+ // Resting edge at ≥3:1 on the surface and the canvas (WCAG 1.4.11):
2206
+ // an unchecked box is identified by its border alone, and
2207
+ // `border-rule-strong` measured 1.34:1.
2208
+ "ds:peer ds:border-fg-4/80 ds:bg-surface ds:text-brand ds:flex ds:size-4 ds:shrink-0 ds:cursor-pointer ds:items-center ds:justify-center ds:border",
2197
2209
  shape === "circle" ? "ds:rounded-full" : "ds:rounded-badge",
2198
2210
  microInteractions.selection,
2199
2211
  "ds:hover:border-fg-4",
@@ -2205,7 +2217,9 @@ var Checkbox = React7.forwardRef(function Checkbox2({
2205
2217
  // indeterminate brand edge and tint would otherwise outrank it.
2206
2218
  "ds:disabled:data-[state=checked]:border-rule ds:disabled:data-[state=checked]:bg-bg-disabled",
2207
2219
  "ds:disabled:data-[state=indeterminate]:border-rule ds:disabled:data-[state=indeterminate]:bg-bg-disabled",
2208
- "ds:aria-[invalid=true]:border-danger-line",
2220
+ // Danger ink, not the pale danger line (1.48:1): an invalid box is still
2221
+ // identified by its edge alone (WCAG 1.4.11).
2222
+ "ds:aria-[invalid=true]:border-danger-fg",
2209
2223
  className
2210
2224
  ),
2211
2225
  ...props,
@@ -2711,7 +2725,7 @@ var MENU_SUB_TRIGGER_OPEN = {
2711
2725
  menu: "ds:data-[state=open]:bg-menu-item-hover-bg ds:data-[state=open]:text-menu-item-hover-fg",
2712
2726
  neutral: "ds:data-[state=open]:bg-bg-2 ds:data-[state=open]:text-fg"
2713
2727
  };
2714
- var MENU_SUB_TRIGGER_BOX = "ds:rounded-surface-sm ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:px-2 ds:py-1.5";
2728
+ 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";
2715
2729
  var MENU_SUB_TRIGGER_CHEVRON = "ds:text-fg-3 ds:ml-auto ds:size-4 ds:-translate-x-px";
2716
2730
  var MENU_INDICATOR_WELL = LIST_ITEM_INDICATOR_WELL.start;
2717
2731
  var MENU_CHECK_GLYPH = "ds:size-3.5!";
@@ -3796,5 +3810,5 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
3796
3810
  DocumentRow.displayName = "DocumentRow";
3797
3811
 
3798
3812
  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, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, 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, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
3799
- //# sourceMappingURL=chunk-Z7QPHPNV.js.map
3800
- //# sourceMappingURL=chunk-Z7QPHPNV.js.map
3813
+ //# sourceMappingURL=chunk-IIBDSTOG.js.map
3814
+ //# sourceMappingURL=chunk-IIBDSTOG.js.map