@salutejs/plasma-asdk 0.396.0-next-sbcom.0 → 0.396.0

package/components/Header/Header.js

@@ -18,16 +18,15 @@ Object.defineProperty(exports, "HeaderTitle", {
   }
 });
 exports.HeaderTitleWrapper = void 0;
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Header = /*#__PURE__*/require("./Header.config");
 var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot/HeaderRoot");
 var _ui = /*#__PURE__*/require("./ui");
 var _HeaderContent = /*#__PURE__*/require("./HeaderContent/HeaderContent");
-var mergedConfig = /*#__PURE__*/(0, _plasmaNewHope.mergeConfig)(_HeaderRoot.headerRootConfig, _Header.config);
-var mergedLogoConfig = /*#__PURE__*/(0, _plasmaNewHope.mergeConfig)(_ui.headerLogoConfig);
-var mergedArrowConfig = /*#__PURE__*/(0, _plasmaNewHope.mergeConfig)(_ui.headerArrowConfig);
-var mergedTitleWrapperConfig = /*#__PURE__*/(0, _plasmaNewHope.mergeConfig)(_ui.headerTitleWrapperConfig);
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_HeaderRoot.headerRootConfig, _Header.config);
+var mergedLogoConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_ui.headerLogoConfig);
+var mergedArrowConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_ui.headerArrowConfig);
+var mergedTitleWrapperConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_ui.headerTitleWrapperConfig);
 var HeaderRoot = exports.HeaderRoot = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
 var HeaderLogo = exports.HeaderLogo = /*#__PURE__*/(0, _styledComponents.component)(mergedLogoConfig);
 var HeaderArrow = exports.HeaderArrow = /*#__PURE__*/(0, _styledComponents.component)(mergedArrowConfig);

package/components/Header/HeaderRoot/HeaderRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RootProps } from '@salutejs/plasma-new-hope';
+import { RootProps } from '@salutejs/plasma-new-hope/styled-components';
 import type { HeaderRootProps } from './HeaderRoot.types';
 /**
  * Корневой узел для шапки.

package/components/Header/HeaderRoot/HeaderRoot.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.headerRootConfig = exports.headerRoot = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Header = /*#__PURE__*/require("../Header.tokens");
 var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot.styles");
 var _excluded = ["children", "size", "view", "gradientColor"];
@@ -30,7 +30,7 @@ var headerRoot = exports.headerRoot = function headerRoot(Root) {
       size: size,
       view: view
     }, /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledHeaderRoot, _extends({
-      className: (0, _plasmaNewHope.cx)(_Header.classes.headerRoot, gradientColorClass)
+      className: (0, _styledComponents.cx)(_Header.classes.headerRoot, gradientColorClass)
     }, rest, {
       $gradientColor: gradientColor
     }), /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledInner, null, children)));

package/components/Header/ui/HeaderArrow/HeaderArrow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { HTMLAttributes } from 'react';
-import { RootProps } from '@salutejs/plasma-new-hope';
+import { RootProps } from '@salutejs/plasma-new-hope/styled-components';
 /**
  * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
  */

package/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.headerArrowRoot = exports.headerArrowConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Header = /*#__PURE__*/require("../../Header.tokens");
 var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
@@ -17,8 +17,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var mergedButtonConfig = /*#__PURE__*/(0, _plasmaNewHope.mergeConfig)(_plasmaNewHope.buttonConfig);
-var Button = /*#__PURE__*/(0, _plasmaNewHope.component)(mergedButtonConfig);
+var mergedButtonConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.buttonConfig);
+var Button = /*#__PURE__*/(0, _styledComponents.component)(mergedButtonConfig);
 
 /**
  * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
@@ -42,7 +42,7 @@ var headerArrowRoot = exports.headerArrowRoot = function headerArrowRoot(Root) {
     }, rest), /*#__PURE__*/_react["default"].createElement(_Icon.IconChevronLeft, _extends({
       size: iconSize,
       sizeCustomProperty: _Header.tokens.headerArrowIconSize,
-      className: (0, _plasmaNewHope.cx)(_Header.classes.headerArrowIcon, minimizeClass),
+      className: (0, _styledComponents.cx)(_Header.classes.headerArrowIcon, minimizeClass),
       color: "inherit"
     }, props))));
   });

