@salutejs/sdds-finai 0.356.0 → 0.356.1-dev.0

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

@@ -224,8 +224,7 @@ const config = {
         },
         pointerSize: {
             small: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
-                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 1rem;
                 ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -233,8 +232,7 @@ const config = {
                 ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             large: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
-                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 1.25rem;
                 ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -242,7 +240,7 @@ const config = {
                 ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             none: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 0rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
                 ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;

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

@@ -1,5 +1,5 @@
 import { css, buttonTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -115,6 +115,16 @@ export const config = {
                 ${buttonTokens.buttonColorActive}: ${onLightTextPrimaryActive};
                 ${buttonTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};
                 ${buttonTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};
+            `,
+            gradient: css`
+                ${buttonTokens.buttonColor}: ${onLightTextPrimary};
+                ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};
+                ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};
+                ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};
+                ${buttonTokens.buttonBackgroundColor}: ${surfaceAccentGradient};
+                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
+                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};
+                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};
             `
         },
         size: {

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

@@ -1,5 +1,5 @@
 import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextSecondary, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextSecondary, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextSecondary, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextSecondary, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextSecondary, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextSecondary, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -126,6 +126,16 @@ export const config = {
                 ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};
                 ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};
                 ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};
+            `,
+            gradient: css`
+                ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};
+                ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};
+                ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};
+                ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};
+                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccentGradient};
+                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});
+                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};
+                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};
             `
         },
         size: {

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

@@ -1,5 +1,5 @@
 import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, surfaceAccent, surfaceClear, textAccent, textAccentActive, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, surfaceAccent, surfaceClear, textAccent, textAccentActive, textAccentGradient, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -56,6 +56,13 @@ export const config = {
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: ${textInfoHover};
                 ${embedIconButtonTokens.embedIconButtonColorActive}: ${textInfoActive};
+            `,
+            gradient: css`
+                ${embedIconButtonTokens.embedIconButtonColor}: ${textAccentGradient};
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};
+                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentGradient};
+                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentGradient};
             `
         },
         size: {

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

@@ -1,5 +1,5 @@
 import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, onDarkSurfaceSolidDefault, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onLightSurfaceSolidDefault, onLightSurfaceTransparentDeep, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, onDarkSurfaceSolidDefault, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onLightSurfaceSolidDefault, onLightSurfaceTransparentDeep, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -77,6 +77,13 @@ export const config = {
                 ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
                 ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};
                 ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};
+            `,
+            gradient: css`
+                ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};
+                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccentGradient};
+                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
+                ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};
+                ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};
             `
         },
         size: {

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

@@ -1,5 +1,5 @@
 import { css, linkButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, surfaceAccent, surfaceClear, textAccent, textAccentActive, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, surfaceAccent, surfaceClear, textAccent, textAccentActive, textAccentGradient, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -76,6 +76,16 @@ export const config = {
                 ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};
                 ${linkButtonTokens.linkButtonTextColorHover}: ${textInfoHover};
                 ${linkButtonTokens.linkButtonTextColorActive}: ${textInfoActive};
+            `,
+            gradient: css`
+                ${linkButtonTokens.linkButtonIconColor}: ${textAccentGradient};
+                ${linkButtonTokens.linkButtonTextColor}: ${textAccentGradient};
+                ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};
+                ${linkButtonTokens.linkButtonIconColorHover}: ${textAccentGradient};
+                ${linkButtonTokens.linkButtonIconColorActive}: ${textAccentGradient};
+                ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};
+                ${linkButtonTokens.linkButtonTextColorHover}: ${textAccentGradient};
+                ${linkButtonTokens.linkButtonTextColorActive}: ${textAccentGradient};
             `
         },
         size: {

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

@@ -1,4 +1,29 @@
-import { component, mergeConfig, linkButtonConfig } from '@salutejs/plasma-new-hope/styled-components';
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { component, mergeConfig, linkButtonConfig, linkButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './LinkButton.config';
 const mergedConfig = mergeConfig(linkButtonConfig, config);
-export const LinkButton = component(mergedConfig);
+const LinkButtonComponent = component(mergedConfig);
+export const GradientLinkButton = styled(LinkButtonComponent).withConfig({
+    displayName: "LinkButton__GradientLinkButton",
+    componentId: "sc-f0d786c8-0"
+})([
+    `& .sdds-core-text-node{background:var(`,
+    `);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}&:hover .sdds-core-text-node{background:var(`,
+    `);background-clip:text;-webkit-background-clip:text;}&:active .sdds-core-text-node{background:var(`,
+    `);background-clip:text;-webkit-background-clip:text;}`
+], linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonTextColor);
+export const LinkButton = /*#__PURE__*/ forwardRef(({ view, ...rest }, ref)=>{
+    if (view === 'gradient') {
+        return /*#__PURE__*/ React.createElement(GradientLinkButton, {
+            ref: ref,
+            view: view,
+            ...rest
+        });
+    }
+    return /*#__PURE__*/ React.createElement(LinkButtonComponent, {
+        ref: ref,
+        view: view,
+        ...rest
+    });
+});

package/dist/styled-components/es/components/Notification/index.js

@@ -1,2 +1,2 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';

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

@@ -214,8 +214,7 @@ export const config = {
         },
         pointerSize: {
             small: css`
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -223,8 +222,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             large: css`
-                ${sliderTokens.thumbSize}: 1.25rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1.25rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -232,7 +230,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             none: css`
-                ${sliderTokens.thumbSize}: 0rem;
+                ${sliderTokens.thumbWidth}: 0rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
                 ${sliderTokens.tickSeparatorHeight}: 0.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finai",
