skillgrid 0.0.91-dev-68351-trigger-fixes.1802697 → 0.0.93

package/dist/components/Notification/NotificationControls.d.ts

@@ -0,0 +1,21 @@
+export type NotificationControlsProps = {
+    showClose: boolean;
+    showCopy: boolean;
+    closeAriaLabel: string;
+    copyAriaLabel: string;
+    iconSize?: number;
+    /** Порядок: close→copy (reference column) или copy→close (header). */
+    order?: 'close-first' | 'copy-first';
+    column?: boolean;
+    aside?: boolean;
+    className?: string;
+    dataTestId: string;
+    onClose: () => void;
+    onCopy?: () => void;
+};
+/**
+ * Кнопки close/copy уведомления.
+ *
+ * @param props - {@link NotificationControlsProps}
+ */
+export declare function NotificationControls({ showClose, showCopy, closeAriaLabel, copyAriaLabel, iconSize, order, column, aside, className, dataTestId, onClose, onCopy, }: NotificationControlsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Notification/NotificationControls.js

@@ -0,0 +1,70 @@
+import { jsx as t, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { clsx as C } from "clsx";
+import { CrossOutlined as g, CopyOutlined as j } from "../Icon/categories/general.js";
+import e from "./Notification.module.css.js";
+function $({
+  showClose: r,
+  showCopy: o,
+  closeAriaLabel: u,
+  copyAriaLabel: f,
+  iconSize: l = 16,
+  order: m = "copy-first",
+  column: p = !1,
+  aside: y = !1,
+  className: b,
+  dataTestId: n,
+  onClose: x,
+  onCopy: i
+}) {
+  if (!r && !o)
+    return null;
+  const s = r ? /* @__PURE__ */ t(
+    g,
+    {
+      as: "button",
+      type: "button",
+      iconSize: l,
+      mode: "tertiary",
+      style: "neutral",
+      padding: 4,
+      "aria-label": u,
+      "data-testid": `${n}-close`,
+      onClick: x
+    }
+  ) : null, a = o ? /* @__PURE__ */ t(
+    j,
+    {
+      as: "button",
+      type: "button",
+      iconSize: l,
+      mode: "tertiary",
+      style: "neutral",
+      padding: 6,
+      "aria-label": f,
+      "data-testid": `${n}-copy`,
+      disabled: !i,
+      onClick: i
+    }
+  ) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: C(
+        e.controls,
+        p && e.referenceControlsColumn,
+        y && e.referenceRootAside,
+        b
+      ),
+      children: m === "close-first" ? /* @__PURE__ */ c(d, { children: [
+        s,
+        a
+      ] }) : /* @__PURE__ */ c(d, { children: [
+        a,
+        s
+      ] })
+    }
+  );
+}
+export {
+  $ as NotificationControls
+};

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

@@ -0,0 +1,2 @@
+export { Notification } from './Notification';
+export type { NotificationPlatform, NotificationPrimaryAction, NotificationProps, NotificationSecondaryAction, NotificationStyle, NotificationWidth, } from './Notification.type';

package/dist/components/Notification/lib/guidelinesReferenceContent.d.ts

@@ -0,0 +1,34 @@
+/** Тексты и слоты пяти Figma guidelines instances (node 145:852861). */
+export declare const GUIDELINES_IMPORT_BODY = "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043E\u0442\u0447\u0435\u0442 \u043C\u043E\u0436\u043D\u043E \u0432 \u0440\u0430\u0437\u0434\u0435\u043B\u0435 \"\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0438\u043C\u043F\u043E\u0440\u0442\u043E\u0432\"";
+export declare const GUIDELINES_ACTION_PRIMARY: {
+    children: "Главное";
+};
+export declare const GUIDELINES_ACTION_SECONDARY: {
+    children: "Дополнительное";
+};
+export declare const GUIDELINES_LINK: {
+    children: "Подробнее";
+    as: "button";
+};
+/** Целевые размеры SRC-09 / AC-05 (subpixel допускается при QA). */
+export declare const GUIDELINES_REFERENCE_SIZES: readonly [{
+    readonly testId: "guideline-326-11573";
+    readonly width: 326;
+    readonly height: 115.73;
+}, {
+    readonly testId: "guideline-287-94925";
+    readonly width: 287;
+    readonly height: 94.925;
+}, {
+    readonly testId: "guideline-400-142";
+    readonly width: 400;
+    readonly height: 142;
+}, {
+    readonly testId: "guideline-287-70315";
+    readonly width: 287;
+    readonly height: 70.315;
+}, {
+    readonly testId: "guideline-326-8034";
+    readonly width: 326;
+    readonly height: 80.34;
+}];

