@salutejs/sdds-scan 0.368.0-next-sbcom.0 → 0.368.0

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

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

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

@@ -92,8 +92,8 @@ export const config = {
                 ${tokens.calendarHoveredItemColor}: ${textPrimary};
                 ${tokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
                 ${tokens.calendarOutlineFocusColor}: ${surfaceAccent};
-                ${tokens.calendarContentPrimaryColor}: ${surfaceSolidDefault};
-                ${tokens.calendarContentPrimaryDisabledColor}: ${surfaceSolidDefault};
+                ${tokens.calendarContentPrimaryColor}: ${textPrimary};
+                ${tokens.calendarContentPrimaryDisabledColor}: ${textPrimary};
                 ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};
                 ${tokens.calendarContentSecondaryColor}: ${textSecondary};
                 ${tokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
@@ -258,7 +258,6 @@ 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;
@@ -429,7 +428,6 @@ 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

@@ -69,8 +69,8 @@ export const config = {
                 ${tokens.calendarHoveredItemColor}: ${textPrimary};
                 ${tokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
                 ${tokens.calendarOutlineFocusColor}: ${surfaceAccent};
-                ${tokens.calendarContentPrimaryColor}: ${surfaceSolidDefault};
-                ${tokens.calendarContentPrimaryDisabledColor}: ${surfaceSolidDefault};
+                ${tokens.calendarContentPrimaryColor}: ${textPrimary};
+                ${tokens.calendarContentPrimaryDisabledColor}: ${textPrimary};
                 ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};
                 ${tokens.calendarContentSecondaryColor}: ${textSecondary};
                 ${tokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
@@ -225,7 +225,6 @@ 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;
@@ -393,7 +392,6 @@ 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;
@@ -561,7 +559,6 @@ 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;
@@ -729,7 +726,6 @@ 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;
@@ -897,7 +893,6 @@ 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/Notification/Notification.js

@@ -4,11 +4,12 @@ import { config } from './Notification.config';
 const mergedConfig = mergeConfig(notificationConfig, config);
 export const NotificationNewHope = component(mergedConfig);
 export const Notification = NotificationNewHope;
-export const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
+export const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED, defaultNotificationArgs })=>{
     return /*#__PURE__*/ React.createElement(Provider, {
         config: mergedConfig,
         frame: frame,
         placement: placement,
-        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
+        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
+        defaultNotificationArgs: defaultNotificationArgs
     }, children);
 };

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

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

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

@@ -1,4 +1,4 @@
-import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+import { css } 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,53 +6,30 @@ 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`
-                ${tokens.color}: ${textPrimary};
+                --plasma-spinner-color: ${textPrimary};
             `,
             secondary: css`
-                ${tokens.color}: ${textSecondary};
+                --plasma-spinner-color: ${textSecondary};
             `,
             tertiary: css`
-                ${tokens.color}: ${textTertiary};
+                --plasma-spinner-color: ${textTertiary};
             `,
             paragraph: css`
-                ${tokens.color}: ${textParagraph};
+                --plasma-spinner-color: ${textParagraph};
             `,
             accent: css`
-                ${tokens.color}: ${textAccent};
+                --plasma-spinner-color: ${textAccent};
             `,
             positive: css`
-                ${tokens.color}: ${textPositive};
+                --plasma-spinner-color: ${textPositive};
             `,
             warning: css`
-                ${tokens.color}: ${textWarning};
+                --plasma-spinner-color: ${textWarning};
             `,
             negative: css`
-                ${tokens.color}: ${textNegative};
+                --plasma-spinner-color: ${textNegative};
             `
         }
     }

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

@@ -1,7 +1,13 @@
+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 = SpinnerComponent;
+ */ export const Spinner = styled(SpinnerComponent).withConfig({
+    displayName: "Spinner",
+    componentId: "sc-d47c168-0"
+})([
+    ``
+]);

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

@@ -172,7 +172,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -258,7 +258,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -36,7 +36,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyM.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -92,7 +92,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js

@@ -1,35 +1,35 @@
 import styled from 'styled-components';
-import { segmentTokens, bodyXS, bodyM } from '@salutejs/plasma-new-hope';
+import { segmentTokens, bodyXS, bodyM } from '@salutejs/plasma-new-hope/styled-components';
 import { AccordionItem } from '../../Accordion';
 import { SegmentItem } from '../../Segment/Segment';
 export const TypographyTokensWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TypographyTokensWrapper",
-    componentId: "sc-93225963-0"
+    componentId: "sc-8a9193e4-0"
 })([
     `width:100%;margin:1.5rem auto auto 2.5rem;`
 ]);
 export const FontPropsSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__FontPropsSwitcher",
-    componentId: "sc-93225963-1"
+    componentId: "sc-8a9193e4-1"
 })([
     `margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;`
 ]);
 export const FontWeightSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__FontWeightSwitcher",
-    componentId: "sc-93225963-2"
+    componentId: "sc-8a9193e4-2"
 })([
     `position:absolute;top:0;left:0;`
 ]);
 export const BreakpointSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__BreakpointSwitcher",
