@assure-one/design-system 1.41.0 → 1.41.2

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,5 +1,5 @@
1
- import { slot, badgeAnatomy, stateAttributes, useDsMessages, deprecate, paginationAnatomy, Select, microInteractions, useFieldsetContext, useFieldControl, useControllableState, useMergedRefs, switchAnatomy, tableAnatomy, Pressable, FormBridge, CONTROL_SIZE_CLASSES, FileUpload, FileChip, Button, Tooltip, TooltipTrigger, TooltipContent, Avatar, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, dataTableAnatomy, Checkbox, DocumentDetailPanel, DocumentDetailHeader, DocumentDetailTitle, DocumentDetailRequester, DocumentDetailMetaRow, DocumentDetailActions, DropdownMenuItem, DocumentList, DocumentRow, DocumentListSection, Textarea, DropdownMenuCheckboxItem, Popover, PopoverTrigger, PopoverContent, PopoverClose, DropdownMenuShortcut, useId as useId$1 } from './chunk-NBI7E3VT.js';
2
- import { cn, ShieldIcon, UploadIcon, SendIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpDownIcon, LockIcon, TrashIcon, HelpCircleIcon, ArrowRightIcon, CheckIcon, EyeIcon, FileTextIcon, CloseIcon, SparklesIcon, PlusIcon, SearchIcon, AlertTriangleIcon, FolderClosedIcon, CalendarIcon, PencilIcon, LockOpenIcon, FlagIcon, CheckCircleSolidIcon, DownloadIcon, XCircleSolidIcon, MessageCircleIcon, BellIcon, PaperclipIcon, UsersIcon, ClockIcon, PlayIcon, PauseIcon, StopIcon, SettingsIcon, Trash2Icon, FileIcon, SparkleIcon, MailIcon } from './chunk-KUSY7BLL.js';
1
+ import { slot, badgeAnatomy, stateAttributes, useDsMessages, deprecate, paginationAnatomy, Select, microInteractions, useFieldsetContext, useFieldControl, useControllableState, useMergedRefs, switchAnatomy, CONTROL_LABEL_TEXT, tableAnatomy, Pressable, FormBridge, CONTROL_SIZE_CLASSES, FileUpload, FileChip, Button, Tooltip, TooltipTrigger, TooltipContent, Avatar, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, dataTableAnatomy, Checkbox, DocumentDetailPanel, DocumentDetailHeader, DocumentDetailTitle, DocumentDetailRequester, DocumentDetailMetaRow, DocumentDetailActions, DropdownMenuItem, DocumentList, DocumentRow, DocumentListSection, Textarea, DropdownMenuCheckboxItem, Popover, PopoverTrigger, PopoverContent, PopoverClose, DropdownMenuShortcut, useId as useId$1 } from './chunk-XN7OBLQR.js';
2
+ import { cn, ShieldIcon, UploadIcon, SendIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpDownIcon, LockIcon, TrashIcon, HelpCircleIcon, ArrowRightIcon, CheckIcon, EyeIcon, FileTextIcon, CloseIcon, SparklesIcon, PlusIcon, SearchIcon, AlertTriangleIcon, FolderClosedIcon, CalendarIcon, PencilIcon, LockOpenIcon, FlagIcon, CheckCircleSolidIcon, DownloadIcon, XCircleSolidIcon, MessageCircleIcon, BellIcon, PaperclipIcon, UsersIcon, ClockIcon, PlayIcon, PauseIcon, StopIcon, SettingsIcon, Trash2Icon, FileIcon, SparkleIcon, MailIcon } from './chunk-AF3QYJ24.js';
3
3
  import { clsx } from 'clsx';
4
4
  import * as React4 from 'react';
5
5
  import { forwardRef, useMemo, createContext, useRef, useContext, useState, useCallback, useEffect, useId } from 'react';
