@salutejs/sdds-scan 0.371.0 → 0.372.0-next-sbcom.0

package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js

@@ -235,7 +235,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -317,7 +317,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/Calendar/Calendar.config.js

@@ -106,6 +106,7 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,6 +176,7 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js

@@ -107,6 +107,7 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,6 +177,7 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js

@@ -269,6 +269,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -440,6 +441,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js

@@ -236,6 +236,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -404,6 +405,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -572,6 +574,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -740,6 +743,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -908,6 +912,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
+                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Spinner/Spinner.config.js

@@ -16,30 +16,53 @@ const config = {
         size: 'm'
     },
     variations: {
+        size: {
+            xxs: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 1rem;
+            `,
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 1.5rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 2.25rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 3rem;
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 3.5rem;
+            `,
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 5.5rem;
+            `,
+            xxl: (0, _styledcomponents.css)`
+                ${_styledcomponents.spinnerTokens.size}: 8rem;
+            `
+        },
         view: {
             default: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textPrimary};
             `,
             secondary: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textSecondary};
             `,
             tertiary: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textTertiary};
             `,
             paragraph: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textParagraph};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textParagraph};
             `,
             accent: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textAccent};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textPositive};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textWarning};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                --plasma-spinner-color: ${_sdds_scan.textNegative};
+                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textNegative};
             `
         }
     }

package/dist/styled-components/cjs/components/Spinner/Spinner.js

@@ -8,19 +8,8 @@ Object.defineProperty(exports, "Spinner", {
         return Spinner;
     }
 });
-const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 const _Spinnerconfig = require("./Spinner.config");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
-const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
-const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
-    displayName: "Spinner",
-    componentId: "sc-d47c168-0"
-})([
-    ``
-]);
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
+const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
+const Spinner = SpinnerComponent;

package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js

@@ -225,7 +225,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -307,7 +307,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};

package/dist/styled-components/es/components/Calendar/Calendar.config.js

@@ -96,6 +96,7 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,6 +166,7 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js

@@ -97,6 +97,7 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,6 +167,7 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
+                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/DatePicker/DatePicker.config.js

@@ -259,6 +259,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -430,6 +431,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js

@@ -226,6 +226,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -394,6 +395,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0.5rem;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -562,6 +564,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -730,6 +733,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
+                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -898,6 +902,7 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1rem;
+                ${tokens.calendarHeaderArrowSize}: 1rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Spinner/Spinner.config.js

