@salutejs/plasma-b2c 1.495.1-canary.1701.12826370058.0 → 1.495.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_w27edn.css';
+require('./HorizontalTabItem.config_w27edn.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_qf7yzk.css';
+require('./VerticalTabItem.config_qf7yzk.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_1bnayxn.css';
+require('./TextArea.config_1bnayxn.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,4 +1,4 @@
-import './TextField.config_g1cywa.css';
+require('./TextField.config_g1cywa.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 = ["view", "status", "required", "requiredPlacement", "optional", "label", "labelPlacement", "keepPlaceholder", "caption", "placeholder", "helperText", "hintText", "enumerationType", "chips", "chipView", "chipValidator", "onSearch", "onChangeChips", "chipType"];
 var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
 var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
@@ -69,7 +73,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
     optional: optional
   };
   if (enumerationType === 'chip') {
-    return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
+    return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
       view: _view,
       placeholder: _placeholder,
       leftHelper: helperText,
@@ -83,7 +87,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
       chipType: chipType
     }));
   }
-  return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
+  return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
     view: _view,
     placeholder: _placeholder,
     leftHelper: helperText,

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, { ComponentProps, forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps } 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 = 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\nexport type CustomTextFieldProps = Omit<TextFieldProps, 'helperText'> & {\n    /**\n     * Подсказка для поля ввода.\n     */\n    helperText?: ReactNode;\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    ClearProps &\n    HintProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n    NonNullable<TextFieldProps['view']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    default: 'outer',\n    innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        view,\n        status,\n\n        required,\n        requiredPlacement,\n        optional,\n        label,\n        labelPlacement,\n        keepPlaceholder,\n        caption,\n        placeholder,\n        helperText,\n        hintText,\n\n        enumerationType,\n        chips,\n        chipView,\n        chipValidator,\n        onSearch,\n        onChangeChips,\n        chipType,\n\n        ...rest\n    } = props;\n\n    /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n    let _label = label ? String(label) : caption;\n    let _placeholder = placeholder;\n    // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n    // if size is undefined <TextFieldComp size={size} /> would not use defaults\n    if (rest.size === 'xs' && _labelPlacement === 'inner' && !keepPlaceholder) {\n        _placeholder = _label;\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n\n    const labelProps = {\n        label: _label,\n        labelPlacement: _labelPlacement,\n        keepPlaceholder,\n    };\n\n    const requiredProps = required\n        ? {\n              required,\n              requiredPlacement,\n          }\n        : {\n              optional,\n          };\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                {...requiredProps}\n                {...labelProps}\n                view={_view}\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            {...requiredProps}\n            {...labelProps}\n            view={_view}\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","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","required","requiredPlacement","optional","label","keepPlaceholder","caption","placeholder","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","labelProps","labelPlacement","requiredProps","React","createElement","_extends","leftHelper"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps } 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 = 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\nexport type CustomTextFieldProps = Omit<TextFieldProps, 'helperText'> & {\n    /**\n     * Подсказка для поля ввода.\n     */\n    helperText?: ReactNode;\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    ClearProps &\n    HintProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n    NonNullable<TextFieldProps['view']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    default: 'outer',\n    innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        view,\n        status,\n\n        required,\n        requiredPlacement,\n        optional,\n        label,\n        labelPlacement,\n        keepPlaceholder,\n        caption,\n        placeholder,\n        helperText,\n        hintText,\n\n        enumerationType,\n        chips,\n        chipView,\n        chipValidator,\n        onSearch,\n        onChangeChips,\n        chipType,\n\n        ...rest\n    } = props;\n\n    /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n    let _label = label ? String(label) : caption;\n    let _placeholder = placeholder;\n    // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n    // if size is undefined <TextFieldComp size={size} /> would not use defaults\n    if (rest.size === 'xs' && _labelPlacement === 'inner' && !keepPlaceholder) {\n        _placeholder = _label;\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n\n    const labelProps = {\n        label: _label,\n        labelPlacement: _labelPlacement,\n        keepPlaceholder,\n    };\n\n    const requiredProps = required\n        ? {\n              required,\n              requiredPlacement,\n          }\n        : {\n              optional,\n          };\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                {...requiredProps}\n                {...labelProps}\n                view={_view}\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            {...requiredProps}\n            {...labelProps}\n            view={_view}\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","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","required","requiredPlacement","optional","label","keepPlaceholder","caption","placeholder","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","labelProps","labelPlacement","requiredProps","React","createElement","_extends","leftHelper"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './TextFieldGroup.config_1gikqtw.css';
+require('./TextFieldGroup.config_1gikqtw.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-b2c",
-  "version": "1.495.1-canary.1701.12826370058.0",
+  "version": "1.495.1-canary.1707.12862394119.0",
   "description": "Salute Design System / React UI kit for business-related web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -44,7 +44,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.12826370058.0",
+    "@salutejs/plasma-new-hope": "0.241.1-canary.1707.12862394119.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0-dev.0",
     "@salutejs/plasma-tokens-web": "1.61.0-dev.0",
@@ -108,5 +108,5 @@
     "react"
   ],
   "sideEffects": false,
-  "gitHead": "b2d7178409fdec1678b4da9fa415c1273da54684"
+  "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}`,
+                        });
+                    }
                 }
-            }
-        });
-      },
+            });
+        },
     };
-  }
+}