@@ -345,7 +345,7 @@ var Pagination = forwardRef(function Pagination2({
345
345
  "span",
346
346
  {
347
347
  ...slot(paginationAnatomy, "label"),
348
- className: "ds:text-fg-4 ds:shrink-0 ds:font-mono ds:text-[11px] ds:tracking-[0.02em] ds:tabular-nums",
348
+ className: "ds:text-fg-4 ds:shrink-0 ds:font-mono ds:text-(length:--text-code) ds:tracking-[0.02em] ds:tabular-nums",
349
349
  children: contextLabel
350
350
  }
351
351
  ),
@@ -690,7 +690,10 @@ var SectionHead = forwardRef(function SectionHead2({ eyebrow, title, meta, class
690
690
  ...props,
691
691
  children: [
692
692
  /* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:space-y-1", children: [
693
- eyebrow && /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:font-mono ds:[font-feature-settings:'tnum'_1,'lnum'_1,'ss01'_1] ds:text-[10.5px] ds:font-medium ds:tracking-[0.14em] ds:uppercase", children: eyebrow }),
693
+ eyebrow && // 10.5px: half-pixel, explicitly reserved for the VN/D1 track
694
+ // (typography-roles.md "Half-pixel sizes") — left literal, not
695
+ // snapped to `overline` (11px) here despite the matching tracking.
696
+ /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:font-mono ds:[font-feature-settings:'tnum'_1,'lnum'_1,'ss01'_1] ds:text-[10.5px] ds:font-medium ds:tracking-[0.14em] ds:uppercase", children: eyebrow }),
694
697
  title && /* @__PURE__ */ jsx("h3", { className: "ds:font-display ds:text-fg ds:text-sm ds:leading-tight ds:font-medium", children: title }),
695
698
  children
696
699
  ] }),
@@ -981,7 +984,10 @@ var Switch = React4.forwardRef(
981
984
  {
982
985
  htmlFor: wiring.id,
983
986
  ...slot(switchAnatomy, "label"),
984
- className: "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:text-[13px] ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
987
+ className: cn(
988
+ "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
989
+ CONTROL_LABEL_TEXT
990
+ ),
985
991
  children: label
986
992
  }
987
993
  )
@@ -1124,8 +1130,6 @@ var TableRow = forwardRef(function TableRow2({ className, selected, interactive
1124
1130
  );
1125
1131
  });
1126
1132
  TableRow.displayName = "TableRow";
1127
- var CELL_DENSITY = "ds:[[data-ds-density]_&]:px-(--table-cell-padding-x) ds:[[data-ds-density]_&]:py-(--table-cell-padding-y) ds:[[data-ds-density]_&:has([role=checkbox])]:pr-0";
1128
- var HEAD_DENSITY = "ds:[[data-ds-density]_&]:h-(--table-row-height) ds:[[data-ds-density]_&]:px-(--table-cell-padding-x) ds:[[data-ds-density]_&]:py-(--table-head-padding-y) ds:[[data-ds-density]_&:has([role=checkbox])]:pr-0";
1129
1133
  var ALIGN_CLASSES = {
1130
1134
  start: "ds:text-start",
1131
1135
  center: "ds:text-center",
@@ -1185,12 +1189,11 @@ var TableHead = forwardRef(function TableHead2({
1185
1189
  className: cn(
1186
1190
  // Sentence-case column labels in the body font (Plus Jakarta Sans),
1187
1191
  // quiet gray — not mono uppercase eyebrows.
1188
- "ds:h-11 ds:px-4 ds:py-2.5 ds:text-left ds:align-middle ds:whitespace-nowrap",
1189
- "ds:font-sans ds:text-[13px] ds:font-medium ds:tracking-[0.01em] ds:normal-case ds:tabular-nums",
1192
+ "ds:h-(--table-row-height) ds:px-(--table-cell-padding-x) ds:py-(--table-head-padding-y) ds:text-left ds:align-middle ds:whitespace-nowrap",
1193
+ "ds:font-sans ds:text-(length:--control-font-size-md) ds:font-medium ds:tracking-[0.01em] ds:normal-case ds:tabular-nums",
1190
1194
  "ds:text-fg-3 ds:bg-surface-2",
1191
1195
  "ds:border-rule ds:border-b",
1192
1196
  "ds:[&:has([role=checkbox])]:pr-0",
1193
- HEAD_DENSITY,
1194
1197
  headerStyle !== "plain" && HEAD_TYPOGRAPHY[headerStyle],
1195
1198
  // Stuck header cells lose their collapsed border: the rule is an inset shadow.
1196
1199
  stickyHeader && cn(
@@ -1243,10 +1246,9 @@ var TableCell = forwardRef(function TableCell2({ className, align, numeric, mute
1243
1246
  ...slot(tableAnatomy, "cell"),
1244
1247
  className: cn(
1245
1248
  // 13px, fg-2, soft 1px row divider, tabular nums; airier vertical
1246
- // rhythm (py-3) for the taller rows in the catalog layout.
1247
- "ds:text-fg-2 ds:px-4 ds:py-3 ds:align-middle ds:text-[13px] ds:tabular-nums",
1249
+ // rhythm for the taller rows in the catalog layout.
1250
+ "ds:text-fg-2 ds:px-(--table-cell-padding-x) ds:py-(--table-cell-padding-y) ds:align-middle ds:text-(length:--control-font-size-md) ds:tabular-nums",
1248
1251
  "ds:[&:has([role=checkbox])]:pr-0",
1249
- CELL_DENSITY,
1250
1252
  muted && "ds:text-fg-3",
1251
1253
  cellCommon({ align, numeric, truncate, sticky }, STICKY_CELL_SURFACE),
1252
1254
  className
@@ -1290,7 +1292,7 @@ var TabsList = React4.forwardRef(function TabsList2({ className, ...props }, ref
1290
1292
  TabsList.displayName = TabsPrimitive.List.displayName;
1291
1293
  var triggerVariants = cva(
1292
1294
  cn(
1293
- "ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:text-[13px] ds:font-medium",
1295
+ "ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:text-(length:--control-font-size-md) ds:font-medium",
1294
1296
  "ds:text-fg-3",
1295
1297
  microInteractions.selection,
1296
1298
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -1403,7 +1405,7 @@ function TeamMemberSelect({
1403
1405
  TeamMemberSelect.displayName = "TeamMemberSelect";
1404
1406
  var itemVariants = cva(
1405
1407
  cn(
1406
- "ds:inline-flex ds:items-center ds:justify-center ds:rounded-pill ds:px-3 ds:py-1.5 ds:text-[13px] ds:font-medium",
1408
+ "ds:inline-flex ds:items-center ds:justify-center ds:rounded-pill ds:px-3 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:font-medium",
1407
1409
  "ds:text-fg-3",
1408
1410
  microInteractions.selection,
1409
1411
  "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -5523,5 +5525,5 @@ function SignatureEditor({
5523
5525
  SignatureEditor.displayName = "SignatureEditor";
5524
5526
 
5525
5527
  export { AIReceiptPanel, AiDraftCard, Assignee, AttentionItem, Badge, Blockquote, BottomNav, CategoryDivider, CategoryTag, ChannelTabs, ClientRailGroupHeader, ClientRailItem, Dash, DashGrid, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DocumentChecklist, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, EmailMessageCard, EmptyValue, EngagementCard, EngagementTimeline, EngagementTimelineStep, IntentBadge, MissingDocumentsPanel, MoneyCell, NewMenu, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, Section, SectionHead, SectionHeader, SegmentedProgress, SignatureEditor, StagePill, Stat, StatusDot, StatusPill, SuggestionPills, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsCell, TeamMemberSelect, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, formatClock, formatCurrency, formatDuration, nextSortDirection, parseDuration, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useFormReset, useStopwatch };
5526
- //# sourceMappingURL=chunk-PTI4B2OI.js.map
5527
- //# sourceMappingURL=chunk-PTI4B2OI.js.map
5528
+ //# sourceMappingURL=chunk-UAPQ7VTS.js.map
5529
+ //# sourceMappingURL=chunk-UAPQ7VTS.js.map