@kommo-crm/crm-react-ui-kit 1.12.0 → 1.14.0

package/dist/components/Select/components/Option/Option.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as i } from "../../../../index-L8X2o7IH.mjs";
-import { Text as a } from "../../../Text/Text.js";
+import { forwardRef as a } from "react";
+import { c } from "../../../../index-L8X2o7IH.mjs";
+import { Text as l } from "../../../Text/Text.js";
 import "../../../Text/Text.themes.js";
-import { OptionTextTheme as c } from "./Option.theme.js";
-import '../../../../assets/Option.css';const p = "_text_gk4uj_1", l = {
-  text: p
-}, n = "Select.Value", x = m((e, o) => {
-  const { children: r, className: s } = e;
-  return /* @__PURE__ */ t("span", { className: i(l.text, s), ref: o, children: /* @__PURE__ */ t(a, { theme: c, size: "l", isEllipsis: !0, children: r }) });
+import { OptionTextTheme as p } from "./Option.theme.js";
+import '../../../../assets/Option.css';const n = "_text_gk4uj_1", x = {
+  text: n
+}, f = "Select.Value", d = a((e, o) => {
+  const { children: r, className: s, title: i, ...m } = e;
+  return /* @__PURE__ */ t("span", { ...m, className: c(x.text, s), ref: o, title: i, children: /* @__PURE__ */ t(l, { theme: p, size: "l", isEllipsis: !0, children: r }) });
 });
-x.displayName = n;
+d.displayName = f;
 export {
-  x as default
+  d as default
 };

package/dist/components/Select/components/Option/Option.props.d.ts

@@ -4,5 +4,9 @@ export interface OptionProps extends HTMLAttributes<HTMLSpanElement> {
      * Text of the option.
      */
     children: ReactNode;
+    /**
+     * Native tooltip text shown on hover.
+     */
+    title?: string;
 }
 //# sourceMappingURL=Option.props.d.ts.map

package/dist/components/Select/components/Option/Option.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Option/Option.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"Option.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Option/Option.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/Separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SeparatorProps } from './Separator.props';
+export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Separator.d.ts.map

package/dist/components/Separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,eAAO,MAAM,SAAS,oGAmBpB,CAAC"}

package/dist/components/Separator/Separator.js

@@ -0,0 +1,30 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as m } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as p } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/Separator.css';const _ = "_separator_19to2_1", h = "_horizontal_19to2_8", f = "_vertical_19to2_13", o = {
+  separator: _,
+  horizontal: h,
+  vertical: f
+}, v = l((a, t) => {
+  const { className: e = "", theme: s, orientation: r = "horizontal", ...i } = a, n = p(s);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: t,
+      role: "separator",
+      "aria-orientation": r,
+      className: m(
+        o.separator,
+        r === "vertical" ? o.vertical : o.horizontal,
+        n,
+        e
+      ),
+      ...i
+    }
+  );
+});
+v.displayName = "Separator";
+export {
+  v as Separator
+};

package/dist/components/Separator/Separator.props.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SeparatorTheme } from './Separator.themes';
+type NativeDivAttributes = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export interface SeparatorProps extends NativeDivAttributes {
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: SeparatorTheme;
+    /**
+     * Visual orientation of the separator.
+     * `horizontal` renders a 1px-tall full-width line.
+     * `vertical` renders a 1px-wide full-height line.
+     * Default: `horizontal`.
+     */
+    orientation?: SeparatorOrientation;
+}
+export {};
+//# sourceMappingURL=Separator.props.d.ts.map

package/dist/components/Separator/Separator.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.props.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,KAAK,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC"}

package/dist/components/Separator/Separator.props.js

@@ -0,0 +1 @@
+

package/dist/components/Separator/Separator.themes.d.ts

@@ -0,0 +1,10 @@
+type SeparatorThemeKey = '--crm-ui-kit-separator-color' | '--crm-ui-kit-separator-border-radius';
+export type SeparatorTheme = {
+    [K in SeparatorThemeKey]: string;
+};
+export declare const SeparatorRoundedLightTheme: SeparatorTheme;
+export declare const SeparatorSquaredLightTheme: SeparatorTheme;
+export declare const SeparatorRoundedDarkTheme: SeparatorTheme;
+export declare const SeparatorSquaredDarkTheme: SeparatorTheme;
+export {};
+//# sourceMappingURL=Separator.themes.d.ts.map

package/dist/components/Separator/Separator.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.themes.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAClB,8BAA8B,GAC9B,sCAAsC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG;KAC1B,CAAC,IAAI,iBAAiB,GAAG,MAAM;CACjC,CAAC;AASF,eAAO,MAAM,0BAA0B,EAAE,cAIxC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,cAGxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAKvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAIvC,CAAC"}

package/dist/components/Separator/Separator.themes.js

@@ -0,0 +1,23 @@
+const r = {
+  "--crm-ui-kit-separator-color": "var(--crm-ui-kit-palette-border-primary)"
+}, a = {
+  ...r,
+  "--crm-ui-kit-separator-border-radius": "var(--crm-ui-kit-border-radius-default)"
+}, e = {
+  ...r,
+  "--crm-ui-kit-separator-border-radius": "0"
+}, t = {
+  ...r,
+  "--crm-ui-kit-separator-border-radius": "var(--crm-ui-kit-border-radius-default)",
+  "--crm-ui-kit-separator-color": "var(--crm-ui-kit-palette-border-default)"
+}, o = {
+  ...r,
+  "--crm-ui-kit-separator-border-radius": "0",
+  "--crm-ui-kit-separator-color": "var(--crm-ui-kit-palette-border-default)"
+};
+export {
+  t as SeparatorRoundedDarkTheme,
+  a as SeparatorRoundedLightTheme,
+  o as SeparatorSquaredDarkTheme,
+  e as SeparatorSquaredLightTheme
+};

package/dist/components/Separator/index.d.ts

@@ -0,0 +1,4 @@
+export { Separator } from './Separator';
+export { type SeparatorTheme, SeparatorRoundedLightTheme, SeparatorSquaredLightTheme, SeparatorRoundedDarkTheme, SeparatorSquaredDarkTheme, } from './Separator.themes';
+export { type SeparatorProps, type SeparatorOrientation, } from './Separator.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,KAAK,cAAc,EACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAC"}

package/dist/components/Separator/index.js

@@ -0,0 +1,9 @@
+import { Separator as a } from "./Separator.js";
+import { SeparatorRoundedDarkTheme as t, SeparatorRoundedLightTheme as p, SeparatorSquaredDarkTheme as S, SeparatorSquaredLightTheme as d } from "./Separator.themes.js";
+export {
+  a as Separator,
+  t as SeparatorRoundedDarkTheme,
+  p as SeparatorRoundedLightTheme,
+  S as SeparatorSquaredDarkTheme,
+  d as SeparatorSquaredLightTheme
+};

package/dist/hooks/useStoryLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { useStoryLabel } from './useStoryLabel';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useStoryLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStoryLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/hooks/useStoryLabel/index.js

@@ -0,0 +1,4 @@
+import { useStoryLabel as r } from "./useStoryLabel.js";
+export {
+  r as useStoryLabel
+};

package/dist/hooks/useStoryLabel/useStoryLabel.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare function useStoryLabel(text: string, options?: {
+    style?: React.CSSProperties;
+    className?: 'string';
+}): React.JSX.Element;
+//# sourceMappingURL=useStoryLabel.d.ts.map

package/dist/hooks/useStoryLabel/useStoryLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoryLabel.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStoryLabel/useStoryLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,QAAQ,CAAA;CAAE,qBAahE"}