npm - @salutejs/sdds-finportal - Versions diffs - 0.225.2-canary.1732.13046307319.0 → 0.226.0-canary.1719.12951148116.0 - Mend

@salutejs/sdds-finportal 0.225.2-canary.1732.13046307319.0 → 0.226.0-canary.1719.12951148116.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/api/sdds-finportal.api.md +6 -16
package/components/Dropdown/Dropdown.d.ts +1 -40
package/components/Dropdown/index.d.ts +0 -2
package/components/Select/Select.d.ts +1 -1
package/components/Select/index.d.ts +0 -2
package/components/Toast/Toast.config.d.ts +10 -0
package/components/Toast/Toast.config.js +16 -6
package/components/Toast/Toast.d.ts +2 -0
package/es/components/Toast/Toast.config.js +16 -6
package/package.json +3 -3
package/temp/sdds-finportal.api.md +6 -16
package/components/Divider/Divider.config.draft.d.ts +0 -22
package/components/Divider/Divider.config.draft.js +0 -31
package/es/components/Divider/Divider.config.draft.js +0 -25

package/api/sdds-finportal.api.md CHANGED Viewed

@@ -94,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownItemOption } from '@salutejs/plasma-new-hope';
+import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
 import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -136,6 +136,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
+import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
@@ -197,7 +198,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
-import { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
 import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
@@ -1662,13 +1662,6 @@ default: PolymorphicClassName;
     hoverIndex?: number | undefined;
 } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "size" | "view"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
