@alphakits/ui 2.0.8 → 2.0.11

package/dist/badge/index.module.css

@@ -1 +1 @@
-:root{--badge-icon-bg-color: var(--color-bg-primary)}.component_ZLNa{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:99px;overflow:hidden}.accent_i-f-{background-color:var(--color-bg-accent);color:var(--color-text-primary-inverted)}.secondary_TJV0{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.green_zrgX{background-color:color-mix(in srgb,var(--color-graphic-positive) 16%,transparent);color:var(--color-graphic-positive)}.orange_lX9C{background-color:color-mix(in srgb,var(--color-graphic-attention) 16%,transparent);color:var(--color-graphic-attention)}.red_d9v3{background-color:color-mix(in srgb,var(--color-graphic-negative) 16%,transparent);color:var(--color-graphic-negative)}.blue_-KAO{background-color:color-mix(in srgb,var(--color-graphic-accent) 16%,transparent);color:var(--color-graphic-accent)}.grey_HcST{background-color:color-mix(in srgb,var(--color-graphic-secondary) 16%,transparent);color:var(--color-graphic-secondary)}.teal_F3BI{background-color:color-mix(in srgb,var(--color-status-teal) 16%,transparent);color:var(--color-status-teal)}.purple_A2pW{background-color:color-mix(in srgb,var(--color-status-purple) 16%,transparent);color:var(--color-status-purple)}.s_VUGf{font-size:11px;line-height:13px;font-weight:500;font-family:var(--font-family);height:16px;min-width:16px;padding:0 var(--gap-xs)}.m_vUD5{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:20px;min-width:20px;padding:0 var(--gap-xs)}.l_Qq57{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:24px;min-width:24px;padding:0 var(--gap-xs)}.circle_uaS5{padding:0;border-radius:var(--radius-circle)}.icon_AmgA{height:auto;min-width:0;padding:0;color:var(--color-graphic-positive);background-color:transparent}.icon_AmgA.positive_nd8h{color:var(--color-graphic-positive)}.icon_AmgA.attention_gK6W{color:var(--color-graphic-attention)}.icon_AmgA.negative_Q3IO{color:var(--color-graphic-negative)}.icon_AmgA.tertiary_PJi6{color:var(--color-graphic-tertiary)}.icon_AmgA.secondary_TJV0{color:var(--color-graphic-secondary)}.icon_AmgA.primary_6z3n{color:var(--color-graphic-primary)}.icon_AmgA:before{position:absolute;z-index:-1;inset:16%;background-color:var(--badge-icon-bg-color);border-radius:99px;content:""}.outline_59f8:before{inset:0}.dot_m71m{width:8px;height:8px;min-width:0;padding:0}.isHidden_wpIC{display:none}.count_UWIM{height:auto}
+:root{--badge-icon-bg-color: var(--color-bg-primary)}.component_ZLNa{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:99px;overflow:hidden}.accent_i-f-{background-color:var(--color-bg-accent);color:var(--color-text-primary-inverted)}.secondary_TJV0{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.green_zrgX{background-color:color-mix(in srgb,var(--color-graphic-positive) 16%,transparent);color:var(--color-graphic-positive)}.orange_lX9C{background-color:color-mix(in srgb,var(--color-graphic-attention) 16%,transparent);color:var(--color-graphic-attention)}.red_d9v3{background-color:color-mix(in srgb,var(--color-graphic-negative) 16%,transparent);color:var(--color-graphic-negative)}.blue_-KAO{background-color:color-mix(in srgb,var(--color-graphic-accent) 16%,transparent);color:var(--color-graphic-accent)}.grey_HcST{background-color:color-mix(in srgb,var(--color-graphic-secondary) 16%,transparent);color:var(--color-graphic-secondary)}.teal_F3BI{background-color:color-mix(in srgb,var(--color-status-teal) 16%,transparent);color:var(--color-status-teal)}.purple_A2pW{background-color:color-mix(in srgb,var(--color-status-purple) 16%,transparent);color:var(--color-status-purple)}.s_VUGf{font-size:11px;line-height:13px;font-weight:500;font-family:var(--font-family);height:16px;min-width:16px;padding:0 var(--gap-xs)}.m_vUD5{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:20px;min-width:20px;padding:0 var(--gap-xs)}.l_Qq57{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:24px;min-width:24px;padding:0 var(--gap-xs)}.circle_uaS5{padding:0;border-radius:var(--radius-circle)}.icon_AmgA{height:auto;min-width:0;padding:0;color:var(--color-graphic-positive);background-color:transparent}.icon_AmgA.positive_nd8h{color:var(--color-graphic-positive)}.icon_AmgA.attention_gK6W{color:var(--color-graphic-attention)}.icon_AmgA.negative_Q3IO{color:var(--color-graphic-negative)}.icon_AmgA.tertiary_PJi6{color:var(--color-graphic-tertiary)}.icon_AmgA.secondary_TJV0{color:var(--color-graphic-secondary)}.icon_AmgA.primary_6z3n{color:var(--color-graphic-primary)}.icon_AmgA:before{position:absolute;z-index:-1;inset:16%;background-color:var(--badge-icon-bg-color);border-radius:99px;content:""}.outline_59f8:before{inset:0}.dot_m71m{width:8px;height:8px;min-width:0;padding:0}.isHidden_wpIC{display:none}

package/dist/badge/index.module.css.js

@@ -1,5 +1,5 @@
 import './index.module.css';
-const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_zrgX", c = "orange_lX9C", s = "red_d9v3", i = "blue_-KAO", r = "grey_HcST", a = "teal_F3BI", _ = "purple_A2pW", l = "s_VUGf", d = "m_vUD5", p = "l_Qq57", g = "circle_uaS5", u = "icon_AmgA", y = "positive_nd8h", m = "attention_gK6W", v = "negative_Q3IO", f = "tertiary_PJi6", A = "primary_6z3n", H = "outline_59f8", I = "dot_m71m", b = "isHidden_wpIC", U = "count_UWIM", W = {
+const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_zrgX", c = "orange_lX9C", s = "red_d9v3", i = "blue_-KAO", r = "grey_HcST", a = "teal_F3BI", _ = "purple_A2pW", l = "s_VUGf", d = "m_vUD5", p = "l_Qq57", g = "circle_uaS5", y = "icon_AmgA", m = "positive_nd8h", u = "attention_gK6W", v = "negative_Q3IO", f = "tertiary_PJi6", A = "primary_6z3n", H = "outline_59f8", b = "dot_m71m", I = "isHidden_wpIC", z = {
   component: t,
   accent: n,
   secondary: e,
@@ -14,36 +14,34 @@ const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_
   m: d,
   l: p,
   circle: g,
-  icon: u,
-  positive: y,
-  attention: m,
+  icon: y,
+  positive: m,
+  attention: u,
   negative: v,
   tertiary: f,
   primary: A,
   outline: H,
-  dot: I,
-  isHidden: b,
-  count: U
+  dot: b,
+  isHidden: I
 };
 export {
   n as accent,
-  m as attention,
+  u as attention,
   i as blue,
   g as circle,
   t as component,
-  U as count,
-  W as default,
-  I as dot,
+  z as default,
+  b as dot,
   o as green,
   r as grey,
-  u as icon,
-  b as isHidden,
+  y as icon,
+  I as isHidden,
   p as l,
   d as m,
   v as negative,
   c as orange,
   H as outline,
-  y as positive,
+  m as positive,
   A as primary,
   _ as purple,
   s as red,

package/dist/badge/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/filter-tag/index.module.css

@@ -1 +1 @@
-.component_1UiS{--filter-tag-tone: var(--color-graphic-accent);--filter-tag-bg: var(--color-bg-primary);--filter-tag-border: color-mix(in srgb, var(--color-border-secondary), transparent 45%);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 18%, transparent);display:inline-flex;align-items:center;gap:var(--gap-xs);height:36px;padding:0 var(--gap-s);border-radius:var(--radius-s);border:1px solid var(--filter-tag-border);background:var(--filter-tag-bg);color:var(--filter-tag-tone);white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.component_1UiS:hover{background:color-mix(in srgb,var(--filter-tag-bg),var(--filter-tag-tone) 3%)}.label_v7es{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0}.badge_OoFI{background:var(--filter-tag-badge-bg)!important;color:var(--filter-tag-tone)!important;font-weight:600}.active_psQR{--filter-tag-bg: color-mix(in srgb, var(--filter-tag-tone) 13%, var(--color-bg-primary));--filter-tag-border: color-mix(in srgb, var(--filter-tag-tone) 62%, transparent);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 23%, transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--filter-tag-tone) 22%,transparent)}.green_PTzr{--filter-tag-tone: var(--color-graphic-positive)}.orange_UyUe{--filter-tag-tone: var(--color-graphic-attention)}.red_Vd6j{--filter-tag-tone: var(--color-graphic-negative)}.blue_L0Zl{--filter-tag-tone: var(--color-graphic-accent)}.grey_23r0{--filter-tag-tone: var(--color-graphic-secondary)}.teal_nwCD{--filter-tag-tone: var(--color-status-teal)}.purple_LawE{--filter-tag-tone: var(--color-status-purple)}
+.component_1UiS{--filter-tag-tone: var(--color-graphic-accent);--filter-tag-bg: var(--color-bg-primary);--filter-tag-border: color-mix(in srgb, var(--color-border-secondary), transparent 45%);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 18%, transparent);display:inline-flex;align-items:center;gap:var(--gap-xs);height:36px;padding:0 var(--gap-s);border-radius:var(--radius-s);border:1px solid var(--filter-tag-border);background:var(--filter-tag-bg);color:var(--filter-tag-tone);white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.component_1UiS:hover{background:color-mix(in srgb,var(--filter-tag-bg),var(--filter-tag-tone) 3%)}.label_v7es{font-size:13px;line-height:20px;font-weight:500;letter-spacing:0}.badge_OoFI{background:var(--filter-tag-badge-bg)!important;color:var(--filter-tag-tone)!important;font-weight:600}.active_psQR{--filter-tag-bg: color-mix(in srgb, var(--filter-tag-tone) 13%, var(--color-bg-primary));--filter-tag-border: color-mix(in srgb, var(--filter-tag-tone) 62%, transparent);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 23%, transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--filter-tag-tone) 22%,transparent)}.green_PTzr{--filter-tag-tone: var(--color-graphic-positive)}.orange_UyUe{--filter-tag-tone: var(--color-graphic-attention)}.red_Vd6j{--filter-tag-tone: var(--color-graphic-negative)}.blue_L0Zl{--filter-tag-tone: var(--color-graphic-accent)}.grey_23r0{--filter-tag-tone: var(--color-graphic-secondary)}.teal_nwCD{--filter-tag-tone: var(--color-status-teal)}.purple_LawE{--filter-tag-tone: var(--color-status-purple)}

