@epam/ai-dial-ui-kit 0.14.0-dev.13 → 0.14.0-dev.15

package/dist/src/components/New/constants/icon.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Icon stroke (1.5px) from the 2.0 stroke scale. Tabler renders every outline
+ * icon at `stroke={2}` unless told otherwise, so the token has to be passed
+ * explicitly — a 2.0 component that omits it draws a heavier icon than the
+ * design system asks for.
+ *
+ * It is a number rather than a Tailwind utility because an icon's weight is an
+ * SVG `stroke-width` attribute on the glyph, not a border on its box. The
+ * border half of the same scale stays on plain Tailwind widths — `border`,
+ * `border-2`, `border-4`, and `border-[0.5px]` for a table divider.
+ *
+ * Exported publicly so icons a consumer passes into a 2.0 component — a button
+ * icon, a menu item, a segmented-control segment — can match the ones the
+ * components draw themselves.
+ *
+ * Two deliberate departures inside the library: the empty-state illustrations
+ * (`NoDataContent`, the grid's no-rows overlay) use a much lighter stroke,
+ * since a 1.5px line reads as a drawing at 16px and as a fence at 100px; and
+ * the checkbox glyph uses a heavier one, because it is a control mark sized to
+ * a 14px box rather than an icon from the set.
+ */
+export declare const DIAL_KIT_ICON_STROKE = 1.5;

package/dist/src/index.d.ts

@@ -252,5 +252,6 @@ export { DateCellRenderer } from './components/New/Grid/renderers/DateCellRender
 export type { DateCellRendererProps, DateValue, } from './components/New/Grid/renderers/DateCellRenderer';
 export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_DATE_LOCALE, } from './components/New/Grid/renderers/constants';
 export { GRID_ALIGN_RIGHT_CLASS, GRID_ROOT_CLASS, GRID_THEME_PARAMS, ROW_HEIGHT as GRID_ROW_HEIGHT, } from './components/New/Grid/constants';
+export { DIAL_KIT_ICON_STROKE } from './components/New/constants/icon';
 export { convertToDate } from './utils/grid-date';
 export { baseColumnComparator, checkColDefsChanges, } from './utils/grid-comparators';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.14.0-dev.13",
+  "version": "0.14.0-dev.15",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",

package/dist/MarkdownEditor-5QS_Esco.js

@@ -1,75 +0,0 @@
-import { j as e, D as z, E as g, m as u } from "./index-C3WPnTYF.js";
-import { useMemo as r } from "react";
-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";
-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";
-const o = z.SM, s = (t, n) => ({
-  ...t,
-  icon: n
-}), V = () => [
-  s(L, /* @__PURE__ */ e.jsx(A, { size: o })),
-  s(M, /* @__PURE__ */ e.jsx(R, { size: o })),
-  s(
-    w,
-    /* @__PURE__ */ e.jsx(B, { size: o })
-  ),
-  i,
-  p([C, E, k], {
-    name: "heading",
-    groupName: "heading",
-    icon: /* @__PURE__ */ e.jsx(P, { size: o }),
-    buttonProps: { "aria-label": "Text style", title: "Text style" }
-  }),
-  i,
-  s(
-    b,
-    /* @__PURE__ */ e.jsx(Z, { size: o })
-  ),
-  s(
-    N,
-    /* @__PURE__ */ e.jsx(q, { size: o })
-  ),
-  i,
-  s(T, /* @__PURE__ */ e.jsx(F, { size: o })),
-  s(f, /* @__PURE__ */ e.jsx(K, { size: o })),
-  s(v, /* @__PURE__ */ e.jsx(Q, { size: o })),
-  i,
-  s(O, /* @__PURE__ */ e.jsx(W, { size: o }))
-], X = () => [
-  s(S, /* @__PURE__ */ e.jsx(G, { size: o })),
-  s(_, /* @__PURE__ */ e.jsx(H, { size: o })),
-  s(y, /* @__PURE__ */ e.jsx(J, { size: o })),
-  i,
-  s(D, /* @__PURE__ */ e.jsx(U, { size: o }))
-], se = ({
-  value: t,
-  onChange: n,
-  height: a = 300,
-  theme: d = g.light,
-  className: c,
-  placeholder: m,
-  defaultPreview: x = "edit"
-}) => {
-  const l = r(() => V(), []), I = r(() => X(), []);
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-color-mode": d,
-      className: u("dial-kit-markdown-editor", c),
-      children: /* @__PURE__ */ e.jsx(
-        h,
-        {
-          value: t,
-          onChange: (j) => n?.(j || ""),
-          height: a,
-          preview: x,
-          commands: l,
-          extraCommands: I,
-          textareaProps: { placeholder: m }
-        }
-      )
-    }
-  );
-};
-export {
-  se as MarkdownEditor
-};

package/dist/MarkdownEditor-CneT6FCo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-BYbSm7ou.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;