-export { DropdownItemOption }
-// Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
 // @public (undocumented)
 export const Dropzone: FunctionComponent<PropsType<    {
 view: {
@@ -3132,15 +3125,10 @@ export { SegmentProvider }
 export { SegmentProviderProps }
-// @public (undocumented)
-export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
-export { SelectItemOption }
-// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+export const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 // @public
 export const Sheet: FunctionComponent<PropsType<    {
@@ -4265,6 +4253,8 @@ export { textXSBold }
 export const Toast: FunctionComponent<PropsType<    {
 view: {
 default: PolymorphicClassName;
+positive: PolymorphicClassName;
+negative: PolymorphicClassName;
 dark: PolymorphicClassName;
 light: PolymorphicClassName;
 };

package/components/Dropdown/Dropdown.d.ts CHANGED Viewed

@@ -1,44 +1,5 @@
 import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
-import React, { ComponentProps } from 'react';
-declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & {
-    items: DropdownItemOption[];
-    alwaysOpened?: boolean | undefined;
-    children?: React.ReactNode;
-    itemRole?: string | undefined;
-    onHover?: ((index: number) => void) | undefined;
-    onItemSelect?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
-    placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
-    offset?: [number, number] | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    hasArrow?: boolean | undefined;
-    closeOnSelect?: boolean | undefined;
-    closeOnOverlayClick?: boolean | undefined;
-    onToggle?: ((isOpen: boolean, event: Event | React.SyntheticEvent<Element, Event>) => void) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    portal?: string | React.RefObject<HTMLElement> | undefined;
-    renderItem?: ((item: DropdownItemOption) => React.ReactNode) | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    beforeList?: React.ReactNode;
-    afterList?: React.ReactNode;
-    onItemClick?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    hoverIndex?: number | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
+import React from 'react';
 declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Dropdown/index.d.ts CHANGED Viewed

@@ -1,3 +1 @@
 export { Dropdown } from './Dropdown';
-export type { DropdownProps } from './Dropdown';
-export type { DropdownItemOption } from '@salutejs/plasma-new-hope';

package/components/Select/Select.d.ts CHANGED Viewed

@@ -327,6 +327,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hasItems?: boolean | undefined;
     isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
-export declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
 declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export { Select };

package/components/Select/index.d.ts CHANGED Viewed

@@ -1,3 +1 @@
 export { Select } from './Select';
-export type { SelectProps } from './Select';
-export type { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';

package/components/Toast/Toast.config.d.ts CHANGED Viewed

@@ -7,7 +7,17 @@ export declare const config: {
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            /**
+             * @deprecated
+             * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+             */
             dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            /**
+             * @deprecated
+             * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+             */
             light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         size: {

package/components/Toast/Toast.config.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
@@ -16,17 +16,27 @@ var config = exports.config = {
   variations: {
     view: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
-      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
     },
     size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
     },
     closeIconType: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
     }
   }
 };

package/components/Toast/Toast.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ export { useToast } from '@salutejs/plasma-new-hope/styled-components';
 export declare const Toast: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };

package/es/components/Toast/Toast.config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, toastTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
@@ -10,17 +10,27 @@ export var config = {
   variations: {
     view: {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
-      dark: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
-      light: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
+      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      negative: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      light: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
     },
     size: {
-      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     },
     closeIconType: {
-      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
+      "default": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     }
   }
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finportal",
-  "version": "0.225.2-canary.1732.13046307319.0",
+  "version": "0.226.0-canary.1719.12951148116.0",
   "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-finportal"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.248.1-dev.0",
+    "@salutejs/plasma-new-hope": "0.249.0-canary.1719.12951148116.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -95,5 +95,5 @@
     "Vasiliy Loginevskiy"
   ],
   "sideEffects": false,
-  "gitHead": "986496e64b2373769ed02d341e703820d58dd4ac"
+  "gitHead": "948aef0496344b4eb08549a4a05ae39eaca108a4"
 }

package/temp/sdds-finportal.api.md CHANGED Viewed

@@ -94,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownItemOption } from '@salutejs/plasma-new-hope';
+import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
 import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -136,6 +136,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
+import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
@@ -197,7 +198,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
-import { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
 import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
@@ -1662,13 +1662,6 @@ default: PolymorphicClassName;
     hoverIndex?: number | undefined;
 } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "size" | "view"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
-export { DropdownItemOption }
-// Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
 // @public (undocumented)
 export const Dropzone: FunctionComponent<PropsType<    {
 view: {
@@ -3132,15 +3125,10 @@ export { SegmentProvider }
 export { SegmentProviderProps }
-// @public (undocumented)
-export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
-export { SelectItemOption }
-// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+export const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 // @public
 export const Sheet: FunctionComponent<PropsType<    {
@@ -4265,6 +4253,8 @@ export { textXSBold }
 export const Toast: FunctionComponent<PropsType<    {
 view: {
 default: PolymorphicClassName;
+positive: PolymorphicClassName;
+negative: PolymorphicClassName;
 dark: PolymorphicClassName;
 light: PolymorphicClassName;
 };

package/components/Divider/Divider.config.draft.d.ts DELETED Viewed

@@ -1,22 +0,0 @@
-export declare const config: {
-    defaults: {
-        view: string;
-        size: string;
-        orientation: string;
-    };
-    variations: {
-        view: {
-            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            inverse: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
-        size: {
-            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
-        orientation: {
-            horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
-    };
-};

package/components/Divider/Divider.config.draft.js DELETED Viewed

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    orientation: 'horizontal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--outline-solid-primary);\n            "])), _styledComponents.dividerTokens.background),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-outline-solid-primary);\n            "])), _styledComponents.dividerTokens.background),
-      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-outline-solid-primary);\n            "])), _styledComponents.dividerTokens.background),
-      inverse: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-outline-solid-primary);\n            "])), _styledComponents.dividerTokens.background)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _styledComponents.dividerTokens.borderRadius)
-    },
-    orientation: {
-      horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _styledComponents.dividerTokens.baseSideSize),
-      vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _styledComponents.dividerTokens.baseSideSize)
-    }
-  }
-};

package/es/components/Divider/Divider.config.draft.js DELETED Viewed

@@ -1,25 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css, dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    orientation: 'horizontal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--outline-solid-primary);\n            "])), dividerTokens.background),
-      dark: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-outline-solid-primary);\n            "])), dividerTokens.background),
-      light: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-outline-solid-primary);\n            "])), dividerTokens.background),
-      inverse: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-outline-solid-primary);\n            "])), dividerTokens.background)
-    },
-    size: {
-      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), dividerTokens.borderRadius)
-    },
-    orientation: {
-      horizontal: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), dividerTokens.baseSideSize),
-      vertical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), dividerTokens.baseSideSize)
-    }
-  }
-};