@salutejs/plasma-web 1.497.1-canary.1701.12828004221.0 → 1.497.1-canary.1707.12862394119.0

package/css/cjs/components/Tabs/TabItem.js

@@ -7,6 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
 var VerticalTabItem_config = require('./vertical/VerticalTabItem.config.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var mergedHorizontalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabItemConfig, HorizontalTabItem_config.config);
 var HorizontalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabItemConfig);
 var mergedVerticalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabItemConfig, VerticalTabItem_config.config);
@@ -19,9 +23,9 @@ var VerticalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabItem
  */
 var TabItem = function TabItem(props) {
   if (props.orientation === 'vertical') {
-    return /*#__PURE__*/React.createElement(VerticalTabItem, props);
+    return /*#__PURE__*/React__default.default.createElement(VerticalTabItem, props);
   }
-  return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
+  return /*#__PURE__*/React__default.default.createElement(HorizontalTabItem, props);
 };
 
 exports.TabItem = TabItem;

package/css/cjs/components/Tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n    RightContent,\n    BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n    /**\n     * Расположение табов\n     */\n    orientation?: 'horizontal';\n    /**\n     * Контент слева\n     */\n    contentLeft?: ReactNode;\n    /**\n     * TabItem c округлым border-radius\n     * @deprecated\n     * @default false\n     */\n    pilled?: boolean;\n    /**\n     * Фон TabItem меняется с анимацией\n     * @deprecated\n     * @default true\n     */\n    animated?: boolean;\n    /**\n     * Вид TabItem\n     */\n    view?: Views;\n    /**\n     * Размер TabItem\n     */\n    size?: Sizes;\n    /**\n     * Активен ли TabItem\n     * @deprecated Используйте свойство `selected`\n     */\n    isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;AAaA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;;AAK9D;;AAuCA;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAMO,KAAgB,CAAC,CAAA;AACpD;;;;"}
+{"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n    RightContent,\n    BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n    /**\n     * Расположение табов\n     */\n    orientation?: 'horizontal';\n    /**\n     * Контент слева\n     */\n    contentLeft?: ReactNode;\n    /**\n     * TabItem c округлым border-radius\n     * @deprecated\n     * @default false\n     */\n    pilled?: boolean;\n    /**\n     * Фон TabItem меняется с анимацией\n     * @deprecated\n     * @default true\n     */\n    animated?: boolean;\n    /**\n     * Вид TabItem\n     */\n    view?: Views;\n    /**\n     * Размер TabItem\n     */\n    size?: Sizes;\n    /**\n     * Активен ли TabItem\n     * @deprecated Используйте свойство `selected`\n     */\n    isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAaA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;;AAK9D;;AAuCA;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAMO,KAAgB,CAAC,CAAA;AACpD;;;;"}

package/css/cjs/components/Tabs/Tabs.js

@@ -7,6 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
 var VerticalTabs_config = require('./vertical/VerticalTabs.config.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var mergedHorizontalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabsConfig, HorizontalTabs_config.config);
 var mergedVerticalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabsConfig, VerticalTabs_config.config);
 var HorizontalTabs = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabsConfig);
@@ -19,9 +23,9 @@ var VerticalTabs = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabsConfig
  */
 var Tabs = function Tabs(props) {
   if (props.orientation === 'vertical') {
-    return /*#__PURE__*/React.createElement(VerticalTabs, props);
+    return /*#__PURE__*/React__default.default.createElement(VerticalTabs, props);
   }
-  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
+  return /*#__PURE__*/React__default.default.createElement(HorizontalTabs, props);
 };
 
 exports.Tabs = Tabs;

package/css/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n    BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n    /**\n     * Расположение табов\n     */\n    orientation?: 'horizontal';\n    /**\n     * Наличие divider\n     * @default true\n     */\n    hasDivider?: boolean;\n    /**\n     * Табы растянуты на доступную область\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Табы c округлым border-radius\n     * @deprecated\n     * @default false\n     */\n    pilled?: boolean;\n    /**\n     * Вид табов\n     */\n    view?: Views;\n    /**\n     * Размер табов\n     */\n    size?: Sizes;\n    /**\n     * Уберет скругление с выбранной стороны и подвинет контейнер\n     * @deprecated\n     */\n    outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;AAYA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n    BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n    /**\n     * Расположение табов\n     */\n    orientation?: 'horizontal';\n    /**\n     * Наличие divider\n     * @default true\n     */\n    hasDivider?: boolean;\n    /**\n     * Табы растянуты на доступную область\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Табы c округлым border-radius\n     * @deprecated\n     * @default false\n     */\n    pilled?: boolean;\n    /**\n     * Вид табов\n     */\n    view?: Views;\n    /**\n     * Размер табов\n     */\n    size?: Sizes;\n    /**\n     * Уберет скругление с выбранной стороны и подвинет контейнер\n     * @deprecated\n     */\n    outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAYA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}

