@epam/ai-dial-ui-kit 0.15.0-dev.4 → 0.15.0-dev.41
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/README.md +190 -0
- package/dist/CHANGELOG.md +73 -0
- package/dist/DateCellRenderer-DFknFcs1.cjs +1 -0
- package/dist/{DateCellRenderer-BVM-Q8yx.cjs → DateCellRenderer-J9A5gyDz.cjs} +31 -31
- package/dist/IconButton-DHOFapLo.cjs +1 -0
- package/dist/{JsonEditor-qv1Z0dLX.cjs → JsonEditor-BDe6elKO.cjs} +1 -1
- package/dist/{MarkdownEditor-DHn2pYOJ.cjs → MarkdownEditor-C7BONfsl.cjs} +1 -1
- package/dist/{MarkdownEditor-jQ8nDJfx.cjs → MarkdownEditor-FVzYMdkC.cjs} +1 -1
- package/dist/{MarkdownEditorContainer-Bzcnoemw.cjs → MarkdownEditorContainer-GvlxX6kx.cjs} +1 -1
- package/dist/{Switch-CUKClcEz.cjs → Switch-DE6MrcqJ.cjs} +1 -1
- package/dist/components/Button/constants.js +9 -8
- package/dist/components/Dropdown/Dropdown.js +70 -65
- package/dist/components/Dropdown/DropdownSubMenuItem.js +63 -55
- package/dist/components/Dropdown/constants.js +16 -14
- package/dist/components/DropdownIcon/DropdownIcon.js +43 -32
- package/dist/components/FileManager/FileManager.js +373 -372
- package/dist/components/FileManager/FileManagerProvider.js +266 -264
- package/dist/components/FileManager/hooks/use-grid-context-menu.js +59 -59
- package/dist/components/New/Accordion/Accordion.js +87 -71
- package/dist/components/New/Avatar/Avatar.js +70 -0
- package/dist/components/New/Badge/Badge.js +45 -0
- package/dist/components/New/BottomSheet/BottomSheet.js +128 -0
- package/dist/components/New/Breadcrumbs/Breadcrumbs.js +159 -0
- package/dist/components/New/Breadcrumbs/constants.js +41 -0
- package/dist/components/New/Button/Button.js +32 -32
- package/dist/components/New/Button/ButtonWrappers.js +93 -37
- package/dist/components/New/Button/constants.js +3 -0
- package/dist/components/New/Button/utils.js +18 -8
- package/dist/components/New/ButtonDropdown/ButtonDropdown.js +26 -16
- package/dist/components/New/Calendar/Calendar.js +301 -265
- package/dist/components/New/Calendar/constants.js +5 -5
- package/dist/components/New/CaptionText/CaptionText.js +18 -15
- package/dist/components/New/CardShell/CardShell.js +5 -3
- package/dist/components/New/Checkbox/Checkbox.js +67 -56
- package/dist/components/New/Checkbox/CheckboxBox.js +5 -3
- package/dist/components/New/CloseButton/CloseButton.js +18 -16
- package/dist/components/New/CollapsibleSidebar/CollapsibleSidebar.js +39 -34
- package/dist/components/New/ConfirmationPopup/ConfirmationPopup.js +38 -37
- package/dist/components/New/ConfirmationPopup/constants.js +8 -11
- package/dist/components/New/Dropdown/Dropdown.js +112 -105
- package/dist/components/New/Dropdown/DropdownSubMenuItem.js +17 -17
- package/dist/components/New/Dropdown/constants.js +22 -17
- package/dist/components/New/EllipsisTooltip/EllipsisTooltip.js +20 -18
- package/dist/components/New/EntityIdentity/EntityIdentity.js +135 -0
- package/dist/components/New/FileDropzone/FileDropzone.js +27 -25
- package/dist/components/New/FileIcon/FileIcon.js +55 -0
- package/dist/components/New/FileIcon/constants.js +134 -0
- package/dist/components/New/FileIcon/icons/FileGlyph.js +150 -0
- package/dist/components/New/FileIcon/icons/FolderGlyph.js +50 -0
- package/dist/components/New/FileName/FileName.js +78 -0
- package/dist/components/New/FilterChips/FilterChips.js +43 -0
- package/dist/components/New/FilterChips/constants.js +5 -0
- package/dist/components/New/FolderName/FolderName.js +16 -0
- package/dist/components/New/FolderPath/FolderPath.js +29 -28
- package/dist/components/New/Highlight/Highlight.js +23 -30
- package/dist/components/New/IconButton/IconButton.js +30 -28
- package/dist/components/New/InfoButton/InfoButton.js +13 -11
- package/dist/components/New/InlineSelect/InlineSelect.js +74 -56
- package/dist/components/New/InteractiveTooltip/InteractiveTooltip.js +41 -39
- package/dist/components/New/InteractiveTooltip/constants.js +2 -2
- package/dist/components/New/Label/Label.js +13 -8
- package/dist/components/New/MenuItem/MenuItem.js +29 -27
- package/dist/components/New/MenuItem/constants.js +9 -8
- package/dist/components/New/NoDataContent/NoDataContent.js +21 -19
- package/dist/components/New/Notification/Notification.js +33 -29
- package/dist/components/New/NumberInput/NumberInput.js +42 -33
- package/dist/components/New/PasswordInput/PasswordInput.js +41 -35
- package/dist/components/New/Popup/Popup.js +46 -44
- package/dist/components/New/Popup/constants.js +3 -3
- package/dist/components/New/Radio/Radio.js +75 -64
- package/dist/components/New/RadioGroup/RadioGroup.js +76 -65
- package/dist/components/New/RadioGroupPopupField/RadioGroupPopupField.js +117 -106
- package/dist/components/New/ResizableContainer/ResizableContainer.js +42 -40
- package/dist/components/New/Search/Search.js +29 -27
- package/dist/components/New/SegmentedControl/SegmentedControl.js +29 -23
- package/dist/components/New/Select/CollapsedSelectTags.js +127 -0
- package/dist/components/New/Select/MultiSelectTags.js +18 -15
- package/dist/components/New/Select/Select.js +219 -197
- package/dist/components/New/Select/constants.js +23 -20
- package/dist/components/New/SharedEntityIndicator/SharedEntityIndicator.js +34 -0
- package/dist/components/New/SideDrawer/SideDrawer.js +148 -0
- package/dist/components/New/Switch/Switch.js +69 -58
- package/dist/components/New/Tabs/Tabs.js +125 -61
- package/dist/components/New/Tag/Tag.js +42 -40
- package/dist/components/New/TagInput/TagInput.js +48 -44
- package/dist/components/New/ToggleIconButton/ToggleIconButton.js +26 -24
- package/dist/components/New/Tooltip/TooltipContent.js +11 -9
- package/dist/components/New/Tooltip/constants.js +1 -1
- package/dist/components/New/TransferQueue/TransferQueue.js +124 -0
- package/dist/components/New/TransferQueue/TransferQueueHeader.js +71 -0
- package/dist/components/New/TransferQueue/TransferQueueRow.js +119 -0
- package/dist/components/New/TransferQueue/constants.js +24 -0
- package/dist/components/New/constants/overlay.js +17 -9
- package/dist/components/Popup/constants.js +8 -8
- package/dist/components/ProgressBar/ProgressBar.js +45 -33
- package/dist/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.js +46 -31
- package/dist/components/SchemaRenderer/components/SchemaField.js +19 -19
- package/dist/components/SchemaRenderer/components/SchemaFieldContent.js +18 -18
- package/dist/components/SchemaRenderer/components/SchemaKeyValueEditor.js +223 -135
- package/dist/components/SchemaRenderer/types.js +19 -8
- package/dist/components/SchemaRenderer/utils.js +122 -95
- package/dist/components/Skeleton/Skeleton.js +25 -19
- package/dist/components/Spinner/Spinner.js +7 -5
- package/dist/components/Tooltip/TooltipContent.js +11 -11
- package/dist/components-manifest.json +1478 -59
- package/dist/constants/public-class-names.js +208 -0
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +337 -292
- package/dist/editors.cjs +1 -1
- package/dist/file-manager.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/index.css +2 -2
- package/dist/lazy-BEsZqouS.cjs +1 -0
- package/dist/merge-classes-BEJXjzkx.cjs +1 -0
- package/dist/migration-guides/0.15.0/legacy-theme-variable-fallbacks-removal.md +69 -0
- package/dist/migration-guides/README.md +1 -0
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +419 -399
- package/dist/src/components/FileManager/FileManager.d.ts +2 -0
- package/dist/src/components/FileManager/FileManagerContext.d.ts +1 -0
- package/dist/src/components/FileManager/hooks/use-grid-context-menu.d.ts +2 -1
- package/dist/src/components/New/Accordion/Accordion.d.ts +6 -1
- package/dist/src/components/New/Avatar/Avatar.d.ts +55 -0
- package/dist/src/components/New/Badge/Badge.d.ts +47 -0
- package/dist/src/components/New/BottomSheet/BottomSheet.d.ts +84 -0
- package/dist/src/components/New/Breadcrumbs/Breadcrumbs.d.ts +94 -0
- package/dist/src/components/New/Breadcrumbs/constants.d.ts +60 -0
- package/dist/src/components/New/Button/Button.d.ts +4 -1
- package/dist/src/components/New/Button/ButtonWrappers.d.ts +20 -0
- package/dist/src/components/New/Button/utils.d.ts +15 -0
- package/dist/src/components/New/ButtonDropdown/ButtonDropdown.d.ts +4 -0
- package/dist/src/components/New/Calendar/Calendar.d.ts +7 -1
- package/dist/src/components/New/Calendar/constants.d.ts +1 -1
- package/dist/src/components/New/ConfirmationPopup/constants.d.ts +0 -1
- package/dist/src/components/New/Dropdown/Dropdown.d.ts +9 -1
- package/dist/src/components/New/Dropdown/constants.d.ts +3 -0
- package/dist/src/components/New/EntityIdentity/EntityIdentity.d.ts +85 -0
- package/dist/src/components/New/FileIcon/FileIcon.d.ts +61 -0
- package/dist/src/components/New/FileIcon/constants.d.ts +16 -0
- package/dist/src/components/New/FileIcon/icons/FileGlyph.d.ts +18 -0
- package/dist/src/components/New/FileIcon/icons/FolderGlyph.d.ts +17 -0
- package/dist/src/components/New/FileName/FileName.d.ts +79 -0
- package/dist/src/components/New/FilterChips/FilterChips.d.ts +69 -0
- package/dist/src/components/New/FilterChips/constants.d.ts +13 -0
- package/dist/src/components/New/FolderName/FolderName.d.ts +37 -0
- package/dist/src/components/New/InlineSelect/InlineSelect.d.ts +16 -1
- package/dist/src/components/New/InteractiveTooltip/constants.d.ts +5 -4
- package/dist/src/components/New/Notification/Notification.d.ts +18 -0
- package/dist/src/components/New/Popup/constants.d.ts +1 -1
- package/dist/src/components/New/Select/CollapsedSelectTags.d.ts +22 -0
- package/dist/src/components/New/Select/MultiSelectTags.d.ts +5 -0
- package/dist/src/components/New/Select/Select.d.ts +9 -0
- package/dist/src/components/New/Select/constants.d.ts +3 -2
- package/dist/src/components/New/SharedEntityIndicator/SharedEntityIndicator.d.ts +35 -0
- package/dist/src/components/New/SideDrawer/SideDrawer.d.ts +100 -0
- package/dist/src/components/New/Tabs/Tabs.d.ts +54 -6
- package/dist/src/components/New/Tooltip/constants.d.ts +5 -3
- package/dist/src/components/New/TransferQueue/TransferQueue.d.ts +139 -0
- package/dist/src/components/New/TransferQueue/TransferQueueHeader.d.ts +16 -0
- package/dist/src/components/New/TransferQueue/TransferQueueRow.d.ts +10 -0
- package/dist/src/components/New/TransferQueue/constants.d.ts +6 -0
- package/dist/src/components/New/constants/overlay.d.ts +13 -0
- package/dist/src/components/Popup/constants.d.ts +1 -1
- package/dist/src/components/SchemaRenderer/types.d.ts +11 -0
- package/dist/src/components/SchemaRenderer/utils.d.ts +10 -1
- package/dist/src/constants/public-class-names.d.ts +199 -0
- package/dist/src/index.d.ts +34 -1
- package/dist/src/types/accordion.d.ts +7 -0
- package/dist/src/types/avatar.d.ts +7 -0
- package/dist/src/types/badge.d.ts +16 -0
- package/dist/src/types/breadcrumbs.d.ts +9 -0
- package/dist/src/types/button.d.ts +1 -0
- package/dist/src/types/entity-type.d.ts +9 -0
- package/dist/src/types/transfer-queue.d.ts +10 -0
- package/dist/src/utils/__tests__/avatar.spec.d.ts +1 -0
- package/dist/src/utils/avatar.d.ts +12 -0
- package/dist/src/utils/sub-menu-floating.d.ts +7 -4
- package/dist/types/accordion.js +4 -0
- package/dist/types/avatar.js +4 -0
- package/dist/types/badge.js +5 -0
- package/dist/types/breadcrumbs.js +4 -0
- package/dist/types/button.js +3 -3
- package/dist/types/entity-type.js +4 -0
- package/dist/types/transfer-queue.js +4 -0
- package/dist/use-file-manager-tabs-Bj_ENNKt.cjs +3 -0
- package/dist/utils/avatar.js +22 -0
- package/dist/utils/merge-classes.js +12 -5
- package/dist/utils/sub-menu-floating.js +99 -54
- package/package.json +4 -7
- package/dist/DateCellRenderer-ssp7eaZY.cjs +0 -1
- package/dist/IconButton-DWqoaBWf.cjs +0 -1
- package/dist/lazy-tfN4sKhq.cjs +0 -1
- package/dist/merge-classes-Dipy1Ih1.cjs +0 -1
- package/dist/use-file-manager-tabs-DjdR_mYM.cjs +0 -3
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
export declare const DIAL_KIT_CLASS: {
|
|
2
|
+
/** The `role="status"` root of a `Spinner`. */
|
|
3
|
+
readonly spinner: "dial-kit-spinner";
|
|
4
|
+
/**
|
|
5
|
+
* The outermost element of a `ProgressBar`: the box wrapping its label,
|
|
6
|
+
* track and readout — or the track itself, which is the root when the bar
|
|
7
|
+
* has neither.
|
|
8
|
+
*/
|
|
9
|
+
readonly progressBar: "dial-kit-progress-bar";
|
|
10
|
+
/** The root of a `Skeleton`, wrapping its avatar and text rows. */
|
|
11
|
+
readonly skeleton: "dial-kit-skeleton";
|
|
12
|
+
/**
|
|
13
|
+
* The `Notification` surface. Present on every wrapper too — the toast and
|
|
14
|
+
* section-message variants of error, info, success, warning, loading and
|
|
15
|
+
* general all render this component.
|
|
16
|
+
*/
|
|
17
|
+
readonly notification: "dial-kit-notification";
|
|
18
|
+
/** The empty-state root of `NoDataContent`. */
|
|
19
|
+
readonly noDataContent: "dial-kit-no-data-content";
|
|
20
|
+
/** The `role="status"` panel of a `TransferQueue`: header, rows and aggregate bar. */
|
|
21
|
+
readonly transferQueue: "dial-kit-transfer-queue";
|
|
22
|
+
/** The text element of a `Highlight`, which renders the matched query. */
|
|
23
|
+
readonly highlight: "dial-kit-highlight";
|
|
24
|
+
/** The caption line under a field, rendered by `CaptionText`. */
|
|
25
|
+
readonly captionText: "dial-kit-caption-text";
|
|
26
|
+
/**
|
|
27
|
+
* A caption in its error variant — what `ErrorText` renders. Additive to
|
|
28
|
+
* `captionText`, since one component draws both.
|
|
29
|
+
*/
|
|
30
|
+
readonly errorText: "dial-kit-error-text";
|
|
31
|
+
/** The `Label` root, which wraps the `label` element and its info button. */
|
|
32
|
+
readonly label: "dial-kit-label";
|
|
33
|
+
/** The `article` element of a `CardShell`. */
|
|
34
|
+
readonly cardShell: "dial-kit-card-shell";
|
|
35
|
+
/** The `aside` element of a `CollapsibleSidebar`. */
|
|
36
|
+
readonly collapsibleSidebar: "dial-kit-collapsible-sidebar";
|
|
37
|
+
/** The content box inside a `ResizableContainer`'s resize frame. */
|
|
38
|
+
readonly resizableContainer: "dial-kit-resizable-container";
|
|
39
|
+
/**
|
|
40
|
+
* The `role="dialog"` panel of a `Popup`. Its backdrop is reached through
|
|
41
|
+
* `overlayClassName`.
|
|
42
|
+
*/
|
|
43
|
+
readonly popup: "dial-kit-popup";
|
|
44
|
+
/** The `role="dialog"` panel of a `BottomSheet`. */
|
|
45
|
+
readonly bottomSheet: "dial-kit-bottom-sheet";
|
|
46
|
+
/** The `role="dialog"` panel of a `SideDrawer`, open or closed. */
|
|
47
|
+
readonly sideDrawer: "dial-kit-side-drawer";
|
|
48
|
+
/** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */
|
|
49
|
+
readonly confirmationPopup: "dial-kit-confirmation-popup";
|
|
50
|
+
/** The root of an `Accordion`. */
|
|
51
|
+
readonly accordion: "dial-kit-accordion";
|
|
52
|
+
/** The breadcrumb root of a `FolderPath`. */
|
|
53
|
+
readonly folderPath: "dial-kit-folder-path";
|
|
54
|
+
/** The `nav` element of a `Breadcrumbs` trail. */
|
|
55
|
+
readonly breadcrumbs: "dial-kit-breadcrumbs";
|
|
56
|
+
/**
|
|
57
|
+
* One segment of a `Breadcrumbs` trail: the link, button or plain span that
|
|
58
|
+
* draws the label — not the `li`, which also holds the separator after it.
|
|
59
|
+
*/
|
|
60
|
+
readonly breadcrumbsItem: "dial-kit-breadcrumbs-item";
|
|
61
|
+
/**
|
|
62
|
+
* The trigger wrapper of a `Dropdown`. Its floating panel is reached through
|
|
63
|
+
* `listClassName`.
|
|
64
|
+
*/
|
|
65
|
+
readonly dropdown: "dial-kit-dropdown";
|
|
66
|
+
/**
|
|
67
|
+
* The `role="none"` item list inside a dropdown overlay — the box that holds
|
|
68
|
+
* the rows and owns their vertical padding. Present in both generations, and
|
|
69
|
+
* on a submenu's own list. It is *not* the floating panel.
|
|
70
|
+
*/
|
|
71
|
+
readonly dropdownList: "dial-kit-dropdown-list";
|
|
72
|
+
/**
|
|
73
|
+
* One row of a floating overlay: a dropdown item, a `Select` option, a
|
|
74
|
+
* submenu trigger, or a submenu child. It sits on the element that draws the
|
|
75
|
+
* row box — so on the wrapper, not the inner button, for a row that has a
|
|
76
|
+
* `rightControl` beside it.
|
|
77
|
+
*/
|
|
78
|
+
readonly menuItem: "dial-kit-menuitem";
|
|
79
|
+
/**
|
|
80
|
+
* The trailing check of a chosen `MenuItemMark.Check` row. Decorative, like
|
|
81
|
+
* the glyph itself — the row's `aria-checked` / `aria-selected` carries the
|
|
82
|
+
* state.
|
|
83
|
+
*/
|
|
84
|
+
readonly menuItemCheck: "dial-kit-menuitem-check";
|
|
85
|
+
/** The primary icon of a `DialDropdownIcon` trigger. */
|
|
86
|
+
readonly dropdownIcon: "dial-kit-dropdown-icon";
|
|
87
|
+
/**
|
|
88
|
+
* The caret badge of a `DialDropdownIcon` trigger — the round plate the
|
|
89
|
+
* chevron sits on. Absent when `showCaret` is `false`.
|
|
90
|
+
*/
|
|
91
|
+
readonly dropdownIconCaret: "dial-kit-dropdown-icon-caret";
|
|
92
|
+
/** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */
|
|
93
|
+
readonly tooltip: "dial-kit-tooltip";
|
|
94
|
+
/** The panel of an `InteractiveTooltip` — the one whose content takes focus. */
|
|
95
|
+
readonly interactiveTooltip: "dial-kit-interactive-tooltip";
|
|
96
|
+
/** The text element of an `EllipsisTooltip`, which is also its trigger. */
|
|
97
|
+
readonly ellipsisTooltip: "dial-kit-ellipsis-tooltip";
|
|
98
|
+
/** The `Search` field, additive to the `dial-kit-input` its `Input` carries. */
|
|
99
|
+
readonly search: "dial-kit-search";
|
|
100
|
+
/** The `PasswordInput` field, additive to `dial-kit-input`. */
|
|
101
|
+
readonly passwordInput: "dial-kit-password-input";
|
|
102
|
+
/** The `NumberInput` field, additive to `dial-kit-input`. */
|
|
103
|
+
readonly numberInput: "dial-kit-number-input";
|
|
104
|
+
/** The `TagInput` field, additive to `dial-kit-input`. */
|
|
105
|
+
readonly tagInput: "dial-kit-tag-input";
|
|
106
|
+
/** The root of a `Select`, wrapping its label, field and caption. */
|
|
107
|
+
readonly select: "dial-kit-select";
|
|
108
|
+
/** The trigger button of an `InlineSelect`. */
|
|
109
|
+
readonly inlineSelect: "dial-kit-inline-select";
|
|
110
|
+
/** The root of a `Calendar`, wrapping its label and date field. */
|
|
111
|
+
readonly calendar: "dial-kit-calendar";
|
|
112
|
+
/** The drop area of a `FileDropzone`. */
|
|
113
|
+
readonly fileDropzone: "dial-kit-file-dropzone";
|
|
114
|
+
/**
|
|
115
|
+
* The root of a `FileIcon`, wrapping the file or folder glyph (or
|
|
116
|
+
* its spinner while loading) and the shared badge.
|
|
117
|
+
*/
|
|
118
|
+
readonly fileIcon: "dial-kit-file-icon";
|
|
119
|
+
/** The row of a `FileName`: its type icon, the name and any details. */
|
|
120
|
+
readonly fileName: "dial-kit-file-name";
|
|
121
|
+
/** The `FileName` row of a `FolderName`, additive to `fileName`. */
|
|
122
|
+
readonly folderName: "dial-kit-folder-name";
|
|
123
|
+
/**
|
|
124
|
+
* The `role="img"` badge of a `SharedEntityIndicator` — standalone, or the
|
|
125
|
+
* shared badge a `FileIcon` draws over its glyph.
|
|
126
|
+
*/
|
|
127
|
+
readonly sharedEntityIndicator: "dial-kit-shared-entity-indicator";
|
|
128
|
+
/** The root of a `Badge`: the label box, with its icon when it has one. */
|
|
129
|
+
readonly badge: "dial-kit-badge";
|
|
130
|
+
/** The root of an `Avatar`: the image, or the initials box that replaces it. */
|
|
131
|
+
readonly avatar: "dial-kit-avatar";
|
|
132
|
+
/** The root row of an `EntityIdentity`: its icon, type label, name and version. */
|
|
133
|
+
readonly entityIdentity: "dial-kit-entity-identity";
|
|
134
|
+
/** The row of a `Switch`: the control and its label. */
|
|
135
|
+
readonly switch: "dial-kit-switch";
|
|
136
|
+
/** The row of a `Checkbox`: the box and its label. */
|
|
137
|
+
readonly checkbox: "dial-kit-checkbox";
|
|
138
|
+
/** The decorative box a `CheckboxBox` draws, in a checkbox or a menu row. */
|
|
139
|
+
readonly checkboxBox: "dial-kit-checkbox-box";
|
|
140
|
+
/** The row of a `Radio`: the circle and its label. */
|
|
141
|
+
readonly radio: "dial-kit-radio";
|
|
142
|
+
/** The root of a `RadioGroup`, wrapping its label and its radios. */
|
|
143
|
+
readonly radioGroup: "dial-kit-radio-group";
|
|
144
|
+
/**
|
|
145
|
+
* The root of a `RadioGroupPopupField`, wrapping its label and the collapsed
|
|
146
|
+
* field that opens the group.
|
|
147
|
+
*/
|
|
148
|
+
readonly radioGroupPopupField: "dial-kit-radio-group-popup-field";
|
|
149
|
+
/** The `role="radiogroup"` track of a `SegmentedControl`. */
|
|
150
|
+
readonly segmentedControl: "dial-kit-segmented-control";
|
|
151
|
+
/** One segment of a `SegmentedControl`. */
|
|
152
|
+
readonly segmentedControlItem: "dial-kit-segmented-control-item";
|
|
153
|
+
/**
|
|
154
|
+
* The outermost element of a `Tabs`: the box wrapping its heading and tab
|
|
155
|
+
* list — or the `role="tablist"` itself, which is the root when the tabs
|
|
156
|
+
* carry no `sectionLabel`.
|
|
157
|
+
*/
|
|
158
|
+
readonly tabs: "dial-kit-tabs";
|
|
159
|
+
/**
|
|
160
|
+
* The `role="tablist"` holding the tabs, in either orientation. Additive to
|
|
161
|
+
* `tabs` when there is no heading above it, since one element is then both.
|
|
162
|
+
*/
|
|
163
|
+
readonly tabList: "dial-kit-tab-list";
|
|
164
|
+
/**
|
|
165
|
+
* One tab inside `Tabs`, in either orientation. The selected tab of a
|
|
166
|
+
* horizontal row keeps its own `dial-kit-tab-selected-underline`.
|
|
167
|
+
*/
|
|
168
|
+
readonly tab: "dial-kit-tab";
|
|
169
|
+
/**
|
|
170
|
+
* The selected tab, additive to `tab`. A horizontal row draws its selection
|
|
171
|
+
* with `dial-kit-tab-selected-underline`, which carries the gradient rule;
|
|
172
|
+
* this one carries no declarations and marks the selected tab in either
|
|
173
|
+
* orientation.
|
|
174
|
+
*/
|
|
175
|
+
readonly tabSelected: "dial-kit-tab-selected";
|
|
176
|
+
/** The `sectionLabel` heading above a `Tabs`. Absent when there is none. */
|
|
177
|
+
readonly tabsSectionLabel: "dial-kit-tabs-section-label";
|
|
178
|
+
/**
|
|
179
|
+
* The `role="group"` row of a `FilterChips`. Its chips are `Tag` pills, so
|
|
180
|
+
* they carry `dial-kit-tag` and have no entry of their own.
|
|
181
|
+
*/
|
|
182
|
+
readonly filterChips: "dial-kit-filter-chips";
|
|
183
|
+
/** A `Tag` pill, wherever it is rendered — including a `TagInput`'s rows. */
|
|
184
|
+
readonly tag: "dial-kit-tag";
|
|
185
|
+
/**
|
|
186
|
+
* A `ToggleIconButton`, additive to the `dial-kit-base-icon-button` it
|
|
187
|
+
* already carries.
|
|
188
|
+
*/
|
|
189
|
+
readonly toggleIconButton: "dial-kit-toggle-icon-button";
|
|
190
|
+
/** A `CloseButton`, additive to `dial-kit-base-icon-button`. */
|
|
191
|
+
readonly closeButton: "dial-kit-close-button";
|
|
192
|
+
/** An `InfoButton`, additive to `dial-kit-base-icon-button`. */
|
|
193
|
+
readonly infoButton: "dial-kit-info-button";
|
|
194
|
+
/**
|
|
195
|
+
* The wrapper of a `ButtonDropdown` — its trigger carries
|
|
196
|
+
* `dial-kit-base-button`.
|
|
197
|
+
*/
|
|
198
|
+
readonly buttonDropdown: "dial-kit-button-dropdown";
|
|
199
|
+
};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -143,6 +143,7 @@ export type { TimezoneLabelOptions } from './utils/timezone';
|
|
|
143
143
|
export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
|
|
144
144
|
export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
|
|
145
145
|
export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NOT_ALLOWED_SPACES_REGEXP, } from './constants/validation.ts';
|
|
146
|
+
export { DIAL_KIT_CLASS } from './constants/public-class-names';
|
|
146
147
|
export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
|
|
147
148
|
export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
|
|
148
149
|
export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
|
|
@@ -159,7 +160,10 @@ export { Calendar } from './components/New/Calendar/Calendar';
|
|
|
159
160
|
export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
|
|
160
161
|
export { FolderPath } from './components/New/FolderPath/FolderPath';
|
|
161
162
|
export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
|
|
162
|
-
export {
|
|
163
|
+
export { BreadcrumbsSize } from './types/breadcrumbs';
|
|
164
|
+
export { Breadcrumbs } from './components/New/Breadcrumbs/Breadcrumbs';
|
|
165
|
+
export type { BreadcrumbsProps, BreadcrumbsItem, } from './components/New/Breadcrumbs/Breadcrumbs';
|
|
166
|
+
export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, StarterButton, } from './components/New/Button/ButtonWrappers';
|
|
163
167
|
export { DangerIconButton, GhostIconButton, NeutralIconButton, PrimaryIconButton, StaticIconButton, } from './components/New/IconButton/IconButtonWrappers';
|
|
164
168
|
export { Button } from './components/New/Button/Button';
|
|
165
169
|
export { IconButton } from './components/New/IconButton/IconButton';
|
|
@@ -205,6 +209,7 @@ export type { CaptionTextProps } from './components/New/CaptionText/CaptionText'
|
|
|
205
209
|
export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';
|
|
206
210
|
export { Accordion } from './components/New/Accordion/Accordion';
|
|
207
211
|
export type { AccordionProps } from './components/New/Accordion/Accordion';
|
|
212
|
+
export { AccordionCaretPosition } from './types/accordion';
|
|
208
213
|
export { Switch } from './components/New/Switch/Switch';
|
|
209
214
|
export type { SwitchProps } from './components/New/Switch/Switch';
|
|
210
215
|
export { Radio } from './components/New/Radio/Radio';
|
|
@@ -223,8 +228,32 @@ export { SegmentedControl } from './components/New/SegmentedControl/SegmentedCon
|
|
|
223
228
|
export type { SegmentedControlProps, SegmentedControlItem, } from './components/New/SegmentedControl/SegmentedControl';
|
|
224
229
|
export { Tabs } from './components/New/Tabs/Tabs';
|
|
225
230
|
export type { TabsProps, TabItem } from './components/New/Tabs/Tabs';
|
|
231
|
+
export { FilterChips } from './components/New/FilterChips/FilterChips';
|
|
232
|
+
export type { FilterChipsProps, FilterChipItem, } from './components/New/FilterChips/FilterChips';
|
|
226
233
|
export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
|
|
227
234
|
export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
|
|
235
|
+
export { FileIcon } from './components/New/FileIcon/FileIcon';
|
|
236
|
+
export type { FileIconProps } from './components/New/FileIcon/FileIcon';
|
|
237
|
+
export { FileName } from './components/New/FileName/FileName';
|
|
238
|
+
export type { FileNameProps } from './components/New/FileName/FileName';
|
|
239
|
+
export { FolderName } from './components/New/FolderName/FolderName';
|
|
240
|
+
export type { FolderNameProps } from './components/New/FolderName/FolderName';
|
|
241
|
+
export { SharedEntityIndicator } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
|
|
242
|
+
export type { SharedEntityIndicatorProps } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
|
|
243
|
+
export { BottomSheet } from './components/New/BottomSheet/BottomSheet';
|
|
244
|
+
export type { BottomSheetProps } from './components/New/BottomSheet/BottomSheet';
|
|
245
|
+
export { Badge } from './components/New/Badge/Badge';
|
|
246
|
+
export type { BadgeProps } from './components/New/Badge/Badge';
|
|
247
|
+
export { BadgeColor, BadgeVariant } from './types/badge';
|
|
248
|
+
export { Avatar } from './components/New/Avatar/Avatar';
|
|
249
|
+
export type { AvatarProps } from './components/New/Avatar/Avatar';
|
|
250
|
+
export { AvatarShape } from './types/avatar';
|
|
251
|
+
export { extractInitials } from './utils/avatar';
|
|
252
|
+
export { EntityIdentity } from './components/New/EntityIdentity/EntityIdentity';
|
|
253
|
+
export type { EntityIdentityProps, EntityIdentityItem, EntityIdentityLabels, } from './components/New/EntityIdentity/EntityIdentity';
|
|
254
|
+
export { EntityType } from './types/entity-type';
|
|
255
|
+
export { SideDrawer } from './components/New/SideDrawer/SideDrawer';
|
|
256
|
+
export type { SideDrawerProps } from './components/New/SideDrawer/SideDrawer';
|
|
228
257
|
export { Tag } from './components/New/Tag/Tag';
|
|
229
258
|
export type { TagProps } from './components/New/Tag/Tag';
|
|
230
259
|
export { TagAppearance } from './types/tag';
|
|
@@ -255,6 +284,10 @@ export { ConditionalResizableContainer } from './components/New/ResizableContain
|
|
|
255
284
|
export type { ConditionalResizableContainerProps } from './components/New/ResizableContainer/ConditionalResizableContainer';
|
|
256
285
|
export { NoDataContent } from './components/New/NoDataContent/NoDataContent';
|
|
257
286
|
export type { NoDataContentProps } from './components/New/NoDataContent/NoDataContent';
|
|
287
|
+
export { TransferQueue } from './components/New/TransferQueue/TransferQueue';
|
|
288
|
+
export type { TransferQueueItem, TransferQueueLabels, TransferQueueProps, } from './components/New/TransferQueue/TransferQueue';
|
|
289
|
+
export { DEFAULT_TRANSFER_QUEUE_LABELS, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS, } from './components/New/TransferQueue/constants';
|
|
290
|
+
export { TransferQueueItemStatus } from './types/transfer-queue';
|
|
258
291
|
export { Grid, GRID_SELECTION_COLUMN_ID } from './components/New/Grid/Grid';
|
|
259
292
|
export type { GridProps } from './components/New/Grid/Grid';
|
|
260
293
|
export { DateCellRenderer } from './components/New/Grid/renderers/DateCellRenderer';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** How a `Badge` is drawn. */
|
|
2
|
+
export declare enum BadgeVariant {
|
|
3
|
+
/** A neutral label with a border on the sunken layer, for topics and plain categories. */
|
|
4
|
+
Outlined = "outlined",
|
|
5
|
+
/** A pill filled with one of the visual colours, for a label that is told apart by colour. */
|
|
6
|
+
Filled = "filled"
|
|
7
|
+
}
|
|
8
|
+
/** The visual colour of a `BadgeVariant.Filled` badge. */
|
|
9
|
+
export declare enum BadgeColor {
|
|
10
|
+
Blue = "blue",
|
|
11
|
+
Green = "green",
|
|
12
|
+
Violet = "violet",
|
|
13
|
+
Indigo = "indigo",
|
|
14
|
+
Brown = "brown",
|
|
15
|
+
Red = "red"
|
|
16
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare enum BreadcrumbsSize {
|
|
2
|
+
/** 14px `dial-small-text`, with a `dial-small-semi-text` current page. */
|
|
3
|
+
Small = "small",
|
|
4
|
+
/**
|
|
5
|
+
* 18px `dial-h2-text`, for a trail that doubles as the page heading. The
|
|
6
|
+
* token is semibold, so every segment is — including the current page.
|
|
7
|
+
*/
|
|
8
|
+
Heading = "heading"
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** The category of a DIAL catalog entity. It picks the colour of the type label and the featured chip. */
|
|
2
|
+
export declare enum EntityType {
|
|
3
|
+
Model = "model",
|
|
4
|
+
Agent = "agent",
|
|
5
|
+
Toolset = "toolset",
|
|
6
|
+
Skill = "skill",
|
|
7
|
+
/** Reusable text prompt. Carries a body instead of a runtime. */
|
|
8
|
+
Prompt = "prompt"
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Lifecycle status of one item in a `TransferQueue`. */
|
|
2
|
+
export declare enum TransferQueueItemStatus {
|
|
3
|
+
/** Queued or running; the row shows a spinner and, when cancelable, a cancel control. */
|
|
4
|
+
InProgress = "inProgress",
|
|
5
|
+
Success = "success",
|
|
6
|
+
/** Delivered, but not everything the user asked for made it through. */
|
|
7
|
+
Warning = "warning",
|
|
8
|
+
Failed = "failed",
|
|
9
|
+
Canceled = "canceled"
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** A background and text colour pair for an initials avatar, as Tailwind classes. */
|
|
2
|
+
export interface AvatarColorClasses {
|
|
3
|
+
/** Background class, bound to a `--bg-visual-*` token. */
|
|
4
|
+
background: string;
|
|
5
|
+
/** Text class, bound to the matching `--text-visual-*` token. */
|
|
6
|
+
foreground: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const AVATAR_PALETTE: readonly AvatarColorClasses[];
|
|
9
|
+
/** Returns the palette entry for a name; the same name always gets the same colours. */
|
|
10
|
+
export declare const pickAvatarColor: (name: string) => AvatarColorClasses;
|
|
11
|
+
/** Returns 1–2 uppercase initials derived from a display name, or `'?'` when it has no letters. */
|
|
12
|
+
export declare const extractInitials: (name: string) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
export interface SubMenuHoverOptions {
|
|
3
3
|
delay?: number | {
|
|
4
4
|
open?: number;
|
|
@@ -8,7 +8,10 @@ export interface SubMenuHoverOptions {
|
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
10
|
* Shared floating state for right-side submenus.
|
|
11
|
-
* Handles open state, Floating UI positioning
|
|
11
|
+
* Handles open state, Floating UI positioning, hover/dismiss/role interactions,
|
|
12
|
+
* and the menu keyboard pattern: the inline-end arrow, Enter, or Space on the
|
|
13
|
+
* trigger opens the submenu and focuses its first row; ArrowUp/ArrowDown/Home/End
|
|
14
|
+
* move between its rows; the inline-start arrow closes it back to the trigger.
|
|
12
15
|
*/
|
|
13
16
|
export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'listbox', disabled?: boolean, hoverOptions?: SubMenuHoverOptions): {
|
|
14
17
|
isOpen: boolean;
|
|
@@ -38,8 +41,8 @@ export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'lis
|
|
|
38
41
|
refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
|
|
39
42
|
elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
|
|
40
43
|
};
|
|
41
|
-
getReferenceProps: (userProps?:
|
|
42
|
-
getFloatingProps: (userProps?:
|
|
44
|
+
getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
|
|
45
|
+
getFloatingProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
43
46
|
};
|
|
44
47
|
interface SubMenuPanelProps {
|
|
45
48
|
refs: ReturnType<typeof useSubMenuFloating>['refs'];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
var n = /* @__PURE__ */ ((e) => (e.Outlined = "outlined", e.Filled = "filled", e))(n || {}), i = /* @__PURE__ */ ((e) => (e.Blue = "blue", e.Green = "green", e.Violet = "violet", e.Indigo = "indigo", e.Brown = "brown", e.Red = "red", e))(i || {});
|
|
2
|
+
export {
|
|
3
|
+
i as BadgeColor,
|
|
4
|
+
n as BadgeVariant
|
|
5
|
+
};
|
package/dist/types/button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
1
|
+
var e = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Neutral = "neutral", r.Danger = "danger", r.Static = "static", r.Starter = "starter", r.Success = "success", r.Secondary = "secondary", r.Tertiary = "tertiary", r))(e || {}), s = /* @__PURE__ */ ((r) => (r.Solid = "solid", r.Outlined = "outlined", r.Ghost = "ghost", r.Link = "link", r))(s || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
s as ButtonAppearance,
|
|
4
|
+
e as ButtonVariant
|
|
5
5
|
};
|