package/components/Header/ui/HeaderLogo/HeaderLogo.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { HTMLAttributes } from 'react';
-import { ImageProps, RootProps } from '@salutejs/plasma-new-hope';
+import { ImageProps, RootProps } from '@salutejs/plasma-new-hope/styled-components';
 export type HeaderLogoProps = Omit<ImageProps, 'height' | 'width' | 'ratio' | 'customRatio' | 'onResize' | 'onResizeCapture' | 'nonce'>;
 /**
  * Компонент для размещения логотипа.

package/components/Header/ui/HeaderLogo/HeaderLogo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.headerLogoRoot = exports.headerLogoConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Header = /*#__PURE__*/require("../../Header.tokens");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -15,7 +15,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 // because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
 
 // issue #823
-var Image = /*#__PURE__*/(0, _plasmaNewHope.component)(_plasmaNewHope.imageConfig);
+var Image = /*#__PURE__*/(0, _styledComponents.component)(_styledComponents.imageConfig);
 
 /**
  * Компонент для размещения логотипа.

package/components/Header/ui/HeaderTitle/HeaderTitle.styles.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledHeaderTitle = void 0;
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
-var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _styledComponents2 = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var StyledHeaderTitle = exports.StyledHeaderTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledHeaderTitle = exports.StyledHeaderTitle = /*#__PURE__*/_styledComponents2["default"].div.withConfig({
   componentId: "plasma-web__sc-aidj9k-0"
-})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)(), _plasmaNewHope.h3, /*#__PURE__*/(0, _plasmaNewHope.mediaQuery)('S')("\n        font-family: var(--plasma-typo-body-m-font-family);\n        font-size: var(--plasma-typo-body-m-font-size);\n        font-style: var(--plasma-typo-body-m-font-style);\n        letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n        line-height: var(--plasma-typo-body-m-line-height);\n        font-weight: 600;\n    "));
+})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/(0, _styledComponents.applyEllipsis)(), _styledComponents.h3, /*#__PURE__*/(0, _styledComponents.mediaQuery)('S')("\n        font-family: var(--plasma-typo-body-m-font-family);\n        font-size: var(--plasma-typo-body-m-font-size);\n        font-style: var(--plasma-typo-body-m-font-style);\n        letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n        line-height: var(--plasma-typo-body-m-line-height);\n        font-weight: 600;\n    "));

package/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js

@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Title = exports.TextBoxRoot = exports.SubTitle = exports.Label = exports.Caption = exports.BiggerTitle = exports.BigTitle = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
+var _styledComponents2 = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Header = /*#__PURE__*/require("../../Header.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-0"
-})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _plasmaNewHope.bodyM, _Header.tokens.headerTitleMargin, _Header.tokens.headerTitleColor, _plasmaNewHope.applyHyphens, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _styledComponents2.bodyM, _Header.tokens.headerTitleMargin, _Header.tokens.headerTitleColor, _styledComponents2.applyHyphens, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var BigTitle = exports.BigTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-1"
-})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _plasmaNewHope.h3, _Header.tokens.headerBigTitleMargin, _Header.tokens.headerBiggerTitleColor, _plasmaNewHope.applyHyphens, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _styledComponents2.h3, _Header.tokens.headerBigTitleMargin, _Header.tokens.headerBiggerTitleColor, _styledComponents2.applyHyphens, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var BiggerTitle = exports.BiggerTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-2"
-})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _plasmaNewHope.h1, _Header.tokens.headerBiggerTitleMargin, _Header.tokens.headerBiggerTitleColor, _plasmaNewHope.applyHyphens, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _styledComponents2.h1, _Header.tokens.headerBiggerTitleMargin, _Header.tokens.headerBiggerTitleColor, _styledComponents2.applyHyphens, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-3"
-})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerLabelMargin, _Header.tokens.headerLabelColor, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerLabelMargin, _Header.tokens.headerLabelColor, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var SubTitle = exports.SubTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-4"
-})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _plasmaNewHope.bodyS, _Header.tokens.headerSubTitleMargin, _Header.tokens.headerSubTitleColor, _plasmaNewHope.applyHyphens, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _styledComponents2.bodyS, _Header.tokens.headerSubTitleMargin, _Header.tokens.headerSubTitleColor, _styledComponents2.applyHyphens, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var Caption = exports.Caption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-5"
-})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerCaptionMargin, _Header.tokens.headerCaptionColor, /*#__PURE__*/(0, _plasmaNewHope.applyEllipsis)());
+})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerCaptionMargin, _Header.tokens.headerCaptionColor, /*#__PURE__*/(0, _styledComponents2.applyEllipsis)());
 var TextBoxRoot = exports.TextBoxRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-6"
 })(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);