@@ -1,4 +1,4 @@
-import { css } from '@salutejs/plasma-new-hope/styled-components';
+import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_scan';
 export const config = {
     defaults: {
@@ -6,30 +6,53 @@ export const config = {
         size: 'm'
     },
     variations: {
+        size: {
+            xxs: css`
+                ${tokens.size}: 1rem;
+            `,
+            xs: css`
+                ${tokens.size}: 1.5rem;
+            `,
+            s: css`
+                ${tokens.size}: 2.25rem;
+            `,
+            m: css`
+                ${tokens.size}: 3rem;
+            `,
+            l: css`
+                ${tokens.size}: 3.5rem;
+            `,
+            xl: css`
+                ${tokens.size}: 5.5rem;
+            `,
+            xxl: css`
+                ${tokens.size}: 8rem;
+            `
+        },
         view: {
             default: css`
-                --plasma-spinner-color: ${textPrimary};
+                ${tokens.color}: ${textPrimary};
             `,
             secondary: css`
-                --plasma-spinner-color: ${textSecondary};
+                ${tokens.color}: ${textSecondary};
             `,
             tertiary: css`
-                --plasma-spinner-color: ${textTertiary};
+                ${tokens.color}: ${textTertiary};
             `,
             paragraph: css`
-                --plasma-spinner-color: ${textParagraph};
+                ${tokens.color}: ${textParagraph};
             `,
             accent: css`
-                --plasma-spinner-color: ${textAccent};
+                ${tokens.color}: ${textAccent};
             `,
             positive: css`
-                --plasma-spinner-color: ${textPositive};
+                ${tokens.color}: ${textPositive};
             `,
             warning: css`
-                --plasma-spinner-color: ${textWarning};
+                ${tokens.color}: ${textWarning};
             `,
             negative: css`
-                --plasma-spinner-color: ${textNegative};
+                ${tokens.color}: ${textNegative};
             `
         }
     }

package/dist/styled-components/es/components/Spinner/Spinner.js

@@ -1,13 +1,7 @@
-import styled from 'styled-components';
 import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Spinner.config';
 const mergedConfig = mergeConfig(spinnerConfig, config);
 const SpinnerComponent = component(mergedConfig);
 /**
  * Компонент для отображения индикатора загрузки.
- */ export const Spinner = styled(SpinnerComponent).withConfig({
-    displayName: "Spinner",
-    componentId: "sc-d47c168-0"
-})([
-    ``
-]);
+ */ export const Spinner = SpinnerComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-scan",
-  "version": "0.371.0",
+  "version": "0.372.0-next-sbcom.0",
   "description": "Salute Design System / React UI kit for SDDS SCAN web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,8 +40,8 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.385.0",
-    "@salutejs/sdds-themes": "0.85.0"
+    "@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
+    "@salutejs/sdds-themes": "0.86.0-next-sbcom.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -59,11 +59,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.26.0",
-    "@salutejs/plasma-core": "1.247.0",
-    "@salutejs/plasma-cy-utils": "0.177.0",
-    "@salutejs/plasma-icons": "1.254.0",
-    "@salutejs/plasma-sb-utils": "0.248.0",
+    "@salutejs/plasma-colors": "0.27.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.248.0-next-sbcom.0",
+    "@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
+    "@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
+    "@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "0256ddebc7098127e786152d29679e905aa10230"
+  "gitHead": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
 }

package/types/components/Avatar/Avatar.d.ts

@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: string;
+    customText?: import("react").ReactNode;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -104,7 +104,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: string;
+    customText?: import("react").ReactNode;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -170,7 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: string;
+    customText?: import("react").ReactNode;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -199,7 +199,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: string;
+    customText?: import("react").ReactNode;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

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

@@ -4,6 +4,15 @@ export declare const config: {
         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: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Spinner/Spinner.d.ts

@@ -1,27 +1,14 @@
-import type { HTMLAttributes } from 'react';
-export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Размер спиннера
-     */
-    size?: string | number;
-    /**
-     * Цвет спиннера
-     */
-    view?: string;
-    /**
-     * Цвет спиннера
-     * @deprecated
-     */
-    color?: string;
-    /**
-     * @deprecated
-     */
-    deviceScale?: number;
-};
-/**
- * Компонент для отображения индикатора загрузки.
- */
-export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+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: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -32,19 +19,28 @@ export declare const Spinner: import("styled-components").StyledComponent<import
         warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & ((HTMLAttributes<HTMLDivElement> & {
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     width?: never;
     height?: never;
     size?: string | number;
     view?: string;
-} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     width: number;
     height: number;
     size?: never;
     view?: string;
-} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     width: string;
     height: string;
     size?: never;
     view?: string;
-} & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
+} & 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 {};

package/types/components/Spinner/index.d.ts

@@ -1,2 +1 @@
 export { Spinner } from './Spinner';
-export type { SpinnerProps } from './Spinner';

package/dist/css/cjs/components/Spinner/Spinner.config_1sal5bb.css

@@ -1,8 +0,0 @@
-.d1x5tqpm{--plasma-spinner-color:var(--text-primary,#F5F5F5F5);}
-.s1jvlmv7{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
-.t1gckrx7{--plasma-spinner-color:var(--text-tertiary,#F5F5F547);}
-.p1uk1ap6{--plasma-spinner-color:var(--text-paragraph,#F5F5F5CC);}
-.a1el443i{--plasma-spinner-color:var(--text-accent,#0DA8AB);}
-.p74k20o{--plasma-spinner-color:var(--text-positive,#24B23E);}
-.wf42aip{--plasma-spinner-color:var(--text-warning,#FF7024);}
-.no0v0wt{--plasma-spinner-color:var(--text-negative,#FF3D51);}

package/dist/css/es/components/Spinner/Spinner.config_1sal5bb.css

@@ -1,8 +0,0 @@
-.d1x5tqpm{--plasma-spinner-color:var(--text-primary,#F5F5F5F5);}
-.s1jvlmv7{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
-.t1gckrx7{--plasma-spinner-color:var(--text-tertiary,#F5F5F547);}
-.p1uk1ap6{--plasma-spinner-color:var(--text-paragraph,#F5F5F5CC);}
-.a1el443i{--plasma-spinner-color:var(--text-accent,#0DA8AB);}
-.p74k20o{--plasma-spinner-color:var(--text-positive,#24B23E);}
-.wf42aip{--plasma-spinner-color:var(--text-warning,#FF7024);}
-.no0v0wt{--plasma-spinner-color:var(--text-negative,#FF3D51);}