@salutejs/sdds-cs 0.237.2-canary.1732.13047023818.0 → 0.238.0-canary.1719.13031725630.0

package/api/sdds-cs.api.md

@@ -61,8 +61,7 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
 import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
-import { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';
-import type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
+import type { ComboboxProps } from '@salutejs/plasma-new-hope';
 import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
 import { ComponentProps } from 'react';
 import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -95,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 +135,8 @@ import { ImgHTMLAttributes } from 'react';
 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';
@@ -172,7 +173,7 @@ import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
 import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
 import { Property } from 'csstype';
-import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
+import { Props as Props_2 } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
 import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -194,7 +195,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';
@@ -1281,16 +1281,10 @@ export { ColProps }
 
 export { ColSizeProps }
 
-// @public (undocumented)
-export const Combobox: <T extends ComboboxItemOption>(props: ComboboxProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
-
-export { ComboboxItemOption }
-
-// Warning: (ae-forgotten-export) The symbol "PropsFromConfig" needs to be exported by the entry point index.d.ts
-// Warning: (ae-forgotten-export) The symbol "ComboboxNew" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export type ComboboxProps<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps_2<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
+export const Combobox: <T extends ItemOption>(props: Props<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
 // @public
 export const Counter: FunctionComponent<PropsType<    {
@@ -1538,13 +1532,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: {
@@ -1631,7 +1618,7 @@ m: PolymorphicClassName;
 s: PolymorphicClassName;
 xs: PolymorphicClassName;
 };
-}> & Props & RefAttributes<HTMLDivElement>>;
+}> & Props_2 & RefAttributes<HTMLDivElement>>;
 
 // @public (undocumented)
 export const Flow: FunctionComponent<PropsType<    {}> & FlowProps & {
@@ -2816,15 +2803,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<    {

package/components/Combobox/Combobox.d.ts

@@ -1149,6 +1149,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintContentLeft?: undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>))>;
 declare type PropsFromConfig = keyof typeof config['variations'];
-export declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
+declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
 declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export { Combobox };

package/components/Combobox/index.d.ts

@@ -1,3 +1 @@
 export { Combobox } from './Combobox';
-export type { Props as ComboboxProps } from './Combobox';
-export type { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';

package/components/Dropdown/Dropdown.d.ts

@@ -1,41 +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: {
-        s: 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: {
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Dropdown/index.d.ts

@@ -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

@@ -307,6 +307,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

@@ -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

@@ -7,7 +7,15 @@ export declare const config: {
     variations: {
         view: {
             default: 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

@@ -16,17 +16,25 @@ 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-accent);\n                ", ": #1A9E32;\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-dark-text-accent-hover);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-light-text-accent-hover);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
     },
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\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)
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\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: {
       thin: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\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 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
     }
   }
 };

package/emotion/cjs/components/Toast/Toast.config.js

@@ -16,17 +16,25 @@ var config = exports.config = {
   variations: {
     view: {
       "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n            "])), _emotion.toastTokens.color, _emotion.toastTokens.background, _emotion.toastTokens.closeIconColor, _emotion.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       dark: /*#__PURE__*/(0, _emotion.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-accent);\n                ", ": var(--on-dark-text-accent-hover);\n            "])), _emotion.toastTokens.color, _emotion.toastTokens.background, _emotion.toastTokens.closeIconColor, _emotion.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       light: /*#__PURE__*/(0, _emotion.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-accent);\n                ", ": var(--on-light-text-accent-hover);\n            "])), _emotion.toastTokens.color, _emotion.toastTokens.background, _emotion.toastTokens.closeIconColor, _emotion.toastTokens.closeIconColorOnHover)
     },
     size: {
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), _emotion.toastTokens.borderRadius, _emotion.toastTokens.maxWidth, _emotion.toastTokens.padding, _emotion.toastTokens.fontFamily, _emotion.toastTokens.fontSize, _emotion.toastTokens.fontStyle, _emotion.toastTokens.fontWeight, _emotion.toastTokens.letterSpacing, _emotion.toastTokens.lineHeight, _emotion.toastTokens.leftContentMargin, _emotion.toastTokens.closeIconMargin)
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), _emotion.toastTokens.borderRadius, _emotion.toastTokens.maxWidth, _emotion.toastTokens.padding, _emotion.toastTokens.fontFamily, _emotion.toastTokens.fontSize, _emotion.toastTokens.fontStyle, _emotion.toastTokens.fontWeight, _emotion.toastTokens.letterSpacing, _emotion.toastTokens.lineHeight, _emotion.toastTokens.contentLeftMargin, _emotion.toastTokens.closeIconMargin)
     },
     closeIconType: {
       thin: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _emotion.toastTokens.closeIconButtonSize, _emotion.toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), _emotion.toastTokens.pilledBorderRadius, _emotion.toastTokens.leftContentMargin, _emotion.toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), _emotion.toastTokens.pilledBorderRadius, _emotion.toastTokens.contentLeftMargin, _emotion.toastTokens.closeIconMargin)
     }
   }
 };

package/emotion/cjs/components/Toast/Toast.stories.tsx