package/components/Spinner/Spinner.config.d.ts

@@ -1,18 +1,8 @@
 export declare const config: {
     defaults: {
         view: string;
-        size: string;
     };
     variations: {
-        size: {
-            xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        };
         view: {
             accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };

package/components/Spinner/Spinner.config.js

@@ -5,25 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var config = exports.config = {
   defaults: {
-    view: 'accent',
-    size: 'm'
+    view: 'accent'
   },
   variations: {
-    size: {
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n            "])), _styledComponents.spinnerTokens.size),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n            "])), _styledComponents.spinnerTokens.size),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n            "])), _styledComponents.spinnerTokens.size),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n            "])), _styledComponents.spinnerTokens.size),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n            "])), _styledComponents.spinnerTokens.size),
-      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 5.5rem;\n            "])), _styledComponents.spinnerTokens.size),
-      xxl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 8rem;\n            "])), _styledComponents.spinnerTokens.size)
-    },
     view: {
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent-main);\n            "])), _styledComponents.spinnerTokens.color)
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-accent-main);\n            "])))
     }
   }
 };

package/components/Spinner/Spinner.d.ts

@@ -1,31 +1,43 @@
-import type { ComponentProps, FunctionComponent } from 'react';
-declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
-    size: {
-        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-    };
-    view: {
-        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-    };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
+import type { HTMLAttributes } from 'react';
+export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Размер спиннера
+     */
     size?: string | number;
+    /**
+     * Цвет спиннера
+     */
     view?: string;
-    width?: string | number;
-    height?: string | number;
+    /**
+     * Цвет спиннера
+     * @deprecated
+     */
     color?: string;
+    /**
+     * @deprecated
+     */
     deviceScale?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-type Variations = ComponentProps<typeof SpinnerComponent>;
-type SpinnerComponentProps = Omit<Variations, 'size'> & {
-    size?: Variations['size'] | number;
 };
 /**
  * Компонент для отображения индикатора загрузки.
  */