package/dist/components/Notification/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { ASSERTIVE_NOTIFICATION_STYLES, NOTIFICATION_STYLE_CONFIG, } from './notificationStyleConfig';
+export type { NotificationStyleTokens } from './notificationStyleConfig';

package/dist/components/Notification/lib/notificationStyleConfig.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, ReactElement } from 'react';
+import { IconProps } from '../../Icon/Icon.type';
+import { NotificationStyle } from '../Notification.type';
+type NotificationIconComponent = (<E extends ElementType = 'button'>(props: Omit<IconProps<E>, 'icon'>) => ReactElement | null) & {
+    displayName?: string;
+};
+export type NotificationStyleTokens = {
+    icon: NotificationIconComponent;
+    iconColor: string;
+    iconBackground: string;
+    background: string;
+};
+export declare const NOTIFICATION_STYLE_CONFIG: Record<NotificationStyle, NotificationStyleTokens>;
+/** Стили с assertive live-region семантикой. */
+export declare const ASSERTIVE_NOTIFICATION_STYLES: NotificationStyle[];
+export {};

package/dist/components/Notification/lib/notificationStyleConfig.js

@@ -0,0 +1,41 @@
+import { CrossCircleOutlined as r, ExclamationCircleOutlined as a, ExclamationTriangleOutlined as n, CheckCircleOutlined as o, InfoCircleOutlined as i } from "../../Icon/categories/general.js";
+const c = {
+  neutral: {
+    icon: i,
+    iconColor: "var(--base-graphite-45)",
+    iconBackground: "var(--bg-secondary)",
+    background: "var(--bg-primary)"
+  },
+  positive: {
+    icon: o,
+    iconColor: "var(--base-green-55)",
+    iconBackground: "var(--bg-positive-secondary)",
+    background: "var(--bg-primary)"
+  },
+  warning: {
+    icon: n,
+    iconColor: "var(--base-orange-50)",
+    iconBackground: "var(--bg-warning-secondary)",
+    background: "var(--bg-primary)"
+  },
+  error: {
+    icon: a,
+    iconColor: "var(--base-red-55)",
+    iconBackground: "var(--bg-negative-secondary)",
+    background: "var(--bg-primary)"
+  },
+  negative: {
+    icon: r,
+    iconColor: "var(--base-red-55)",
+    iconBackground: "var(--bg-negative-secondary)",
+    background: "var(--bg-primary)"
+  }
+}, g = [
+  "warning",
+  "error",
+  "negative"
+];
+export {
+  g as ASSERTIVE_NOTIFICATION_STYLES,
+  c as NOTIFICATION_STYLE_CONFIG
+};

package/dist/components/Notification/lib/referenceGuidelinesGeometry.d.ts

