@salutejs/sdds-platform-ai 0.330.1-canary.2393.20367490814.0 → 0.330.1-canary.2394.20340605741.0

package/components/Tabs/TabsController.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
+var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
+
+var mergedHorizontalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabsConfig, HorizontalTabs_config.config);
+var HorizontalTabs = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabItemConfig, HorizontalTabItem_config.config);
+var HorizontalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabItemConfig);
+
+/**
+ * Контроллер вкладок.
+ * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
+ */
+var TabsController = /*#__PURE__*/plasmaNewHope.createTabsController(HorizontalTabs, HorizontalTabItem);
+
+exports.TabsController = TabsController;
+//# sourceMappingURL=TabsController.js.map

package/components/Tabs/TabsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsController.js","sources":["../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n    createTabsController,\n    horizontalTabItemConfig as horizontalBaseTabItemConfig,\n    horizontalTabsConfig as horizontalBaseTabsConfig,\n    HorizontalTabItemProps,\n    HorizontalTabsProps,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n    HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;;;;;AAcA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAwB,EAAEC,4BAAoB,CAAC,CAAA;AAC9F,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,0BAA0B,CAAC,CAAA;AAE5D,IAAMM,6BAA6B,gBAAGL,yBAAW,CAACM,qCAA2B,EAAEC,+BAAuB,CAAC,CAAA;AACvG,IAAMC,iBAAiB,gBAAGJ,uBAAS,CAACC,6BAA6B,CAAC,CAAA;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,kCAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

package/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts

@@ -0,0 +1,23 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -0,0 +1,31 @@
+require('./HorizontalIconTabItem.config_1ip1hfh.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'divider',
+    size: 'xs'
+  },
+  variations: {
+    view: {
+      clear: "cbg56yj",
+      divider: "d1h6uy94"
+    },
+    size: {
+      m: "m1wdjfjn",
+      h5: "h1q8yrey",
+      h4: "h17rfjta",
+      h3: "h16iyndt",
+      h2: "h1lw8y79",
+      h1: "h1el1nfc"
+    },
+    disabled: {
+      "true": "t1ii6j0b"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=HorizontalIconTabItem.config.js.map

package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","divider","m","h5","h4","h3","h2","h1","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAiBJ,SAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAoBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tabs/horizontal/HorizontalTabItem.config.d.ts

@@ -0,0 +1,29 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        pilled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        truncate: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/horizontal/HorizontalTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 3.25rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","divider","m","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAwBJ,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAyBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tabs/horizontal/HorizontalTabs.config.d.ts

@@ -0,0 +1,33 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        stretch: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        pilled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/horizontal/HorizontalTabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h5: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h4: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h3: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.375rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h2: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.5rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h1: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 1rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerWidth}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAUJ,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,QAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tabs/index.d.ts

@@ -0,0 +1,6 @@
+export { TabsController } from './TabsController';
+export { TabItemRefs, TabsContext } from '@salutejs/plasma-new-hope/styled-components';
+export type { TabsProps, TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
+export type { TabItemProps, IconTabItemProps } from './TabItem';
+export { Tabs } from './Tabs';
+export { TabItem, IconTabItem } from './TabItem';

package/components/Tabs/vertical/VerticalIconTabItem.config.d.ts

@@ -0,0 +1,17 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/vertical/VerticalIconTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","m","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tabs/vertical/VerticalTabItem.config.d.ts

@@ -0,0 +1,20 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        truncate: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/vertical/VerticalTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n                ${tabsTokens.itemMarginLeft}: 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","m","disabled","true","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tabs/vertical/VerticalTabs.config.d.ts

@@ -0,0 +1,23 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        stretch: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/vertical/VerticalTabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/TextArea/TextArea.config.d.ts

@@ -0,0 +1,31 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        focused: string;
+    };
+    variations: {
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        hintView: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        hintSize: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        clear: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        readOnly: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/TextArea/TextArea.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.config.js","sources":["../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n    },\n    variations: {\n        size: {\n            m: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7rem;\n                ${textAreaTokens.inputMinHeight}: 1.125rem;\n                ${textAreaTokens.borderRadius}: 0.75rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 0.875rem;\n                ${textAreaTokens.inputPaddingRight}: 1rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 1rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n                ${textAreaTokens.helpersPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 0.875rem;\n                ${textAreaTokens.rightContentRight}: 0.875rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.625rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        view: {\n            default: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-primary);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-accent);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-negative);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n                ${textAreaTokens.leftHelperColor}: var(--text-negative);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-negative);\n                ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n        },\n        hintView: {\n            default: css`\n                ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n                ${textAreaTokens.tooltipColor}: var(--text-primary);\n                ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n                /* stylelint-disable-next-line */\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n                /* stylelint-disable-next-line */\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n            `,\n        },\n        clear: {\n            true: css``,\n        },\n        readOnly: {\n            true: css`\n                ${textAreaTokens.readOnlyOpacity}: 0.1;\n                ${textAreaTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${textAreaTokens.disabledOpacity}: 0.4;\n                ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","variations","size","m","default","negative","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KAuEJ;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAkCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNF,SAAO,EAAA,UAAA;KAMV;AACDG,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAwBA,UAAA;AACDK,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}