@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
+import React, { useContext } from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__d12503ba";
-const gridHorizontalGapMD = "gridHorizontalGapMD__3179c66c";
+const gridHorizontalGapSM = "gridHorizontalGapSM__e63bb03d";
+const gridHorizontalGapMD = "gridHorizontalGapMD__c7c4c307";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__290d9e72",
-  "col-2": "col-2__4e33c306",
-  "col-3": "col-3__a09dee6f",
-  "col-4": "col-4__2c4a4b5a",
-  "col-5": "col-5__eb9c582a",
-  "col-6": "col-6__9449517b",
-  "col-7": "col-7__12fc73e4",
-  "col-8": "col-8__8ca25266",
-  "col-9": "col-9__f2e37ee9",
-  "col-10": "col-10__98a42528",
-  "col-11": "col-11__01c97e2f",
-  "col-12": "col-12__d16769dd",
-  "offset-0": "offset-0__c50343f1",
-  "offset-1": "offset-1__a0bb8a12",
-  "offset-2": "offset-2__7a6824fe",
-  "offset-3": "offset-3__fcc17162",
-  "offset-4": "offset-4__f4b3ffc3",
-  "offset-5": "offset-5__c9f84566",
-  "offset-6": "offset-6__d51c4bc2",
-  "offset-7": "offset-7__f2b702de",
-  "offset-8": "offset-8__3ebeddf0",
-  "offset-9": "offset-9__148590c5",
-  "offset-10": "offset-10__d98080e8",
-  "offset-11": "offset-11__e2439d77",
-  "d-none": "d-none__c3d6bbc5",
-  "d-block": "d-block__aac0394c",
-  "col-sm-1": "col-sm-1__89c94136",
-  "col-sm-2": "col-sm-2__4e19d01e",
-  "col-sm-3": "col-sm-3__011c51df",
-  "col-sm-4": "col-sm-4__cf5850ad",
-  "col-sm-5": "col-sm-5__e7a835af",
-  "col-sm-6": "col-sm-6__f1244d26",
-  "col-sm-7": "col-sm-7__ee0f24ef",
-  "col-sm-8": "col-sm-8__1d0d9948",
-  "col-sm-9": "col-sm-9__d3e57e7f",
-  "col-sm-10": "col-sm-10__7b098667",
-  "col-sm-11": "col-sm-11__bcb5dcc5",
-  "col-sm-12": "col-sm-12__753ecc1b",
-  "offset-sm-0": "offset-sm-0__a35fb2af",
-  "offset-sm-1": "offset-sm-1__b467953c",
-  "offset-sm-2": "offset-sm-2__f402de0e",
-  "offset-sm-3": "offset-sm-3__7c773075",
-  "offset-sm-4": "offset-sm-4__a74bec71",
-  "offset-sm-5": "offset-sm-5__19c8a1b4",
-  "offset-sm-6": "offset-sm-6__4be707f0",
-  "offset-sm-7": "offset-sm-7__57c22e4b",
-  "offset-sm-8": "offset-sm-8__85402fb1",
-  "offset-sm-9": "offset-sm-9__96c8560b",
-  "offset-sm-10": "offset-sm-10__1c564662",
-  "offset-sm-11": "offset-sm-11__dfbf0084",
-  "d-none-sm": "d-none-sm__738b3c39",
-  "d-block-sm": "d-block-sm__19dedc6f",
-  "col-md-1": "col-md-1__9be2afc8",
-  "col-md-2": "col-md-2__8631ca9e",
-  "col-md-3": "col-md-3__b9b8b563",
-  "col-md-4": "col-md-4__54f07f5b",
-  "col-md-5": "col-md-5__7c97a25c",
-  "col-md-6": "col-md-6__d2cfc2b4",
-  "col-md-7": "col-md-7__bd4a28f3",
-  "col-md-8": "col-md-8__55ce9b2b",
-  "col-md-9": "col-md-9__538652aa",
-  "col-md-10": "col-md-10__a52ce9b9",
-  "col-md-11": "col-md-11__0a70fb6a",
-  "col-md-12": "col-md-12__9a549e9d",
-  "offset-md-0": "offset-md-0__3a97ec56",
-  "offset-md-1": "offset-md-1__05d096bc",
-  "offset-md-2": "offset-md-2__bcd737e4",
-  "offset-md-3": "offset-md-3__12ff38f3",
-  "offset-md-4": "offset-md-4__598d5139",
-  "offset-md-5": "offset-md-5__1ef51849",
-  "offset-md-6": "offset-md-6__c4d52676",
-  "offset-md-7": "offset-md-7__98e664aa",
-  "offset-md-8": "offset-md-8__013abf57",
-  "offset-md-9": "offset-md-9__8918a2ac",
-  "offset-md-10": "offset-md-10__562c0355",
-  "offset-md-11": "offset-md-11__4fcc2ced",
-  "d-none-md": "d-none-md__a2b02872",
-  "d-block-md": "d-block-md__2b47a645",
-  "col-lg-1": "col-lg-1__8c29c9d4",
-  "col-lg-2": "col-lg-2__95310d63",
-  "col-lg-3": "col-lg-3__1e5a07f5",
-  "col-lg-4": "col-lg-4__399add70",
-  "col-lg-5": "col-lg-5__fcbb69d1",
-  "col-lg-6": "col-lg-6__da99f238",
-  "col-lg-7": "col-lg-7__27f58344",
-  "col-lg-8": "col-lg-8__4e01cf45",
-  "col-lg-9": "col-lg-9__c0be4a23",
-  "col-lg-10": "col-lg-10__d406dab1",
-  "col-lg-11": "col-lg-11__3311ca30",
-  "col-lg-12": "col-lg-12__bd783ab6",
-  "offset-lg-0": "offset-lg-0__92df6e9a",
-  "offset-lg-1": "offset-lg-1__a9d2a82f",
-  "offset-lg-2": "offset-lg-2__80936bbf",
-  "offset-lg-3": "offset-lg-3__caab743b",
-  "offset-lg-4": "offset-lg-4__90e6e801",
-  "offset-lg-5": "offset-lg-5__7ce12ab4",
-  "offset-lg-6": "offset-lg-6__cbfc32aa",
-  "offset-lg-7": "offset-lg-7__d2b686cb",
-  "offset-lg-8": "offset-lg-8__4a2ed5ae",
-  "offset-lg-9": "offset-lg-9__60bdb16b",
-  "offset-lg-10": "offset-lg-10__7e9695e2",
-  "offset-lg-11": "offset-lg-11__05148c74",
-  "d-none-lg": "d-none-lg__2ab9d0aa",
-  "d-block-lg": "d-block-lg__f6c00d84",
-  "col-xl-1": "col-xl-1__528e56b3",
-  "col-xl-2": "col-xl-2__32223df0",
-  "col-xl-3": "col-xl-3__2f652865",
-  "col-xl-4": "col-xl-4__acba3188",
-  "col-xl-5": "col-xl-5__d72604ce",
-  "col-xl-6": "col-xl-6__b0a74751",
-  "col-xl-7": "col-xl-7__e089bf6c",
-  "col-xl-8": "col-xl-8__30047012",
-  "col-xl-9": "col-xl-9__15cf9dde",
-  "col-xl-10": "col-xl-10__a06e28fa",
-  "col-xl-11": "col-xl-11__8d6abc10",
-  "col-xl-12": "col-xl-12__b52ae721",
-  "offset-xl-0": "offset-xl-0__cbae0e42",
-  "offset-xl-1": "offset-xl-1__380173f7",
-  "offset-xl-2": "offset-xl-2__6b689ea8",
-  "offset-xl-3": "offset-xl-3__25ec00a5",
-  "offset-xl-4": "offset-xl-4__677ab9ed",
-  "offset-xl-5": "offset-xl-5__f55f81f4",
-  "offset-xl-6": "offset-xl-6__ff021fb1",
-  "offset-xl-7": "offset-xl-7__f40f5423",
-  "offset-xl-8": "offset-xl-8__d92a1d93",
-  "offset-xl-9": "offset-xl-9__a84866d9",
-  "offset-xl-10": "offset-xl-10__e979bdc4",
-  "offset-xl-11": "offset-xl-11__a417cc5a",
-  "d-none-xl": "d-none-xl__53e76188",
-  "d-block-xl": "d-block-xl__2f9f6e9a"
+  "col-1": "col-1__eaec0865",
+  "col-2": "col-2__50d4fb1c",
+  "col-3": "col-3__963e3bb6",
+  "col-4": "col-4__6d5ed872",
+  "col-5": "col-5__f1fd7937",
+  "col-6": "col-6__67e53949",
+  "col-7": "col-7__7e99f628",
+  "col-8": "col-8__604a58ce",
+  "col-9": "col-9__810843a0",
+  "col-10": "col-10__58129e66",
+  "col-11": "col-11__ba70c87c",
+  "col-12": "col-12__8a60772a",
+  "offset-0": "offset-0__ca4ee419",
+  "offset-1": "offset-1__a067a663",
+  "offset-2": "offset-2__701fd9f2",
+  "offset-3": "offset-3__ebc700de",
+  "offset-4": "offset-4__324c1f0f",
+  "offset-5": "offset-5__deec4201",
+  "offset-6": "offset-6__26653c9c",
+  "offset-7": "offset-7__63f8a649",
+  "offset-8": "offset-8__9f6c5a09",
+  "offset-9": "offset-9__4190d4f9",
+  "offset-10": "offset-10__ad94bedf",
+  "offset-11": "offset-11__f8430836",
+  "d-none": "d-none__8c2c507a",
+  "d-block": "d-block__0d5bfe2e",
+  "col-sm-1": "col-sm-1__d522943a",
+  "col-sm-2": "col-sm-2__55d99440",
+  "col-sm-3": "col-sm-3__1e4fb780",
+  "col-sm-4": "col-sm-4__b79ab396",
+  "col-sm-5": "col-sm-5__73707129",
+  "col-sm-6": "col-sm-6__d2003674",
+  "col-sm-7": "col-sm-7__57d76224",
+  "col-sm-8": "col-sm-8__0fca6efb",
+  "col-sm-9": "col-sm-9__6039a085",
+  "col-sm-10": "col-sm-10__be9664da",
+  "col-sm-11": "col-sm-11__259afead",
+  "col-sm-12": "col-sm-12__fa182abc",
+  "offset-sm-0": "offset-sm-0__aadc1ed7",
+  "offset-sm-1": "offset-sm-1__d5b24f00",
+  "offset-sm-2": "offset-sm-2__a4a9f194",
+  "offset-sm-3": "offset-sm-3__6f62d72b",
+  "offset-sm-4": "offset-sm-4__5dc256bc",
+  "offset-sm-5": "offset-sm-5__60700b25",
+  "offset-sm-6": "offset-sm-6__eea2b4c4",
+  "offset-sm-7": "offset-sm-7__abeace9a",
+  "offset-sm-8": "offset-sm-8__e702a7d3",
+  "offset-sm-9": "offset-sm-9__989c532f",
+  "offset-sm-10": "offset-sm-10__30e88f7f",
+  "offset-sm-11": "offset-sm-11__7907dc88",
+  "d-none-sm": "d-none-sm__6e95a453",
+  "d-block-sm": "d-block-sm__949d97cd",
+  "col-md-1": "col-md-1__dcb2a2e7",
+  "col-md-2": "col-md-2__72c085f2",
+  "col-md-3": "col-md-3__3e81b80b",
+  "col-md-4": "col-md-4__2f177a18",
+  "col-md-5": "col-md-5__5aabcf0e",
+  "col-md-6": "col-md-6__5a67af0b",
+  "col-md-7": "col-md-7__0990cdf4",
+  "col-md-8": "col-md-8__bffcd0c7",
+  "col-md-9": "col-md-9__655f788e",
+  "col-md-10": "col-md-10__2a3f88bb",
+  "col-md-11": "col-md-11__be2d4af5",
+  "col-md-12": "col-md-12__8c6201f3",
+  "offset-md-0": "offset-md-0__c468c9b2",
+  "offset-md-1": "offset-md-1__d634e12b",
+  "offset-md-2": "offset-md-2__72abaa3f",
+  "offset-md-3": "offset-md-3__2a58fc58",
+  "offset-md-4": "offset-md-4__92044907",
+  "offset-md-5": "offset-md-5__ea18eada",
+  "offset-md-6": "offset-md-6__5de3a038",
+  "offset-md-7": "offset-md-7__08d1362a",
+  "offset-md-8": "offset-md-8__a8ddbda2",
+  "offset-md-9": "offset-md-9__562b45ce",
+  "offset-md-10": "offset-md-10__54cdd1f7",
+  "offset-md-11": "offset-md-11__34ee34be",
+  "d-none-md": "d-none-md__bd02a214",
+  "d-block-md": "d-block-md__15fdc347",
+  "col-lg-1": "col-lg-1__7309d6e7",
+  "col-lg-2": "col-lg-2__fcb74082",
+  "col-lg-3": "col-lg-3__509dbf6a",
+  "col-lg-4": "col-lg-4__c3343d75",
+  "col-lg-5": "col-lg-5__14412b07",
+  "col-lg-6": "col-lg-6__f2ea565a",
+  "col-lg-7": "col-lg-7__b9e57e68",
+  "col-lg-8": "col-lg-8__30288827",
+  "col-lg-9": "col-lg-9__1ec7fe10",
+  "col-lg-10": "col-lg-10__0acd02bc",
+  "col-lg-11": "col-lg-11__8a1a6d2c",
+  "col-lg-12": "col-lg-12__59b8f418",
+  "offset-lg-0": "offset-lg-0__84a6ba4f",
+  "offset-lg-1": "offset-lg-1__eef0ef07",
+  "offset-lg-2": "offset-lg-2__8101ea0c",
+  "offset-lg-3": "offset-lg-3__9b307d9f",
+  "offset-lg-4": "offset-lg-4__61b3346c",
+  "offset-lg-5": "offset-lg-5__48e9b567",
+  "offset-lg-6": "offset-lg-6__e7fe85e6",
+  "offset-lg-7": "offset-lg-7__ae80725e",
+  "offset-lg-8": "offset-lg-8__dc6ced26",
+  "offset-lg-9": "offset-lg-9__6c3601da",
+  "offset-lg-10": "offset-lg-10__7d4a79cf",
+  "offset-lg-11": "offset-lg-11__217a1f3e",
+  "d-none-lg": "d-none-lg__9162c840",
+  "d-block-lg": "d-block-lg__f706ef71",
+  "col-xl-1": "col-xl-1__4a88e458",
+  "col-xl-2": "col-xl-2__aefc857c",
+  "col-xl-3": "col-xl-3__7ba4e37b",
+  "col-xl-4": "col-xl-4__c9fbebef",
+  "col-xl-5": "col-xl-5__3247ecb8",
+  "col-xl-6": "col-xl-6__49fbfa82",
+  "col-xl-7": "col-xl-7__9cbb5d89",
+  "col-xl-8": "col-xl-8__809498b1",
+  "col-xl-9": "col-xl-9__ff8c70b7",
+  "col-xl-10": "col-xl-10__10c345d9",
+  "col-xl-11": "col-xl-11__42400368",
+  "col-xl-12": "col-xl-12__2c676d35",
+  "offset-xl-0": "offset-xl-0__64c470e3",
+  "offset-xl-1": "offset-xl-1__2e172d32",
+  "offset-xl-2": "offset-xl-2__3b70f965",
+  "offset-xl-3": "offset-xl-3__277c6223",
+  "offset-xl-4": "offset-xl-4__46e97611",
+  "offset-xl-5": "offset-xl-5__054814b2",
+  "offset-xl-6": "offset-xl-6__dfea453e",
+  "offset-xl-7": "offset-xl-7__7ceae1cb",
+  "offset-xl-8": "offset-xl-8__13f7ed57",
+  "offset-xl-9": "offset-xl-9__67dc0189",
+  "offset-xl-10": "offset-xl-10__db78904a",
+  "offset-xl-11": "offset-xl-11__4db812c1",
+  "d-none-xl": "d-none-xl__2120dc3c",
+  "d-block-xl": "d-block-xl__ce5102aa"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,
@@ -162,54 +162,57 @@ function getClassNames({
   if (offset !== void 0) {
     classes.push(`offset-${prefixAsPart}${offset}`);
   }
-  if (size) {
+  if (size !== void 0) {
     classes.push(`col-${prefixAsPart}${size}`);
   }
   return classes;
 }
-const Col = ({
-  children,
-  className,
-  hidden,
-  hiddenSm,
-  hiddenMd,
-  hiddenLg,
-  hiddenXl,
-  block,
-  blockSm,
-  blockMd,
-  blockLg,
-  blockXl,
-  size = 12,
-  sizeSm,
-  sizeMd,
-  sizeLg,
-  sizeXl,
-  offset,
-  offsetSm,
-  offsetMd,
-  offsetLg,
-  offsetXl,
-  ...props
-}) => {
-  const { gridHorizontalGap } = useContext(RowContext);
-  const classNames = [
-    ...getClassNames({ block, hidden, offset, size }),
-    ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: "sm", size: sizeSm }),
-    ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: "md", size: sizeMd }),
-    ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: "lg", size: sizeLg }),
-    ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: "xl", size: sizeXl })
-  ];
-  const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses),
-      children
-    }
-  );
-};
+const Col = React.forwardRef(
+  ({
+    children,
+    className,
+    hidden,
+    hiddenSm,
+    hiddenMd,
+    hiddenLg,
+    hiddenXl,
+    block,
+    blockSm,
+    blockMd,
+    blockLg,
+    blockXl,
+    size = 12,
+    sizeSm,
+    sizeMd,
+    sizeLg,
+    sizeXl,
+    offset,
+    offsetSm,
+    offsetMd,
+    offsetLg,
+    offsetXl,
+    ...htmlDivAttributes
+  }, ref) => {
+    const { gridHorizontalGap } = useContext(RowContext);
+    const classNames = [
+      ...getClassNames({ block, hidden, offset, size }),
+      ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: "sm", size: sizeSm }),
+      ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: "md", size: sizeMd }),
+      ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: "lg", size: sizeLg }),
+      ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: "xl", size: sizeXl })
+    ];
+    const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...htmlDivAttributes,
+        className: clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses),
+        ref,
+        children
+      }
+    );
+  }
+);
 Col.displayName = "Col";
 export {
   Col

package/components/Col/Col.js.map

@@ -1 +1 @@
-{"version":3,"file":"Col.js","sources":["../../../src/components/Col/Col.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Col.module.less\";\nimport { RowContext } from \"../Row/RowContext\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TOffsetSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.gridHorizontalGapSM,\n    [EComponentSize.MD]: styles.gridHorizontalGapMD,\n};\n\n/** Свойства Col. */\nexport interface IColProps extends React.HTMLAttributes<HTMLDivElement> {\n    children?: React.ReactNode;\n    size?: TColumnSize;\n    sizeSm?: TColumnSize;\n    sizeMd?: TColumnSize;\n    sizeLg?: TColumnSize;\n    sizeXl?: TColumnSize;\n    offset?: TOffsetSize;\n    offsetSm?: TOffsetSize;\n    offsetMd?: TOffsetSize;\n    offsetLg?: TOffsetSize;\n    offsetXl?: TOffsetSize;\n    hidden?: boolean;\n    hiddenSm?: boolean;\n    hiddenMd?: boolean;\n    hiddenLg?: boolean;\n    hiddenXl?: boolean;\n    block?: boolean;\n    blockSm?: boolean;\n    blockMd?: boolean;\n    blockLg?: boolean;\n    blockXl?: boolean;\n}\n\nfunction getClassNames({\n    block,\n    hidden,\n    offset,\n    prefix,\n    size,\n}: {\n    block?: boolean;\n    hidden?: boolean;\n    offset?: TOffsetSize;\n    prefix?: string;\n    size?: TColumnSize;\n}) {\n    const classes: string[] = [];\n    const prefixAsPart = prefix ? `${prefix}-` : \"\";\n    const prefixVisibility = prefix ? `-${prefix}` : \"\";\n\n    if (block === true) {\n        classes.push(`d-block${prefixVisibility}`);\n    }\n\n    if (hidden === true) {\n        classes.push(`d-none${prefixVisibility}`);\n    }\n\n    if (offset !== undefined) {\n        classes.push(`offset-${prefixAsPart}${offset}`);\n    }\n\n    if (size) {\n        classes.push(`col-${prefixAsPart}${size}`);\n    }\n\n    return classes;\n}\n\nexport const Col: React.FC<IColProps> = ({\n    children,\n    className,\n    hidden,\n    hiddenSm,\n    hiddenMd,\n    hiddenLg,\n    hiddenXl,\n    block,\n    blockSm,\n    blockMd,\n    blockLg,\n    blockXl,\n    size = 12,\n    sizeSm,\n    sizeMd,\n    sizeLg,\n    sizeXl,\n    offset,\n    offsetSm,\n    offsetMd,\n    offsetLg,\n    offsetXl,\n    ...props\n}) => {\n    const { gridHorizontalGap } = useContext(RowContext);\n\n    const classNames = [\n        ...getClassNames({ block, hidden, offset, size }),\n        ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: \"sm\", size: sizeSm }),\n        ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: \"md\", size: sizeMd }),\n        ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: \"lg\", size: sizeLg }),\n        ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: \"xl\", size: sizeXl }),\n    ];\n    const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);\n\n    return (\n        <div\n            {...props}\n            className={clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses)}\n        >\n            {children}\n        </div>\n    );\n};\n\nCol.displayName = \"Col\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AA2BA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMG;AACC,QAAM,UAAoB,CAAA;AAC1B,QAAM,eAAe,SAAS,GAAG,MAAM,MAAM;AAC7C,QAAM,mBAAmB,SAAS,IAAI,MAAM,KAAK;AAEjD,MAAI,UAAU,MAAM;AAChB,YAAQ,KAAK,UAAU,gBAAgB,EAAE;AAAA,EAC7C;AAEA,MAAI,WAAW,MAAM;AACjB,YAAQ,KAAK,SAAS,gBAAgB,EAAE;AAAA,EAC5C;AAEA,MAAI,WAAW,QAAW;AACtB,YAAQ,KAAK,UAAU,YAAY,GAAG,MAAM,EAAE;AAAA,EAClD;AAEA,MAAI,MAAM;AACN,YAAQ,KAAK,OAAO,YAAY,GAAG,IAAI,EAAE;AAAA,EAC7C;AAEA,SAAO;AACX;AAEO,MAAM,MAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,kBAAA,IAAsB,WAAW,UAAU;AAEnD,QAAM,aAAa;AAAA,IACf,GAAG,cAAc,EAAE,OAAO,QAAQ,QAAQ,MAAM;AAAA,IAChD,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,EAAA;AAEvG,QAAM,gBAAgB,WAAW,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,OAAO;AAErE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,sCAAsC,iBAAiB,GAAG,GAAG,aAAa;AAAA,MAEpG;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,IAAI,cAAc;"}
+{"version":3,"file":"Col.js","sources":["../../../src/components/Col/Col.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Col.module.less\";\nimport { RowContext } from \"../Row/RowContext\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Ширина колонки в долях 12-колоночной сетки. */\nexport type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Отступ колонки слева в долях 12-колоночной сетки. */\nexport type TOffsetSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.gridHorizontalGapSM,\n    [EComponentSize.MD]: styles.gridHorizontalGapMD,\n};\n\n/** Свойства компонента Col. */\nexport interface IColProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое колонки. */\n    children?: React.ReactNode;\n    /** Ширина колонки на всех экранах. По умолчанию 12 (вся ширина). */\n    size?: TColumnSize;\n    /** Ширина колонки на экранах от sm и шире. */\n    sizeSm?: TColumnSize;\n    /** Ширина колонки на экранах от md и шире. */\n    sizeMd?: TColumnSize;\n    /** Ширина колонки на экранах от lg и шире. */\n    sizeLg?: TColumnSize;\n    /** Ширина колонки на экранах от xl и шире. */\n    sizeXl?: TColumnSize;\n    /** Отступ слева на всех экранах. */\n    offset?: TOffsetSize;\n    /** Отступ слева на экранах от sm и шире. */\n    offsetSm?: TOffsetSize;\n    /** Отступ слева на экранах от md и шире. */\n    offsetMd?: TOffsetSize;\n    /** Отступ слева на экранах от lg и шире. */\n    offsetLg?: TOffsetSize;\n    /** Отступ слева на экранах от xl и шире. */\n    offsetXl?: TOffsetSize;\n    /** Скрытие колонки на всех экранах (CSS display: none; переопределяет нативный HTML-атрибут hidden). */\n    hidden?: boolean;\n    /** Скрытие колонки на экранах от sm и шире. */\n    hiddenSm?: boolean;\n    /** Скрытие колонки на экранах от md и шире. */\n    hiddenMd?: boolean;\n    /** Скрытие колонки на экранах от lg и шире. */\n    hiddenLg?: boolean;\n    /** Скрытие колонки на экранах от xl и шире. */\n    hiddenXl?: boolean;\n    /** Отображение колонки (display: block) на всех экранах. */\n    block?: boolean;\n    /** Отображение колонки (display: block) на экранах от sm и шире. */\n    blockSm?: boolean;\n    /** Отображение колонки (display: block) на экранах от md и шире. */\n    blockMd?: boolean;\n    /** Отображение колонки (display: block) на экранах от lg и шире. */\n    blockLg?: boolean;\n    /** Отображение колонки (display: block) на экранах от xl и шире. */\n    blockXl?: boolean;\n}\n\n/** Собирает имена grid-классов (размер, отступ, видимость) для одного breakpoint-префикса. */\nfunction getClassNames({\n    block,\n    hidden,\n    offset,\n    prefix,\n    size,\n}: {\n    block?: boolean;\n    hidden?: boolean;\n    offset?: TOffsetSize;\n    prefix?: string;\n    size?: TColumnSize;\n}) {\n    const classes: string[] = [];\n    const prefixAsPart = prefix ? `${prefix}-` : \"\";\n    const prefixVisibility = prefix ? `-${prefix}` : \"\";\n\n    if (block === true) {\n        classes.push(`d-block${prefixVisibility}`);\n    }\n\n    if (hidden === true) {\n        classes.push(`d-none${prefixVisibility}`);\n    }\n\n    if (offset !== undefined) {\n        classes.push(`offset-${prefixAsPart}${offset}`);\n    }\n\n    if (size !== undefined) {\n        classes.push(`col-${prefixAsPart}${size}`);\n    }\n\n    return classes;\n}\n\n/**\n * Колонка 12-колоночной сетки. Используется внутри компонента Row,\n * горизонтальный отступ между колонками получает из RowContext.\n */\nexport const Col = React.forwardRef<HTMLDivElement, IColProps>(\n    (\n        {\n            children,\n            className,\n            hidden,\n            hiddenSm,\n            hiddenMd,\n            hiddenLg,\n            hiddenXl,\n            block,\n            blockSm,\n            blockMd,\n            blockLg,\n            blockXl,\n            size = 12,\n            sizeSm,\n            sizeMd,\n            sizeLg,\n            sizeXl,\n            offset,\n            offsetSm,\n            offsetMd,\n            offsetLg,\n            offsetXl,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const { gridHorizontalGap } = useContext(RowContext);\n\n        const classNames = [\n            ...getClassNames({ block, hidden, offset, size }),\n            ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: \"sm\", size: sizeSm }),\n            ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: \"md\", size: sizeMd }),\n            ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: \"lg\", size: sizeLg }),\n            ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: \"xl\", size: sizeXl }),\n        ];\n        const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);\n\n        return (\n            <div\n                {...htmlDivAttributes}\n                className={clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses)}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCol.displayName = \"Col\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAiDA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMG;AACC,QAAM,UAAoB,CAAA;AAC1B,QAAM,eAAe,SAAS,GAAG,MAAM,MAAM;AAC7C,QAAM,mBAAmB,SAAS,IAAI,MAAM,KAAK;AAEjD,MAAI,UAAU,MAAM;AAChB,YAAQ,KAAK,UAAU,gBAAgB,EAAE;AAAA,EAC7C;AAEA,MAAI,WAAW,MAAM;AACjB,YAAQ,KAAK,SAAS,gBAAgB,EAAE;AAAA,EAC5C;AAEA,MAAI,WAAW,QAAW;AACtB,YAAQ,KAAK,UAAU,YAAY,GAAG,MAAM,EAAE;AAAA,EAClD;AAEA,MAAI,SAAS,QAAW;AACpB,YAAQ,KAAK,OAAO,YAAY,GAAG,IAAI,EAAE;AAAA,EAC7C;AAEA,SAAO;AACX;AAMO,MAAM,MAAM,MAAM;AAAA,EACrB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,kBAAA,IAAsB,WAAW,UAAU;AAEnD,UAAM,aAAa;AAAA,MACf,GAAG,cAAc,EAAE,OAAO,QAAQ,QAAQ,MAAM;AAAA,MAChD,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IAAA;AAEvG,UAAM,gBAAgB,WAAW,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,OAAO;AAErE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,sCAAsC,iBAAiB,GAAG,GAAG,aAAa;AAAA,QACrG;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,IAAI,cAAc;"}

package/components/CollapsibleTree/CollapsibleTree.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__b667f080";
+const collapsibleTree = "collapsibleTree__91cc555e";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__0112fda8";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__e81d45f5";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
 import { x as noop } from "../../../chunks/vendor-BtZO8a0z.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__0f4d8dd0";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__fce3d1d3";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__ced9dc4f";
-const interactive = "interactive__839f33a5";
-const chevron = "chevron__e117529b";
-const opened = "opened__bc61135e";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__644ee509";
+const interactive = "interactive__949b96f1";
+const chevron = "chevron__dfcd9305";
+const opened = "opened__54b3382e";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -6,7 +6,7 @@ import React from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__ae789ecf";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__e572c2b0";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -9,7 +9,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-B2-rL_RN.js";
+import { s as styles } from "../../chunks/Confirm.module-D6mKowVi.js";
 const parentComponentToClassNameMap = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-B2-rL_RN.js";
+import { s as styles } from "../../../chunks/Confirm.module-D6mKowVi.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-B2-rL_RN.js";
+import { s as styles } from "../../../chunks/Confirm.module-D6mKowVi.js";
 const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
 ConfirmContent.displayName = "ConfirmContent";
 ConfirmContent.Title = ConfirmContentTitle;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-B2-rL_RN.js";
+import { s as styles } from "../../../chunks/Confirm.module-D6mKowVi.js";
 const ConfirmContentTitle = ({
   children,
   className,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-B2-rL_RN.js";
+import { s as styles } from "../../../chunks/Confirm.module-D6mKowVi.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CWu2k-xN.js";
+import "../../chunks/DropdownListItem-V6Oe5CEm.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -131,7 +131,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "0.38.0",
+      "data-tx": "0.40.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__3c5e45f4";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__8718f258";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -4,9 +4,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const dateRange = "dateRange__f9080a21";
-const dateRangeButton = "dateRangeButton__6c75839d";
-const separator = "separator__8f994711";
+const dateRange = "dateRange__058e94be";
+const dateRangeButton = "dateRangeButton__02a03f32";
+const separator = "separator__d7d6e3b3";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -8,7 +8,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.38.0";
+    let tokenVersion = "0.40.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/DesignTokensComponents.js

@@ -7,6 +7,7 @@ import { Badge_Tokens } from "./components/Badge.js";
 import { Button_Tokens } from "./components/Button.js";
 import { Calendar_Tokens } from "./components/Calendar.js";
 import { Card_Tokens } from "./components/Card.js";
+import { Carousel_Tokens } from "./components/Carousel.js";
 import { Checkbox_Tokens } from "./components/Checkbox.js";
 import { Chip_Tokens } from "./components/Chip.js";
 import { CollapsibleTree_Tokens } from "./components/CollapsibleTree.js";
@@ -69,6 +70,7 @@ const DesignTokensComponents = {
   Button: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Button_Tokens),
   Calendar: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Calendar_Tokens),
   Card: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Card_Tokens),
+  Carousel: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Carousel_Tokens),
   Checkbox: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Checkbox_Tokens),
   Chip: GetTokensValueByTheme(ETriplexNextTheme.LIGHT, Chip_Tokens),
   CollapsibleTree: GetTokensValueByTheme(