@@ -0,0 +1,19 @@
+/** Ключи пяти Figma guidelines instances (SRC-09 / AC-05). */
+export type ReferenceGuidelinesGeometryKey = '326-11573' | '287-94925' | '400-142' | '287-70315' | '326-8034';
+/** Целевые width/height px — синхронны с Notification.module.css geometry modifiers. */
+export declare const REFERENCE_GUIDELINES_GEOMETRY_TARGETS: Record<ReferenceGuidelinesGeometryKey, {
+    width: number;
+    height: number;
+}>;
+export type ResolveReferenceGuidelinesGeometryInput = {
+    referenceComposition: boolean;
+    referenceGuidelinesScale?: 'desktop' | '326' | '287';
+    referenceControlsColumn?: boolean;
+    hasActions: boolean;
+    hasLink: boolean;
+};
+/**
+ * Определяет geometry modifier только для referenceComposition + referenceGuidelinesScale.
+ * Обычный Notification не затрагивается.
+ */
+export declare function resolveReferenceGuidelinesGeometry(input: ResolveReferenceGuidelinesGeometryInput): ReferenceGuidelinesGeometryKey | undefined;

package/dist/components/Notification/lib/referenceGuidelinesGeometry.js

@@ -0,0 +1,24 @@
+function f(i) {
+  const {
+    referenceComposition: o,
+    referenceGuidelinesScale: e,
+    referenceControlsColumn: t,
+    hasActions: r,
+    hasLink: n
+  } = i;
+  if (!(!o || !e)) {
+    if (e === "desktop")
+      return "400-142";
+    if (e === "326")
+      return t ? "326-8034" : r ? "326-11573" : void 0;
+    if (e === "287") {
+      if (n)
+        return "287-94925";
+      if (!r && !n)
+        return "287-70315";
+    }
+  }
+}
+export {
+  f as resolveReferenceGuidelinesGeometry
+};

package/dist/components/Notification/lib/referenceGuidelinesGeometry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Popover/lib/use-popover.js

@@ -1,7 +1,7 @@
 import { offset as G, flip as H, shift as V, inline as q, size as J, hide as K, useFloating as Q, autoUpdate as Z, useTransitionStyles as M, useClick as ee, useHover as te, useFocus as oe, useDismiss as ne, useRole as se, useInteractions as re } from "@floating-ui/react";
 import { useState as i, useMemo as v, useCallback as ce, useEffect as ae, useLayoutEffect as ie } from "react";
-import { useCompatId as S } from "../../../hooks/useCompatId.js";
 import { DEFAULT_FLOATING as le, hasMiddleware as fe } from "./utils.js";