-export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
-export {};
+export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & ((HTMLAttributes<HTMLDivElement> & {
+    width?: never;
+    height?: never;
+    size?: string | number;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+    width: number;
+    height: number;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+    width: string;
+    height: string;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;

package/components/Spinner/Spinner.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Spinner = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
+var _styledComponents2 = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Spinner = /*#__PURE__*/require("./Spinner.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.spinnerConfig, _Spinner.config);
-var SpinnerComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-
-/* Числовой size устарел, но должен компилироваться. */
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var mergedConfig = /*#__PURE__*/(0, _styledComponents2.mergeConfig)(_styledComponents2.spinnerConfig, _Spinner.config);
+var SpinnerComponent = /*#__PURE__*/(0, _styledComponents2.component)(mergedConfig);
 /**
  * Компонент для отображения индикатора загрузки.
  */
-var Spinner = exports.Spinner = SpinnerComponent;
+var Spinner = exports.Spinner = /*#__PURE__*/(0, _styledComponents["default"])(SpinnerComponent).withConfig({
+  componentId: "plasma-web__sc-1mmelrk-0"
+})([""]);

package/components/Spinner/index.d.ts

@@ -1,2 +1,2 @@
 export { Spinner } from './Spinner';
-export type { SpinnerProps } from '@salutejs/plasma-new-hope/styled-components';
+export type { SpinnerProps } from './Spinner';

package/es/components/Header/Header.js

@@ -1,5 +1,4 @@
-import { mergeConfig } from '@salutejs/plasma-new-hope';
-import { component } from '@salutejs/plasma-new-hope/styled-components';
+import { mergeConfig, component } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Header.config';
 import { headerRootConfig } from './HeaderRoot/HeaderRoot';
 import { headerArrowConfig, headerLogoConfig, headerTitleWrapperConfig } from './ui';

package/es/components/Header/HeaderRoot/HeaderRoot.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
-import { cx } from '@salutejs/plasma-new-hope';
+import { cx } from '@salutejs/plasma-new-hope/styled-components';
 import { classes } from '../Header.tokens';
 import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';
 

package/es/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
-import { buttonConfig, component, cx, mergeConfig } from '@salutejs/plasma-new-hope';
+import { buttonConfig, component, cx, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { classes, tokens } from '../../Header.tokens';
 import { base } from './HeaderArrow.styles';
 import { base as sizeCSS } from './variations/_size/base';

package/es/components/Header/ui/HeaderLogo/HeaderLogo.js

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { component, imageConfig } from '@salutejs/plasma-new-hope';
+import { component, imageConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { classes } from '../../Header.tokens';
 import { base as sizeCSS } from './variations/_size/base';
 

package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js

@@ -1,4 +1,4 @@
-import { applyEllipsis, h3, mediaQuery } from '@salutejs/plasma-new-hope';
+import { applyEllipsis, h3, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
 import styled from 'styled-components';
 export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-web__sc-aidj9k-0"

package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '@salutejs/plasma-new-hope';
+import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '@salutejs/plasma-new-hope/styled-components';
 import { tokens } from '../../Header.tokens';
 export var Title = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-web__sc-1nq6s90-0"

package/es/components/Spinner/Spinner.config.js

@@ -1,23 +1,13 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+import { css } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
   defaults: {
-    view: 'accent',
-    size: 'm'
+    view: 'accent'
   },
   variations: {
-    size: {
-      xxs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n            "])), tokens.size),
-      xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n            "])), tokens.size),
-      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n            "])), tokens.size),
-      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n            "])), tokens.size),
-      l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n            "])), tokens.size),
-      xl: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 5.5rem;\n            "])), tokens.size),
-      xxl: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 8rem;\n            "])), tokens.size)
-    },
     view: {
-      accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent-main);\n            "])), tokens.color)
+      accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                --plasma-spinner-color: var(--text-accent-main);\n            "])))
     }
   }
 };

package/es/components/Spinner/Spinner.js

@@ -1,11 +1,11 @@
+import styled from 'styled-components';
 import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Spinner.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
 var SpinnerComponent = /*#__PURE__*/component(mergedConfig);
-
-/* Числовой size устарел, но должен компилироваться. */
-
 /**
  * Компонент для отображения индикатора загрузки.
  */
-export var Spinner = SpinnerComponent;
+export var Spinner = /*#__PURE__*/styled(SpinnerComponent).withConfig({
+  componentId: "plasma-web__sc-1mmelrk-0"
+})([""]);

package/es/tokens/typography.js

@@ -1,4 +1,4 @@
-export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline } from '@salutejs/plasma-new-hope';
+export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline } from '@salutejs/plasma-new-hope/styled-components';
 export var fieldTypo = {
   fontFamily: 'var(--plasma-field-font-family)',
   fontSize: 'var(--plasma-field-font-size)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-asdk",
-  "version": "0.396.0-next-sbcom.0",
+  "version": "0.396.0",
   "description": "Salute Design System / React UI kit for Assistant web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -27,10 +27,10 @@
     "styled-components": "^5.1.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.382.0-next-sbcom.0",
-    "@salutejs/plasma-tokens": "1.156.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2b": "1.68.0-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.56.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.382.0",
+    "@salutejs/plasma-tokens": "1.156.0",
+    "@salutejs/plasma-tokens-b2b": "1.68.0",
+    "@salutejs/plasma-typo": "0.56.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -40,11 +40,11 @@
     "@babel/preset-env": "7.24.4",
     "@babel/preset-react": "7.24.1",
     "@babel/preset-typescript": "7.24.1",
-    "@salutejs/plasma-colors": "0.25.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.245.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.175.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.252.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.246.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.25.0",
+    "@salutejs/plasma-core": "1.245.0",
+    "@salutejs/plasma-cy-utils": "0.175.0",
+    "@salutejs/plasma-icons": "1.252.0",
+    "@salutejs/plasma-sb-utils": "0.246.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -83,5 +83,5 @@
     "salute.developers@gmail.com"
   ],
   "sideEffects": false,
-  "gitHead": "7ff9df365bf813c404c56f60af1d8c280f7e29ea"
+  "gitHead": "a419e9303c97682114c77f181eedcbf37b52adf3"
 }

package/tokens/typography.d.ts

@@ -1,5 +1,5 @@
 import type { CSSObject } from 'styled-components';
-export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline, } from '@salutejs/plasma-new-hope';
+export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline, } from '@salutejs/plasma-new-hope/styled-components';
 export declare const fieldTypo: CSSObject;
 export declare const fieldHelperTextTypo: CSSObject;
 export declare const inputTypo: CSSObject;