-  "version": "0.356.0",
+  "version": "0.356.1-dev.0",
   "description": "Salute Design System / React UI kit for SDDS FinAI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -62,8 +62,8 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.377.0",
-    "@salutejs/sdds-themes": "0.78.0"
+    "@salutejs/plasma-new-hope": "0.377.1-dev.0",
+    "@salutejs/sdds-themes": "0.78.1-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -84,11 +84,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.21.0",
-    "@salutejs/plasma-core": "1.240.0",
-    "@salutejs/plasma-cy-utils": "0.170.0",
-    "@salutejs/plasma-icons": "1.248.0",
-    "@salutejs/plasma-sb-utils": "0.241.0",
+    "@salutejs/plasma-colors": "0.21.1-dev.0",
+    "@salutejs/plasma-core": "1.240.1-dev.0",
+    "@salutejs/plasma-cy-utils": "0.170.1-dev.0",
+    "@salutejs/plasma-icons": "1.248.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.241.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -143,5 +143,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ff6c2b227b6be9c8cb81cf6cd4aa3bc890319738"
+  "gitHead": "0bec260b9a0cb12f9621800550014b55fe8f82a7"
 }

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

@@ -16,6 +16,7 @@ export declare const config: {
             dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Button/Button.d.ts

@@ -10,6 +10,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
         dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -90,6 +91,7 @@ export declare const Button: import("@salutejs/plasma-new-hope/styled-components
         dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -15,6 +15,7 @@ export declare const config: {
             dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -13,6 +13,7 @@ export declare const ButtonGroup: import("react").FunctionComponent<import("@sal
         dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/DatePicker/DatePicker.d.ts

@@ -588,6 +588,7 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -690,6 +691,7 @@ export declare const DatePickerRangeViewMode: import("react").FunctionComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -792,6 +794,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -895,6 +898,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";

package/types/components/Drawer/Drawer.d.ts

@@ -19,6 +19,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
     customBackgroundColor?: string;
     customContentBackgroundColor?: string;
     withBlur?: boolean;
+    overlayProps?: import("@salutejs/plasma-new-hope/styled-components").DrawerOverlayProps;
     closeOnEsc?: boolean;
     closeOnOverlayClick?: boolean;
     onEscKeyDown?: (event: KeyboardEvent) => void;

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

@@ -13,6 +13,7 @@ export declare const config: {
             warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/EmbedIconButton/EmbedIconButton.d.ts

@@ -10,6 +10,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
         warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -16,6 +16,7 @@ export declare const config: {
             dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/IconButton/IconButton.d.ts

@@ -13,6 +13,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
         dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -12,6 +12,7 @@ export declare const config: {
             warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/LinkButton/LinkButton.d.ts

@@ -1,4 +1,5 @@
-export declare const LinkButton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+import React from 'react';
+export declare const GradientLinkButton: import("styled-components").StyledComponent<React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -7,6 +8,7 @@ export declare const LinkButton: import("react").FunctionComponent<import("@salu
         warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -16,7 +18,7 @@ export declare const LinkButton: import("react").FunctionComponent<import("@salu
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     text?: string;
     contentRight?: React.ReactNode;
     contentLeft?: React.ReactNode;
@@ -26,4 +28,34 @@ export declare const LinkButton: import("react").FunctionComponent<import("@salu
     disabled?: boolean;
     view?: string;
     size?: string;
-} & import("react").RefAttributes<HTMLAnchorElement>>;
+} & React.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
+export declare const LinkButton: React.ForwardRefExoticComponent<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    text?: string;
+    contentRight?: React.ReactNode;
+    contentLeft?: React.ReactNode;
+    additionalContent?: React.ReactNode;
+    isLoading?: boolean;
+    loader?: React.ReactNode;
+    disabled?: boolean;
+    view?: string;
+    size?: string;
+} & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -1,3 +1,3 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';
 export type { NotificationProps, NotificationLayout, NotificationIconPlacement, } from '@salutejs/plasma-new-hope/styled-components';