@epam/ai-dial-ui-kit 0.16.0-dev.21 → 0.16.0-dev.23
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 +3 -0
- package/dist/{DateCellRenderer-DDEzIi2B.cjs → DateCellRenderer-BmgQYPuv.cjs} +1 -1
- package/dist/components/New/ResizeHandle/ResizeHandle.js +147 -0
- package/dist/components/New/StateScreen/StateScreen.js +61 -0
- package/dist/components-manifest.json +124 -3
- package/dist/constants/public-class-names.js +4 -0
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/dial-ui-kit.js +176 -172
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/src/components/New/ResizeHandle/ResizeHandle.d.ts +68 -0
- package/dist/src/components/New/StateScreen/StateScreen.d.ts +47 -0
- package/dist/src/constants/public-class-names.d.ts +4 -0
- package/dist/src/index.d.ts +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -270,6 +270,7 @@ breaking change and goes through the migration-guide process.
|
|
|
270
270
|
| `skeleton` | `dial-kit-skeleton` | The root of a `Skeleton` |
|
|
271
271
|
| `notification` | `dial-kit-notification` | The `Notification` surface, including every toast and section-message wrapper |
|
|
272
272
|
| `noDataContent` | `dial-kit-no-data-content` | The empty-state root of `NoDataContent` |
|
|
273
|
+
| `stateScreen` | `dial-kit-state-screen` | The `section` root of a `StateScreen` |
|
|
273
274
|
| `transferQueue` | `dial-kit-transfer-queue` | The `role="status"` panel of a `TransferQueue`: header, rows and aggregate bar |
|
|
274
275
|
|
|
275
276
|
#### Text
|
|
@@ -288,6 +289,7 @@ breaking change and goes through the migration-guide process.
|
|
|
288
289
|
| `cardShell` | `dial-kit-card-shell` | The `article` element of a `CardShell` |
|
|
289
290
|
| `collapsibleSidebar` | `dial-kit-collapsible-sidebar` | The `aside` element of a `CollapsibleSidebar` |
|
|
290
291
|
| `resizableContainer` | `dial-kit-resizable-container` | The content box inside a `ResizableContainer`'s resize frame |
|
|
292
|
+
| `resizeHandle` | `dial-kit-resize-handle` | The `role="separator"` element of a `ResizeHandle` |
|
|
291
293
|
| `popup` | `dial-kit-popup` | The `role="dialog"` panel of a `Popup` |
|
|
292
294
|
| `bottomSheet` | `dial-kit-bottom-sheet` | The `role="dialog"` panel of a `BottomSheet` |
|
|
293
295
|
| `bottomSheetOverlay` | `dial-kit-bottom-sheet-overlay` | The backdrop of a `BottomSheet`, which holds the panel |
|
|
@@ -428,6 +430,7 @@ not AAA:
|
|
|
428
430
|
| `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
431
|
| `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
432
|
| `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 |
|
|
433
|
+
| `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
434
|
| `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
435
|
|
|
433
436
|
Give small-variant controls at least 20px of surrounding space if you need to reach
|