@assure-one/design-system 1.41.2 → 1.42.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/brand-scope-B7w3-y9E.d.ts +262 -0
- package/dist/{chunk-JKNHNNNY.js → chunk-H53VF62B.js} +6 -4
- package/dist/chunk-H53VF62B.js.map +1 -0
- package/dist/{chunk-XN7OBLQR.js → chunk-M2HMZ2RW.js} +11 -7
- package/dist/chunk-M2HMZ2RW.js.map +1 -0
- package/dist/{chunk-UAPQ7VTS.js → chunk-YMRSFVW7.js} +7 -5
- package/dist/chunk-YMRSFVW7.js.map +1 -0
- package/dist/css/components.css +1 -1
- package/dist/css/tokens.css +4 -4
- package/dist/{data-table-view-ep8al7P9.d.ts → data-table-view-BN3GgNdp.d.ts} +186 -2
- package/dist/{design-system-provider-CfD2g2lY.d.ts → design-system-provider-CrBRFQjR.d.ts} +1 -1
- package/dist/index.d.ts +66 -413
- package/dist/index.js +126 -29
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +11 -4
- package/dist/legacy/index.js +2 -2
- package/dist/next/index.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.d.ts +14 -3
- package/dist/suite/index.js +2 -2
- package/dist/{types-Coqw8iaS.d.ts → types-aBQCboFH.d.ts} +1 -1
- package/docs/components.md +5 -5
- package/docs/components.registry.json +5 -5
- package/package.json +1 -1
- package/dist/brand-scope-BOHId6BY.d.ts +0 -58
- package/dist/chunk-JKNHNNNY.js.map +0 -1
- package/dist/chunk-UAPQ7VTS.js.map +0 -1
- package/dist/chunk-XN7OBLQR.js.map +0 -1
package/dist/css/tokens.css
CHANGED
|
@@ -349,17 +349,17 @@
|
|
|
349
349
|
--ds-control-icon-lg: 16px;
|
|
350
350
|
--ds-control-icon-xl: 20px;
|
|
351
351
|
--ds-button-height-sm: 32px;
|
|
352
|
-
--ds-button-height-md:
|
|
353
|
-
--ds-button-height-lg:
|
|
352
|
+
--ds-button-height-md: 36px;
|
|
353
|
+
--ds-button-height-lg: 40px;
|
|
354
354
|
--ds-button-height-icon-xs: 24px;
|
|
355
355
|
--ds-button-height-icon-sm: 28px;
|
|
356
356
|
--ds-button-height-icon: 40px;
|
|
357
357
|
--ds-input-height-sm: 32px;
|
|
358
358
|
--ds-input-height-md: 36px;
|
|
359
|
-
--ds-input-height-lg:
|
|
359
|
+
--ds-input-height-lg: 40px;
|
|
360
360
|
--ds-search-input-height-sm: 32px;
|
|
361
361
|
--ds-search-input-height-md: 36px;
|
|
362
|
-
--ds-search-input-height-lg:
|
|
362
|
+
--ds-search-input-height-lg: 40px;
|
|
363
363
|
--ds-textarea-min-height-sm: 64px;
|
|
364
364
|
--ds-textarea-min-height-md: 80px;
|
|
365
365
|
--ds-textarea-min-height-lg: 96px;
|
|
@@ -2,7 +2,8 @@ import * as React$1 from 'react';
|
|
|
2
2
|
import { ReactNode, CSSProperties } from 'react';
|
|
3
3
|
import { V as Variant, I as Intent, C as ControlSize, S as Shape } from './vocab-DornLJbW.js';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import
|
|
5
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
|
+
import { S as SelectMessages, T as TableMessages } from './types-aBQCboFH.js';
|
|
6
7
|
import { a as BrandTheme } from './brand-theme-ZYM867Jz.js';
|
|
7
8
|
|
|
8
9
|
/**
|
|
@@ -579,6 +580,189 @@ interface FileChipProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
579
580
|
}
|
|
580
581
|
declare const FileChip: React$1.ForwardRefExoticComponent<FileChipProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
581
582
|
|
|
583
|
+
declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
|
|
584
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
585
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
586
|
+
/**
|
|
587
|
+
* The Select sizes: the shared control scale, nothing else (A1, ADR-013).
|
|
588
|
+
*
|
|
589
|
+
* @experimental
|
|
590
|
+
*/
|
|
591
|
+
type SelectSize = ControlSize;
|
|
592
|
+
/**
|
|
593
|
+
* The parts a `classNames` entry can reach on the options-driven `Select`,
|
|
594
|
+
* keyed by the anatomy (ADR-008 decision 4). `value` is a span of ours
|
|
595
|
+
* around Radix's value (Radix's own span drops `className`), rendered only
|
|
596
|
+
* when `classNames.value` or `clearable` asks for it, so a legacy call keeps
|
|
597
|
+
* the `SelectTrigger > span` structure C-DOM-10 freezes.
|
|
598
|
+
*
|
|
599
|
+
* @experimental
|
|
600
|
+
*/
|
|
601
|
+
type SelectClassNames = Partial<Record<SelectSlot, string>>;
|
|
602
|
+
|
|
603
|
+
/**
|
|
604
|
+
* Props of `SelectTrigger`: Radix's trigger props plus the control-scale
|
|
605
|
+
* `size` and a class for the chevron.
|
|
606
|
+
*
|
|
607
|
+
* @experimental `size` and `classNames`
|
|
608
|
+
*/
|
|
609
|
+
interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
610
|
+
/**
|
|
611
|
+
* Height, horizontal padding, label size, gap and glyph size from the shared
|
|
612
|
+
* control scale (A1). Omitted, the trigger keeps its legacy geometry (36px,
|
|
613
|
+
* the same pixels as `md`).
|
|
614
|
+
*/
|
|
615
|
+
size?: SelectSize | null | undefined;
|
|
616
|
+
/**
|
|
617
|
+
* Classes for the trigger's parts: the chevron `icon`, and `value` — a span
|
|
618
|
+
* of ours around `children`, rendered only when `value` is passed (so the
|
|
619
|
+
* default keeps the `SelectTrigger > span` structure C-DOM-10 freezes).
|
|
620
|
+
* Replaces `[&>span]` overrides on the trigger.
|
|
621
|
+
*/
|
|
622
|
+
classNames?: Pick<SelectClassNames, "icon" | "value"> | undefined;
|
|
623
|
+
}
|
|
624
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
625
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
626
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
627
|
+
/**
|
|
628
|
+
* Props of `SelectContent`: Radix's content props plus a class for the
|
|
629
|
+
* viewport (C-DOM-19's `[data-radix-select-viewport]` selector replacement).
|
|
630
|
+
*
|
|
631
|
+
* @experimental `classNames`
|
|
632
|
+
*/
|
|
633
|
+
interface SelectContentProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
|
|
634
|
+
/** Classes for the parts the content renders itself: the scrolling `viewport`. */
|
|
635
|
+
classNames?: Pick<SelectClassNames, "viewport"> | undefined;
|
|
636
|
+
}
|
|
637
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<SelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
638
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
639
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
640
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
641
|
+
/**
|
|
642
|
+
* SelectOption shape — preserved verbatim from the legacy Select:
|
|
643
|
+
* { value, label, disabled?, labelSuffix? }
|
|
644
|
+
*/
|
|
645
|
+
interface SelectOption {
|
|
646
|
+
value: string;
|
|
647
|
+
label: string;
|
|
648
|
+
disabled?: boolean | undefined;
|
|
649
|
+
labelSuffix?: React$1.ReactNode;
|
|
650
|
+
}
|
|
651
|
+
interface SelectProps {
|
|
652
|
+
/** Option list. Required to preserve legacy API. */
|
|
653
|
+
options: SelectOption[];
|
|
654
|
+
/**
|
|
655
|
+
* Controlled value. `null` is "nothing selected" (target architecture §32);
|
|
656
|
+
* `""` means the same and stays accepted through 2.x (C-SELECT-EMPTY).
|
|
657
|
+
*/
|
|
658
|
+
value?: string | null | undefined;
|
|
659
|
+
/** Uncontrolled initial value; restored on form reset. `null` = nothing selected. */
|
|
660
|
+
defaultValue?: string | null | undefined;
|
|
661
|
+
/**
|
|
662
|
+
* Called with the picked option's value, and with `""` when the selection
|
|
663
|
+
* is cleared (`clearable`) — the signature every existing handler already
|
|
664
|
+
* has. Reporting `null` is a 3.0 change (C-SELECT-EMPTY).
|
|
665
|
+
*/
|
|
666
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
667
|
+
placeholder?: string | undefined;
|
|
668
|
+
disabled?: boolean | undefined;
|
|
669
|
+
/**
|
|
670
|
+
* Submit the value under this name through the form the trigger sits in
|
|
671
|
+
* (or `form`). Inside a `<Field name>` the field's name applies.
|
|
672
|
+
*/
|
|
673
|
+
name?: string | undefined;
|
|
674
|
+
/**
|
|
675
|
+
* Block native submission while nothing is selected; the trigger carries
|
|
676
|
+
* `aria-required`. Inside a `<Field required>` the field's flag applies.
|
|
677
|
+
*/
|
|
678
|
+
required?: boolean | undefined;
|
|
679
|
+
/**
|
|
680
|
+
* The `id` of the form to submit with when the trigger is rendered outside
|
|
681
|
+
* it — inside a portalled Dialog or Sheet (ADR-006).
|
|
682
|
+
*
|
|
683
|
+
* @experimental
|
|
684
|
+
*/
|
|
685
|
+
form?: string | undefined;
|
|
686
|
+
/**
|
|
687
|
+
* The trigger's `id`; inside a `<Field>` the field's control id applies.
|
|
688
|
+
*
|
|
689
|
+
* @experimental
|
|
690
|
+
*/
|
|
691
|
+
id?: string | undefined;
|
|
692
|
+
/**
|
|
693
|
+
* The control scale (A1, ADR-013): `xs` 28 · `sm` 32 · `md` 36 · `lg` 40 ·
|
|
694
|
+
* `xl` 48. Omitted, the trigger keeps its legacy 36px row; a `<Field size>`
|
|
695
|
+
* supplies it.
|
|
696
|
+
*
|
|
697
|
+
* @experimental
|
|
698
|
+
*/
|
|
699
|
+
size?: SelectSize | undefined;
|
|
700
|
+
/**
|
|
701
|
+
* Show a clear button beside the chevron while a value is selected. Clearing
|
|
702
|
+
* reports `""` through `onValueChange` and focuses the trigger. Renders the
|
|
703
|
+
* `root` part (`data-slot="select"`) around the trigger — `className` lands
|
|
704
|
+
* on that wrapper then, `classNames.trigger` on the trigger.
|
|
705
|
+
*
|
|
706
|
+
* @experimental
|
|
707
|
+
*/
|
|
708
|
+
clearable?: boolean | undefined;
|
|
709
|
+
/**
|
|
710
|
+
* The outermost element's class: the trigger, or the `root` wrapper when
|
|
711
|
+
* `clearable`.
|
|
712
|
+
*/
|
|
713
|
+
className?: string | undefined;
|
|
714
|
+
/**
|
|
715
|
+
* One class per part (ADR-008 decision 4): `trigger`, `value`, `icon`
|
|
716
|
+
* (chevron), `content`, `viewport`, `item`, `clear`, `root`. Each part's
|
|
717
|
+
* class comes after the design system's own and before `className`.
|
|
718
|
+
* `value` wraps Radix's value span in one of ours (see `SelectClassNames`).
|
|
719
|
+
*
|
|
720
|
+
* @experimental
|
|
721
|
+
*/
|
|
722
|
+
classNames?: SelectClassNames | undefined;
|
|
723
|
+
/** Overrides of the copy the select renders (English defaults until W5-20). */
|
|
724
|
+
messages?: Partial<SelectMessages> | undefined;
|
|
725
|
+
/**
|
|
726
|
+
* @deprecated Use `classNames.trigger` (C-CLASSNAME-PROPS, codemod CM-11).
|
|
727
|
+
* Removed in 3.0.
|
|
728
|
+
*/
|
|
729
|
+
triggerClassName?: string | undefined;
|
|
730
|
+
/**
|
|
731
|
+
* @deprecated Use `classNames.content` (C-CLASSNAME-PROPS, codemod CM-11).
|
|
732
|
+
* Removed in 3.0.
|
|
733
|
+
*/
|
|
734
|
+
contentClassName?: string | undefined;
|
|
735
|
+
/** aria-invalid + danger styling on trigger. Inside a `<Field invalid>` the field's flag applies. */
|
|
736
|
+
"aria-invalid"?: boolean | undefined;
|
|
737
|
+
/**
|
|
738
|
+
* aria-label fallback when there is no visible label. Inside a `<Field>`
|
|
739
|
+
* with a `Label` the trigger is named by the label instead.
|
|
740
|
+
*/
|
|
741
|
+
"aria-label"?: string | undefined;
|
|
742
|
+
/** Explicit `aria-labelledby`; wins over the surrounding `Field`. */
|
|
743
|
+
"aria-labelledby"?: string | undefined;
|
|
744
|
+
/** Explicit `aria-describedby`; appended after the field's description and error. */
|
|
745
|
+
"aria-describedby"?: string | undefined;
|
|
746
|
+
}
|
|
747
|
+
/**
|
|
748
|
+
* Convenience `Select` — preserved options-driven API.
|
|
749
|
+
*
|
|
750
|
+
* For full composition, import the lower-level slots:
|
|
751
|
+
* <SelectRoot>
|
|
752
|
+
* <SelectTrigger><SelectValue /></SelectTrigger>
|
|
753
|
+
* <SelectContent>
|
|
754
|
+
* <SelectGroup>
|
|
755
|
+
* <SelectLabel>Label</SelectLabel>
|
|
756
|
+
* <SelectItem value="…">…</SelectItem>
|
|
757
|
+
* </SelectGroup>
|
|
758
|
+
* </SelectContent>
|
|
759
|
+
* </SelectRoot>
|
|
760
|
+
*/
|
|
761
|
+
declare function Select({ options, value: valueProp, defaultValue: defaultValueProp, onValueChange, placeholder: placeholderProp, disabled: disabledProp, name: nameProp, required: requiredProp, form, id: idProp, size: sizeProp, clearable, className, classNames, messages, triggerClassName, contentClassName, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
762
|
+
declare namespace Select {
|
|
763
|
+
var displayName: string;
|
|
764
|
+
}
|
|
765
|
+
|
|
582
766
|
/**
|
|
583
767
|
* Theme scope — the host dimensions a subtree renders with (W5-02).
|
|
584
768
|
*
|
|
@@ -1129,4 +1313,4 @@ declare function MoneyCell({ value }: {
|
|
|
1129
1313
|
value?: number | null;
|
|
1130
1314
|
}): react_jsx_runtime.JSX.Element;
|
|
1131
1315
|
|
|
1132
|
-
export { DataTableResultsCount as $, Assignee as A, type BadgeProps as B, type CardSlot as C, Dash as D, DataTableBody as E, type FileKind as F, type DataTableBodyProps as G, DataTableCell as H, type InputSlot as I, DataTableCellDue as J, type DataTableCellDueProps as K, DataTableCellId as L, MoneyCell as M, type NumberInputSlot as N, DataTableCellMono as O, type PhoneFieldSlot as P, DataTableCellName as Q, type DataTableCellProps as R, type
|
|
1316
|
+
export { DataTableResultsCount as $, Assignee as A, type BadgeProps as B, type CardSlot as C, Dash as D, DataTableBody as E, type FileKind as F, type DataTableBodyProps as G, DataTableCell as H, type InputSlot as I, DataTableCellDue as J, type DataTableCellDueProps as K, DataTableCellId as L, MoneyCell as M, type NumberInputSlot as N, DataTableCellMono as O, type PhoneFieldSlot as P, DataTableCellName as Q, type DataTableCellProps as R, type SelectSize as S, TagsCell as T, DataTableCheckbox as U, type DataTableCheckboxProps as V, DataTableHead as W, type DataTableHeadProps as X, DataTableHeader as Y, type DataTableHeaderProps as Z, type DataTableProps as _, type ServiceTone as a, TableCaption as a$, type DataTableResultsCountProps as a0, DataTableRow as a1, type DataTableRowProps as a2, DataTableSearch as a3, type DataTableSearchProps as a4, DataTableSpacer as a5, type DataTableSpacerProps as a6, DataTableToolbar as a7, type DataTableToolbarProps as a8, DataTableView as a9, type SelectContentProps as aA, SelectGroup as aB, SelectItem as aC, SelectLabel as aD, type SelectOption as aE, type SelectProps as aF, SelectRoot as aG, SelectScrollDownButton as aH, SelectScrollUpButton as aI, SelectSeparator as aJ, type SelectSlot as aK, SelectTrigger as aL, type SelectTriggerProps as aM, SelectValue as aN, type SheetSlot as aO, type ShellSlot as aP, type SideDrawerSlot as aQ, type SidebarBrandSwitcherSlot as aR, type SidebarSlot as aS, type SortDirection as aT, type StackSlot as aU, type StatusBadgeSlot as aV, type SurfaceSlot as aW, type SwitchSlot as aX, Table as aY, TableBody as aZ, type TableBodyProps as a_, type DataTableViewColumn as aa, type DataTableViewFilter as ab, type DataTableViewProps as ac, type DataTableViewSelection as ad, type DataTableViewSort as ae, type DialogSlot as af, type DropdownMenuSlot as ag, EmptyValue as ah, type FieldSlot as ai, type FieldsetSlot as aj, FileChip as ak, type FileChipProps as al, type HeadingSlot as am, type IconButtonSlot as an, type InlineSlot as ao, type KbdSlot as ap, type LabelSlot as aq, type LinkButtonSlot as ar, type PaginationSlot as as, type PopoverSlot as at, type PressableSlot as au, type RadioGroupSlot as av, SERVICE_TONES as aw, Select as ax, type SelectClassNames as ay, SelectContent as az, StagePill as b, type TableCaptionProps as b0, TableCell as b1, type TableCellAlign as b2, type TableCellCommonProps as b3, type TableCellProps as b4, TableFooter as b5, type TableFooterProps as b6, TableHead as b7, type TableHeadProps as b8, TableHeader as b9, type TableHeaderProps as ba, type TableHeaderStyle as bb, TableRow as bc, type TableRowData as bd, type TableRowProps as be, type TableSlot as bf, type TableSortDirection as bg, type TableStickyEdge as bh, type TableTone as bi, type TextSlot as bj, type ThemeBrand as bk, type ThemeDensity as bl, type ThemeDirection as bm, type ThemeScheme as bn, ThemeScope as bo, type ThemeScopeProps as bp, type ThemeScopeValue as bq, type ToastSlot as br, type TooltipSlot as bs, badgeVariants as bt, resolveBadgeAppearance as bu, serviceToneLabel as bv, serviceToneStyle as bw, type AvatarSlot as c, type FileUploadSlot as d, type SearchInputSlot as e, type TextareaSlot as f, type BadgeSize as g, type BadgeShape as h, type DataTableSlot as i, type TableProps as j, type AlertDialogSlot as k, Badge as l, type BadgeAppearance as m, type BadgeAppearanceInput as n, type BadgeLegacyVariant as o, type BadgeSlot as p, type BadgeVariant as q, type BadgeVariantsProps as r, type ButtonSlot as s, type CheckboxSlot as t, type ChipSlot as u, type CodeSlot as v, type ComboboxSlot as w, type CommandSlot as x, type ContextMenuSlot as y, DataTable as z };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ImgHTMLAttributes } from 'react';
|
|
3
|
-
import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-
|
|
3
|
+
import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-aBQCboFH.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* L0 foundation (W5-21, ADR-010). The adapters through which the design
|