@epam/ai-dial-ui-kit 0.13.0-dev.60 → 0.13.0-dev.63
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/dist/{JsonEditor-B5vfpxzh.js → JsonEditor-CwhN9OqZ.js} +1 -1
- package/dist/{JsonEditor-CjemqUZ2.cjs → JsonEditor-D_-Zpb9k.cjs} +1 -1
- package/dist/{MarkdownEditor-DKG9YlGS.js → MarkdownEditor-BFtUcS0P.js} +1 -1
- package/dist/{MarkdownEditor-xg-rmepY.cjs → MarkdownEditor-CjhHLNuL.cjs} +1 -1
- package/dist/{MarkdownEditor-BrUvRwsB.cjs → MarkdownEditor-D5fHUNNA.cjs} +1 -1
- package/dist/{MarkdownEditor-DWcVxbdX.js → MarkdownEditor-GgR0ich_.js} +1 -1
- package/dist/components-manifest.json +56 -5
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +49 -48
- package/dist/{index-B4fgly61.js → index-B6U9q6vX.js} +5798 -5712
- package/dist/{index-CY5qji3j.cjs → index-D0eQBM3Q.cjs} +27 -27
- package/dist/index.css +2 -2
- package/dist/src/components/New/Search/Search.d.ts +42 -0
- package/dist/src/components/New/Tabs/Tabs.d.ts +4 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/models/dropdown.d.ts +27 -0
- package/dist/src/utils/sub-menu-floating.d.ts +8 -1
- package/package.json +1 -1
|
@@ -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-D0eQBM3Q.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 s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-D0eQBM3Q.cjs"),x=require("react"),e=require("@uiw/react-md-editor"),t=require("@tabler/icons-react"),o=s.DIAL_ICON_SIZE.SM,i=(n,r)=>({...n,icon:r}),p=()=>[i(e.bold,s.jsxRuntimeExports.jsx(t.IconBold,{size:o})),i(e.italic,s.jsxRuntimeExports.jsx(t.IconItalic,{size:o})),i(e.strikethrough,s.jsxRuntimeExports.jsx(t.IconStrikethrough,{size:o})),e.divider,e.group([e.heading1,e.heading2,e.heading3],{name:"heading",groupName:"heading",icon:s.jsxRuntimeExports.jsx(t.IconTextSize,{size:o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),e.divider,i(e.unorderedListCommand,s.jsxRuntimeExports.jsx(t.IconList,{size:o})),i(e.orderedListCommand,s.jsxRuntimeExports.jsx(t.IconListNumbers,{size:o})),e.divider,i(e.quote,s.jsxRuntimeExports.jsx(t.IconQuote,{size:o})),i(e.link,s.jsxRuntimeExports.jsx(t.IconLink,{size:o})),i(e.code,s.jsxRuntimeExports.jsx(t.IconCode,{size:o})),e.divider,i(e.table,s.jsxRuntimeExports.jsx(t.IconTable,{size:o}))],I=()=>[i(e.codeEdit,s.jsxRuntimeExports.jsx(t.IconPencil,{size:o})),i(e.codeLive,s.jsxRuntimeExports.jsx(t.IconLayoutColumns,{size:o})),i(e.codePreview,s.jsxRuntimeExports.jsx(t.IconEye,{size:o})),e.divider,i(e.fullscreen,s.jsxRuntimeExports.jsx(t.IconMaximize,{size:o}))],R=({value:n,onChange:r,height:d=300,theme:c=s.EditorThemes.light,className:a,placeholder:m,defaultPreview:u="edit"})=>{const j=x.useMemo(()=>p(),[]),l=x.useMemo(()=>I(),[]);return s.jsxRuntimeExports.jsx("div",{"data-color-mode":c,className:s.mergeClasses("dial-kit-markdown-editor",a),children:s.jsxRuntimeExports.jsx(e,{value:n,onChange:E=>r?.(E||""),height:d,preview:u,commands:j,extraCommands:l,textareaProps:{placeholder:m}})})};exports.MarkdownEditor=R;
|
|
@@ -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-D0eQBM3Q.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,4 +1,4 @@
|
|
|
1
|
-
import { j as e, D as z, E as g, m as u } from "./index-
|
|
1
|
+
import { j as e, D as z, E as g, m as u } from "./index-B6U9q6vX.js";
|
|
2
2
|
import { useMemo as r } from "react";
|
|
3
3
|
import h, { divider as i, group as p, heading1 as C, heading2 as E, heading3 as k, bold as L, italic as M, strikethrough as w, unorderedListCommand as b, orderedListCommand as N, quote as T, link as f, code as v, table as O, codeEdit as S, codeLive as _, codePreview as y, fullscreen as D } from "@uiw/react-md-editor";
|
|
4
4
|
import { IconTextSize as P, IconBold as A, IconItalic as R, IconStrikethrough as B, IconList as Z, IconListNumbers as q, IconQuote as F, IconLink as K, IconCode as Q, IconTable as W, IconPencil as G, IconLayoutColumns as H, IconEye as J, IconMaximize as U } from "@tabler/icons-react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.13.0-dev.
|
|
3
|
-
"generatedAt": "2026-08-
|
|
2
|
+
"version": "0.13.0-dev.63",
|
|
3
|
+
"generatedAt": "2026-08-13T18:25:21.073Z",
|
|
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",
|
|
@@ -21,7 +21,7 @@
|
|
|
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
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 | Design name | Weight | Size / Line-height |\n| --------------------------------- | --------------------------- | -------- | ----------------------------------- |\n| `.dial-display1-text` | Display 1 | semibold | 32px / 48px |\n| `.dial-display2-text` | Display 2 | semibold | 28px / 40px |\n| `.dial-display3-text` | Display 3 | semibold | 22px / 32px |\n| `.dial-h1-text` | Heading 1 | semibold | 20px / 28px |\n| `.dial-h2-text` | Heading 2 | semibold | 18px / 26px |\n| `.dial-h3-text` | Heading 3 | semibold | 16px / 24px |\n| `.dial-body-text` | Body Text | normal | 16px / 24px |\n| `.dial-body-semi-text` | Body Text (Semi Bold) | semibold | 16px / 24px |\n| `.dial-body-paragraph-text` | Body Paragraph | normal | 16px / 26px |\n| `.dial-body-paragraph-semi-text` | Body Paragraph (Semi Bold) | semibold | 16px / 26px |\n| `.dial-small-text` | Small Text | normal | 14px / 20px |\n| `.dial-small-semi-text` | Small Text (Semi Bold) | semibold | 14px / 20px |\n| `.dial-small-paragraph-text` | Small Paragraph | normal | 14px / 24px |\n| `.dial-small-paragraph-semi-text` | Small Paragraph (Semi Bold) | semibold | 14px / 24px |\n| `.dial-tiny-text` | Tiny Text | normal | 12px / 16px |\n| `.dial-tiny-lead-text` | Tiny Text Lead | normal | 12px / 16px (+0.03em, uppercase) |\n| `.dial-tiny-semi-text` | Tiny Text (Semi Bold) | semibold | 12px / 16px |\n| `.dial-tiny-lead-semi-text` | Tiny Text Lead (Semi Bold) | semibold | 12px / 16px (+0.03em, uppercase) |\n| `.dial-caption-text` | Caption | normal | 10px / 12px |\n| `.dial-caption-lead-semi-text` | Caption Lead (Semi Bold) | semibold | 10px / 12px (+0.06em, uppercase) |\n| `.dial-code-text` | Code | normal | 14px / 20px (Fira Code / monospace) |\n\nThe three `*-lead-*` classes apply `text-transform: uppercase` themselves — pass them the sentence-case string, not a pre-uppercased one, so the accessible name stays readable.\n\n`.dial-code-text` resolves its family through `var(--theme-font-mono, var(--font-fira-code, 'Fira Code'))` before falling back to the system monospace stack. The kit ships no font file; the host provides the face.\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)` | `#DCE0E8` |\n\n### borderColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `hover-alpha` | `var(--stroke-hover-alpha)` | `#2764D933` |\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)` | `#848E9C` |\n| `control-disable-beta` | `var(--text-control-disable-beta)` | `#DCE0E8` |\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` |",
|
|
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)` | `#DCE0E8` |\n\n### borderColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `hover-alpha` | `var(--stroke-hover-alpha)` | `#2764D933` |\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| `control-disable-alpha` | `var(--text-control-disable-alpha)` | `#848E9C` |\n\n### visualBgColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `green-1` | `var(--bg-visual-green-1)` | `#CDE8E5` |\n| `green-2` | `var(--bg-visual-green-2)` | `#D1F0DC` |\n| `violet-1` | `var(--bg-visual-violet-1)` | `#DDE3F9` |\n| `violet-2` | `var(--bg-visual-violet-2)` | `#F1E9FF` |\n\n### visualTextColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `green-1` | `var(--text-visual-green-1)` | `#059669` |\n| `green-2` | `var(--text-visual-green-2)` | `#0D6E72` |\n| `green-3` | `var(--text-visual-green-3)` | `#065F46` |\n| `brown-1` | `var(--text-visual-brown-1)` | `#D36817` |\n| `brown-2` | `var(--text-visual-brown-2)` | `#B45309` |\n| `violet-1` | `var(--text-visual-violet-1)` | `#7C3AED` |\n| `violet-2` | `var(--text-visual-violet-2)` | `#3730B7` |\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)` | `#848E9C` |\n| `control-disable-beta` | `var(--text-control-disable-beta)` | `#DCE0E8` |\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": "Spinner",
|
|
@@ -2098,7 +2098,7 @@
|
|
|
2098
2098
|
"name": "Tabs",
|
|
2099
2099
|
"category": "Components_2_0",
|
|
2100
2100
|
"generation": "2.0",
|
|
2101
|
-
"description": "A horizontal row of tabs, underlining the active one and showing optional count badges.\naliases: TabRow|TabNavigation|TabBar\nDesign system 2.0\n\nFollows the ARIA tabs pattern with automatic activation: only the active tab is\nin the tab order, and the arrow keys move both focus and selection. `Home` and\n`End` jump to the first and last tab, and the arrows wrap around the ends.\n\nThe component renders the tabs only; the panels stay with the consumer.",
|
|
2101
|
+
"description": "A horizontal row of tabs, underlining the active one and showing optional count badges.\naliases: TabRow|TabNavigation|TabBar\nDesign system 2.0\n\nFollows the ARIA tabs pattern with automatic activation: only the active tab is\nin the tab order, and the arrow keys move both focus and selection. `Home` and\n`End` jump to the first and last tab, and the arrows wrap around the ends.\nTabs marked `disabled` are greyed out, cannot be clicked, and are skipped by\nkeyboard navigation.\n\nThe component renders the tabs only; the panels stay with the consumer.",
|
|
2102
2102
|
"props": [
|
|
2103
2103
|
{
|
|
2104
2104
|
"name": "tabs",
|
|
@@ -2423,6 +2423,32 @@
|
|
|
2423
2423
|
],
|
|
2424
2424
|
"sourceFile": "components/New/TagInput/TagInput.tsx"
|
|
2425
2425
|
},
|
|
2426
|
+
{
|
|
2427
|
+
"name": "Search",
|
|
2428
|
+
"category": "Components_2_0",
|
|
2429
|
+
"generation": "2.0",
|
|
2430
|
+
"description": "A search field with a leading magnifier and a clear button, built on .\naliases: SearchField|QueryInput|SearchBox\nDesign system 2.0\n\nFully controlled: it renders exactly the `value` it is given and reports every\nedit through `onChange`, which receives `undefined` for an empty field. The\nclear button appears only while there is something to clear, and returns focus\nto the input once pressed so keyboard users are not dropped to the page body.\n\n`type` and both icon slots are owned by this component; every other\n prop is passed through.",
|
|
2431
|
+
"props": [
|
|
2432
|
+
{
|
|
2433
|
+
"name": "withoutBorder",
|
|
2434
|
+
"type": "boolean",
|
|
2435
|
+
"required": false,
|
|
2436
|
+
"defaultValue": "false",
|
|
2437
|
+
"description": "Renders the field without its border and background"
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"name": "clearLabel",
|
|
2441
|
+
"type": "string",
|
|
2442
|
+
"required": false,
|
|
2443
|
+
"defaultValue": "'Clear search'",
|
|
2444
|
+
"description": "Accessible name of the clear button"
|
|
2445
|
+
}
|
|
2446
|
+
],
|
|
2447
|
+
"examples": [
|
|
2448
|
+
"<Search\n id=\"search\"\n value={query}\n placeholder=\"Search\"\n onChange={setQuery}\n/>"
|
|
2449
|
+
],
|
|
2450
|
+
"sourceFile": "components/New/Search/Search.tsx"
|
|
2451
|
+
},
|
|
2426
2452
|
{
|
|
2427
2453
|
"name": "DialCaptionText",
|
|
2428
2454
|
"category": "Elements",
|
|
@@ -5631,7 +5657,8 @@
|
|
|
5631
5657
|
"examples": [
|
|
5632
5658
|
"<DialSearch\n id=\"search\"\n value={query}\n placeholder=\"Search\"\n size={ElementSize.Small}\n onChange={(value) => setQuery(value)}\n onBlur={() => handleBlur()}\n disabled={false}\n/>"
|
|
5633
5659
|
],
|
|
5634
|
-
"sourceFile": "components/Search/Search.tsx"
|
|
5660
|
+
"sourceFile": "components/Search/Search.tsx",
|
|
5661
|
+
"supersededBy": "Search"
|
|
5635
5662
|
},
|
|
5636
5663
|
{
|
|
5637
5664
|
"name": "DialInputPopup",
|
|
@@ -8148,6 +8175,26 @@
|
|
|
8148
8175
|
{
|
|
8149
8176
|
"name": "children?",
|
|
8150
8177
|
"value": "DropdownItem[]"
|
|
8178
|
+
},
|
|
8179
|
+
{
|
|
8180
|
+
"name": "menuHeader?",
|
|
8181
|
+
"value": "ReactNode | (() => ReactNode)"
|
|
8182
|
+
},
|
|
8183
|
+
{
|
|
8184
|
+
"name": "menuFooter?",
|
|
8185
|
+
"value": "ReactNode | (() => ReactNode)"
|
|
8186
|
+
},
|
|
8187
|
+
{
|
|
8188
|
+
"name": "renderSubMenu?",
|
|
8189
|
+
"value": "() => ReactNode"
|
|
8190
|
+
},
|
|
8191
|
+
{
|
|
8192
|
+
"name": "renderItem?",
|
|
8193
|
+
"value": "(item: DropdownItem) => ReactNode"
|
|
8194
|
+
},
|
|
8195
|
+
{
|
|
8196
|
+
"name": "subMenuHoverOptions?",
|
|
8197
|
+
"value": "DropdownSubMenuHoverOptions"
|
|
8151
8198
|
}
|
|
8152
8199
|
],
|
|
8153
8200
|
"sourceFile": "models/dropdown.ts"
|
|
@@ -8694,6 +8741,10 @@
|
|
|
8694
8741
|
{
|
|
8695
8742
|
"name": "count?",
|
|
8696
8743
|
"value": "number"
|
|
8744
|
+
},
|
|
8745
|
+
{
|
|
8746
|
+
"name": "disabled?",
|
|
8747
|
+
"value": "boolean"
|
|
8697
8748
|
}
|
|
8698
8749
|
],
|
|
8699
8750
|
"sourceFile": "components/New/Tabs/Tabs.tsx",
|
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-D0eQBM3Q.cjs");exports.Accordion=a.Accordion;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.CaptionText=a.CaptionText;exports.CardShell=a.CardShell;exports.CloseButton=a.CloseButton;exports.ConfirmationPopup=a.ConfirmationPopup;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.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.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.Dropdown=a.Dropdown;exports.DropdownItemType=a.DropdownItemType;exports.DropdownTrigger=a.DropdownTrigger;exports.DropdownType=a.DropdownType;exports.EDITABLE_CONTAINER_ATTRIBUTE=a.EDITABLE_CONTAINER_ATTRIBUTE;exports.EditorThemes=a.EditorThemes;exports.ElementSize=a.ElementSize;exports.ErrorMessageNotification=a.ErrorMessageNotification;exports.ErrorText=a.ErrorText;exports.ErrorToastNotification=a.ErrorToastNotification;exports.FabButton=a.FabButton;exports.FileDropzone=a.FileDropzone;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.Input=a.Input;exports.JsonSchemaType=a.JsonSchemaType;exports.Label=a.Label;exports.LazyDialJsonEditor=a.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=a.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=a.LazyMarkdownEditor;exports.LinkButton=a.LinkButton;exports.LoadingMessageNotification=a.LoadingMessageNotification;exports.LoadingToastNotification=a.LoadingToastNotification;exports.MultiSelectTags=a.MultiSelectTags;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.NumberInput=a.NumberInput;exports.OutlinedButton=a.OutlinedButton;exports.PasswordInput=a.PasswordInput;exports.Popup=a.Popup;exports.PopupSize=a.PopupSize;exports.PrimaryButton=a.PrimaryButton;exports.PrimaryIconButton=a.PrimaryIconButton;exports.ProgressBar=a.ProgressBar;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.Search=a.Search;exports.Select=a.Select;exports.SelectSize=a.SelectSize;exports.SelectVariant=a.SelectVariant;exports.Skeleton=a.Skeleton;exports.SkeletonAvatarShape=a.SkeletonAvatarShape;exports.SkeletonAvatarSize=a.SkeletonAvatarSize;exports.SkeletonVariant=a.SkeletonVariant;exports.Spinner=a.Spinner;exports.StaticIconButton=a.StaticIconButton;exports.StepStatus=a.StepStatus;exports.SuccessMessageNotification=a.SuccessMessageNotification;exports.SuccessToastNotification=a.SuccessToastNotification;exports.Switch=a.Switch;exports.TabOrientation=a.TabOrientation;exports.TabView=a.TabView;exports.Tabs=a.Tabs;exports.Tag=a.Tag;exports.TagInput=a.TagInput;exports.Textarea=a.Textarea;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.matchesAccept=a.matchesAccept;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 i, a as t, B as o, b as e, c as n, d as l, e as r, f as D, C as c, g as b, h as u, i as p, k as d, l as T, n as S, o as I, p as B, q as A, D as g, r as E, s as m, t as C, u as N, v as L, w as _, x as F, y as P, z as O, F as M, G as y, H as R, I as
|
|
1
|
+
import { A as i, a as t, B as o, b as e, c as n, d as l, e as r, f as D, C as c, g as b, h as u, i as p, k as d, l as T, n as S, o as I, p as B, q as A, D as g, r as E, s as m, t as C, u as N, v as L, w as _, x as F, y as P, z as O, F as M, G as y, H as R, I as h, J as f, K as w, L as G, M as x, N as z, O as k, P as V, 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 j, _ as q, $ as Q, a0 as $, a1 as aa, a2 as sa, a3 as ia, a4 as ta, a5 as oa, a6 as ea, a7 as na, a8 as la, a9 as ra, aa as Da, ab as ca, ac as ba, ad as ua, ae as pa, af as da, ag as Ta, ah as Sa, ai as Ia, aj as Ba, ak as Aa, al as ga, am as Ea, an as ma, ao as Ca, ap as Na, aq as La, ar as _a, as as Fa, at as Pa, au as Oa, av as Ma, aw as ya, ax as Ra, ay as ha, az as fa, aA as wa, aB as Ga, aC as xa, aD as za, aE as ka, aF as Va, 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 ja, aQ as qa, aR as Qa, aS as $a, aT as as, aU as ss, aV as is, aW as ts, aX as os, aY as es, aZ as ns, E as ls, a_ as rs, a$ as Ds, b0 as cs, b1 as bs, b2 as us, b3 as ps, b4 as ds, b5 as Ts, b6 as Ss, b7 as Is, b8 as Bs, b9 as As, ba as gs, bb as Es, bc as ms, bd as Cs, be as Ns, bf as Ls, bg as _s, bh as Fs, bi as Ps, bj as Os, bk as Ms, bl as ys, bm as Rs, bn as hs, bo as fs, bp as ws, bq as Gs, br as xs, bs as zs, bt as ks, bu as Vs, bv as Us, bw as Ws, bx as vs, by as Ys, bz as Zs, bA as Hs, bB as Js, bC as Xs, bD as Ks, bE as js, bF as qs, bG as Qs, bH as $s, bI as ai, bJ as si, bK as ii, bL as ti, bM as oi, bN as ei, bO as ni, bP as li, bQ as ri, bR as Di, bS as ci, bT as bi, bU as ui, bV as pi, bW as di, bX as Ti, bY as Si, bZ as Ii, b_ as Bi, b$ as Ai, c0 as gi, c1 as Ei, c2 as mi, c3 as Ci, c4 as Ni, c5 as Li, c6 as _i, c7 as Fi, c8 as Pi, c9 as Oi, ca as Mi, cb as yi, cc as Ri, cd as hi, ce as fi, cf as wi, m as Gi, cg as xi, ch as zi, ci as ki, cj as Vi } from "./index-B6U9q6vX.js";
|
|
2
2
|
export {
|
|
3
3
|
i as Accordion,
|
|
4
4
|
t as AnalyticsCardVariant,
|
|
@@ -31,8 +31,8 @@ export {
|
|
|
31
31
|
M as DialBreadcrumb,
|
|
32
32
|
y as DialBreadcrumbItem,
|
|
33
33
|
R as DialButton,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
h as DialButtonDropdown,
|
|
35
|
+
f as DialCaptionText,
|
|
36
36
|
w as DialCheckbox,
|
|
37
37
|
G as DialCloseButton,
|
|
38
38
|
x as DialCollapsibleSidebar,
|
|
@@ -48,10 +48,10 @@ export {
|
|
|
48
48
|
J as DialEllipsisTooltip,
|
|
49
49
|
X as DialErrorText,
|
|
50
50
|
K as DialFileIcon,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
j as DialFileManager,
|
|
52
|
+
q as DialFileManagerActions,
|
|
53
|
+
Q as DialFileManagerTabs,
|
|
54
|
+
$ as DialFileName,
|
|
55
55
|
aa as DialFileNodeType,
|
|
56
56
|
sa as DialFilePermission,
|
|
57
57
|
ia as DialFileResourceType,
|
|
@@ -85,8 +85,8 @@ export {
|
|
|
85
85
|
Ma as DialPrimaryIconButton,
|
|
86
86
|
ya as DialRadioButton,
|
|
87
87
|
Ra as DialRadioGroup,
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
ha as DialRadioGroupPopupField,
|
|
89
|
+
fa as DialRemoveButton,
|
|
90
90
|
wa as DialResizableContainer,
|
|
91
91
|
Ga as DialSchemaRenderer,
|
|
92
92
|
xa as DialSearch,
|
|
@@ -102,10 +102,10 @@ export {
|
|
|
102
102
|
Ja as DialTabs,
|
|
103
103
|
Xa as DialTag,
|
|
104
104
|
Ka as DialTagInput,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
ja as DialTertiaryIconButton,
|
|
106
|
+
qa as DialTextarea,
|
|
107
|
+
Qa as DialTooltip,
|
|
108
|
+
$a as DialTooltipContainer,
|
|
109
109
|
as as DialTooltipContent,
|
|
110
110
|
ss as DialTooltipTrigger,
|
|
111
111
|
is as Dropdown,
|
|
@@ -139,8 +139,8 @@ export {
|
|
|
139
139
|
Ms as JsonSchemaType,
|
|
140
140
|
ys as Label,
|
|
141
141
|
Rs as LazyDialJsonEditor,
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
hs as LazyDialMarkdownEditor,
|
|
143
|
+
fs as LazyMarkdownEditor,
|
|
144
144
|
ws as LinkButton,
|
|
145
145
|
Gs as LoadingMessageNotification,
|
|
146
146
|
xs as LoadingToastNotification,
|
|
@@ -156,10 +156,10 @@ export {
|
|
|
156
156
|
Js as NotificationType,
|
|
157
157
|
Xs as NotificationVariant,
|
|
158
158
|
Ks as NumberInput,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
159
|
+
js as OutlinedButton,
|
|
160
|
+
qs as PasswordInput,
|
|
161
|
+
Qs as Popup,
|
|
162
|
+
$s as PopupSize,
|
|
163
163
|
ai as PrimaryButton,
|
|
164
164
|
si as PrimaryIconButton,
|
|
165
165
|
ii as ProgressBar,
|
|
@@ -170,34 +170,35 @@ export {
|
|
|
170
170
|
li as SchemaOrientation,
|
|
171
171
|
ri as SchemaRendererVariant,
|
|
172
172
|
Di as ScreenResolution,
|
|
173
|
-
ci as
|
|
174
|
-
bi as
|
|
175
|
-
ui as
|
|
176
|
-
pi as
|
|
177
|
-
di as
|
|
178
|
-
Ti as
|
|
179
|
-
Si as
|
|
180
|
-
Ii as
|
|
181
|
-
Bi as
|
|
182
|
-
Ai as
|
|
183
|
-
gi as
|
|
184
|
-
Ei as
|
|
185
|
-
mi as
|
|
186
|
-
Ci as
|
|
187
|
-
Ni as
|
|
188
|
-
Li as
|
|
189
|
-
_i as
|
|
190
|
-
Fi as
|
|
191
|
-
Pi as
|
|
192
|
-
Oi as
|
|
193
|
-
Mi as
|
|
194
|
-
yi as
|
|
195
|
-
Ri as
|
|
173
|
+
ci as Search,
|
|
174
|
+
bi as Select,
|
|
175
|
+
ui as SelectSize,
|
|
176
|
+
pi as SelectVariant,
|
|
177
|
+
di as Skeleton,
|
|
178
|
+
Ti as SkeletonAvatarShape,
|
|
179
|
+
Si as SkeletonAvatarSize,
|
|
180
|
+
Ii as SkeletonVariant,
|
|
181
|
+
Bi as Spinner,
|
|
182
|
+
Ai as StaticIconButton,
|
|
183
|
+
gi as StepStatus,
|
|
184
|
+
Ei as SuccessMessageNotification,
|
|
185
|
+
mi as SuccessToastNotification,
|
|
186
|
+
Ci as Switch,
|
|
187
|
+
Ni as TabOrientation,
|
|
188
|
+
Li as TabView,
|
|
189
|
+
_i as Tabs,
|
|
190
|
+
Fi as Tag,
|
|
191
|
+
Pi as TagInput,
|
|
192
|
+
Oi as Textarea,
|
|
193
|
+
Mi as UPDATED_AT_COLUMN,
|
|
194
|
+
yi as WarningMessageNotification,
|
|
195
|
+
Ri as WarningToastNotification,
|
|
196
|
+
hi as convertGridDateToDate,
|
|
196
197
|
fi as editableContainerProps,
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
198
|
+
wi as matchesAccept,
|
|
199
|
+
Gi as mergeClasses,
|
|
200
|
+
xi as useDialFileManagerTabs,
|
|
201
|
+
zi as useEditableItem,
|
|
202
|
+
ki as useFileManagerContext,
|
|
203
|
+
Vi as wrapInRootFolder
|
|
203
204
|
};
|