package/tokens/typography.js

@@ -6,330 +6,330 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "body1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.body1;
+    return _styledComponents.body1;
   }
 });
 Object.defineProperty(exports, "body2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.body2;
+    return _styledComponents.body2;
   }
 });
 Object.defineProperty(exports, "body3", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.body3;
+    return _styledComponents.body3;
   }
 });
 Object.defineProperty(exports, "bodyL", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyL;
+    return _styledComponents.bodyL;
   }
 });
 Object.defineProperty(exports, "bodyLBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyLBold;
+    return _styledComponents.bodyLBold;
   }
 });
 Object.defineProperty(exports, "bodyM", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyM;
+    return _styledComponents.bodyM;
   }
 });
 Object.defineProperty(exports, "bodyMBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyMBold;
+    return _styledComponents.bodyMBold;
   }
 });
 Object.defineProperty(exports, "bodyS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyS;
+    return _styledComponents.bodyS;
   }
 });
 Object.defineProperty(exports, "bodySBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodySBold;
+    return _styledComponents.bodySBold;
   }
 });
 Object.defineProperty(exports, "bodyXS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyXS;
+    return _styledComponents.bodyXS;
   }
 });
 Object.defineProperty(exports, "bodyXSBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyXSBold;
+    return _styledComponents.bodyXSBold;
   }
 });
 Object.defineProperty(exports, "bodyXXS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyXXS;
+    return _styledComponents.bodyXXS;
   }
 });
 Object.defineProperty(exports, "bodyXXSBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.bodyXXSBold;
+    return _styledComponents.bodyXXSBold;
   }
 });
 Object.defineProperty(exports, "button1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.button1;
+    return _styledComponents.button1;
   }
 });
 Object.defineProperty(exports, "button2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.button2;
+    return _styledComponents.button2;
   }
 });
 Object.defineProperty(exports, "caption", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.caption;
+    return _styledComponents.caption;
   }
 });
 Object.defineProperty(exports, "display1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.display1;
+    return _styledComponents.display1;
   }
 });
 Object.defineProperty(exports, "display2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.display2;
+    return _styledComponents.display2;
   }
 });
 Object.defineProperty(exports, "display3", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.display3;
+    return _styledComponents.display3;
   }
 });
 Object.defineProperty(exports, "dsplL", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplL;
+    return _styledComponents.dsplL;
   }
 });
 Object.defineProperty(exports, "dsplLBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplLBold;
+    return _styledComponents.dsplLBold;
   }
 });
 Object.defineProperty(exports, "dsplM", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplM;
+    return _styledComponents.dsplM;
   }
 });
 Object.defineProperty(exports, "dsplMBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplMBold;
+    return _styledComponents.dsplMBold;
   }
 });
 Object.defineProperty(exports, "dsplS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplS;
+    return _styledComponents.dsplS;
   }
 });
 Object.defineProperty(exports, "dsplSBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.dsplSBold;
+    return _styledComponents.dsplSBold;
   }
 });
 exports.fieldTypo = exports.fieldHelperTextTypo = void 0;
 Object.defineProperty(exports, "footnote1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.footnote1;
+    return _styledComponents.footnote1;
   }
 });
 Object.defineProperty(exports, "footnote2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.footnote2;
+    return _styledComponents.footnote2;
   }
 });
 Object.defineProperty(exports, "h1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h1;
+    return _styledComponents.h1;
   }
 });
 Object.defineProperty(exports, "h1Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h1Bold;
+    return _styledComponents.h1Bold;
   }
 });
 Object.defineProperty(exports, "h2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h2;
+    return _styledComponents.h2;
   }
 });
 Object.defineProperty(exports, "h2Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h2Bold;
+    return _styledComponents.h2Bold;
   }
 });
 Object.defineProperty(exports, "h3", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h3;
+    return _styledComponents.h3;
   }
 });
 Object.defineProperty(exports, "h3Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h3Bold;
+    return _styledComponents.h3Bold;
   }
 });
 Object.defineProperty(exports, "h4", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h4;
+    return _styledComponents.h4;
   }
 });
 Object.defineProperty(exports, "h4Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h4Bold;
+    return _styledComponents.h4Bold;
   }
 });
 Object.defineProperty(exports, "h5", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h5;
+    return _styledComponents.h5;
   }
 });
 Object.defineProperty(exports, "h5Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h5Bold;
+    return _styledComponents.h5Bold;
   }
 });
 Object.defineProperty(exports, "h6", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h6;
+    return _styledComponents.h6;
   }
 });
 Object.defineProperty(exports, "h6Bold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.h6Bold;
+    return _styledComponents.h6Bold;
   }
 });
 Object.defineProperty(exports, "headline1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.headline1;
+    return _styledComponents.headline1;
   }
 });
 Object.defineProperty(exports, "headline2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.headline2;
+    return _styledComponents.headline2;
   }
 });
 Object.defineProperty(exports, "headline3", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.headline3;
+    return _styledComponents.headline3;
   }
 });
 Object.defineProperty(exports, "headline4", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.headline4;
+    return _styledComponents.headline4;
   }
 });
 exports.inputTypo = exports.inputLabelTypo = void 0;
 Object.defineProperty(exports, "paragraph1", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.paragraph1;
+    return _styledComponents.paragraph1;
   }
 });
 Object.defineProperty(exports, "paragraph2", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.paragraph2;
+    return _styledComponents.paragraph2;
   }
 });
 Object.defineProperty(exports, "textL", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textL;
+    return _styledComponents.textL;
   }
 });
 Object.defineProperty(exports, "textLBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textLBold;
+    return _styledComponents.textLBold;
   }
 });
 Object.defineProperty(exports, "textM", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textM;
+    return _styledComponents.textM;
   }
 });
 Object.defineProperty(exports, "textMBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textMBold;
+    return _styledComponents.textMBold;
   }
 });
 Object.defineProperty(exports, "textS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textS;
+    return _styledComponents.textS;
   }
 });
 Object.defineProperty(exports, "textSBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textSBold;
+    return _styledComponents.textSBold;
   }
 });
 Object.defineProperty(exports, "textXS", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textXS;
+    return _styledComponents.textXS;
   }
 });
 Object.defineProperty(exports, "textXSBold", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.textXSBold;
+    return _styledComponents.textXSBold;
   }
 });
 Object.defineProperty(exports, "underline", {
   enumerable: true,
   get: function get() {
-    return _plasmaNewHope.underline;
+    return _styledComponents.underline;
   }
 });
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var fieldTypo = exports.fieldTypo = {
   fontFamily: 'var(--plasma-field-font-family)',
   fontSize: 'var(--plasma-field-font-size)',