@epam/ai-dial-ui-kit 0.13.0-dev.34 → 0.13.0-dev.37
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 +37 -0
- package/dist/CHANGELOG.md +21 -1
- package/dist/{JsonEditor-DdNxUgcf.cjs → JsonEditor-Db5mSptr.cjs} +1 -1
- package/dist/{JsonEditor-BkVeQNLg.js → JsonEditor-fs-5UieL.js} +1 -1
- package/dist/{MarkdownEditor-CKfTTCg3.js → MarkdownEditor-BhSYImYi.js} +1 -1
- package/dist/{MarkdownEditor-CJ3YSINd.cjs → MarkdownEditor-DKZSQLLx.cjs} +1 -1
- package/dist/components-manifest.json +23 -38
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +81 -79
- package/dist/{index-Dx1pHK74.js → index-B46o0BgF.js} +7586 -7443
- package/dist/{index-BqbQc37b.cjs → index-CMnjEPWR.cjs} +30 -30
- package/dist/index.css +2 -2
- package/dist/migration-guides/0.13.0/focus-border-token-rename.md +106 -0
- package/dist/migration-guides/0.13.0/spinner-dial-prefix-removal.md +69 -0
- package/dist/migration-guides/README.md +2 -0
- package/dist/src/components/FabButton/FabButton.d.ts +4 -0
- package/dist/src/components/IconButton/IconButton.d.ts +4 -0
- package/dist/src/components/New/Button/Button.d.ts +5 -0
- package/dist/src/components/New/ButtonDropdown/constants.d.ts +1 -2
- package/dist/src/components/New/Calendar/constants.d.ts +2 -2
- package/dist/src/components/New/Calendar/utils.d.ts +10 -0
- package/dist/src/components/New/Calendar/utils.spec.d.ts +1 -0
- package/dist/src/components/New/CaptionText/CaptionText.d.ts +20 -0
- package/dist/src/components/New/FolderPath/FolderPath.d.ts +4 -0
- package/dist/src/components/New/IconButton/IconButton.d.ts +4 -0
- package/dist/src/components/New/InfoButton/InfoButton.d.ts +25 -0
- package/dist/src/components/New/InfoButton/InfoButton.stories.d.ts +11 -0
- package/dist/src/components/New/InlineSelect/InlineSelect.d.ts +5 -0
- package/dist/src/components/New/Input/Button/InputButton.d.ts +25 -0
- package/dist/src/components/New/Input/Button/constants.d.ts +1 -0
- package/dist/src/components/New/Input/Input.d.ts +51 -0
- package/dist/src/components/New/Input/utils.d.ts +2 -0
- package/dist/src/components/New/Label/Label.d.ts +32 -0
- package/dist/src/components/New/Notification/Notification.d.ts +6 -0
- package/dist/src/components/New/Notification/constants.d.ts +11 -0
- package/dist/src/components/New/Textarea/Textarea.d.ts +38 -0
- package/dist/src/components/SchemaRenderer/types.d.ts +5 -1
- package/dist/src/components/SchemaRenderer/utils.d.ts +1 -0
- package/dist/src/components/Spinner/Spinner.d.ts +2 -2
- package/dist/src/index.d.ts +6 -2
- package/dist/src/utils/__tests__/accessible-name.spec.d.ts +1 -0
- package/dist/src/utils/accessible-name.d.ts +19 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,6 +26,9 @@ The AI DIAL UI Kit is an production-ready React component library designed to st
|
|
|
26
26
|
- [Development Setup](#development-setup)
|
|
27
27
|
- [Project Structure](#project-structure)
|
|
28
28
|
- [🎨 Theming & Customization](#-theming--customization)
|
|
29
|
+
- [♿ Accessibility](#-accessibility)
|
|
30
|
+
- [Naming icon-only controls](#naming-icon-only-controls)
|
|
31
|
+
- [Target size (WCAG 2.5.5, Level AAA)](#target-size-wcag-255-level-aaa)
|
|
29
32
|
- [📖 Storybook](#-storybook)
|
|
30
33
|
- [Development Mode](#development-mode)
|
|
31
34
|
- [Production Build](#production-build)
|
|
@@ -170,6 +173,40 @@ The library uses CSS custom properties for comprehensive theming. Override these
|
|
|
170
173
|
|
|
171
174
|
Full list of variables is available [here](tailwind.config.js)
|
|
172
175
|
|
|
176
|
+
## ♿ Accessibility
|
|
177
|
+
|
|
178
|
+
### Naming icon-only controls
|
|
179
|
+
|
|
180
|
+
`DialFabButton`, `DialIconButton`, and `IconButton` render no text, so they need an
|
|
181
|
+
explicit accessible name. Pass `aria-label`; if you pass only a string
|
|
182
|
+
`tooltipProps.tooltip`, it is used as the label instead. Do not rely on the tooltip
|
|
183
|
+
alone to convey the name — a tooltip's `aria-describedby` lands on a wrapper element
|
|
184
|
+
rather than on the control, and tooltips are suppressed entirely on mobile.
|
|
185
|
+
|
|
186
|
+
`InfoButton` names itself from `caption` for the same reason. Pass a short
|
|
187
|
+
`aria-label` when the caption is a full sentence, so the name stays scannable.
|
|
188
|
+
|
|
189
|
+
### Target size (WCAG 2.5.5, Level AAA)
|
|
190
|
+
|
|
191
|
+
Standard-size buttons render at 40×40 but expose a **44×44 pointer target** via the
|
|
192
|
+
`dial-kit-enhanced-target` utility, which grows the target with a transparent
|
|
193
|
+
pseudo-element. The visible control is unchanged, so layouts keep their existing
|
|
194
|
+
metrics. WCAG 2.5.5 measures the region that accepts a pointer action, not the
|
|
195
|
+
visible decoration.
|
|
196
|
+
|
|
197
|
+
These controls are **documented exceptions** and meet Level AA (2.5.8, 24×24) but
|
|
198
|
+
not AAA:
|
|
199
|
+
|
|
200
|
+
| Control | Size | Why it is excluded |
|
|
201
|
+
| --- | --- | --- |
|
|
202
|
+
| `ElementSize.Small` variants | 24×24 | A 44px target overhangs 10px per side and would overlap adjacent controls in dense toolbars |
|
|
203
|
+
| `ButtonAppearance.Link` | content | Exempt under the 2.5.5 *Inline* exception; expanding it would overlap surrounding copy |
|
|
204
|
+
| `DialCloseButton` | icon-sized | Renders `h-auto w-auto`, so its target follows the caller's icon size |
|
|
205
|
+
| `DialInfoButton`, `InfoButton` | 24×24 | Fixed small affordance, same overlap constraint as small variants |
|
|
206
|
+
|
|
207
|
+
Give small-variant controls at least 20px of surrounding space if you need to reach
|
|
208
|
+
AAA in a specific layout, or use the standard size instead.
|
|
209
|
+
|
|
173
210
|
## 📖 Storybook
|
|
174
211
|
|
|
175
212
|
Storybook is a handy library for documenting and developing of UI components.
|
package/dist/CHANGELOG.md
CHANGED
|
@@ -9,7 +9,27 @@ Versions match the git tags on the `development` branch.
|
|
|
9
9
|
|
|
10
10
|
## [Unreleased]
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
### Breaking Changes
|
|
13
|
+
|
|
14
|
+
- **`DialSpinner` → `Spinner`** — the spinner is exported as `Spinner` (and `DialSpinnerProps` as `SpinnerProps`), dropping the `Dial*` prefix in line with the 2.0 component naming. Props and behaviour are unchanged; only the import name moves.
|
|
15
|
+
See [migration guide](migration-guides/0.13.0/spinner-dial-prefix-removal.md).
|
|
16
|
+
- **Border token `focus` → `focus-black`** — the token behind `border-focus` / `outline-focus` was named for its state rather than its value, which left no room for the sibling `focus-blue` token. It is now `focus-black`, backed by `--stroke-focus-black` instead of `--stroke-focus`. The colour is unchanged (`#161B2D`).
|
|
17
|
+
See [migration guide](migration-guides/0.13.0/focus-border-token-rename.md).
|
|
18
|
+
- **`Notification` (2.0) — live-region role now follows the variant** — the container was hardcoded to `role="alert"` for every variant. `role="alert"` is implicitly `aria-live="assertive"` and interrupts the screen reader, which is wrong for routine feedback and for section messages that are static page content. `error` and `warning` keep `role="alert"`; `info`, `success`, and `loading` now use the polite `role="status"`. Pass an explicit `role` to override.
|
|
19
|
+
Consumers asserting `getByRole('alert')` on a non-error notification must query `status` instead.
|
|
20
|
+
|
|
21
|
+
### Fixed
|
|
22
|
+
|
|
23
|
+
- **`Notification` (2.0)** — the variant icon is hidden from assistive tech. The `loading` spinner carries its own `role="status"`, so it previously formed a live region nested inside the notification's, announcing the content twice.
|
|
24
|
+
- **`FolderPath`** — the `<nav>` landmark is named "Folder path" instead of inheriting `DialBreadcrumb`'s "Breadcrumb" default, which misdescribed a path with no navigable segments. Added an `ariaLabel` prop to override. Decorative folder and separator icons are now `aria-hidden`.
|
|
25
|
+
- **`InlineSelect`** — the trigger now exposes `aria-expanded`, so screen readers can tell whether the dropdown is open, and accepts an `ariaLabel` prop naming the control (previously it announced only its current value).
|
|
26
|
+
- **`ButtonDropdown` (2.0)** — the trigger button now carries `aria-haspopup` and `aria-expanded` itself. `DialDropdown` sets them on a non-focusable wrapper `<span>`, so assistive tech never reached them.
|
|
27
|
+
- **`Calendar` (2.0)** — day cells are named with their full date (e.g. "Sunday, 15 March 2026") instead of a bare day number; the popover is a named dialog; and the field `label` is associated with the `div[role="button"]` trigger, which `<label htmlFor>` cannot label.
|
|
28
|
+
- **`FabButton`, `DialIconButton`, `IconButton` (2.0)** — an icon-only button with only `tooltipProps` is now named from the tooltip text. A tooltip's `aria-describedby` lands on a wrapper element and is suppressed on mobile, so it never reached assistive tech.
|
|
29
|
+
|
|
30
|
+
### Added
|
|
31
|
+
|
|
32
|
+
- **Enhanced pointer targets** — standard-size buttons expose a 44×44 pointer target (WCAG 2.5.5, Level AAA) via the `dial-kit-enhanced-target` utility, with no change to their rendered size. See the [Accessibility section of the README](README.md#-accessibility) for the documented exceptions.
|
|
13
33
|
|
|
14
34
|
---
|
|
15
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CMnjEPWR.cjs"),l=require("@monaco-editor/react"),u={[r.EditorThemes.dark]:{base:"vs-dark",inherit:!1,rules:[{token:"string.key.json",foreground:"#37BABC"},{token:"string.value.json",foreground:"#5C8DEA"},{token:"number",foreground:"#D97C27"},{token:"keyword.json",foreground:"#F4CE46"},{token:"delimiter",foreground:"#EEF1F7"},{token:"delimiter.bracket.json",foreground:"#A972FF"},{token:"delimiter.parenthesis",foreground:"#A972FF"}],colors:{"editor.foreground":"#F76464","editor.background":"#161B2D","editorCursor.foreground":"#EEF1F7","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}},[r.EditorThemes.light]:{base:"vs",inherit:!1,rules:[{token:"string.key.json",foreground:"#009D9F"},{token:"string.value.json",foreground:"#2764D9"},{token:"number",foreground:"#B25500"},{token:"keyword.json",foreground:"#3F3D25"},{token:"delimiter",foreground:"#161B2D"},{token:"delimiter.bracket.json",foreground:"#7E39EC"},{token:"delimiter.parenthesis",foreground:"#7E39EC"}],colors:{"editor.foreground":"#AE2F2F","editor.background":"#EEF1F7","editorCursor.foreground":"#161B2D","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}}},c=({value:n,onChange:t,onValidateJSON:i,options:s,currentTheme:e,themesConfig:d=u})=>{function a(o){o?.editor?.defineTheme(e,d[e]),o.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}return r.jsxRuntimeExports.jsx(l.Editor,{beforeMount:a,height:"100%",defaultLanguage:"json",value:n,onChange:t,theme:e,onValidate:i,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...s??{}}})};exports.DialJsonEditor=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CMnjEPWR.cjs"),c=require("@uiw/react-md-editor"),x=({value:t,onChange:s,height:r=300,preview:i="edit",theme:n=e.EditorThemes.dark,className:a,placeholder:o})=>{const d=o!==void 0&&!t;return e.jsxRuntimeExports.jsxs("div",{"data-color-mode":n,className:e.mergeClasses("relative",a),children:[e.jsxRuntimeExports.jsx(c,{value:t,onChange:l=>s?.(l||""),height:r,preview:i}),d&&e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:o})]})};exports.DialMarkdownEditor=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.13.0-dev.
|
|
3
|
-
"generatedAt": "2026-08-
|
|
2
|
+
"version": "0.13.0-dev.37",
|
|
3
|
+
"generatedAt": "2026-08-07T08:47:46.720Z",
|
|
4
4
|
"kit": {
|
|
5
5
|
"name": "@epam/ai-dial-ui-kit",
|
|
6
6
|
"description": "A modern UI kit for building AI DIAL interfaces with React",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
},
|
|
21
21
|
"setupNotes": "## Next.js Integration\n1. Install the package and peer dependencies that are not currently in your project\n``` bash\nnpm install @epam/ai-dial-ui-kit\nnpm install react react-dom @tabler/icons-react classnames\nnpm install @floating-ui/react monaco-editor @monaco-editor/react\n```\n\n2. Import style in the root layout of the project:\n\n```tsx\n// app/layout.tsx\nimport \"@epam/ai-dial-ui-kit/styles.css\";\n```\n\n3. Usage example\n\n```tsx\n// app/page.tsx\n\"use client\";\nimport { DialPrimaryButton } from \"@epam/ai-dial-ui-kit\";\n\nexport default function Home() {\n return (\n <div className=\"w-full h-full flex flex-col gap-3 items-center justify-center\">\n <h1>Test library</h1>\n <DialPrimaryButton onClick={() => alert('Hello AI DIAL!')} />\n </div>\n );\n}\n```\nSee \"🎨 Theming & Customization\" section in README."
|
|
22
22
|
},
|
|
23
|
-
"styles": "# Typography CSS Utility Classes\n\n## Design-system-compliant classes (`dial-*-text`)\n\nUse these by default. They follow the design system type scale.\n\n| Class | Weight | Size / Line-height |\n| --------------------------------- | -------- | ----------------------- |\n| `.dial-display1-text` | semibold | 32px / 48px |\n| `.dial-display2-text` | semibold | 28px / 40px |\n| `.dial-h1-text` | semibold | 22px / 32px |\n| `.dial-h2-text` | semibold | 20px / 28px |\n| `.dial-h3-text` | semibold | 18px / 26px |\n| `.dial-body-text` | normal | 16px / 24px |\n| `.dial-body-semi-text` | semibold | 16px / 24px |\n| `.dial-body-paragraph-text` | normal | 16px / 26px |\n| `.dial-body-paragraph-semi-text` | semibold | 16px / 26px |\n| `.dial-small-text` | normal | 14px / 20px |\n| `.dial-small-semi-text` | semibold | 14px / 20px |\n| `.dial-small-paragraph-text` | normal | 14px / 24px |\n| `.dial-small-paragraph-semi-text` | semibold | 14px / 24px |\n| `.dial-tiny-text` | normal | 12px / 16px |\n| `.dial-tiny-semi-text` | semibold | 12px / 16px |\n| `.dial-caption-text` | normal | 10px / 12px |\n| `.dial-caption-semi-text` | semibold | 10px / 12px
|
|
24
|
-
"theming": "# Theming & CSS Variable Tokens\n\nAI DIAL UI Kit uses CSS custom properties (variables) for theming.\nDark and light themes are switched by setting different values for these variables on `:root` or a theme wrapper element.\n\n## Usage in Tailwind\n\nThe Tailwind config maps CSS variables to utility classes.\nUse these classes in your components:\n\n```tsx\n// Backgrounds\n<div className=\"bg-layer-0\" /> // darkest background\n<div className=\"bg-layer-1\" /> // main content area\n<div className=\"bg-layer-2\" /> // elevated panels\n\n// Text\n<span className=\"text-primary\" /> // main text color\n<span className=\"text-secondary\" /> // muted text\n<span className=\"text-error\" /> // error state\n\n// Borders\n<div className=\"border border-primary\" /> // standard border\n<div className=\"border border-error\" /> // error border\n```\n\n## Override CSS Variables\n\n```css\n:root {\n --bg-layer-0: #000000;\n --bg-layer-1: #0c101d;\n --bg-layer-2: #161b2d;\n --bg-layer-3: #1d2439;\n --text-primary: #eef1f7;\n --text-secondary: #9fa6bd;\n --text-error: #f76464;\n --stroke-primary: #696e7c;\n --controls-bg-accent-primary: #3664e2;\n /* ... see tailwind.config.js for full list */\n}\n```\n\n## Token Reference\n\n\n### backgroundsColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-sunken` | `var(--bg-layer-sunken)` | `#EEF1F7` |\n| `layer-base` | `var(--bg-layer-base)` | `#F5F7FA` |\n| `layer-raised` | `var(--bg-layer-raised)` | `#FCFCFC` |\n|
|
|
23
|
+
"styles": "# Typography CSS Utility Classes\n\n## Design-system-compliant classes (`dial-*-text`)\n\nUse these by default. They follow the design system type scale.\n\n| Class | Weight | Size / Line-height |\n| --------------------------------- | -------- | ----------------------- |\n| `.dial-display1-text` | semibold | 32px / 48px |\n| `.dial-display2-text` | semibold | 28px / 40px |\n| `.dial-h1-text` | semibold | 22px / 32px |\n| `.dial-h2-text` | semibold | 20px / 28px |\n| `.dial-h3-text` | semibold | 18px / 26px |\n| `.dial-body-text` | normal | 16px / 24px |\n| `.dial-body-semi-text` | semibold | 16px / 24px |\n| `.dial-body-paragraph-text` | normal | 16px / 26px |\n| `.dial-body-paragraph-semi-text` | semibold | 16px / 26px |\n| `.dial-small-text` | normal | 14px / 20px |\n| `.dial-small-semi-text` | semibold | 14px / 20px |\n| `.dial-small-paragraph-text` | normal | 14px / 24px |\n| `.dial-small-paragraph-semi-text` | semibold | 14px / 24px |\n| `.dial-tiny-text` | normal | 12px / 16px |\n| `.dial-tiny-lead-text` | normal | 12px / 16px (+0.03em) |\n| `.dial-tiny-semi-text` | semibold | 12px / 16px |\n| `.dial-caption-text` | normal | 10px / 12px |\n| `.dial-caption-semi-text` | semibold | 10px / 12px (+0.06em) |\n| `.dial-code-text` | normal | 14px / 20px (monospace) |\n\n## Legacy classes (avoid in new code)\n\nClasses like `dial-h1`, `dial-h2`, `dial-body`, `dial-small*`, `dial-tiny*`, `dial-caption` are legacy. They can be used in legacy projects if user explicidly specify they need legacy typography.\n\n## Raw SCSS source\n",
|
|
24
|
+
"theming": "# Theming & CSS Variable Tokens\n\nAI DIAL UI Kit uses CSS custom properties (variables) for theming.\nDark and light themes are switched by setting different values for these variables on `:root` or a theme wrapper element.\n\n## Usage in Tailwind\n\nThe Tailwind config maps CSS variables to utility classes.\nUse these classes in your components:\n\n```tsx\n// Backgrounds\n<div className=\"bg-layer-0\" /> // darkest background\n<div className=\"bg-layer-1\" /> // main content area\n<div className=\"bg-layer-2\" /> // elevated panels\n\n// Text\n<span className=\"text-primary\" /> // main text color\n<span className=\"text-secondary\" /> // muted text\n<span className=\"text-error\" /> // error state\n\n// Borders\n<div className=\"border border-primary\" /> // standard border\n<div className=\"border border-error\" /> // error border\n```\n\n## Override CSS Variables\n\n```css\n:root {\n --bg-layer-0: #000000;\n --bg-layer-1: #0c101d;\n --bg-layer-2: #161b2d;\n --bg-layer-3: #1d2439;\n --text-primary: #eef1f7;\n --text-secondary: #9fa6bd;\n --text-error: #f76464;\n --stroke-primary: #696e7c;\n --controls-bg-accent-primary: #3664e2;\n /* ... see tailwind.config.js for full list */\n}\n```\n\n## Token Reference\n\n\n### backgroundsColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-sunken` | `var(--bg-layer-sunken)` | `#EEF1F7` |\n| `layer-base` | `var(--bg-layer-base)` | `#F5F7FA` |\n| `layer-raised` | `var(--bg-layer-raised)` | `#FCFCFC` |\n\n### controlsBgColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `control-accent-alpha` | `var(--bg-control-accent-alpha)` | `#2764D90F` |\n| `control-accent-alpha-hover` | `var(--bg-control-accent-alpha-hover)` | `#2764D924` |\n| `control-accent-alpha-active` | `var(--bg-control-accent-alpha-active)` | `#2764D933` |\n| `control-accent` | `var(--bg-control-accent)` | `#124ACE` |\n| `control-neutral` | `var(--bg-control-neutral)` | `#FCFCFC` |\n| `control-neutral-hover` | `var(--bg-control-neutral-hover)` | `#E0E6F0` |\n| `control-neutral-active` | `var(--bg-control-neutral-active)` | `#D1DBEA` |\n| `control-error` | `var(--bg-control-error)` | `#AE2F2F` |\n| `control-error-hover` | `var(--bg-control-error-hover)` | `#BF3939` |\n| `control-error-active` | `var(--bg-control-error-active)` | `#CC4545` |\n| `control-error-alpha-hover` | `var(--bg-control-error-alpha-hover)` | `#F764641A` |\n| `control-error-alpha-active` | `var(--bg-control-error-alpha-active)` | `#F7646433` |\n| `control-disable` | `var(--bg-control-disable)` | `#848E9C` |\n\n### borderColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `hover-alpha` | `var(--stroke-hover-alpha)` | `#2764D933` |\n| `focus-black` | `var(--stroke-focus-black)` | `#161B2D` |\n| `focus-blue` | `var(--stroke-focus-blue)` | `#6785FB` |\n| `accent-alpha` | `var(--stroke-accent-alpha)` | `#2764D933` |\n| `error-alpha` | `var(--stroke-error-alpha)` | `#AE2F2F73` |\n\n### textColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `warning-icon` | `var(--text-warning-icon)` | `#EEC840` |\n\n### controlsTextColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `control-permanent` | `var(--text-control-permanent)` | `#FCFCFC` |\n| `control-disable-alpha` | `var(--text-control-disable-alpha)` | `#DCE0E8` |\n| `control-disable-beta` | `var(--text-control-disable-beta)` | `#848E9C` |\n| `control-blue-hover` | `var(--text-control-blue-hover)` | `#5976E9` |\n| `control-blue-active` | `var(--text-control-blue-active)` | `#6785FB` |\n\n### backgroundsColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-0` | `var(--bg-layer-0)` | `#FCFCFC` |\n| `layer-1` | `var(--bg-layer-1)` | `#E0E6F0` |\n| `layer-2` | `var(--bg-layer-2)` | `#EEF1F7` |\n| `layer-3` | `var(--bg-layer-3)` | `#FCFCFC` |\n| `layer-4` | `var(--bg-layer-4)` | `#D1DBEA` |\n| `accent-primary-alpha` | `var(--bg-accent-primary-alpha)` | `#7DA4FF26` |\n| `accent-secondary-alpha` | `var(--bg-accent-secondary-alpha)` | `#37BABC2E` |\n| `accent-tertiary-alpha` | `var(--bg-accent-tertiary-alpha)` | `#A972FF2E` |\n| `accent-primary` | `var(--bg-accent-primary)` | `#5C8DEA` |\n| `accent-secondary` | `var(--bg-accent-secondary)` | `#37BABC` |\n| `red-400` | `var(--bg-red-400)` | `#F76464` |\n| `controls-accent-primary` | `var(--controls-bg-accent-primary)` | `#124ACE` |\n| `controls-accent-primary-hover` | `var(--controls-bg-accent-primary-hover)` | `#2656D9` |\n| `controls-accent-primary-active` | `var(--controls-bg-accent-primary-active)` | `#3664E2` |\n| `controls-accent-primary-alpha-active` | `var(--controls-bg-accent-primary-alpha-active)` | `#7DA4FF5C` |\n| `controls-accent-secondary-alpha-active` | `var(--controls-bg-accent-secondary-alpha-active)` | `#37BABC5C` |\n| `controls-accent-tertiary-alpha-active` | `var(--controls-bg-accent-tertiary-alpha-active)` | `#A972FF5C` |\n| `controls-error` | `var(--controls-bg-error)` | `#AE2F2F` |\n| `controls-error-hover` | `var(--controls-bg-error-hover)` | `#BF3939` |\n| `controls-error-active` | `var(--controls-bg-error-active)` | `#CC4545` |\n| `controls-error-alpha-active` | `var(--controls-bg-error-alpha-active)` | `#F764645C` |\n| `controls-disable-accent` | `var(--controls-bg-disable-accent)` | `#7C8293` |\n| `controls-disable` | `var(--controls-bg-disable)` | `#D1DBEA` |\n| `controls-neutral-hover` | `var(--controls-bg-neutral-hover)` | `#D1DBEA` |\n| `controls-neutral-active` | `var(--controls-bg-neutral-active)` | `#9FA6BD` |\n| `controls-accent-success-alpha-hover` | `var(--controls-bg-accent-success-alpha-hover)` | `#37BABC2E` |\n| `controls-accent-success-alpha-active` | `var(--controls-bg-accent-success-alpha-active)` | `#37BABC5C` |\n| `controls-enable-primary` | `var(--controls-enable-primary)` | `#FCFCFC` |\n\n### borderColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--stroke-accent-primary)` | `#124ACE` |\n| `accent-secondary` | `var(--stroke-accent-secondary)` | `#007274` |\n| `controls-accent` | `var(--controls-bg-accent)` | `#5C8DEA` |\n| `red-900` | `var(--red-900)` | `#402027` |\n\n### textColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--text-accent-primary)` | `#7DA4FF` |\n| `accent-secondary` | `var(--text-accent-secondary)` | `#37BABC` |\n| `accent-tertiary` | `var(--text-accent-tertiary)` | `#A972FF` |\n| `controls-permanent` | `var(--controls-text-permanent)` | `#FCFCFC` |\n| `controls-accent-disable` | `var(--controls-text-accent-disable)` | `#D1DBEA` |\n| `controls-primary-disable` | `var(--controls-text-primary-disable)` | `#696E7C` |\n| `controls-secondary-disable` | `var(--controls-text-secondary-disable)` | `#9FA6BD` |\n| `controls-neutral` | `var(--controls-text-neutral)` | `#161B2D` |\n| `controls-accent-primary-hover` | `var(--controls-text-accent-primary-hover)` | `#3664E2` |\n| `controls-accent-primary-active` | `var(--controls-text-accent-primary-active)` | `#7DA4FF` |",
|
|
25
25
|
"components": [
|
|
26
26
|
{
|
|
27
27
|
"name": "DialCaptionText",
|
|
@@ -293,38 +293,6 @@
|
|
|
293
293
|
],
|
|
294
294
|
"sourceFile": "components/Loader/Loader.tsx"
|
|
295
295
|
},
|
|
296
|
-
{
|
|
297
|
-
"name": "DialSpinner",
|
|
298
|
-
"category": "Status",
|
|
299
|
-
"description": "",
|
|
300
|
-
"props": [
|
|
301
|
-
{
|
|
302
|
-
"name": "size",
|
|
303
|
-
"type": "number",
|
|
304
|
-
"required": false,
|
|
305
|
-
"defaultValue": "40"
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
"name": "className",
|
|
309
|
-
"type": "string",
|
|
310
|
-
"required": false
|
|
311
|
-
},
|
|
312
|
-
{
|
|
313
|
-
"name": "fullWidth",
|
|
314
|
-
"type": "boolean",
|
|
315
|
-
"required": false,
|
|
316
|
-
"defaultValue": "false"
|
|
317
|
-
},
|
|
318
|
-
{
|
|
319
|
-
"name": "ariaLabel",
|
|
320
|
-
"type": "string",
|
|
321
|
-
"required": false,
|
|
322
|
-
"defaultValue": "'Loading'"
|
|
323
|
-
}
|
|
324
|
-
],
|
|
325
|
-
"examples": [],
|
|
326
|
-
"sourceFile": "components/Spinner/Spinner.tsx"
|
|
327
|
-
},
|
|
328
296
|
{
|
|
329
297
|
"name": "DialProgressBar",
|
|
330
298
|
"category": "Status",
|
|
@@ -5729,7 +5697,7 @@
|
|
|
5729
5697
|
},
|
|
5730
5698
|
{
|
|
5731
5699
|
"name": "'dial:meta'?",
|
|
5732
|
-
"value": "
|
|
5700
|
+
"value": "DialMeta"
|
|
5733
5701
|
},
|
|
5734
5702
|
{
|
|
5735
5703
|
"name": "'dial:resource'?",
|
|
@@ -5770,6 +5738,11 @@
|
|
|
5770
5738
|
"sourceFile": "types/analytics.ts",
|
|
5771
5739
|
"signature": "enum AnalyticsCardVariant { Default = 'default', Compact = 'compact' }"
|
|
5772
5740
|
},
|
|
5741
|
+
{
|
|
5742
|
+
"name": "Spinner",
|
|
5743
|
+
"sourceFile": "components/Spinner/Spinner.tsx",
|
|
5744
|
+
"signature": "Spinner: FC<SpinnerProps>"
|
|
5745
|
+
},
|
|
5773
5746
|
{
|
|
5774
5747
|
"name": "DEFAULT_GRID_DATE_FORMAT_OPTIONS",
|
|
5775
5748
|
"sourceFile": "components/Grid/renderers/constants.ts"
|
|
@@ -5852,7 +5825,7 @@
|
|
|
5852
5825
|
{
|
|
5853
5826
|
"name": "Notification",
|
|
5854
5827
|
"sourceFile": "components/New/Notification/Notification.tsx",
|
|
5855
|
-
"description": "A contextual feedback component for displaying important messages.\naliases: Notification\n\nRenders a colored container with an icon, message text, and an optional\nclose button.",
|
|
5828
|
+
"description": "A contextual feedback component for displaying important messages.\naliases: Notification\n\nRenders a colored container with an icon, message text, and an optional\nclose button.\n\nThe container is a live region whose politeness follows the variant: `error`\nand `warning` use `role=\"alert\"` (assertive, interrupts the screen reader),\nevery other variant uses `role=\"status\"` (polite, queues). Pass an explicit\n`role` to override — including for a notification that is static page content\nrather than an update.",
|
|
5856
5829
|
"signature": "Notification: FC<NotificationProps>"
|
|
5857
5830
|
},
|
|
5858
5831
|
{
|
|
@@ -6034,6 +6007,18 @@
|
|
|
6034
6007
|
"name": "InlineSelectTrigger",
|
|
6035
6008
|
"sourceFile": "components/New/InlineSelect/InlineSelect.tsx",
|
|
6036
6009
|
"signature": "InlineSelectTrigger: FC<InlineSelectTriggerProps>"
|
|
6010
|
+
},
|
|
6011
|
+
{
|
|
6012
|
+
"name": "InfoButton",
|
|
6013
|
+
"sourceFile": "components/New/InfoButton/InfoButton.tsx",
|
|
6014
|
+
"description": "An Info button component with a customizable icon and accessible label.",
|
|
6015
|
+
"signature": "InfoButton: FC<InfoButtonProps>"
|
|
6016
|
+
},
|
|
6017
|
+
{
|
|
6018
|
+
"name": "Label",
|
|
6019
|
+
"sourceFile": "components/New/Label/Label.tsx",
|
|
6020
|
+
"description": "A label component\naliases: FormLabel|RequiredIndicator",
|
|
6021
|
+
"signature": "Label: FC<LabelProps>"
|
|
6037
6022
|
}
|
|
6038
6023
|
],
|
|
6039
6024
|
"utils": [
|
package/dist/dial-ui-kit.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CMnjEPWR.cjs");exports.AnalyticsCardVariant=a.AnalyticsCardVariant;exports.BASE_ICON_PROPS=a.BASE_ICON_PROPS;exports.BASE_ICON_SIZE=a.BASE_ICON_SIZE;exports.Button=a.Button;exports.ButtonAppearance=a.ButtonAppearance;exports.ButtonDropdown=a.ButtonDropdown;exports.ButtonVariant=a.ButtonVariant;exports.Calendar=a.Calendar;exports.CalendarMode=a.CalendarMode;exports.CardShell=a.CardShell;exports.ConfirmationPopupVariant=a.ConfirmationPopupVariant;exports.DEFAULT_ANALYTICS_BAR_COLOR_MAP=a.DEFAULT_ANALYTICS_BAR_COLOR_MAP;exports.DEFAULT_GRID_DATE_FORMAT_OPTIONS=a.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_GRID_DATE_LOCALE=a.DEFAULT_LOCALE;exports.DIAL_ICON_SIZE=a.DIAL_ICON_SIZE;exports.DangerButton=a.DangerButton;exports.DangerIconButton=a.DangerIconButton;exports.DialAccordion=a.DialAccordion;exports.DialAnalyticsBar=a.DialAnalyticsBar;exports.DialAnalyticsBarGroup=a.DialAnalyticsBarGroup;exports.DialAnalyticsCard=a.DialAnalyticsCard;exports.DialAnalyticsErrorTag=a.DialAnalyticsErrorTag;exports.DialAnalyticsHistogram=a.DialAnalyticsHistogram;exports.DialAutocompleteInputValue=a.DialAutocompleteInputValue;exports.DialBreadcrumb=a.DialBreadcrumb;exports.DialBreadcrumbItem=a.DialBreadcrumbItem;exports.DialButton=a.DialButton;exports.DialButtonDropdown=a.DialButtonDropdown;exports.DialCaptionText=a.DialCaptionText;exports.DialCheckbox=a.DialCheckbox;exports.DialCloseButton=a.DialCloseButton;exports.DialCollapsibleSidebar=a.DialCollapsibleSidebar;exports.DialConditionalResizableContainer=a.DialConditionalResizableContainer;exports.DialConfirmationPopup=a.DialConfirmationPopup;exports.DialDangerButton=a.DialDangerButton;exports.DialDangerIconButton=a.DialDangerIconButton;exports.DialDateCellRenderer=a.DialDateCellRenderer;exports.DialDestinationFolderPopup=a.DialDestinationFolderPopup;exports.DialDraggableItem=a.DialDraggableItem;exports.DialDropdown=a.DialDropdown;exports.DialDropdownIcon=a.DialDropdownIcon;exports.DialEllipsisTooltip=a.DialEllipsisTooltip;exports.DialErrorText=a.DialErrorText;exports.DialFileIcon=a.DialFileIcon;exports.DialFileManager=a.DialFileManager;exports.DialFileManagerActions=a.DialFileManagerActions;exports.DialFileManagerTabs=a.DialFileManagerTabs;exports.DialFileName=a.DialFileName;exports.DialFileNodeType=a.DialFileNodeType;exports.DialFilePermission=a.DialFilePermission;exports.DialFileResourceType=a.DialFileResourceType;exports.DialFolderName=a.DialFolderName;exports.DialFoldersTree=a.DialFoldersTree;exports.DialFormItem=a.DialFormItem;exports.DialFormPopup=a.DialFormPopup;exports.DialGhostButton=a.DialGhostButton;exports.DialGhostIconButton=a.DialGhostIconButton;exports.DialGrid=a.DialGrid;exports.DialIcon=a.DialIcon;exports.DialIconButton=a.DialIconButton;exports.DialInput=a.DialInput;exports.DialInputPopup=a.DialInputPopup;exports.DialItemType=a.DialItemType;exports.DialLabel=a.DialLabel;exports.DialLabelledText=a.DialLabelledText;exports.DialLinkButton=a.DialLinkButton;exports.DialLoadFileArea=a.DialLoadFileArea;exports.DialLoadFileAreaField=a.DialLoadFileAreaField;exports.DialLoader=a.DialLoader;exports.DialNeutralButton=a.DialNeutralButton;exports.DialNeutralIconButton=a.DialNeutralIconButton;exports.DialNoDataContent=a.DialNoDataContent;exports.DialNotification=a.DialNotification;exports.DialNumberInput=a.DialNumberInput;exports.DialPagination=a.DialPagination;exports.DialPasswordInput=a.DialPasswordInput;exports.DialPopup=a.DialPopup;exports.DialPrimaryButton=a.DialPrimaryButton;exports.DialPrimaryIconButton=a.DialPrimaryIconButton;exports.DialProgressBar=a.DialProgressBar;exports.DialProgressBarSize=a.DialProgressBarSize;exports.DialRadioButton=a.DialRadioButton;exports.DialRadioGroup=a.DialRadioGroup;exports.DialRadioGroupPopupField=a.DialRadioGroupPopupField;exports.DialRemoveButton=a.DialRemoveButton;exports.DialResizableContainer=a.DialResizableContainer;exports.DialSchemaRenderer=a.DialSchemaRenderer;exports.DialSearch=a.DialSearch;exports.DialSecondaryIconButton=a.DialSecondaryIconButton;exports.DialSegmentedControl=a.DialSegmentedControl;exports.DialSelect=a.DialSelect;exports.DialSelectField=a.DialSelectField;exports.DialSharedEntityIndicator=a.DialSharedEntityIndicator;exports.DialSkeleton=a.DialSkeleton;exports.DialSkeletonAvatarShape=a.DialSkeletonAvatarShape;exports.DialSkeletonAvatarSize=a.DialSkeletonAvatarSize;exports.DialSkeletonVariant=a.DialSkeletonVariant;exports.DialSlider=a.DialSlider;exports.DialSteps=a.DialSteps;exports.DialSuccessIconButton=a.DialSuccessIconButton;exports.DialSwitch=a.DialSwitch;exports.DialTabs=a.DialTabs;exports.DialTag=a.DialTag;exports.DialTagInput=a.DialTagInput;exports.DialTertiaryIconButton=a.DialTertiaryIconButton;exports.DialTextarea=a.DialTextarea;exports.DialTooltip=a.DialTooltip;exports.DialTooltipContainer=a.DialTooltipContainer;exports.DialTooltipContent=a.DialTooltipContent;exports.DialTooltipTrigger=a.DialTooltipTrigger;exports.DropdownItemType=a.DropdownItemType;exports.DropdownTrigger=a.DropdownTrigger;exports.DropdownType=a.DropdownType;exports.EDITABLE_CONTAINER_ATTRIBUTE=a.EDITABLE_CONTAINER_ATTRIBUTE;exports.ElementSize=a.ElementSize;exports.ErrorMessageNotification=a.ErrorMessageNotification;exports.ErrorToastNotification=a.ErrorToastNotification;exports.FabButton=a.FabButton;exports.FileManagerColumnKey=a.FileManagerColumnKey;exports.FileManagerProvider=a.FileManagerProvider;exports.FlexibleActionsDirection=a.FlexibleActionsDirection;exports.FolderPath=a.FolderPath;exports.FormItemOrientation=a.FormItemOrientation;exports.GhostButton=a.GhostButton;exports.GhostIconButton=a.GhostIconButton;exports.GridSelectionMode=a.GridSelectionMode;exports.Highlight=a.Highlight;exports.IconButton=a.IconButton;exports.InfoButton=a.InfoButton;exports.InfoMessageNotification=a.InfoMessageNotification;exports.InfoToastNotification=a.InfoToastNotification;exports.InlineSelect=a.InlineSelect;exports.InlineSelectTrigger=a.InlineSelectTrigger;exports.JsonSchemaType=a.JsonSchemaType;exports.Label=a.Label;exports.LazyDialJsonEditor=a.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=a.LazyDialMarkdownEditor;exports.LinkButton=a.LinkButton;exports.LoadingMessageNotification=a.LoadingMessageNotification;exports.LoadingToastNotification=a.LoadingToastNotification;exports.NAME_COLUMN=a.NAME_COLUMN;exports.NOT_ALLOWED_SPACES=a.NOT_ALLOWED_SPACES;exports.NOT_ALLOWED_SPACES_REGEXP=a.NOT_ALLOWED_SPACES_REGEXP;exports.NOT_ALLOWED_SYMBOLS=a.NOT_ALLOWED_SYMBOLS;exports.NOT_ALLOWED_SYMBOLS_REGEXP=a.NOT_ALLOWED_SYMBOLS_REGEXP;exports.NeutralButton=a.NeutralButton;exports.NeutralIconButton=a.NeutralIconButton;exports.Notification=a.Notification;exports.NotificationType=a.NotificationType;exports.NotificationVariant=a.NotificationVariant;exports.OutlinedButton=a.OutlinedButton;exports.PopupSize=a.PopupSize;exports.PrimaryButton=a.PrimaryButton;exports.PrimaryIconButton=a.PrimaryIconButton;exports.RadioGroupOrientation=a.RadioGroupOrientation;exports.ResizableContainerSide=a.ResizableContainerSide;exports.SIZE_COLUMN=a.SIZE_COLUMN;exports.SchemaDisplayMode=a.SchemaDisplayMode;exports.SchemaOrientation=a.SchemaOrientation;exports.SchemaRendererVariant=a.SchemaRendererVariant;exports.ScreenResolution=a.ScreenResolution;exports.SelectSize=a.SelectSize;exports.SelectVariant=a.SelectVariant;exports.Spinner=a.Spinner;exports.StaticIconButton=a.StaticIconButton;exports.StepStatus=a.StepStatus;exports.SuccessMessageNotification=a.SuccessMessageNotification;exports.SuccessToastNotification=a.SuccessToastNotification;exports.TabOrientation=a.TabOrientation;exports.TabView=a.TabView;exports.UPDATED_AT_COLUMN=a.UPDATED_AT_COLUMN;exports.WarningMessageNotification=a.WarningMessageNotification;exports.WarningToastNotification=a.WarningToastNotification;exports.convertGridDateToDate=a.convertToDate;exports.editableContainerProps=a.editableContainerProps;exports.mergeClasses=a.mergeClasses;exports.useDialFileManagerTabs=a.useDialFileManagerTabs;exports.useEditableItem=a.useEditableItem;exports.useFileManagerContext=a.useFileManagerContext;exports.wrapInRootFolder=a.wrapInRootFolder;
|
package/dist/dial-ui-kit.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as s, B as t, a as o, b as e, c as n, d as l, e as r, C as D, f as b, g as
|
|
1
|
+
import { A as s, B as t, a as o, b as e, c as n, d as l, e as r, C as D, f as b, g as u, h as c, D as d, i as p, k as S, l as T, n as I, o as B, p as A, q as g, r as N, s as C, t as E, u as m, v as L, w as _, x as F, y as O, z as P, F as y, G as M, H as R, I as f, J as h, K as G, L as w, M as z, N as V, O as k, P as x, Q as U, R as W, S as v, T as Y, U as Z, V as H, W as J, X, Y as K, Z as q, _ as Q, $, a0 as j, a1 as aa, a2 as ia, a3 as sa, a4 as ta, a5 as oa, a6 as ea, a7 as na, a8 as la, a9 as ra, aa as Da, ab as ba, ac as ua, ad as ca, ae as da, af as pa, ag as Sa, ah as Ta, ai as Ia, aj as Ba, ak as Aa, al as ga, am as Na, an as Ca, ao as Ea, ap as ma, aq as La, ar as _a, as as Fa, at as Oa, au as Pa, av as ya, aw as Ma, ax as Ra, ay as fa, az as ha, aA as Ga, aB as wa, aC as za, aD as Va, aE as ka, aF as xa, aG as Ua, aH as Wa, aI as va, aJ as Ya, aK as Za, aL as Ha, aM as Ja, aN as Xa, aO as Ka, aP as qa, aQ as Qa, aR as $a, aS as ja, aT as ai, aU as ii, aV as si, aW as ti, aX as oi, aY as ei, aZ as ni, a_ as li, a$ as ri, b0 as Di, b1 as bi, b2 as ui, b3 as ci, b4 as di, b5 as pi, b6 as Si, b7 as Ti, b8 as Ii, b9 as Bi, ba as Ai, bb as gi, bc as Ni, bd as Ci, be as Ei, bf as mi, bg as Li, bh as _i, bi as Fi, bj as Oi, bk as Pi, bl as yi, bm as Mi, bn as Ri, bo as fi, bp as hi, bq as Gi, br as wi, bs as zi, bt as Vi, bu as ki, bv as xi, bw as Ui, bx as Wi, by as vi, bz as Yi, bA as Zi, bB as Hi, bC as Ji, bD as Xi, bE as Ki, bF as qi, bG as Qi, bH as $i, bI as ji, bJ as as, bK as is, bL as ss, bM as ts, bN as os, bO as es, bP as ns, bQ as ls, bR as rs, bS as Ds, bT as bs, bU as us, bV as cs, bW as ds, bX as ps, m as Ss, bY as Ts, bZ as Is, b_ as Bs, b$ as As } from "./index-B46o0BgF.js";
|
|
2
2
|
export {
|
|
3
3
|
s as AnalyticsCardVariant,
|
|
4
4
|
t as BASE_ICON_PROPS,
|
|
@@ -9,8 +9,8 @@ export {
|
|
|
9
9
|
r as ButtonVariant,
|
|
10
10
|
D as Calendar,
|
|
11
11
|
b as CalendarMode,
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
u as CardShell,
|
|
13
|
+
c as ConfirmationPopupVariant,
|
|
14
14
|
d as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
|
|
15
15
|
p as DEFAULT_GRID_DATE_FORMAT_OPTIONS,
|
|
16
16
|
S as DEFAULT_GRID_DATE_LOCALE,
|
|
@@ -50,8 +50,8 @@ export {
|
|
|
50
50
|
K as DialFileName,
|
|
51
51
|
q as DialFileNodeType,
|
|
52
52
|
Q as DialFilePermission,
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
$ as DialFileResourceType,
|
|
54
|
+
j as DialFolderName,
|
|
55
55
|
aa as DialFoldersTree,
|
|
56
56
|
ia as DialFormItem,
|
|
57
57
|
sa as DialFormPopup,
|
|
@@ -63,8 +63,8 @@ export {
|
|
|
63
63
|
ra as DialInput,
|
|
64
64
|
Da as DialInputPopup,
|
|
65
65
|
ba as DialItemType,
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
ua as DialLabel,
|
|
67
|
+
ca as DialLabelledText,
|
|
68
68
|
da as DialLinkButton,
|
|
69
69
|
pa as DialLoadFileArea,
|
|
70
70
|
Sa as DialLoadFileAreaField,
|
|
@@ -98,84 +98,86 @@ export {
|
|
|
98
98
|
va as DialSkeletonAvatarSize,
|
|
99
99
|
Ya as DialSkeletonVariant,
|
|
100
100
|
Za as DialSlider,
|
|
101
|
-
Ha as
|
|
102
|
-
Ja as
|
|
103
|
-
Xa as
|
|
104
|
-
Ka as
|
|
105
|
-
qa as
|
|
106
|
-
Qa as
|
|
107
|
-
ja as DialTagInput,
|
|
101
|
+
Ha as DialSteps,
|
|
102
|
+
Ja as DialSuccessIconButton,
|
|
103
|
+
Xa as DialSwitch,
|
|
104
|
+
Ka as DialTabs,
|
|
105
|
+
qa as DialTag,
|
|
106
|
+
Qa as DialTagInput,
|
|
108
107
|
$a as DialTertiaryIconButton,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
108
|
+
ja as DialTextarea,
|
|
109
|
+
ai as DialTooltip,
|
|
110
|
+
ii as DialTooltipContainer,
|
|
111
|
+
si as DialTooltipContent,
|
|
112
|
+
ti as DialTooltipTrigger,
|
|
113
|
+
oi as DropdownItemType,
|
|
114
|
+
ei as DropdownTrigger,
|
|
115
|
+
ni as DropdownType,
|
|
116
|
+
li as EDITABLE_CONTAINER_ATTRIBUTE,
|
|
117
|
+
ri as ElementSize,
|
|
118
|
+
Di as ErrorMessageNotification,
|
|
119
|
+
bi as ErrorToastNotification,
|
|
121
120
|
ui as FabButton,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
121
|
+
ci as FileManagerColumnKey,
|
|
122
|
+
di as FileManagerProvider,
|
|
123
|
+
pi as FlexibleActionsDirection,
|
|
124
|
+
Si as FolderPath,
|
|
125
|
+
Ti as FormItemOrientation,
|
|
126
|
+
Ii as GhostButton,
|
|
127
|
+
Bi as GhostIconButton,
|
|
128
|
+
Ai as GridSelectionMode,
|
|
129
|
+
gi as Highlight,
|
|
130
|
+
Ni as IconButton,
|
|
131
|
+
Ci as InfoButton,
|
|
132
132
|
Ei as InfoMessageNotification,
|
|
133
133
|
mi as InfoToastNotification,
|
|
134
134
|
Li as InlineSelect,
|
|
135
135
|
_i as InlineSelectTrigger,
|
|
136
136
|
Fi as JsonSchemaType,
|
|
137
|
-
Oi as
|
|
138
|
-
Pi as
|
|
139
|
-
yi as
|
|
140
|
-
Mi as
|
|
141
|
-
Ri as
|
|
142
|
-
fi as
|
|
143
|
-
hi as
|
|
144
|
-
Gi as
|
|
145
|
-
wi as
|
|
146
|
-
zi as
|
|
147
|
-
Vi as
|
|
148
|
-
ki as
|
|
149
|
-
xi as
|
|
150
|
-
Ui as
|
|
151
|
-
Wi as
|
|
152
|
-
vi as
|
|
153
|
-
Yi as
|
|
154
|
-
Zi as
|
|
155
|
-
Hi as
|
|
156
|
-
Ji as
|
|
157
|
-
Xi as
|
|
158
|
-
Ki as
|
|
159
|
-
qi as
|
|
160
|
-
Qi as
|
|
137
|
+
Oi as Label,
|
|
138
|
+
Pi as LazyDialJsonEditor,
|
|
139
|
+
yi as LazyDialMarkdownEditor,
|
|
140
|
+
Mi as LinkButton,
|
|
141
|
+
Ri as LoadingMessageNotification,
|
|
142
|
+
fi as LoadingToastNotification,
|
|
143
|
+
hi as NAME_COLUMN,
|
|
144
|
+
Gi as NOT_ALLOWED_SPACES,
|
|
145
|
+
wi as NOT_ALLOWED_SPACES_REGEXP,
|
|
146
|
+
zi as NOT_ALLOWED_SYMBOLS,
|
|
147
|
+
Vi as NOT_ALLOWED_SYMBOLS_REGEXP,
|
|
148
|
+
ki as NeutralButton,
|
|
149
|
+
xi as NeutralIconButton,
|
|
150
|
+
Ui as Notification,
|
|
151
|
+
Wi as NotificationType,
|
|
152
|
+
vi as NotificationVariant,
|
|
153
|
+
Yi as OutlinedButton,
|
|
154
|
+
Zi as PopupSize,
|
|
155
|
+
Hi as PrimaryButton,
|
|
156
|
+
Ji as PrimaryIconButton,
|
|
157
|
+
Xi as RadioGroupOrientation,
|
|
158
|
+
Ki as ResizableContainerSide,
|
|
159
|
+
qi as SIZE_COLUMN,
|
|
160
|
+
Qi as SchemaDisplayMode,
|
|
161
|
+
$i as SchemaOrientation,
|
|
161
162
|
ji as SchemaRendererVariant,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
cs as
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
163
|
+
as as ScreenResolution,
|
|
164
|
+
is as SelectSize,
|
|
165
|
+
ss as SelectVariant,
|
|
166
|
+
ts as Spinner,
|
|
167
|
+
os as StaticIconButton,
|
|
168
|
+
es as StepStatus,
|
|
169
|
+
ns as SuccessMessageNotification,
|
|
170
|
+
ls as SuccessToastNotification,
|
|
171
|
+
rs as TabOrientation,
|
|
172
|
+
Ds as TabView,
|
|
173
|
+
bs as UPDATED_AT_COLUMN,
|
|
174
|
+
us as WarningMessageNotification,
|
|
175
|
+
cs as WarningToastNotification,
|
|
176
|
+
ds as convertGridDateToDate,
|
|
177
|
+
ps as editableContainerProps,
|
|
178
|
+
Ss as mergeClasses,
|
|
179
|
+
Ts as useDialFileManagerTabs,
|
|
180
|
+
Is as useEditableItem,
|
|
181
|
+
Bs as useFileManagerContext,
|
|
182
|
+
As as wrapInRootFolder
|
|
181
183
|
};
|