-    componentId: "sc-93225963-3"
+    componentId: "sc-8a9193e4-3"
 })([
     `width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);`,
     `;}`
 ], bodyXS);
 export const StyledSegmentItem = styled(SegmentItem).withConfig({
     displayName: "Typography.styles__StyledSegmentItem",
-    componentId: "sc-93225963-4"
+    componentId: "sc-8a9193e4-4"
 })([
     ``,
     `:1.75rem;`,
@@ -37,52 +37,52 @@ export const StyledSegmentItem = styled(SegmentItem).withConfig({
 ], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
 export const AccordionTypographyTitle = styled.div.withConfig({
     displayName: "Typography.styles__AccordionTypographyTitle",
-    componentId: "sc-93225963-5"
+    componentId: "sc-8a9193e4-5"
 })([
     `color:var(--text-secondary);`,
     `;`
 ], bodyM);
 export const FontFamily = styled.span.withConfig({
     displayName: "Typography.styles__FontFamily",
-    componentId: "sc-93225963-6"
+    componentId: "sc-8a9193e4-6"
 })([
     `color:var(--text-tertiary);`
 ]);
 export const AccordionInfo = styled.div.withConfig({
     displayName: "Typography.styles__AccordionInfo",
-    componentId: "sc-93225963-7"
+    componentId: "sc-8a9193e4-7"
 })([
     `display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;`
 ]);
 export const StyledAccordionItem = styled(AccordionItem).withConfig({
     displayName: "Typography.styles__StyledAccordionItem",
-    componentId: "sc-93225963-8"
+    componentId: "sc-8a9193e4-8"
 })([
     `--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;`,
     `{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}`
 ], AccordionInfo);
 export const TokenInfoWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TokenInfoWrapper",
-    componentId: "sc-93225963-9"
+    componentId: "sc-8a9193e4-9"
 })([
     `display:flex;flex-direction:column;gap:2rem;`
 ]);
 export const TokenShortName = styled.div.withConfig({
     displayName: "Typography.styles__TokenShortName",
-    componentId: "sc-93225963-10"
+    componentId: "sc-8a9193e4-10"
 })([
     `cursor:copy;color:var(--text-paragraph);`,
     `;&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}`
 ], bodyM);
 export const TokenInfo = styled.div.withConfig({
     displayName: "Typography.styles__TokenInfo",
-    componentId: "sc-93225963-11"
+    componentId: "sc-8a9193e4-11"
 })([
     `display:flex;flex-direction:column;gap:1rem;`
 ]);
 export const TokenText = styled.div.withConfig({
     displayName: "Typography.styles__TokenText",
-    componentId: "sc-93225963-12"
+    componentId: "sc-8a9193e4-12"
 })([
     `color:var(--text-primary);font-size:`,
     `;font-weight:`,
@@ -94,19 +94,19 @@ export const TokenText = styled.div.withConfig({
 ], ({ fontSize })=>fontSize, ({ fontWeight })=>fontWeight, ({ lineHeight })=>lineHeight, ({ letterSpacing })=>letterSpacing, ({ fontStyle })=>fontStyle, ({ isDisplay })=>isDisplay ? 'nowrap' : 'normal');
 export const TokenPropValue = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropValue",
-    componentId: "sc-93225963-13"
+    componentId: "sc-8a9193e4-13"
 })([
     `color:var(--text-paragraph);`
 ]);
 export const TokenPropName = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropName",
-    componentId: "sc-93225963-14"
+    componentId: "sc-8a9193e4-14"
 })([
     `color:var(--text-tertiary);`
 ]);
 export const TokenPropsWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropsWrapper",
-    componentId: "sc-93225963-15"
+    componentId: "sc-8a9193e4-15"
 })([
     `cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;`,
     `;&:hover{`,
@@ -116,7 +116,7 @@ export const TokenPropsWrapper = styled.div.withConfig({
 ], bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
 export const TokenProps = styled.div.withConfig({
     displayName: "Typography.styles__TokenProps",
-    componentId: "sc-93225963-16"
+    componentId: "sc-8a9193e4-16"
 })([
     `display:flex;gap:1rem;`
 ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-scan",
-  "version": "0.368.0-next-sbcom.0",
+  "version": "0.368.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.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.382.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.83.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.382.0",
+    "@salutejs/sdds-themes": "0.83.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.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",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "7ff9df365bf813c404c56f60af1d8c280f7e29ea"
+  "gitHead": "a419e9303c97682114c77f181eedcbf37b52adf3"
 }

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?: import("react").ReactNode;
+    customText?: string;
     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?: import("react").ReactNode;
+    customText?: string;
     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?: import("react").ReactNode;
+    customText?: string;
     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?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

package/types/components/Combobox/Combobox.d.ts

@@ -36,6 +36,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     };
 }> & (({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -101,6 +102,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -166,6 +168,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -231,6 +234,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -296,6 +300,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -365,6 +370,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -434,6 +440,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -503,6 +510,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;

package/types/components/Note/Note.d.ts

@@ -19,6 +19,7 @@ export declare const Note: import("react").FunctionComponent<import("@salutejs/p
     text?: React.ReactNode;
     contentBefore?: React.ReactNode;
     contentBeforeSizing?: "fixed" | "scalable";
+    contentAfter?: React.ReactNode;
     stretch?: boolean;
     width?: string | number;
     height?: string | number;

package/types/components/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
-import { NotificationProps as NotificationPropsNewHope, NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
+import { NotificationProps as NotificationPropsNewHope, NotificationDefaultArgs, NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
 export type { NotificationPlacement };
 export declare const NotificationNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
@@ -28,4 +28,5 @@ export declare const NotificationsProvider: React.FC<{
     frame?: string;
     placement?: NotificationPlacement;
     UNSAFE_SSR_ENABLED?: boolean;
+    defaultNotificationArgs?: NotificationDefaultArgs<NotificationProps>;
 }>;

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

@@ -4,15 +4,6 @@ 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,14 +1,27 @@
-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;
-    };
+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<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -19,20 +32,19 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
         warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
+}> & ((HTMLAttributes<HTMLDivElement> & {
+    width?: never;
+    height?: never;
     size?: string | number;
     view?: string;
-    width?: string | number;
-    height?: string | number;
-    color?: string;
-    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 {};
+} & 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>;