@epam/ai-dial-ui-kit 0.16.0-dev.21 → 0.16.0-dev.22
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 +2 -0
- package/dist/{DateCellRenderer-DDEzIi2B.cjs → DateCellRenderer-BEZLnOm0.cjs} +1 -1
- package/dist/JsonEditor-eAV7SaKu.cjs +1 -0
- package/dist/{MarkdownEditor-BKtFs714.cjs → MarkdownEditor-Cp-KX6-T.cjs} +1 -1
- package/dist/{MarkdownEditor-Bapd1ycU.cjs → MarkdownEditor-Dav_pp0T.cjs} +1 -1
- package/dist/MarkdownEditorContainer-D8YTX8EM.cjs +1 -0
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +18 -16
- package/dist/components/New/ResizeHandle/ResizeHandle.js +147 -0
- package/dist/components-manifest.json +70 -3
- package/dist/constants/public-class-names.js +2 -0
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/dial-ui-kit.js +174 -172
- package/dist/editor-BH6_A1k2.cjs +1 -0
- package/dist/editors.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/lazy-DMVYJhUR.cjs +1 -0
- package/dist/src/components/New/ResizeHandle/ResizeHandle.d.ts +68 -0
- package/dist/src/constants/public-class-names.d.ts +2 -0
- package/dist/src/index.d.ts +2 -0
- package/package.json +1 -1
- package/dist/JsonEditor-Bxui5wJH.cjs +0 -1
- package/dist/MarkdownEditorContainer-DLPODjar.cjs +0 -1
- package/dist/lazy-_W6FYhKg.cjs +0 -1
package/README.md
CHANGED
|
@@ -288,6 +288,7 @@ breaking change and goes through the migration-guide process.
|
|
|
288
288
|
| `cardShell` | `dial-kit-card-shell` | The `article` element of a `CardShell` |
|
|
289
289
|
| `collapsibleSidebar` | `dial-kit-collapsible-sidebar` | The `aside` element of a `CollapsibleSidebar` |
|
|
290
290
|
| `resizableContainer` | `dial-kit-resizable-container` | The content box inside a `ResizableContainer`'s resize frame |
|
|
291
|
+
| `resizeHandle` | `dial-kit-resize-handle` | The `role="separator"` element of a `ResizeHandle` |
|
|
291
292
|
| `popup` | `dial-kit-popup` | The `role="dialog"` panel of a `Popup` |
|
|
292
293
|
| `bottomSheet` | `dial-kit-bottom-sheet` | The `role="dialog"` panel of a `BottomSheet` |
|
|
293
294
|
| `bottomSheetOverlay` | `dial-kit-bottom-sheet-overlay` | The backdrop of a `BottomSheet`, which holds the panel |
|
|
@@ -428,6 +429,7 @@ not AAA:
|
|
|
428
429
|
| `Breadcrumbs` segment link | content | Exempt under the 2.5.5 *Inline* exception — a segment is a text link in a line of text, and expanding it would overlap the segments beside it |
|
|
429
430
|
| `Breadcrumbs` overflow button | 16×16 rendered | Reaches 24×24 through `dial-kit-minimum-target`; a 44px target would overhang 14px per side and swallow the segments on either side of it in an inline trail |
|
|
430
431
|
| `SegmentedControl` segment | 32px tall | Sits 4px from its neighbours inside a 40px track, so a 44px target would overhang 6px per side and swallow the adjacent segments; the segment is already wider than 24px on both axes |
|
|
432
|
+
| `ResizeHandle` | 8px wide pointer strip | The handle has to sit exactly on the panel boundary, so a 44px-wide strip would swallow content on both sides of it — essential to the control. It is a focusable `separator`, so the resize is also available from the keyboard with the arrow keys |
|
|
431
433
|
| `ResizableContainer` resize handle | 10px wide pointer strip | The handle has to sit exactly on the panel boundary, so a 44px-wide strip would swallow content on both sides of it — essential to the control. It is a focusable `separator`, so the resize is also available from the keyboard with the arrow keys |
|
|
432
434
|
|
|
433
435
|
Give small-variant controls at least 20px of surrounding space if you need to reach
|