+import { useCompatId as S } from "../../../hooks/useCompatId.js";
 const r = 8, ue = (c) => {
   switch (c.split("-")[0]) {
     case "top":

package/dist/components/Tabs/ScrollWrapper.js

@@ -1,8 +1,8 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { useRef as W, useState as g, useEffect as w } from "react";
-import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 import { clsx as a } from "clsx";
 import e from "./ScrollWrapper.module.css.js";
+import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 const B = "white", G = ({
   children: b,
   withControls: i = !0,

package/dist/components/Tabs/Tabs.js

@@ -1,10 +1,10 @@
 import { jsx as l, jsxs as w } from "react/jsx-runtime";
 import F, { useState as U, createContext as V, useContext as M } from "react";
 import { ScrollWrapper as R } from "./ScrollWrapper.js";
-import { useIsMobile as j } from "../../hooks/useIsMobile.js";
 import { clsx as p } from "clsx";
 import f from "../../styles/typography.module.css.js";
 import a from "./Tabs.module.css.js";
+import { useIsMobile as j } from "../../hooks/useIsMobile.js";
 import { Badge as k } from "../Badge/Badge.js";
 const G = "md", W = !1, Y = !1, Z = 8, z = "top-right-inside", P = V(null), h = () => {
   const t = M(P);

package/dist/components/Trigger/Trigger.d.ts

@@ -2,4 +2,4 @@ import { TriggerCommonProps } from './Trigger.type';
 /**
  Component Trigger
  */
-export declare const Trigger: ({ "data-testid": testId, content, size, description, label, stretched, truncateContent: contentTruncation, selectionStyle, clearable, showClear, showChevron, error, prefixIcon, postfixTitle, disabled, open, onClear, classNames, styles, }: TriggerCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trigger: ({ content, size, description, label, stretched, selectionStyle, clearable, error, prefixIcon, postfixTitle, disabled, open, onClear, classNames, styles, }: TriggerCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Trigger/Trigger.js

@@ -1,140 +1,134 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
 import { clsx as n } from "clsx";
-import { LabelState as H } from "./Trigger.type.js";
-import t from "./Trigger.module.css.js";
-import { getLabelState as V, getLabelTypographySize as Y, truncateContent as Z, getContentTypographySize as E, getIconSize as X } from "./lib/utils.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { XIcon as _ } from "../InputBase/assets/XIcon.js";
-import { ChevronIcon as tt } from "./assets/ChevronIcon.js";
-import { Helper as rt } from "../Helper/Helper.js";
-const pt = ({
-  "data-testid": j = "trigger",
-  content: p,
+import { LabelState as W } from "./Trigger.type.js";
+import r from "./Trigger.module.css.js";
+import { getLabelState as K, getLabelTypographySize as M, truncateContent as Q, getContentTypographySize as H, getIconSize as E } from "./lib/utils.js";
+import { Typography as v } from "../Typography/Typography.js";
+import { XIcon as R } from "../InputBase/assets/XIcon.js";
+import { ChevronIcon as U } from "./assets/ChevronIcon.js";
+import { Helper as V } from "../Helper/Helper.js";
+const cr = ({
+  content: d,
   size: i = "XL",
-  description: I,
-  label: v,
-  stretched: h = !1,
-  truncateContent: z = !0,
-  selectionStyle: x = "selected",
-  clearable: A = !1,
-  showClear: D,
-  showChevron: F,
-  error: d,
-  prefixIcon: u,
-  postfixTitle: b,
+  description: u,
+  label: N,
+  stretched: C = !1,
+  selectionStyle: s = "selected",
+  clearable: m = !1,
+  error: f,
+  prefixIcon: S,
+  postfixTitle: L,
   disabled: o = !1,
-  open: N,
-  onClear: m,
-  classNames: r = {},
+  open: p,
+  onClear: I,
+  classNames: t = {},
   styles: e = {}
 }) => {
-  const c = !!p, S = !!v, g = !!d, L = x === "applied", w = D ?? (c && (L || A)), W = F ?? !w, k = !!I && (!g || o) || g && !o, G = (g && !o ? d : I) || "", l = g && !o, T = V(i, c), s = S && T === H.FLOATING, O = T === H.HIDDEN, P = n(
-    t["trigger-wrapper"],
-    { [t["trigger-stretched"]]: h },
-    r.wrapper
-  ), $ = n(
-    t["trigger-container"],
-    t[`trigger-container-size-${i}`],
+  const g = !!d, b = !!N, c = !!f, w = s === "applied", O = !!u && (!c || o) || c && !o, X = (c && !o ? f : u) || "", h = c && !o, T = K(i, g), l = b && T === W.FLOATING, j = T === W.HIDDEN, z = n(
+    r["trigger-wrapper"],
+    { [r["trigger-stretched"]]: C },
+    t.wrapper
+  ), A = n(
+    r["trigger-container"],
+    r[`trigger-container-size-${i}`],
     {
-      [t["trigger-stretched"]]: h,
-      [t["trigger-container-applied"]]: L && c,
-      [t["trigger-container-error"]]: g && !o,
-      [t["trigger-container-open"]]: N,
-      [t["trigger-container-floating"]]: s
+      [r["trigger-stretched"]]: C,
+      [r["trigger-container-applied"]]: w && g,
+      [r["trigger-container-error"]]: c && !o,
+      [r["trigger-container-open"]]: p,
+      [r["trigger-container-floating"]]: l
     },
-    r.triggerContainer
-  ), q = n(
-    t["trigger-content-container"],
+    t.triggerContainer
+  ), D = n(
+    r["trigger-content-container"],
     {
-      [t["trigger-content-container-floating"]]: s
+      [r["trigger-content-container-floating"]]: l
     },
-    r.triggerContent
-  ), B = n(
-    t["trigger-label"],
+    t.triggerContent
+  ), F = n(
+    r["trigger-label"],
     {
-      [t["trigger-label-floating"]]: s,
-      [t["trigger-label-hidden"]]: O
+      [r["trigger-label-floating"]]: l,
+      [r["trigger-label-hidden"]]: j
     },
-    r.label
-  ), J = n(t["trigger-content"], r.content), K = n(t["trigger-postfix"], r.postfixTitle), M = n(t["trigger-chevron-icon"], r.chevronIcon), Q = n(
-    t["trigger-prefix-icon"],
-    r.prefixIconContainer
-  ), R = n(t["trigger-clear-icon"], r.clearIcon), U = (C) => {
-    C == null || C.stopPropagation(), m == null || m();
-  };
-  return /* @__PURE__ */ f("div", { className: P, style: e.wrapper, children: [
-    /* @__PURE__ */ f(
+    t.label
+  ), k = n(r["trigger-content"], t.content), G = n(r["trigger-postfix"], t.postfixTitle), P = n(r["trigger-chevron-icon"], t.chevronIcon), $ = n(
+    r["trigger-prefix-icon"],
+    t.prefixIconContainer
+  ), q = n(r["trigger-clear-icon"], t.clearIcon), B = (x) => {
+    x == null || x.stopPropagation(), I == null || I();
+  }, J = g && p && (s === "selected" && m || s === "applied") || g && !p && (w || s === "selected" && m);
+  return /* @__PURE__ */ y("div", { className: z, style: e.wrapper, children: [
+    /* @__PURE__ */ y(
       "button",
       {
-        "data-testid": j,
-        "aria-invalid": g,
+        "data-testid": "trigger",
+        "aria-invalid": c,
         "aria-haspopup": "listbox",
-        "aria-expanded": N,
+        "aria-expanded": p,
         role: "combobox",
-        className: $,
+        className: A,
         style: e.triggerContainer,
         disabled: o,
         type: "button",
         children: [
-          u && i !== "XL" && /* @__PURE__ */ a("div", { className: Q, style: e.prefixIconContainer, children: u }),
-          /* @__PURE__ */ f("div", { className: q, style: e.triggerContent, children: [
-            S && /* @__PURE__ */ a(
-              y.Label,
+          S && i !== "XL" && /* @__PURE__ */ a("div", { className: $, style: e.prefixIconContainer, children: S }),
+          /* @__PURE__ */ y("div", { className: D, style: e.triggerContent, children: [
+            b && /* @__PURE__ */ a(
+              v.Label,
               {
                 "data-testid": "trigger-label",
-                className: B,
+                className: F,
                 style: e.label,
-                size: Y(i, s),
+                size: M(i, l),
                 as: "span",
                 disabled: o,
-                typographyStyle: s ? "secondary" : "tertiary",
-                children: v
+                typographyStyle: l ? "secondary" : "tertiary",
+                children: N
               }
             ),
-            c && /* @__PURE__ */ a(
-              y.Label,
+            g && /* @__PURE__ */ a(
+              v.Label,
               {
                 "data-testid": "trigger-content-container",
-                className: J,
+                className: k,
                 style: e.content,
-                size: E(i),
+                size: H(i),
                 as: "span",
                 disabled: o,
-                children: h ? p : Z(p, z)
+                children: C ? d : Q(d)
               }
             ),
-            c && !!b && /* @__PURE__ */ a(
-              y.Label,
+            g && !!L && /* @__PURE__ */ a(
+              v.Label,
               {
                 "data-testid": "trigger-postfix",
-                className: K,
+                className: G,
                 style: e.postfixTitle,
-                size: E(i),
+                size: H(i),
                 disabled: o,
                 typographyStyle: "secondary",
-                fontWeight: "medium",
-                children: b
+                children: L
               }
             )
           ] }),
-          w && /* @__PURE__ */ a(
-            _,
+          J ? /* @__PURE__ */ a(
+            R,
             {
-              className: R,
+              className: q,
               "data-testid": "trigger-clear",
-              size: X(i),
+              size: E(i),
               tabIndex: -1,
-              onClick: U,
+              onClick: B,
               style: { outline: "none", ...e.clearIcon },
-              color: x === "selected" ? "var(--icon-tertiary)" : void 0
+              color: s === "selected" && m ? "var(--icon-tertiary)" : void 0
             }
-          ),
-          W && /* @__PURE__ */ a(
-            tt,
+          ) : /* @__PURE__ */ a(
+            U,
             {
               "data-testid": "trigger-chevron",
-              size: X(i),
-              className: M,
+              size: E(i),
+              className: P,
               color: "var(--icon-tertiary)",
               style: e.chevronIcon
             }
@@ -142,19 +136,19 @@ const pt = ({
         ]
       }
     ),
-    k && /* @__PURE__ */ a(
-      rt,
+    O && /* @__PURE__ */ a(
+      V,
       {
-        title: G,
-        error: l ? d : void 0,
-        className: l ? r.error : r.description,
-        style: l ? e.error : e.description,
+        title: X,
+        error: h ? f : void 0,
+        className: h ? t.error : t.description,
+        style: h ? e.error : e.description,
         disabled: o,
-        "data-testid": l ? "trigger-error" : "trigger-description"
+        "data-testid": h ? "trigger-error" : "trigger-description"
       }
     )
   ] });
 };
 export {
-  pt as Trigger
+  cr as Trigger
 };

package/dist/components/Trigger/Trigger.module.css.js

@@ -1,26 +1,26 @@
-import '../../assets/components/Trigger/Trigger.module-Dc9gMp3_.css';const r = {
-  "trigger-wrapper": "_trigger-wrapper_zp1ok_74",
-  "trigger-container": "_trigger-container_zp1ok_80",
-  "trigger-container-applied": "_trigger-container-applied_zp1ok_103",
-  "trigger-container-open": "_trigger-container-open_zp1ok_108",
-  "trigger-container-error": "_trigger-container-error_zp1ok_119",
-  "trigger-container-size-XS": "_trigger-container-size-XS_zp1ok_131",
-  "trigger-container-size-S": "_trigger-container-size-S_zp1ok_141",
-  "trigger-container-size-M": "_trigger-container-size-M_zp1ok_147",
-  "trigger-container-size-L": "_trigger-container-size-L_zp1ok_153",
-  "trigger-container-size-XL": "_trigger-container-size-XL_zp1ok_161",
-  "trigger-container-floating": "_trigger-container-floating_zp1ok_167",
-  "trigger-stretched": "_trigger-stretched_zp1ok_172",
-  "trigger-content-container": "_trigger-content-container_zp1ok_176",
-  "trigger-content-container-floating": "_trigger-content-container-floating_zp1ok_185",
-  "trigger-label": "_trigger-label_zp1ok_190",
-  "trigger-label-floating": "_trigger-label-floating_zp1ok_197",
-  "trigger-label-hidden": "_trigger-label-hidden_zp1ok_209",
-  "trigger-content": "_trigger-content_zp1ok_176",
-  "trigger-prefix-icon": "_trigger-prefix-icon_zp1ok_223",
-  "trigger-chevron-icon": "_trigger-chevron-icon_zp1ok_228",
-  "trigger-clear-icon": "_trigger-clear-icon_zp1ok_244",
-  "trigger-postfix": "_trigger-postfix_zp1ok_260"
+import '../../assets/components/Trigger/Trigger.module-BWzHgDVC.css';const r = {
+  "trigger-wrapper": "_trigger-wrapper_1vv90_77",
+  "trigger-container": "_trigger-container_1vv90_83",
+  "trigger-container-applied": "_trigger-container-applied_1vv90_106",
+  "trigger-container-open": "_trigger-container-open_1vv90_111",
+  "trigger-container-error": "_trigger-container-error_1vv90_122",
+  "trigger-container-size-XS": "_trigger-container-size-XS_1vv90_134",
+  "trigger-container-size-S": "_trigger-container-size-S_1vv90_144",
+  "trigger-container-size-M": "_trigger-container-size-M_1vv90_150",
+  "trigger-container-size-L": "_trigger-container-size-L_1vv90_156",
+  "trigger-container-size-XL": "_trigger-container-size-XL_1vv90_164",
+  "trigger-container-floating": "_trigger-container-floating_1vv90_170",
+  "trigger-stretched": "_trigger-stretched_1vv90_175",
+  "trigger-content-container": "_trigger-content-container_1vv90_179",
+  "trigger-content-container-floating": "_trigger-content-container-floating_1vv90_189",
+  "trigger-label": "_trigger-label_1vv90_194",
+  "trigger-label-floating": "_trigger-label-floating_1vv90_201",
+  "trigger-label-hidden": "_trigger-label-hidden_1vv90_213",
+  "trigger-content": "_trigger-content_1vv90_179",
+  "trigger-prefix-icon": "_trigger-prefix-icon_1vv90_227",
+  "trigger-chevron-icon": "_trigger-chevron-icon_1vv90_232",
+  "trigger-clear-icon": "_trigger-clear-icon_1vv90_248",
+  "trigger-postfix": "_trigger-postfix_1vv90_264"
 };
 export {
   r as default

package/dist/components/Trigger/Trigger.type.d.ts

@@ -15,8 +15,6 @@ export declare enum LabelState {
  * Основные пропсы компонента Trigger
  */
 export type TriggerCommonProps = {
-    /** Идентификатор кнопки триггера для тестов */
-    'data-testid'?: string;
     /** Состояние триггера  */
     open: boolean;
     /** Контент, отображаемый в триггере */
@@ -29,19 +27,10 @@ export type TriggerCommonProps = {
     description?: string;
     /** Растянуть компонент на всю ширину */
     stretched?: boolean;
-    /** Обрезка content: false — отключить, true (по умолчанию) — 30 символов, число — свой лимит.
-     * При stretched=true обрезка отключена. Дробный лимит округляется вниз;
-     * отрицательный или не конечный лимит заменяется на 30.
-     */
-    truncateContent?: number | boolean;
     /** Стиль выделения: 'selected' - обычное состояние, 'applied' - применённое с возможностью очистки */
     selectionStyle?: 'selected' | 'applied';
-    /** Показывать иконку очистки при наличии контента и selectionStyle = 'selected' */
+    /** Показывать ли иконку очистки (XIcon) при selectionStyle = 'selected' */
     clearable?: boolean;
-    /** Показывать ли иконку очистки. Если не задано, определяется по content, selectionStyle и clearable. */
-    showClear?: boolean;
-    /** Показывать ли шеврон. Если не задано, отображается при отсутствии иконки очистки. */
-    showChevron?: boolean;
     /** Иконка перед контентом */
     prefixIcon?: ReactNode;
     /** Текст после контента */
@@ -50,7 +39,7 @@ export type TriggerCommonProps = {
     error?: string;
     /** Дизейбл компонент */
     disabled?: boolean;
-    /** Обработчик очистки поля (вызывается при клике на иконку очистки) */
+    /** Обработчик очистки поля (вызывается при клике на X-иконку в режиме 'applied') */
     onClear?: () => void;
     /**
      * Дополнительные классы для:

package/dist/components/Trigger/lib/utils.d.ts

@@ -21,10 +21,9 @@ export declare const getContentTypographySize: (size: TriggerSize) => Typography
  */
 export declare const getIconSize: (size: TriggerSize) => "xs" | "sm";
 /**
- * Обрезает текст content по заданному лимиту (по умолчанию 30 символов)
+ * Обрезает текст content если он превышает 30 символов
  *
  * @param content - текст для обрезки
- * @param limit - false отключает обрезку, true задаёт лимит 30, число — свой лимит
  * @returns обрезанный текст с многоточием или исходный текст
  */
-export declare const truncateContent: (content: string, limit?: number | boolean) => string;
+export declare const truncateContent: (content: string) => string;