package/dist/header-search/component.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export type Props = {
     placeholder: string;
     value?: string;
+    v2?: boolean;
     onChange: (value: string) => void;
     onClear: () => void;
 };

package/dist/header-search/component.js

@@ -1,36 +1,38 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import p from "@alphakits/icons/dist/CloseS";
-import c from "@alphakits/icons/dist/SearchM";
-import { Button as a } from "../button/component.js";
-import e from "./index.module.css.js";
-const x = ({
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import c from "@alphakits/icons/dist/CloseS";
+import a from "@alphakits/icons/dist/SearchM";
+import f from "classnames";
+import { Button as h } from "../button/component.js";
+import r from "./index.module.css.js";
+const _ = ({
   value: t,
-  placeholder: r,
-  onChange: n,
-  onClear: m
-}) => /* @__PURE__ */ i("div", { className: e.input, children: [
-  /* @__PURE__ */ o(c, {}),
+  placeholder: e,
+  v2: n,
+  onChange: m,
+  onClear: i
+}) => /* @__PURE__ */ s("div", { className: f(r.input, { [r.input_v2]: n }), children: [
+  /* @__PURE__ */ o(a, {}),
   /* @__PURE__ */ o(
     "input",
     {
       autoComplete: "none",
       value: t,
-      onChange: (s) => n(s.target.value),
-      placeholder: r,
+      onChange: (p) => m(p.target.value),
+      placeholder: e,
       type: "text"
     }
   ),
   !!(t != null && t.length) && /* @__PURE__ */ o(
-    a,
+    h,
     {
-      className: e.input_clear_btn,
-      leftAddons: /* @__PURE__ */ o(p, {}),
+      className: r.input_clear_btn,
+      leftAddons: /* @__PURE__ */ o(c, {}),
       view: "ghost",
-      onClick: () => m()
+      onClick: () => i()
     }
   )
 ] });
 export {
-  x as HeaderSearch
+  _ as HeaderSearch
 };
 //# sourceMappingURL=component.js.map

package/dist/header-search/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, onChange, onClear,\n}) => (\n    <div className={ styles.input }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","onChange","onClear","jsxs","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;AAeO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,UAAAC;AAAA,EAAU,SAAAC;AAClC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,OAEpB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAN;AAAA,MACA,UAAW,CAACQ,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAP;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAM;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMP,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}
+{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    v2?: boolean;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, v2, onChange, onClear,\n}) => (\n    <div className={ cn(styles.input, { [styles.input_v2]: v2 }) }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","v2","onChange","onClear","jsxs","cn","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;;AAiBO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,IAAAC;AAAA,EAAI,UAAAC;AAAA,EAAU,SAAAC;AACtC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,OAAO,EAAE,CAACA,EAAO,QAAQ,GAAGL,EAAA,CAAI,GAEvD,UAAA;AAAA,EAAA,gBAAAM,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAR;AAAA,MACA,UAAW,CAACU,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAT;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAQ;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMR,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}