@@ -10,23 +10,23 @@ import { ToastController, ToastProvider } from './Toast';
 
 import { Toast, useToast } from '.';
 
+const views = ['default'];
+
 const meta: Meta<typeof ToastController> = {
     title: 'Overlay/Toast',
     decorators: [InSpacingDecorator],
     argTypes: {
         view: {
-            options: ['default', 'dark', 'light'],
+            options: views,
             control: {
                 type: 'select',
             },
         },
-        size: {
-            options: ['s'],
-            control: {
-                type: 'inline-radio',
-            },
+        textColor: {
+            control: 'color',
         },
-        ...disableProps(['role', 'onShow', 'onHide', 'contentLeft', 'size']),
+        // NOTE: контролы 'textColor' и 'view' скрыты для сторибуков sdds-cs и sdds-insol
+        ...disableProps(['textColor', 'view', 'closeIconType', 'size', 'role', 'onShow', 'onHide', 'contentLeft']),
     },
 };
 
@@ -54,7 +54,6 @@ const BellIcon = (props) => (
 );
 
 const ToastContainer = styled.div`
-    position: fixed;
     transform: translateX(50%);
 `;
 
@@ -66,7 +65,9 @@ const Container = styled.div`
 export const ToastComponent: StoryComponent = {
     args: {
         text: 'Текст всплывающего уведомления',
+        textColor: undefined,
         view: 'default',
+        closeIconType: 'thin',
         size: 's',
         hasClose: true,
         enableContentLeft: true,
@@ -90,6 +91,8 @@ const StoryLiveDemo = ({
     size,
     hasClose,
     enableContentLeft,
+    closeIconType,
+    textColor,
 }: StoryProps) => {
     const { showToast, hideToast } = useToast();
     const contentLeft = enableContentLeft && <BellIcon width="1.5rem" height="1.5rem" />;
@@ -110,6 +113,8 @@ const StoryLiveDemo = ({
                         view,
                         size,
                         hasClose,
+                        closeIconType,
+                        textColor,
                         onHide: action('onHide'),
                         onShow: action('onShow'),
                     });

package/emotion/es/components/Toast/Toast.config.js

@@ -10,17 +10,25 @@ 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-accent);\n                ", ": #1A9E32;\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-dark-text-accent-hover);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-light-text-accent-hover);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     },
     closeIconType: {
       thin: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\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 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     }
   }
 };

package/emotion/es/components/Toast/Toast.stories.tsx

@@ -10,23 +10,23 @@ import { ToastController, ToastProvider } from './Toast';
 
 import { Toast, useToast } from '.';
 
+const views = ['default'];
+
 const meta: Meta<typeof ToastController> = {
     title: 'Overlay/Toast',
     decorators: [InSpacingDecorator],
     argTypes: {
         view: {
-            options: ['default', 'dark', 'light'],
+            options: views,
             control: {
                 type: 'select',
             },
         },
-        size: {
-            options: ['s'],
-            control: {
-                type: 'inline-radio',
-            },
+        textColor: {
+            control: 'color',
         },
-        ...disableProps(['role', 'onShow', 'onHide', 'contentLeft', 'size']),
+        // NOTE: контролы 'textColor' и 'view' скрыты для сторибуков sdds-cs и sdds-insol
+        ...disableProps(['textColor', 'view', 'closeIconType', 'size', 'role', 'onShow', 'onHide', 'contentLeft']),
     },
 };
 
@@ -54,7 +54,6 @@ const BellIcon = (props) => (
 );
 
 const ToastContainer = styled.div`
-    position: fixed;
     transform: translateX(50%);
 `;
 
@@ -66,7 +65,9 @@ const Container = styled.div`
 export const ToastComponent: StoryComponent = {
     args: {
         text: 'Текст всплывающего уведомления',
+        textColor: undefined,
         view: 'default',
+        closeIconType: 'thin',
         size: 's',
         hasClose: true,
         enableContentLeft: true,
@@ -90,6 +91,8 @@ const StoryLiveDemo = ({
     size,
     hasClose,
     enableContentLeft,
+    closeIconType,
+    textColor,
 }: StoryProps) => {
     const { showToast, hideToast } = useToast();
     const contentLeft = enableContentLeft && <BellIcon width="1.5rem" height="1.5rem" />;
@@ -110,6 +113,8 @@ const StoryLiveDemo = ({
                         view,
                         size,
                         hasClose,
+                        closeIconType,
+                        textColor,
                         onHide: action('onHide'),
                         onShow: action('onShow'),
                     });

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

@@ -10,17 +10,25 @@ 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-accent);\n                ", ": #1A9E32;\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-dark-text-accent-hover);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
       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-accent);\n                ", ": var(--on-light-text-accent-hover);\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     },
     closeIconType: {
       thin: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\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 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.pilledBorderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.237.2-canary.1732.13047023818.0",
+  "version": "0.238.0-canary.1719.13031725630.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.248.1-dev.0",
+    "@salutejs/plasma-new-hope": "0.249.0-canary.1719.13031725630.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "98160d242a1f16d20447981735e089c1fc1affe4"
+  "gitHead": "eea2bffa25cdce9eca16bfcaa6a6aef02330fa48"
 }