@epam/ai-dial-ui-kit 0.13.0 → 0.14.0-dev.11
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 +7 -1
- package/dist/CHANGELOG.md +56 -1
- package/dist/{JsonEditor-BSP5Z3Xw.js → JsonEditor-B-EMx5BY.js} +1 -1
- package/dist/{JsonEditor-CcU9RmZg.cjs → JsonEditor-BAWk7XXc.cjs} +1 -1
- package/dist/{MarkdownEditor-DF_jStOx.cjs → MarkdownEditor-B4VOwIVY.cjs} +1 -1
- package/dist/{MarkdownEditor-DjKuq5lz.js → MarkdownEditor-BJnJ74CN.js} +1 -1
- package/dist/{MarkdownEditor-9XU06KHN.cjs → MarkdownEditor-BkkQlx9o.cjs} +1 -1
- package/dist/{MarkdownEditor-ClquLQAD.js → MarkdownEditor-DPlMgApq.js} +1 -1
- package/dist/components-manifest.json +1434 -206
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +214 -194
- package/dist/{index-Hb-5oCTq.js → index-C30-CsGh.js} +14418 -13205
- package/dist/{index-ZeU1Gm87.cjs → index-DL9rE-US.cjs} +31 -31
- package/dist/index.css +2 -2
- package/dist/migration-guides/0.14.0/button-tooltip-2-0.md +111 -0
- package/dist/migration-guides/0.14.0/control-color-token-rename.md +143 -0
- package/dist/migration-guides/0.14.0/focus-border-token-role-naming.md +87 -0
- package/dist/migration-guides/0.14.0/select-multiselect-option-row.md +99 -0
- package/dist/migration-guides/0.14.0/shadow-token-per-step-rename.md +104 -0
- package/dist/migration-guides/0.14.0/tag-single-size.md +121 -0
- package/dist/migration-guides/README.md +6 -0
- package/dist/src/components/Analytics/Card/Card.d.ts +2 -1
- package/dist/src/components/Analytics/Histogram/Histogram.d.ts +6 -4
- package/dist/src/components/Analytics/Histogram/utils.d.ts +10 -0
- package/dist/src/components/New/Button/Button.d.ts +4 -3
- package/dist/src/components/New/Calendar/constants.d.ts +5 -5
- package/dist/src/components/New/Checkbox/Checkbox.d.ts +50 -0
- package/dist/src/components/New/Checkbox/CheckboxBox.d.ts +30 -0
- package/dist/src/components/New/Checkbox/constants.d.ts +10 -0
- package/dist/src/components/New/CollapsibleSidebar/CollapsibleSidebar.d.ts +82 -0
- package/dist/src/components/New/Dropdown/constants.d.ts +3 -1
- package/dist/src/components/New/EllipsisTooltip/EllipsisTooltip.d.ts +51 -0
- package/dist/src/components/New/EllipsisTooltip/use-truncation.d.ts +21 -0
- package/dist/src/components/New/Highlight/Highlight.d.ts +1 -1
- package/dist/src/components/New/IconButton/IconButton.d.ts +4 -4
- package/dist/src/components/New/Input/Button/constants.d.ts +1 -1
- package/dist/src/components/New/Label/Label.d.ts +5 -0
- package/dist/src/components/New/Notification/Notification.d.ts +7 -0
- package/dist/src/components/New/Notification/NotificationWrapper.d.ts +2 -0
- package/dist/src/components/New/Popup/Popup.d.ts +48 -9
- package/dist/src/components/New/Popup/constants.d.ts +7 -0
- package/dist/src/components/New/Radio/Radio.d.ts +48 -0
- package/dist/src/components/New/RadioGroup/RadioGroup.d.ts +78 -0
- package/dist/src/components/New/RadioGroup/constants.d.ts +11 -0
- package/dist/src/components/New/RadioGroupPopupField/RadioGroupPopupField.d.ts +93 -0
- package/dist/src/components/New/RadioGroupPopupField/constants.d.ts +22 -0
- package/dist/src/components/New/ResizableContainer/ConditionalResizableContainer.d.ts +34 -0
- package/dist/src/components/New/ResizableContainer/ResizableContainer.d.ts +76 -0
- package/dist/src/components/New/ResizableContainer/components/ResizeHandle.d.ts +21 -0
- package/dist/src/components/New/SegmentedControl/SegmentedControl.d.ts +54 -0
- package/dist/src/components/New/SegmentedControl/constants.d.ts +16 -0
- package/dist/src/components/New/Select/constants.d.ts +2 -2
- package/dist/src/components/New/Slider/Slider.d.ts +70 -0
- package/dist/src/components/New/Tag/Tag.d.ts +26 -4
- package/dist/src/components/New/Tag/constants.d.ts +23 -0
- package/dist/src/components/New/ToggleIconButton/ToggleIconButton.d.ts +47 -0
- package/dist/src/components/New/Tooltip/Tooltip.d.ts +43 -0
- package/dist/src/components/New/Tooltip/TooltipContainer.d.ts +32 -0
- package/dist/src/components/New/Tooltip/TooltipContent.d.ts +18 -0
- package/dist/src/components/New/Tooltip/TooltipContext.d.ts +115 -0
- package/dist/src/components/New/Tooltip/TooltipTrigger.d.ts +18 -0
- package/dist/src/components/New/Tooltip/constants.d.ts +30 -0
- package/dist/src/components/New/constants/overlay.d.ts +12 -3
- package/dist/src/index.d.ts +34 -1
- package/dist/src/models/dropdown.d.ts +10 -0
- package/dist/src/types/notification.d.ts +2 -1
- package/dist/src/types/tag.d.ts +4 -0
- package/dist/src/types/tooltip.d.ts +6 -0
- package/package.json +1 -1
|
@@ -17,8 +17,17 @@ export declare const overlaySubMenuClassName: string;
|
|
|
17
17
|
* reached by keyboard, and the 1.0 versions suppressed the ring outright.
|
|
18
18
|
*/
|
|
19
19
|
export declare const overlayItemClassName: string;
|
|
20
|
-
/**
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
/**
|
|
21
|
+
* Tint marking the row that is currently selected, at rest: the faint step of
|
|
22
|
+
* the accent-alpha ramp, so hovering a selected row still has somewhere to go.
|
|
23
|
+
*/
|
|
24
|
+
export declare const overlayItemSelectedClassName = "bg-control-accent-alpha";
|
|
25
|
+
/**
|
|
26
|
+
* A row that cannot be chosen. `overlayItemClassName` tints every row on hover
|
|
27
|
+
* and a selected row carries a tint at rest, so both have to be turned off
|
|
28
|
+
* again here — `mergeClasses` is tailwind-merge, so these later declarations
|
|
29
|
+
* win as long as the disabled classes are merged after the selected ones.
|
|
30
|
+
*/
|
|
31
|
+
export declare const overlayItemDisabledClassName: string;
|
|
23
32
|
/** Distance between the trigger and its panel, and between nested panels. */
|
|
24
33
|
export declare const overlayGap = 4;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -150,7 +150,7 @@ export { Notification } from './components/New/Notification/Notification';
|
|
|
150
150
|
export { Highlight } from './components/New/Highlight/Highlight';
|
|
151
151
|
export { CardShell } from './components/New/CardShell/CardShell';
|
|
152
152
|
export type { CardShellProps } from './components/New/CardShell/CardShell';
|
|
153
|
-
export { ErrorMessageNotification, ErrorToastNotification, InfoMessageNotification, InfoToastNotification, LoadingMessageNotification, LoadingToastNotification, SuccessMessageNotification, SuccessToastNotification, WarningMessageNotification, WarningToastNotification, } from './components/New/Notification/NotificationWrapper';
|
|
153
|
+
export { ErrorMessageNotification, ErrorToastNotification, GeneralMessageNotification, GeneralToastNotification, InfoMessageNotification, InfoToastNotification, LoadingMessageNotification, LoadingToastNotification, SuccessMessageNotification, SuccessToastNotification, WarningMessageNotification, WarningToastNotification, } from './components/New/Notification/NotificationWrapper';
|
|
154
154
|
export { CalendarMode } from './types/calendar.ts';
|
|
155
155
|
export { Calendar } from './components/New/Calendar/Calendar';
|
|
156
156
|
export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
|
|
@@ -200,14 +200,47 @@ export { Accordion } from './components/New/Accordion/Accordion';
|
|
|
200
200
|
export type { AccordionProps } from './components/New/Accordion/Accordion';
|
|
201
201
|
export { Switch } from './components/New/Switch/Switch';
|
|
202
202
|
export type { SwitchProps } from './components/New/Switch/Switch';
|
|
203
|
+
export { Radio } from './components/New/Radio/Radio';
|
|
204
|
+
export type { RadioProps } from './components/New/Radio/Radio';
|
|
205
|
+
export { RadioGroup } from './components/New/RadioGroup/RadioGroup';
|
|
206
|
+
export type { RadioGroupProps, RadioGroupItem, } from './components/New/RadioGroup/RadioGroup';
|
|
207
|
+
export { RadioGroupPopupField } from './components/New/RadioGroupPopupField/RadioGroupPopupField';
|
|
208
|
+
export type { RadioGroupPopupFieldProps } from './components/New/RadioGroupPopupField/RadioGroupPopupField';
|
|
209
|
+
export { Checkbox } from './components/New/Checkbox/Checkbox';
|
|
210
|
+
export type { CheckboxProps } from './components/New/Checkbox/Checkbox';
|
|
211
|
+
export { CheckboxBox } from './components/New/Checkbox/CheckboxBox';
|
|
212
|
+
export type { CheckboxBoxProps } from './components/New/Checkbox/CheckboxBox';
|
|
213
|
+
export { ToggleIconButton } from './components/New/ToggleIconButton/ToggleIconButton';
|
|
214
|
+
export type { ToggleIconButtonProps } from './components/New/ToggleIconButton/ToggleIconButton';
|
|
215
|
+
export { SegmentedControl } from './components/New/SegmentedControl/SegmentedControl';
|
|
216
|
+
export type { SegmentedControlProps, SegmentedControlItem, } from './components/New/SegmentedControl/SegmentedControl';
|
|
203
217
|
export { Tabs } from './components/New/Tabs/Tabs';
|
|
204
218
|
export type { TabsProps, TabItem } from './components/New/Tabs/Tabs';
|
|
205
219
|
export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
|
|
206
220
|
export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
|
|
207
221
|
export { Tag } from './components/New/Tag/Tag';
|
|
208
222
|
export type { TagProps } from './components/New/Tag/Tag';
|
|
223
|
+
export { TagAppearance } from './types/tag';
|
|
209
224
|
export { TagInput } from './components/New/TagInput/TagInput';
|
|
210
225
|
export type { TagInputProps } from './components/New/TagInput/TagInput';
|
|
211
226
|
export { Search } from './components/New/Search/Search';
|
|
212
227
|
export type { SearchProps } from './components/New/Search/Search';
|
|
213
228
|
export { matchesAccept } from './utils/file-accept';
|
|
229
|
+
export { Slider } from './components/New/Slider/Slider';
|
|
230
|
+
export type { SliderProps } from './components/New/Slider/Slider';
|
|
231
|
+
export { Tooltip } from './components/New/Tooltip/Tooltip';
|
|
232
|
+
export type { TooltipProps } from './components/New/Tooltip/Tooltip';
|
|
233
|
+
export { TooltipContainer } from './components/New/Tooltip/TooltipContainer';
|
|
234
|
+
export { TooltipContent } from './components/New/Tooltip/TooltipContent';
|
|
235
|
+
export type { TooltipContentProps } from './components/New/Tooltip/TooltipContent';
|
|
236
|
+
export { TooltipTrigger } from './components/New/Tooltip/TooltipTrigger';
|
|
237
|
+
export type { TooltipContainerOptions } from './components/New/Tooltip/TooltipContext';
|
|
238
|
+
export { TooltipPlacement } from './types/tooltip.ts';
|
|
239
|
+
export { EllipsisTooltip } from './components/New/EllipsisTooltip/EllipsisTooltip';
|
|
240
|
+
export type { EllipsisTooltipProps } from './components/New/EllipsisTooltip/EllipsisTooltip';
|
|
241
|
+
export { CollapsibleSidebar } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
|
|
242
|
+
export type { CollapsibleSidebarProps } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
|
|
243
|
+
export { ResizableContainer } from './components/New/ResizableContainer/ResizableContainer';
|
|
244
|
+
export type { ResizableContainerProps } from './components/New/ResizableContainer/ResizableContainer';
|
|
245
|
+
export { ConditionalResizableContainer } from './components/New/ResizableContainer/ConditionalResizableContainer';
|
|
246
|
+
export type { ConditionalResizableContainerProps } from './components/New/ResizableContainer/ConditionalResizableContainer';
|
|
@@ -15,6 +15,16 @@ export interface DropdownItem {
|
|
|
15
15
|
icon?: ReactNode;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
danger?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Renders the item as a multiselect row: a checkbox box before the label, the
|
|
20
|
+
* accent tint while checked, and a click that leaves the menu open. The row is
|
|
21
|
+
* a `menuitemcheckbox` whose state lives on `aria-checked`; the box itself is
|
|
22
|
+
* decorative. Keep `checked` in your own state and update it from the item's
|
|
23
|
+
* `onClick` (or the dropdown's `onItemClick`).
|
|
24
|
+
*/
|
|
25
|
+
selectable?: boolean;
|
|
26
|
+
/** Whether a `selectable` item is currently checked. */
|
|
27
|
+
checked?: boolean;
|
|
18
28
|
type?: DropdownItemType;
|
|
19
29
|
className?: string;
|
|
20
30
|
onClick?: (info: {
|