@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.
Files changed (69) hide show
  1. package/README.md +7 -1
  2. package/dist/CHANGELOG.md +56 -1
  3. package/dist/{JsonEditor-BSP5Z3Xw.js → JsonEditor-B-EMx5BY.js} +1 -1
  4. package/dist/{JsonEditor-CcU9RmZg.cjs → JsonEditor-BAWk7XXc.cjs} +1 -1
  5. package/dist/{MarkdownEditor-DF_jStOx.cjs → MarkdownEditor-B4VOwIVY.cjs} +1 -1
  6. package/dist/{MarkdownEditor-DjKuq5lz.js → MarkdownEditor-BJnJ74CN.js} +1 -1
  7. package/dist/{MarkdownEditor-9XU06KHN.cjs → MarkdownEditor-BkkQlx9o.cjs} +1 -1
  8. package/dist/{MarkdownEditor-ClquLQAD.js → MarkdownEditor-DPlMgApq.js} +1 -1
  9. package/dist/components-manifest.json +1434 -206
  10. package/dist/dial-ui-kit.cjs.js +1 -1
  11. package/dist/dial-ui-kit.es.js +214 -194
  12. package/dist/{index-Hb-5oCTq.js → index-C30-CsGh.js} +14418 -13205
  13. package/dist/{index-ZeU1Gm87.cjs → index-DL9rE-US.cjs} +31 -31
  14. package/dist/index.css +2 -2
  15. package/dist/migration-guides/0.14.0/button-tooltip-2-0.md +111 -0
  16. package/dist/migration-guides/0.14.0/control-color-token-rename.md +143 -0
  17. package/dist/migration-guides/0.14.0/focus-border-token-role-naming.md +87 -0
  18. package/dist/migration-guides/0.14.0/select-multiselect-option-row.md +99 -0
  19. package/dist/migration-guides/0.14.0/shadow-token-per-step-rename.md +104 -0
  20. package/dist/migration-guides/0.14.0/tag-single-size.md +121 -0
  21. package/dist/migration-guides/README.md +6 -0
  22. package/dist/src/components/Analytics/Card/Card.d.ts +2 -1
  23. package/dist/src/components/Analytics/Histogram/Histogram.d.ts +6 -4
  24. package/dist/src/components/Analytics/Histogram/utils.d.ts +10 -0
  25. package/dist/src/components/New/Button/Button.d.ts +4 -3
  26. package/dist/src/components/New/Calendar/constants.d.ts +5 -5
  27. package/dist/src/components/New/Checkbox/Checkbox.d.ts +50 -0
  28. package/dist/src/components/New/Checkbox/CheckboxBox.d.ts +30 -0
  29. package/dist/src/components/New/Checkbox/constants.d.ts +10 -0
  30. package/dist/src/components/New/CollapsibleSidebar/CollapsibleSidebar.d.ts +82 -0
  31. package/dist/src/components/New/Dropdown/constants.d.ts +3 -1
  32. package/dist/src/components/New/EllipsisTooltip/EllipsisTooltip.d.ts +51 -0
  33. package/dist/src/components/New/EllipsisTooltip/use-truncation.d.ts +21 -0
  34. package/dist/src/components/New/Highlight/Highlight.d.ts +1 -1
  35. package/dist/src/components/New/IconButton/IconButton.d.ts +4 -4
  36. package/dist/src/components/New/Input/Button/constants.d.ts +1 -1
  37. package/dist/src/components/New/Label/Label.d.ts +5 -0
  38. package/dist/src/components/New/Notification/Notification.d.ts +7 -0
  39. package/dist/src/components/New/Notification/NotificationWrapper.d.ts +2 -0
  40. package/dist/src/components/New/Popup/Popup.d.ts +48 -9
  41. package/dist/src/components/New/Popup/constants.d.ts +7 -0
  42. package/dist/src/components/New/Radio/Radio.d.ts +48 -0
  43. package/dist/src/components/New/RadioGroup/RadioGroup.d.ts +78 -0
  44. package/dist/src/components/New/RadioGroup/constants.d.ts +11 -0
  45. package/dist/src/components/New/RadioGroupPopupField/RadioGroupPopupField.d.ts +93 -0
  46. package/dist/src/components/New/RadioGroupPopupField/constants.d.ts +22 -0
  47. package/dist/src/components/New/ResizableContainer/ConditionalResizableContainer.d.ts +34 -0
  48. package/dist/src/components/New/ResizableContainer/ResizableContainer.d.ts +76 -0
  49. package/dist/src/components/New/ResizableContainer/components/ResizeHandle.d.ts +21 -0
  50. package/dist/src/components/New/SegmentedControl/SegmentedControl.d.ts +54 -0
  51. package/dist/src/components/New/SegmentedControl/constants.d.ts +16 -0
  52. package/dist/src/components/New/Select/constants.d.ts +2 -2
  53. package/dist/src/components/New/Slider/Slider.d.ts +70 -0
  54. package/dist/src/components/New/Tag/Tag.d.ts +26 -4
  55. package/dist/src/components/New/Tag/constants.d.ts +23 -0
  56. package/dist/src/components/New/ToggleIconButton/ToggleIconButton.d.ts +47 -0
  57. package/dist/src/components/New/Tooltip/Tooltip.d.ts +43 -0
  58. package/dist/src/components/New/Tooltip/TooltipContainer.d.ts +32 -0
  59. package/dist/src/components/New/Tooltip/TooltipContent.d.ts +18 -0
  60. package/dist/src/components/New/Tooltip/TooltipContext.d.ts +115 -0
  61. package/dist/src/components/New/Tooltip/TooltipTrigger.d.ts +18 -0
  62. package/dist/src/components/New/Tooltip/constants.d.ts +30 -0
  63. package/dist/src/components/New/constants/overlay.d.ts +12 -3
  64. package/dist/src/index.d.ts +34 -1
  65. package/dist/src/models/dropdown.d.ts +10 -0
  66. package/dist/src/types/notification.d.ts +2 -1
  67. package/dist/src/types/tag.d.ts +4 -0
  68. package/dist/src/types/tooltip.d.ts +6 -0
  69. 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
- /** Tint marking the row that is currently selected. */
21
- export declare const overlayItemSelectedClassName = "bg-control-accent-alpha-hover";
22
- export declare const overlayItemDisabledClassName = "opacity-75";
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;
@@ -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: {
@@ -3,7 +3,8 @@ export declare enum NotificationVariant {
3
3
  Success = "success",
4
4
  Warning = "warning",
5
5
  Error = "error",
6
- Loading = "loading"
6
+ Loading = "loading",
7
+ General = "general"
7
8
  }
8
9
  export declare enum NotificationType {
9
10
  Toast = "toast",
@@ -0,0 +1,4 @@
1
+ export declare enum TagAppearance {
2
+ Outlined = "outlined",
3
+ Selectable = "selectable"
4
+ }
@@ -0,0 +1,6 @@
1
+ export declare enum TooltipPlacement {
2
+ Top = "top",
3
+ Right = "right",
4
+ Bottom = "bottom",
5
+ Left = "left"
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-ui-kit",
3
- "version": "0.13.0",
3
+ "version": "0.14.0-dev.11",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "description": "A modern UI kit for building AI DIAL interfaces with React",