package/dist/header-search/index.module.css

@@ -1 +1 @@
-.input_GzLW{display:flex;align-items:center;position:relative;width:328px}.input_GzLW input{border:none;outline:none;padding-left:32px;height:32px;width:100%;background:transparent;color:var(--color-text-primary)}.input_GzLW input::placeholder{font-size:12px;font-weight:500;color:var(--color-graphic-thirdly)}.input_GzLW svg{position:absolute;pointer-events:none;color:var(--color-graphic-thirdly)}.input_GzLW::placeholder{color:var(--color-graphic-thirdly);opacity:1}.input_GzLW::-ms-input-placeholder{color:var(--color-graphic-thirdly)}.input_clear_btn_5EYN{position:absolute;right:24px;width:24px!important;height:24px!important}
+.input_GzLW{display:flex;align-items:center;position:relative;width:328px}.input_GzLW input{border:none;outline:none;padding-left:32px;height:32px;width:100%;background:transparent;color:var(--color-text-primary)}.input_GzLW input::placeholder{font-size:12px;font-weight:500;color:var(--color-graphic-thirdly)}.input_GzLW svg{position:absolute;pointer-events:none;color:var(--color-graphic-thirdly)}.input_GzLW::placeholder{color:var(--color-graphic-thirdly);opacity:1}.input_GzLW::-ms-input-placeholder{color:var(--color-graphic-thirdly)}.input_clear_btn_5EYN{position:absolute;right:24px;width:24px!important;height:24px!important}.input_v2_mKLY{height:36px;padding:0 12px 0 36px;border:1px solid var(--color-border-secondary);border-radius:8px;background:var(--color-bg-primary);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input_v2_mKLY:focus-within{border-color:var(--color-border-link, var(--color-graphic-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-graphic-accent) 16%,transparent)}.input_v2_mKLY input{padding:0;height:100%;font-size:14px}.input_v2_mKLY input::placeholder{font-size:13px}.input_v2_mKLY svg{left:12px;width:16px}.input_v2_mKLY .input_clear_btn_5EYN{right:8px;min-width:24px!important}

package/dist/header-search/index.module.css.js

@@ -1,11 +1,13 @@
 import './index.module.css';
-const t = "input_GzLW", n = "input_clear_btn_5EYN", _ = {
+const t = "input_GzLW", n = "input_clear_btn_5EYN", _ = "input_v2_mKLY", p = {
   input: t,
-  input_clear_btn: n
+  input_clear_btn: n,
+  input_v2: _
 };
 export {
-  _ as default,
+  p as default,
   t as input,
-  n as input_clear_btn
+  n as input_clear_btn,
+  _ as input_v2
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/header-search/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/status/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.component_ow7A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--gap-s);border-radius:4px;text-align:center;white-space:nowrap}.component_ow7A:empty{padding:0;border-radius:var(--radius-circle)}.upper_case_qm11{text-transform:uppercase}.m_oJfG{height:36px;gap:8px}.s_caYR{gap:4px;height:22px!important;padding:0 8px!important}.s_caYR svg{width:12px}.soft_BdoF{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;font-weight:600;padding:0 var(--gap-s);border-radius:9999px;border:1px solid transparent;color:var(--soft-fg, currentColor);background:var(--soft-bg, transparent)}.soft_BdoF svg{margin-left:-2px}.soft_BdoF.green_KVuF{--soft-fg: var(--color-graphic-positive);--soft-bg: color-mix(in srgb, var(--color-graphic-positive) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-positive) 28%,transparent)}.soft_BdoF.orange_RhVj{--soft-fg: var(--color-graphic-attention);--soft-bg: color-mix(in srgb, var(--color-graphic-attention) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-attention) 28%,transparent)}.soft_BdoF.red_tLzK{--soft-fg: var(--color-graphic-negative);--soft-bg: color-mix(in srgb, var(--color-graphic-negative) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-negative) 28%,transparent)}.soft_BdoF.blue_Z-Cc{--soft-fg: var(--color-graphic-accent);--soft-bg: color-mix(in srgb, var(--color-graphic-accent) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-accent) 28%,transparent)}.soft_BdoF.grey_0taE{--soft-fg: var(--color-graphic-secondary);--soft-bg: color-mix(in srgb, var(--color-graphic-secondary) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-secondary) 28%,transparent)}.soft_BdoF.teal_wjFj{--soft-fg: var(--color-status-teal);--soft-bg: color-mix(in srgb, var(--color-status-teal) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-teal) 28%,transparent)}.soft_BdoF.purple_xJsv{--soft-fg: var(--color-status-purple);--soft-bg: color-mix(in srgb, var(--color-status-purple) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-purple) 28%,transparent)}@supports not (background: color-mix(in srgb,white 10%,black)){.soft_BdoF.green_KVuF{background:rgba(var(--rgb-positive, 22, 101, 52),.12);border-color:rgba(var(--rgb-positive, 22,101,52),.28)}.soft_BdoF.orange_RhVj{background:rgba(var(--rgb-attention, 161, 98, 7),.12);border-color:rgba(var(--rgb-attention,161,98,7),.28)}.soft_BdoF.red_tLzK{background:rgba(var(--rgb-negative, 220, 38, 38),.12);border-color:rgba(var(--rgb-negative,220,38,38),.28)}.soft_BdoF.blue_Z-Cc{background:rgba(var(--rgb-accent, 30, 64, 175),.12);border-color:rgba(var(--rgb-accent,30,64,175),.28)}.soft_BdoF.grey_0taE{background:rgba(var(--rgb-secondary, 107, 114, 128),.12);border-color:rgba(var(--rgb-secondary,107,114,128),.28)}.soft_BdoF.teal_wjFj{background:rgba(var(--rgb-teal, 13, 148, 136),.12);border-color:rgba(var(--rgb-teal,13,148,136),.28)}.soft_BdoF.purple_xJsv{background:rgba(var(--rgb-purple, 107, 33, 168),.12);border-color:rgba(var(--rgb-purple,107,33,168),.28)}}.contrast_Y6fK{color:#fff}.contrast_Y6fK.green_KVuF{background:var(--color-graphic-positive)}.contrast_Y6fK.orange_RhVj{background:var(--color-graphic-attention)}.contrast_Y6fK.red_tLzK{background:var(--color-graphic-negative)}.contrast_Y6fK.blue_Z-Cc{background:var(--color-graphic-accent)}.contrast_Y6fK.grey_0taE{background:var(--color-graphic-secondary)}.contrast_Y6fK.teal_wjFj{background:var(--color-status-teal)}.contrast_Y6fK.purple_xJsv{background:var(--color-status-purple)}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.component_ow7A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--gap-s);border-radius:4px;text-align:center;white-space:nowrap}.component_ow7A:empty{padding:0;border-radius:var(--radius-circle)}.upper_case_qm11{text-transform:uppercase}.m_oJfG{height:36px;gap:8px}.s_caYR{gap:4px;height:22px!important;padding:0 8px!important}.s_caYR svg{width:12px}.soft_BdoF{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;padding:0 var(--gap-s);border:1px solid transparent;color:var(--soft-fg, currentColor);background:var(--soft-bg, transparent)}.soft_BdoF svg{margin-left:-2px}.soft_BdoF.green_KVuF{--soft-fg: var(--color-graphic-positive);--soft-bg: color-mix(in srgb, var(--color-graphic-positive) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-positive) 28%,transparent)}.soft_BdoF.orange_RhVj{--soft-fg: var(--color-graphic-attention);--soft-bg: color-mix(in srgb, var(--color-graphic-attention) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-attention) 28%,transparent)}.soft_BdoF.red_tLzK{--soft-fg: var(--color-graphic-negative);--soft-bg: color-mix(in srgb, var(--color-graphic-negative) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-negative) 28%,transparent)}.soft_BdoF.blue_Z-Cc{--soft-fg: var(--color-graphic-accent);--soft-bg: color-mix(in srgb, var(--color-graphic-accent) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-accent) 28%,transparent)}.soft_BdoF.grey_0taE{--soft-fg: var(--color-graphic-secondary);--soft-bg: color-mix(in srgb, var(--color-graphic-secondary) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-secondary) 28%,transparent)}.soft_BdoF.teal_wjFj{--soft-fg: var(--color-status-teal);--soft-bg: color-mix(in srgb, var(--color-status-teal) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-teal) 28%,transparent)}.soft_BdoF.purple_xJsv{--soft-fg: var(--color-status-purple);--soft-bg: color-mix(in srgb, var(--color-status-purple) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-purple) 28%,transparent)}@supports not (background: color-mix(in srgb,white 10%,black)){.soft_BdoF.green_KVuF{background:rgba(var(--rgb-positive, 22, 101, 52),.12);border-color:rgba(var(--rgb-positive, 22,101,52),.28)}.soft_BdoF.orange_RhVj{background:rgba(var(--rgb-attention, 161, 98, 7),.12);border-color:rgba(var(--rgb-attention,161,98,7),.28)}.soft_BdoF.red_tLzK{background:rgba(var(--rgb-negative, 220, 38, 38),.12);border-color:rgba(var(--rgb-negative,220,38,38),.28)}.soft_BdoF.blue_Z-Cc{background:rgba(var(--rgb-accent, 30, 64, 175),.12);border-color:rgba(var(--rgb-accent,30,64,175),.28)}.soft_BdoF.grey_0taE{background:rgba(var(--rgb-secondary, 107, 114, 128),.12);border-color:rgba(var(--rgb-secondary,107,114,128),.28)}.soft_BdoF.teal_wjFj{background:rgba(var(--rgb-teal, 13, 148, 136),.12);border-color:rgba(var(--rgb-teal,13,148,136),.28)}.soft_BdoF.purple_xJsv{background:rgba(var(--rgb-purple, 107, 33, 168),.12);border-color:rgba(var(--rgb-purple,107,33,168),.28)}}.contrast_Y6fK{color:#fff}.contrast_Y6fK.green_KVuF{background:var(--color-graphic-positive)}.contrast_Y6fK.orange_RhVj{background:var(--color-graphic-attention)}.contrast_Y6fK.red_tLzK{background:var(--color-graphic-negative)}.contrast_Y6fK.blue_Z-Cc{background:var(--color-graphic-accent)}.contrast_Y6fK.grey_0taE{background:var(--color-graphic-secondary)}.contrast_Y6fK.teal_wjFj{background:var(--color-status-teal)}.contrast_Y6fK.purple_xJsv{background:var(--color-status-purple)}

package/dist/table/columns.js

@@ -38,7 +38,7 @@ const r = () => [
   //     },
   // },
   {
-    header: "no icon",
+    header: "",
     row: {
       icon: () => ""
     }

package/dist/table/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: 'no icon',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","jsx"],"mappings":";AASO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,aAAa,CAAC,EAAE,KAAAA,EAAA,MAAU,gBAAAC,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAD,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}
+{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: '',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","jsx"],"mappings":";AASO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,aAAa,CAAC,EAAE,KAAAA,EAAA,MAAU,gBAAAC,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAD,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}

package/dist/table/components/cell/component.d.ts

@@ -12,6 +12,7 @@ export type CellProps = {
     width?: string;
     align?: 'left' | 'right' | 'center';
     compact?: boolean;
+    v2?: boolean;
     /**
      * HTML тег
      */

package/dist/table/components/cell/component.js

@@ -1,45 +1,46 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "classnames";
-import { Cell as T } from "../../../cell/component.js";
+import { Cell as _ } from "../../../cell/component.js";
 import e from "./index.module.css.js";
-const x = ({
-  dataTestID: a,
-  className: l,
-  children: m,
-  title: o,
-  subtitle: c,
-  tableProps: h,
+const y = ({
+  dataTestID: o,
+  className: a,
+  children: l,
+  title: m,
+  subtitle: h,
+  tableProps: v,
   cellProps: i,
-  addon: f,
+  addon: c,
   align: r,
   compact: t,
-  width: v,
+  v2: f,
+  width: T,
   tag: n = "td"
 }) => /* @__PURE__ */ s(
   n,
   {
-    "data-test-id": a,
-    className: d(e.cell, l, {
+    "data-test-id": o,
+    className: d(f ? e.cell_v2 : e.cell, a, {
       [e.is_div]: n === "div",
       [e.compact_cell]: t
     }),
-    style: { width: v },
-    ...h,
-    children: m ? /* @__PURE__ */ s(
+    style: { width: T },
+    ...v,
+    children: l ? /* @__PURE__ */ s(
       "div",
       {
         className: d(e.children, {
           [e.center]: r === "center",
           [e.right]: r === "right"
         }),
-        children: m
+        children: l
       }
     ) : /* @__PURE__ */ s(
-      T.Base,
+      _.Base,
       {
-        title: o === void 0 ? "-" : o,
-        subtitle: c,
-        size: (i == null ? void 0 : i.size) || "s",
+        title: m === void 0 ? "-" : m,
+        subtitle: h,
+        size: (i == null ? void 0 : i.size) || (t ? "s" : "m"),
         compactAddon: t,
         singleLineTitle: t,
         showTitleTooltipOnOverflow: t,
@@ -48,13 +49,13 @@ const x = ({
           [e.right]: r === "right",
           [e.compact_content]: t
         }),
-        addon: f,
+        addon: c,
         ...i
       }
     )
   }
 );
 export {
-  x as TableCell
+  y as TableCell
 };
 //# sourceMappingURL=component.js.map

package/dist/table/components/cell/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n    compact?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    compact,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n            [styles.compact_cell]: compact,\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                size={ cellProps?.size || 's' }\n                compactAddon={ compact }\n                singleLineTitle={ compact }\n                showTitleTooltipOnOverflow={ compact }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                    [styles.compact_content]: compact,\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","compact","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA2BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeX;AAAA,IACf,WAAYa,EAAGC,EAAO,MAAMb,GAAW;AAAA,MACnC,CAACa,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGL;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAC,EAAA;AAAA,IACR,GAAGL;AAAA,IAEH,UAAAH,IACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAU;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQZ,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,OAAOE,KAAA,gBAAAA,EAAW,SAAQ;AAAA,QAC1B,cAAeG;AAAA,QACf,iBAAkBA;AAAA,QAClB,4BAA6BA;AAAA,QAC7B,WAAYI,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,UAC1B,CAACM,EAAO,eAAe,GAAGL;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAF;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n    compact?: boolean;\n    v2?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    compact,\n    v2,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(v2 ? styles.cell_v2 : styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n            [styles.compact_cell]: compact,\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                size={ cellProps?.size || (compact ? 's' : 'm') }\n                compactAddon={ compact }\n                singleLineTitle={ compact }\n                showTitleTooltipOnOverflow={ compact }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                    [styles.compact_content]: compact,\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","compact","v2","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA4BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeZ;AAAA,IACf,WAAYc,EAAGJ,IAAKK,EAAO,UAAUA,EAAO,MAAMd,GAAW;AAAA,MACzD,CAACc,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGN;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAE,EAAA;AAAA,IACR,GAAGN;AAAA,IAEH,UAAAH,IACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGP,MAAU;AAAA,UAC3B,CAACO,EAAO,KAAK,GAAGP,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAW;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQb,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,OAAOE,KAAA,gBAAAA,EAAW,UAASG,IAAU,MAAM;AAAA,QAC3C,cAAeA;AAAA,QACf,iBAAkBA;AAAA,QAClB,4BAA6BA;AAAA,QAC7B,WAAYK,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGP,MAAU;AAAA,UAC3B,CAACO,EAAO,KAAK,GAAGP,MAAU;AAAA,UAC1B,CAACO,EAAO,eAAe,GAAGN;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAF;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}

package/dist/table/components/cell/index.module.css

@@ -1 +1 @@
-table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 12px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:52px}.compact_cell_zSJH{height:44px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:52px;display:flex;align-items:center}
+table tr:last-child .cell_SVZP,table tr:last-child .cell_v2_i3Fs{border-bottom:0!important}.cell_SVZP{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.cell_v2_i3Fs{padding:8px 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;min-height:56px;box-sizing:border-box;vertical-align:middle}.compact_cell_zSJH{min-height:44px;padding:8px 12px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:68px;display:flex;align-items:center}.cell_v2_i3Fs.is_div_XHlH{min-height:56px;padding-top:12px;padding-bottom:12px}.compact_cell_zSJH.is_div_XHlH{min-height:44px}

package/dist/table/components/cell/index.module.css.js

@@ -1,19 +1,21 @@
 import './index.module.css';
-const c = "cell_SVZP", t = "compact_cell_zSJH", l = "right_30pJ", n = "children_X057", o = "compact_content_bjnq", e = "is_div_XHlH", _ = {
+const c = "cell_SVZP", t = "cell_v2_i3Fs", l = "compact_cell_zSJH", _ = "right_30pJ", e = "children_X057", n = "compact_content_bjnq", o = "is_div_XHlH", s = {
   cell: c,
-  compact_cell: t,
-  right: l,
-  children: n,
-  compact_content: o,
-  is_div: e
+  cell_v2: t,
+  compact_cell: l,
+  right: _,
+  children: e,
+  compact_content: n,
+  is_div: o
 };
 export {
   c as cell,
-  n as children,
-  t as compact_cell,
-  o as compact_content,
-  _ as default,
-  e as is_div,
-  l as right
+  t as cell_v2,
+  e as children,
+  l as compact_cell,
+  n as compact_content,
+  s as default,
+  o as is_div,
+  _ as right
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/table/components/cells/index.d.ts

@@ -4,6 +4,8 @@ type Props<T extends object> = {
     sort: QueryDTO['sort'];
     order: QueryDTO['order'];
     addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;
+    compact?: boolean;
+    v2?: boolean;
 };
-export declare function Cells<T extends object>({ columns, sort, order, addParam, }: Props<T>): JSX.Element;
+export declare function Cells<T extends object>({ columns, sort, order, addParam, compact, v2, }: Props<T>): JSX.Element;
 export {};

package/dist/table/components/cells/index.js

@@ -1,40 +1,45 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import l from "@alphakits/icons/dist/ChevronForwardS";
-import i from "classnames";
-import { Typography as n } from "../../../typography/component.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import f from "@alphakits/icons/dist/ChevronForwardS";
+import o from "classnames";
+import { Typography as m } from "../../../typography/component.js";
 import e from "./index.module.css.js";
-function S({
-  columns: o,
-  sort: c,
-  order: d,
-  addParam: h
+function v({
+  columns: c,
+  sort: d,
+  order: l,
+  addParam: h,
+  compact: p = !1,
+  v2: s = !1
 }) {
-  return /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { className: e.header_row, children: o.map((r) => {
-    const a = r.accessor && c === r.accessor, t = a && d === "ASC" ? "DESC" : "ASC";
-    return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: e.header_row, children: c.map((r) => {
+    const t = r.accessor && d === r.accessor, i = t && l === "ASC" ? "DESC" : "ASC";
+    return /* @__PURE__ */ a(
       "th",
       {
-        className: i(e.cell, { [e.clickable]: r.sort }),
+        className: o(s ? e.cell_v2 : e.cell, {
+          [e.clickable]: r.sort,
+          [e.headerCellCompact]: p
+        }),
         align: r.align,
         style: { width: r.width || "auto" },
-        onClick: r.sort ? () => h({ order: t, sort: r.accessor }) : void 0,
-        children: /* @__PURE__ */ p(
-          n.Text,
+        onClick: r.sort ? () => h({ order: i, sort: r.accessor }) : void 0,
+        children: /* @__PURE__ */ n(
+          m.Text,
           {
             className: e.head_wrapper,
-            view: "caps",
+            view: s ? "title" : "caps",
             tag: "div",
             color: "secondary",
             weight: "medium",
             children: [
               r.header,
-              r.sort && /* @__PURE__ */ s(
+              r.sort && /* @__PURE__ */ a(
                 "span",
                 {
-                  className: i(e.arrow, e[t], {
-                    [e.accent]: a
+                  className: o(e.arrow, e[i], {
+                    [e.accent]: t
                   }),
-                  children: /* @__PURE__ */ s(l, {})
+                  children: /* @__PURE__ */ a(f, {})
                 }
               )
             ]
@@ -46,6 +51,6 @@ function S({
   }) }) });
 }
 export {
-  S as Cells
+  v as Cells
 };
 //# sourceMappingURL=index.js.map

package/dist/table/components/cells/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, { [styles.clickable]: column.sort }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"caps\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAiBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAC1B,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAL,EAAQ,IAAI,CAACM,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYL,MAASK,EAAO,UAC9CE,IACFD,KAAYL,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGJ,EAAO,MAAM,EAAE,CAACA,EAAO,SAAS,GAAGC,EAAO,MAAM;AAAA,QAC/D,OAAQA,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAMH,EAAS,EAAE,OAAOK,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAC,EAAO;AAAA,cAEPA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MA5BM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EA+BzD,CAAC,GACL,GACJ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n    compact?: boolean;\n    v2?: boolean;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, compact = false, v2 = false,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(v2 ? styles.cell_v2 : styles.cell, {\n                                [styles.clickable]: column.sort,\n                                [styles.headerCellCompact]: compact,\n                            }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view={ v2 ? 'title' : 'caps' }\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","compact","v2","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAmBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,SAAAC,IAAU;AAAA,EAAO,IAAAC,IAAK;AAC1D,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAP,EAAQ,IAAI,CAACQ,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYP,MAASO,EAAO,UAC9CE,IACFD,KAAYP,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGN,IAAKE,EAAO,UAAUA,EAAO,MAAM;AAAA,UAC9C,CAACA,EAAO,SAAS,GAAGC,EAAO;AAAA,UAC3B,CAACD,EAAO,iBAAiB,GAAGH;AAAA,QAAA,CAC/B;AAAA,QACD,OAAQI,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAML,EAAS,EAAE,OAAOO,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAOF,IAAK,UAAU;AAAA,YACtB,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAG,EAAO;AAAA,cAEPA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MA/BM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EAkCzD,CAAC,GACL,GACJ;AAER;"}

package/dist/table/components/cells/index.module.css

@@ -1 +1 @@
-.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:40px;padding:0 12px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:8px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}
+.header_row_-IYY{overflow:hidden}.header_row_-IYY .cell_c2wS:only-child{border-radius:8px!important}.header_row_-IYY .cell_c2wS:first-child{border-radius:8px 0 0 8px}.header_row_-IYY .cell_c2wS:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:48px;padding:4px 16px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.cell_v2_BPIz{height:44px;padding:10px 16px;box-sizing:border-box;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-secondary);position:sticky;top:0;z-index:9}th.cell_v2_BPIz{background:var(--color-bg-special-big-objects)}.headerCellCompact_i56i{height:40px;padding:8px 12px}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:12px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.cell_v2_BPIz .arrow_svnk{height:14px;width:14px;margin-left:6px;opacity:.55}.headerCellCompact_i56i .arrow_svnk{margin-left:8px}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}

package/dist/table/components/cells/index.module.css.js

@@ -1,23 +1,27 @@
 import './index.module.css';
-const c = "header_row_-IYY", e = "cell_c2wS", a = "clickable_uhII", r = "head_wrapper_WjtN", o = "arrow_svnk", t = "accent_5Dn8", l = "DESC_p2eV", n = "ASC_fIiQ", _ = {
-  header_row: c,
-  cell: e,
-  clickable: a,
-  head_wrapper: r,
-  arrow: o,
-  accent: t,
-  DESC: l,
-  ASC: n
+const e = "header_row_-IYY", c = "cell_c2wS", a = "cell_v2_BPIz", l = "headerCellCompact_i56i", r = "clickable_uhII", o = "head_wrapper_WjtN", t = "arrow_svnk", _ = "accent_5Dn8", n = "DESC_p2eV", s = "ASC_fIiQ", C = {
+  header_row: e,
+  cell: c,
+  cell_v2: a,
+  headerCellCompact: l,
+  clickable: r,
+  head_wrapper: o,
+  arrow: t,
+  accent: _,
+  DESC: n,
+  ASC: s
 };
 export {
-  n as ASC,
-  l as DESC,
-  t as accent,
-  o as arrow,
-  e as cell,
-  a as clickable,
-  _ as default,
-  r as head_wrapper,
-  c as header_row
+  s as ASC,
+  n as DESC,
+  _ as accent,
+  t as arrow,
+  c as cell,
+  a as cell_v2,
+  r as clickable,
+  C as default,
+  o as head_wrapper,
+  l as headerCellCompact,
+  e as header_row
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cells/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/table/components/pagination/index.d.ts

@@ -6,6 +6,7 @@ type Props = {
     total: number;
     addParam: (param: Record<string, unknown>) => void;
     language: 'en' | 'de' | 'ru';
+    v2?: boolean;
 };
 export declare const Pagination: React.FC<Props>;
 export {};