package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -1,4 +1,4 @@
-import './HorizontalTabItem.config_axznj3.css';
+require('./HorizontalTabItem.config_axznj3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,4 +1,4 @@
-import './HorizontalTabs.config_udb25v.css';
+require('./HorizontalTabs.config_udb25v.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,4 +1,4 @@
-import './VerticalTabItem.config_1b9301p.css';
+require('./VerticalTabItem.config_1b9301p.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,4 +1,4 @@
-import './VerticalTabs.config_cqbb3f.css';
+require('./VerticalTabs.config_cqbb3f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextArea/TextArea.config.js

@@ -1,4 +1,4 @@
-import './TextArea.config_1xy99im.css';
+require('./TextArea.config_1xy99im.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextField/TextField.config.js

@@ -1,4 +1,4 @@
-import './TextField.config_1y01acd.css';
+require('./TextField.config_1y01acd.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextField/TextField.js

@@ -7,6 +7,10 @@ var React = require('react');
 var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var TextField_config = require('./TextField.config.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["status", "label", "keepPlaceholder", "placeholder", "animatedHint", "helperText", "hintText", "enumerationType", "chips", "chipView", "chipValidator", "onSearch", "onChangeChips", "chipType", "size"];
 var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
 var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
@@ -61,7 +65,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
     keepPlaceholder: keepPlaceholder
   };
   if (enumerationType === 'chip') {
-    return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
+    return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
       view: _view,
       size: size,
       placeholder: placeholder,
@@ -76,7 +80,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
       chipType: chipType
     }));
   }
-  return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
+  return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
     view: _view,
     label: _label,
     size: size,

package/css/cjs/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n    | {\n          /**\n           * view применяется с clear-токенами\n           */\n          clear?: boolean;\n          /**\n           * отобразить ли divider\n           */\n          hasDivider?: boolean;\n      }\n    | {\n          /**\n           * view применяется с clear-токенами\n           */\n          clear?: false;\n          /**\n           * отобразить ли divider\n           */\n          hasDivider?: never;\n      };\n\ntype HintProps =\n    | {\n          /**\n           * Текст тултипа\n           */\n          hintText: string;\n          /**\n           * Способ открытия тултипа - наведение или клик мышью\n           */\n          hintTrigger?: 'hover' | 'click';\n          /**\n           * Вид тултипа\n           */\n          hintView?: 'default';\n          /**\n           * Размер тултипа\n           */\n          hintSize?: 's' | 'm';\n          /**\n           * Элемент, рядом с которым произойдет вызов всплывающего окна.\n           * Если свойство не задано, применится иконка по умолчанию.\n           */\n          hintTarget?: ReactNode;\n          /**\n           * Направление раскрытия тултипа.\n           */\n          hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n          /**\n           * Видимость стрелки (хвоста).\n           */\n          hintHasArrow?: boolean;\n          /**\n           * Отступ окна относительно элемента, у которого оно вызвано.\n           * @default\n           * [0, 8]\n           */\n          hintOffset?: [number, number];\n          /**\n           * Ширина окна (в rem).\n           */\n          hintWidth?: string;\n          /**\n           * Слот для контента слева, например `Icon`.\n           */\n          hintContentLeft?: ReactNode;\n      }\n    | {\n          hintTrigger?: never;\n          hintText?: never;\n          hintView?: never;\n          hintSize?: never;\n          hintTarget?: never;\n          hintPlacement?: never;\n          hintHasArrow?: never;\n          hintOffset?: never;\n          hintWidth?: never;\n          hintContentLeft?: never;\n      };\n\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n    /**\n     * Подсказка для поля ввода.\n     */\n    helperText?: ReactNode;\n} & ClearProps &\n    HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n    Pick<\n        newHopeTextFieldProps,\n        | 'enumerationType'\n        | 'chips'\n        | 'chipType'\n        | 'onChangeChips'\n        | 'titleCaption'\n        | 'labelPlacement'\n        | 'keepPlaceholder'\n        | 'required'\n        | 'requiredPlacement'\n        | 'optional'\n        | 'chipView'\n        | 'chipValidator'\n    >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n    NonNullable<TextFieldProps['animatedHint']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    placeholder: 'outer',\n    label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        status,\n\n        label,\n        keepPlaceholder,\n        placeholder,\n        animatedHint,\n        helperText,\n        hintText,\n\n        enumerationType,\n        chips,\n        chipView,\n        chipValidator,\n        onSearch,\n        onChangeChips,\n        chipType,\n\n        size = 'l',\n\n        ...rest\n    } = props;\n\n    /** TODO: #1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n    let _label = label ? String(label) : undefined;\n\n    if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n\n    if (size === 'l' && animatedHint === 'placeholder' && !label) {\n        _label = placeholder;\n        _labelPlacement = 'inner';\n    }\n\n    const labelProps = {\n        label: _label,\n        labelPlacement: _labelPlacement,\n        keepPlaceholder,\n    };\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                {...labelProps}\n                view={_view}\n                size={size}\n                placeholder={placeholder}\n                leftHelper={helperText}\n                ref={ref}\n                enumerationType=\"chip\"\n                chips={chips}\n                chipView={chipView}\n                chipValidator={chipValidator}\n                hintText={String(hintText || '')}\n                onChangeChips={onChangeChips}\n                chipType={chipType}\n            />\n        );\n    }\n\n    return (\n        <TextFieldComponent\n            {...rest}\n            {...labelProps}\n            view={_view}\n            label={_label}\n            size={size}\n            placeholder={placeholder}\n            leftHelper={helperText}\n            ref={ref}\n            enumerationType=\"plain\"\n            hintText={String(hintText || '')}\n            onSearch={onSearch}\n        />\n    );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n    | {\n          /**\n           * view применяется с clear-токенами\n           */\n          clear?: boolean;\n          /**\n           * отобразить ли divider\n           */\n          hasDivider?: boolean;\n      }\n    | {\n          /**\n           * view применяется с clear-токенами\n           */\n          clear?: false;\n          /**\n           * отобразить ли divider\n           */\n          hasDivider?: never;\n      };\n\ntype HintProps =\n    | {\n          /**\n           * Текст тултипа\n           */\n          hintText: string;\n          /**\n           * Способ открытия тултипа - наведение или клик мышью\n           */\n          hintTrigger?: 'hover' | 'click';\n          /**\n           * Вид тултипа\n           */\n          hintView?: 'default';\n          /**\n           * Размер тултипа\n           */\n          hintSize?: 's' | 'm';\n          /**\n           * Элемент, рядом с которым произойдет вызов всплывающего окна.\n           * Если свойство не задано, применится иконка по умолчанию.\n           */\n          hintTarget?: ReactNode;\n          /**\n           * Направление раскрытия тултипа.\n           */\n          hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n          /**\n           * Видимость стрелки (хвоста).\n           */\n          hintHasArrow?: boolean;\n          /**\n           * Отступ окна относительно элемента, у которого оно вызвано.\n           * @default\n           * [0, 8]\n           */\n          hintOffset?: [number, number];\n          /**\n           * Ширина окна (в rem).\n           */\n          hintWidth?: string;\n          /**\n           * Слот для контента слева, например `Icon`.\n           */\n          hintContentLeft?: ReactNode;\n      }\n    | {\n          hintTrigger?: never;\n          hintText?: never;\n          hintView?: never;\n          hintSize?: never;\n          hintTarget?: never;\n          hintPlacement?: never;\n          hintHasArrow?: never;\n          hintOffset?: never;\n          hintWidth?: never;\n          hintContentLeft?: never;\n      };\n\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n    /**\n     * Подсказка для поля ввода.\n     */\n    helperText?: ReactNode;\n} & ClearProps &\n    HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n    Pick<\n        newHopeTextFieldProps,\n        | 'enumerationType'\n        | 'chips'\n        | 'chipType'\n        | 'onChangeChips'\n        | 'titleCaption'\n        | 'labelPlacement'\n        | 'keepPlaceholder'\n        | 'required'\n        | 'requiredPlacement'\n        | 'optional'\n        | 'chipView'\n        | 'chipValidator'\n    >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n    NonNullable<TextFieldProps['animatedHint']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    placeholder: 'outer',\n    label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        status,\n\n        label,\n        keepPlaceholder,\n        placeholder,\n        animatedHint,\n        helperText,\n        hintText,\n\n        enumerationType,\n        chips,\n        chipView,\n        chipValidator,\n        onSearch,\n        onChangeChips,\n        chipType,\n\n        size = 'l',\n\n        ...rest\n    } = props;\n\n    /** TODO: #1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n    let _label = label ? String(label) : undefined;\n\n    if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n\n    if (size === 'l' && animatedHint === 'placeholder' && !label) {\n        _label = placeholder;\n        _labelPlacement = 'inner';\n    }\n\n    const labelProps = {\n        label: _label,\n        labelPlacement: _labelPlacement,\n        keepPlaceholder,\n    };\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                {...labelProps}\n                view={_view}\n                size={size}\n                placeholder={placeholder}\n                leftHelper={helperText}\n                ref={ref}\n                enumerationType=\"chip\"\n                chips={chips}\n                chipView={chipView}\n                chipValidator={chipValidator}\n                hintText={String(hintText || '')}\n                onChangeChips={onChangeChips}\n                chipType={chipType}\n            />\n        );\n    }\n\n    return (\n        <TextFieldComponent\n            {...rest}\n            {...labelProps}\n            view={_view}\n            label={_label}\n            size={size}\n            placeholder={placeholder}\n            leftHelper={helperText}\n            ref={ref}\n            enumerationType=\"plain\"\n            hintText={String(hintText || '')}\n            onSearch={onSearch}\n        />\n    );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"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"}

package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -1,4 +1,4 @@
-import './TextFieldGroup.config_154fdzu.css';
+require('./TextFieldGroup.config_154fdzu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Toast/Toast.config.js

@@ -1,4 +1,4 @@
-import './Toast.config_1g4td0o.css';
+require('./Toast.config_1g4td0o.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Toolbar/Toolbar.config.js

@@ -1,4 +1,4 @@
-import './Toolbar.config_1yum23z.css';
+require('./Toolbar.config_1yum23z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tooltip/Tooltip.config.js

@@ -1,4 +1,4 @@
-import './Tooltip.config_19fazns.css';
+require('./Tooltip.config_19fazns.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tree/Tree.config.js

@@ -1,4 +1,4 @@
-import './Tree.config_1adspmr.css';
+require('./Tree.config_1adspmr.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Body.config.js

@@ -1,4 +1,4 @@
-import './Body.config_endr2e.css';
+require('./Body.config_endr2e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Dspl.config.js

@@ -1,4 +1,4 @@
-import './Dspl.config_owrt7v.css';
+require('./Dspl.config_owrt7v.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Heading.config.js

@@ -1,4 +1,4 @@
-import './Heading.config_1fd36gz.css';
+require('./Heading.config_1fd36gz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Body.config.js

@@ -1,4 +1,4 @@
-import './Body.config_mvxlwy.css';
+require('./Body.config_mvxlwy.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Button.config.js

@@ -1,4 +1,4 @@
-import './Button.config_362uoc.css';
+require('./Button.config_362uoc.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Caption.config.js

@@ -1,4 +1,4 @@
-import './Caption.config_1ov5r6f.css';
+require('./Caption.config_1ov5r6f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Footnote.config.js

@@ -1,4 +1,4 @@
-import './Footnote.config_i1jfb5.css';
+require('./Footnote.config_i1jfb5.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Headline.config.js

@@ -1,4 +1,4 @@
-import './Headline.config_aske57.css';
+require('./Headline.config_aske57.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Paragraph.config.js

@@ -1,4 +1,4 @@
-import './Paragraph.config_50i2at.css';
+require('./Paragraph.config_50i2at.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/ParagraphText.config.js

@@ -1,4 +1,4 @@
-import './ParagraphText.config_4temfp.css';
+require('./ParagraphText.config_4temfp.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Subtitle.config.js

@@ -1,4 +1,4 @@
-import './Subtitle.config_mpskj3.css';
+require('./Subtitle.config_mpskj3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Underline.config.js

@@ -1,4 +1,4 @@
-import './Underline.config_yq6b5e.css';
+require('./Underline.config_yq6b5e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Text.config.js

@@ -1,4 +1,4 @@
-import './Text.config_ta1h5z.css';
+require('./Text.config_ta1h5z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.497.1-canary.1701.12828004221.0",
+  "version": "1.497.1-canary.1707.12862394119.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.191.0-dev.0",
     "@salutejs/plasma-hope": "1.328.1-dev.0",
-    "@salutejs/plasma-new-hope": "0.241.1-canary.1701.12828004221.0",
+    "@salutejs/plasma-new-hope": "0.241.1-canary.1707.12862394119.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2b": "1.45.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0-dev.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "13984cb233e780a5660e89d4ba62dbebfc516695"
+  "gitHead": "d08bd94a582ad6f0742505f70ce80897c68cc8a5"
 }

package/rollup.config.mjs

@@ -36,6 +36,7 @@ export default {
         sourcemap: true,
         exports: 'named',
         assetFileNames: "[name][extname]",
+        interop: 'auto',
     }],
     external: (id) => {
         if (id.startsWith('regenerator-runtime') || id === 'tslib') {
@@ -80,66 +81,78 @@ function importCssPlugin() {
     const styles = {};
 
     return {
-      name: 'importCssPlugin',
-      transform(code, id) {
-        if (!filter(id)) {
-            return;
-        }
-  
-        if (styles[id] !== code && (styles[id] || code)) {
-          styles[path.relative(inputDir, id)] = code
-        }
-  
-        return { code };
-      },
-      generateBundle(options, bundle) {
-        const files = Object.keys(bundle);
-        files.forEach((file) => {
-            const root = bundle[file].facadeModuleId
-            const modules = this.getModuleInfo(root);
-
-            // ADD IMPORT FOR CSS MODULES
-            if (file.endsWith('.css.js')) {
-                const { code } = bundle[file];
-                // TODO: #718 cjs modules => require('./file.css');
-                const importString = `import './${file.replace('.css.js', '.css.css')}';\n`;
-                this.emitFile({
-                    type: 'asset',
-                    fileName: file,
-                    source: importString + code,
-                });
-            } else if (file.endsWith('.js')) {
-                // ADD IMPORT FOR LINARIA
-                // linaria
-                const cssFiles = modules.importedIds
-                    .filter(a => a.includes(inputDir))
-                    .filter(a => !a.endsWith('.module.css') && a.endsWith('.css'))
-                    .map(a => path.relative(inputDir, a))
-
-                if (!cssFiles.length) {
-                    return;
-                }
-                const imports = [];
-                cssFiles.forEach(cssFile => {
-                    imports.push(`import './${path.relative(path.dirname(file), cssFile)}';`);
-                    this.emitFile({
-                        type: 'asset',
-                        fileName: cssFile,
-                        source: styles[cssFile],
-                    });
-                })
-                if (imports.length) {
+        name: 'importCssPlugin',
+        transform(code, id) {
+            if (!filter(id)) {
+                return;
+            }
+
+            if (styles[id] !== code && (styles[id] || code)) {
+                styles[path.relative(inputDir, id)] = code;
+            }
+
+            return { code };
+        },
+        generateBundle(options, bundle) {
+            const files = Object.keys(bundle);
+
+            files.forEach((file) => {
+                const root = bundle[file].facadeModuleId;
+                const modules = this.getModuleInfo(root);
+
+                // ADD IMPORT FOR CSS MODULES
+                if (file.endsWith('.css.js')) {
                     const { code } = bundle[file];
+                    const data = file.replace('.css.js', '.css.css');
+
+                    const requireString =
+                        options.format === 'cjs' ? `require('./${data}');\n` : `import './${data}';\n`;
+
                     this.emitFile({
                         type: 'asset',
                         fileName: file,
-                        source: imports.join('\n') + '\n' + code,
+                        source: requireString + code,
+                    });
+                } else if (file.endsWith('.js')) {
+                    // ADD IMPORT FOR LINARIA
+                    // linaria
+                    const cssFiles = modules.importedIds
+                        .filter((a) => a.includes(inputDir))
+                        .filter((a) => !a.endsWith('.module.css') && a.endsWith('.css'))
+                        .map((a) => path.relative(inputDir, a));
+
+                    if (!cssFiles.length) {
+                        return;
+                    }
+
+                    const imports = [];
+
+                    cssFiles.forEach((cssFile) => {
+                        const data = path.relative(path.dirname(file), cssFile);
+
+                        const importStatement =
+                            options.format === 'cjs' ? `require('./${data}');` : `import './${data}';`;
+
+                        imports.push(importStatement);
+
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: cssFile,
+                            source: styles[cssFile],
+                        });
                     });
 
-                    console.log(`Added css: ${cssFiles} for ${file}`);
+                    if (imports.length) {
+                        const { code } = bundle[file];
+
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: file,
+                            source: `${imports.join('\n')}\n${code}`,
+                        });
+                    }
                 }
-            }
-        });
-      },
+            });
+        },
     };
-  }
+}