@salutejs/plasma-web 1.504.2-canary.1732.13047023818.0 → 1.505.0-canary.1719.13031725630.0

package/api/plasma-web.api.md

@@ -131,13 +131,15 @@ 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 { DropdownItemProps } from '@salutejs/plasma-hope';
 import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
 import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
+import type { DropdownNodeSelect } from '@salutejs/plasma-new-hope';
 import { DropdownNodeType } from '@salutejs/plasma-hope';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownPopupProps } from '@salutejs/plasma-hope';
+import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
@@ -269,9 +271,9 @@ 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 { SelectGroup } from '@salutejs/plasma-hope';
-import { DropdownNodeSelect 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 { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
 import { setRef } from '@salutejs/plasma-core';
@@ -1955,8 +1957,6 @@ default: PolymorphicClassName;
 // @public (undocumented)
 export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export { DropdownItemOption }
-
 export { DropdownItemProps }
 
 export { DropdownItemType }
@@ -1971,10 +1971,7 @@ export const DropdownPopup: React_2.ForwardRefExoticComponent<DropdownPopupProps
 
 export { DropdownPopupProps }
 
-// 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'>;
+export { DropdownProps }
 
 // @public (undocumented)
 export const Dropzone: FunctionComponent<PropsType<    {
@@ -3621,17 +3618,14 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
+// Warning: (ae-forgotten-export) The symbol "SelectProps_2" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export const Select: <T, K extends SelectItemOption>(props: SelectProps<T, K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
+export const Select: <T, K extends DropdownNodeSelect>(props: SelectProps_2<T, K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
 export { SelectGroup }
 
-export { SelectItemOption }
-
-// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type SelectProps<T, K extends SelectItemOption> = DistributiveOmit<MergedSelectProps<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+export { SelectProps }
 
 export { SelectPropsHope }
 
@@ -4445,6 +4439,8 @@ export { TimingFunction }
 export const Toast: FunctionComponent<PropsType<    {
 view: {
 default: PolymorphicClassName;
+positive: PolymorphicClassName;
+negative: PolymorphicClassName;
 primary: PolymorphicClassName;
 dark: PolymorphicClassName;
 light: PolymorphicClassName;

package/components/Dropdown/Dropdown.d.ts

@@ -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>, "view" | "size"> & 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

@@ -1,7 +1,6 @@
 export { withAssistiveDropdown } from '@salutejs/plasma-hope';
+export type { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
 export { Dropdown } from './Dropdown';
-export type { DropdownProps } from './Dropdown';
-export type { DropdownItemOption } from '@salutejs/plasma-new-hope';
 export { DropdownItem } from './components/DropdownItem';
 export { DropdownPopup } from './components/DropdownPopup';
 export { DropdownList } from './components/DropdownList';

package/components/Select/Select.d.ts

@@ -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<T, K extends DropdownNodeSelect> = DistributiveOmit<MergedSelectPropsNewHope<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+declare type SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<MergedSelectPropsNewHope<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
 declare const Select: <T, K extends DropdownNodeSelect>(props: SelectProps<T, K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export { Select };

package/components/Select/index.d.ts

@@ -1,5 +1,4 @@
 export { Select } from './Select';
 export type { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
-export type { SelectProps } from './Select';
-export type { DropdownNodeSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
+export type { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
 export { SelectGroup } from '@salutejs/plasma-hope';

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

@@ -7,12 +7,22 @@ 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
              * использовать `default`
              */
             primary: 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

@@ -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, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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,22 +16,32 @@ 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),
+      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
        * использовать `default`
        */
-      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__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)(_templateObject3 || (_templateObject3 = /*#__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)(_templateObject4 || (_templateObject4 = /*#__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)
+      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__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),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__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)(_templateObject6 || (_templateObject6 = /*#__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)(_templateObject5 || (_templateObject5 = /*#__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)(_templateObject7 || (_templateObject7 = /*#__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)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__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)(_templateObject9 || (_templateObject9 = /*#__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

@@ -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;
         primary: 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/css/cjs/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n    Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n    props: DropdownProps<T>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,6BAAe,CAACP,iBAAiB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n    Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n    props: DropdownProps<T>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,6BAAe,CAACP,iBAAiB;;;;"}

package/css/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n    DropdownNodeSelect,\n    MergedSelectProps as MergedSelectPropsNewHope,\n    DistributiveOmit,\n    DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\nexport type SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n    MergedSelectPropsNewHope<T, K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n    props: SelectProps<T, K>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n    DropdownNodeSelect,\n    MergedSelectProps as MergedSelectPropsNewHope,\n    DistributiveOmit,\n    DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n    MergedSelectPropsNewHope<T, K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n    props: SelectProps<T, K>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}

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

@@ -1,4 +1,4 @@
-require('./Toast.config_1g4td0o.css');
+require('./Toast.config_1i0lbln.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,22 +12,32 @@ var config = {
   variations: {
     view: {
       "default": "d1bsn3dp",
+      positive: "ptjd8cf",
+      negative: "n1i63r6p",
       /**
        * @deprecated
        * использовать `default`
        */
-      primary: "ptjd8cf",
-      dark: "d1i63r6p",
-      light: "l1918q62"
+      primary: "p1918q62",
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: "d1jmouzj",
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      light: "l1hfuauu"
     },
     size: {
-      m: "m1jmouzj"
+      m: "mh1sjxu"
     },
     closeIconType: {
-      "default": "d1hfuauu"
+      "default": "dtkpp4s"
     },
     pilled: {
-      "true": "th1sjxu"
+      "true": "ty43uj2"
     }
   }
 };

package/css/cjs/components/Toast/Toast.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.config.js","sources":["../../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        closeIconType: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            dark: css`\n                ${toastTokens.color}: var(--on-dark-text-primary);\n                ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n            `,\n            light: css`\n                ${toastTokens.color}: var(--on-light-text-primary);\n                ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n            `,\n        },\n        size: {\n            m: css`\n                ${toastTokens.borderRadius}: 0.75rem;\n                ${toastTokens.maxWidth}: calc(100vw - 5rem);\n                ${toastTokens.padding}: 0.5625rem 0.75rem;\n                ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            `,\n        },\n        closeIconType: {\n            default: css`\n                ${toastTokens.closeIconButtonSize}: 1rem;\n                ${toastTokens.closeIconSize}: 1.5rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n                ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","primary","dark","light","m","pilled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UAAA;KAcJ;AACDN,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,UAAA;KAIV;AACDK,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Toast.config.js","sources":["../../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        closeIconType: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            positive: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n                ${toastTokens.contentLeftColor}: var(--text-positive);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            negative: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n                ${toastTokens.contentLeftColor}: var(--text-negative);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n             */\n            dark: css`\n                ${toastTokens.color}: var(--on-dark-text-primary);\n                ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n            `,\n            /**\n             * @deprecated\n             * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n             */\n            light: css`\n                ${toastTokens.color}: var(--on-light-text-primary);\n                ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n            `,\n        },\n        size: {\n            m: css`\n                ${toastTokens.borderRadius}: 0.75rem;\n                ${toastTokens.maxWidth}: calc(100vw - 5rem);\n                ${toastTokens.padding}: 0.5625rem 0.75rem;\n                ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            `,\n        },\n        closeIconType: {\n            default: css`\n                ${toastTokens.closeIconButtonSize}: 1rem;\n                ${toastTokens.closeIconSize}: 1.5rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n                ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","positive","negative","primary","dark","light","m","pilled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAMN,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,IAAI,EAMH,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAAA;KAcJ;AACDR,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,SAAA;KAIV;AACDO,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Toast/Toast.config_1i0lbln.css

@@ -0,0 +1,9 @@
+.d1bsn3dp{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.ptjd8cf{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.n1i63r6p{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.p1918q62{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.d1jmouzj{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.l1hfuauu{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.mh1sjxu{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.dtkpp4s{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.ty43uj2{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}

package/css/cjs/components/Toast/Toast.css

@@ -1,7 +1,9 @@
-.Toast_config_1g4td0o_d1bsn3dp__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_ptjd8cf__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_d1i63r6p__4cab1302{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.Toast_config_1g4td0o_l1918q62__4cab1302{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.Toast_config_1g4td0o_m1jmouzj__4cab1302{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.Toast_config_1g4td0o_d1hfuauu__4cab1302{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.Toast_config_1g4td0o_th1sjxu__4cab1302{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
+.Toast_config_1i0lbln_d1bsn3dp__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_ptjd8cf__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_n1i63r6p__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_p1918q62__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_d1jmouzj__812411a4{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.Toast_config_1i0lbln_l1hfuauu__812411a4{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.Toast_config_1i0lbln_mh1sjxu__812411a4{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.Toast_config_1i0lbln_dtkpp4s__812411a4{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.Toast_config_1i0lbln_ty43uj2__812411a4{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}

package/css/cjs/index.css

@@ -656,13 +656,15 @@
 
 
 
-.Toast_config_1g4td0o_d1bsn3dp__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_ptjd8cf__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_d1i63r6p__4cab1302{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.Toast_config_1g4td0o_l1918q62__4cab1302{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.Toast_config_1g4td0o_m1jmouzj__4cab1302{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.Toast_config_1g4td0o_d1hfuauu__4cab1302{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.Toast_config_1g4td0o_th1sjxu__4cab1302{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
+.Toast_config_1i0lbln_d1bsn3dp__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_ptjd8cf__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_n1i63r6p__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_p1918q62__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_d1jmouzj__812411a4{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.Toast_config_1i0lbln_l1hfuauu__812411a4{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.Toast_config_1i0lbln_mh1sjxu__812411a4{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.Toast_config_1i0lbln_dtkpp4s__812411a4{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.Toast_config_1i0lbln_ty43uj2__812411a4{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
 
 .Toolbar_config_1yum23z_d1ww92hn__4c35b6dd{--plasma-toolbar-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-toolbar-background:var(--surface-solid-card-brightness);--plasma-toolbar-divider-color:var(--surface-transparent-tertiary);}
 .Toolbar_config_1yum23z_x1apuzov__4c35b6dd{--plasma-toolbar-size:2.5rem;--plasma-toolbar-padding:0.25rem;--plasma-toolbar-border-radius:0.75rem;--plasma-toolbar-divider-size:1.25rem;--plasma-toolbar-divider-offset:0.5rem;--plasma-toolbar-divider-border-radius:0.0625rem;}

package/css/es/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n    Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n    props: DropdownProps<T>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,eAAe,CAACP,iBAAiB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n    Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n    props: DropdownProps<T>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,eAAe,CAACP,iBAAiB;;;;"}

package/css/es/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n    DropdownNodeSelect,\n    MergedSelectProps as MergedSelectPropsNewHope,\n    DistributiveOmit,\n    DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\nexport type SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n    MergedSelectPropsNewHope<T, K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n    props: SelectProps<T, K>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;AAWA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,eAAe,CAACP,eAAe;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n    DropdownNodeSelect,\n    MergedSelectProps as MergedSelectPropsNewHope,\n    DistributiveOmit,\n    DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n    MergedSelectPropsNewHope<T, K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n    props: SelectProps<T, K>,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;AAWA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,eAAe,CAACP,eAAe;;;;"}

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

@@ -1,4 +1,4 @@
-import './Toast.config_1g4td0o.css';
+import './Toast.config_1i0lbln.css';
 var config = {
   defaults: {
     view: 'default',
@@ -8,22 +8,32 @@ var config = {
   variations: {
     view: {
       "default": "d1bsn3dp",
+      positive: "ptjd8cf",
+      negative: "n1i63r6p",
       /**
        * @deprecated
        * использовать `default`
        */
-      primary: "ptjd8cf",
-      dark: "d1i63r6p",
-      light: "l1918q62"
+      primary: "p1918q62",
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: "d1jmouzj",
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      light: "l1hfuauu"
     },
     size: {
-      m: "m1jmouzj"
+      m: "mh1sjxu"
     },
     closeIconType: {
-      "default": "d1hfuauu"
+      "default": "dtkpp4s"
     },
     pilled: {
-      "true": "th1sjxu"
+      "true": "ty43uj2"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.config.js","sources":["../../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        closeIconType: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            dark: css`\n                ${toastTokens.color}: var(--on-dark-text-primary);\n                ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n            `,\n            light: css`\n                ${toastTokens.color}: var(--on-light-text-primary);\n                ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n            `,\n        },\n        size: {\n            m: css`\n                ${toastTokens.borderRadius}: 0.75rem;\n                ${toastTokens.maxWidth}: calc(100vw - 5rem);\n                ${toastTokens.padding}: 0.5625rem 0.75rem;\n                ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            `,\n        },\n        closeIconType: {\n            default: css`\n                ${toastTokens.closeIconButtonSize}: 1rem;\n                ${toastTokens.closeIconSize}: 1.5rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n                ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","primary","dark","light","m","pilled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UAAA;KAcJ;AACDN,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,UAAA;KAIV;AACDK,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Toast.config.js","sources":["../../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        closeIconType: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            positive: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n                ${toastTokens.contentLeftColor}: var(--text-positive);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            negative: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n                ${toastTokens.contentLeftColor}: var(--text-negative);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${toastTokens.color}: var(--text-primary);\n                ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n                ${toastTokens.closeIconColor}: var(--text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n             */\n            dark: css`\n                ${toastTokens.color}: var(--on-dark-text-primary);\n                ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n            `,\n            /**\n             * @deprecated\n             * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n             */\n            light: css`\n                ${toastTokens.color}: var(--on-light-text-primary);\n                ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n                ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n                ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n            `,\n        },\n        size: {\n            m: css`\n                ${toastTokens.borderRadius}: 0.75rem;\n                ${toastTokens.maxWidth}: calc(100vw - 5rem);\n                ${toastTokens.padding}: 0.5625rem 0.75rem;\n                ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            `,\n        },\n        closeIconType: {\n            default: css`\n                ${toastTokens.closeIconButtonSize}: 1rem;\n                ${toastTokens.closeIconSize}: 1.5rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n                ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","positive","negative","primary","dark","light","m","pilled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAMN,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,IAAI,EAMH,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAAA;KAcJ;AACDR,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,SAAA;KAIV;AACDO,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/Toast/Toast.config_1i0lbln.css

@@ -0,0 +1,9 @@
+.d1bsn3dp{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.ptjd8cf{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.n1i63r6p{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.p1918q62{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.d1jmouzj{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.l1hfuauu{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.mh1sjxu{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.dtkpp4s{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.ty43uj2{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}

package/css/es/components/Toast/Toast.css

@@ -1,7 +1,9 @@
-.Toast_config_1g4td0o_d1bsn3dp__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_ptjd8cf__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_d1i63r6p__4cab1302{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.Toast_config_1g4td0o_l1918q62__4cab1302{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.Toast_config_1g4td0o_m1jmouzj__4cab1302{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.Toast_config_1g4td0o_d1hfuauu__4cab1302{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.Toast_config_1g4td0o_th1sjxu__4cab1302{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
+.Toast_config_1i0lbln_d1bsn3dp__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_ptjd8cf__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_n1i63r6p__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_p1918q62__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_d1jmouzj__812411a4{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.Toast_config_1i0lbln_l1hfuauu__812411a4{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.Toast_config_1i0lbln_mh1sjxu__812411a4{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.Toast_config_1i0lbln_dtkpp4s__812411a4{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.Toast_config_1i0lbln_ty43uj2__812411a4{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}

package/css/es/index.css

@@ -656,13 +656,15 @@
 
 
 
-.Toast_config_1g4td0o_d1bsn3dp__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_ptjd8cf__4cab1302{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.Toast_config_1g4td0o_d1i63r6p__4cab1302{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.Toast_config_1g4td0o_l1918q62__4cab1302{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.Toast_config_1g4td0o_m1jmouzj__4cab1302{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.Toast_config_1g4td0o_d1hfuauu__4cab1302{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.Toast_config_1g4td0o_th1sjxu__4cab1302{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
+.Toast_config_1i0lbln_d1bsn3dp__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_ptjd8cf__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_n1i63r6p__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_p1918q62__812411a4{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
+.Toast_config_1i0lbln_d1jmouzj__812411a4{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
+.Toast_config_1i0lbln_l1hfuauu__812411a4{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
+.Toast_config_1i0lbln_mh1sjxu__812411a4{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
+.Toast_config_1i0lbln_dtkpp4s__812411a4{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
+.Toast_config_1i0lbln_ty43uj2__812411a4{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-content-left-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}
 
 .Toolbar_config_1yum23z_d1ww92hn__4c35b6dd{--plasma-toolbar-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-toolbar-background:var(--surface-solid-card-brightness);--plasma-toolbar-divider-color:var(--surface-transparent-tertiary);}
 .Toolbar_config_1yum23z_x1apuzov__4c35b6dd{--plasma-toolbar-size:2.5rem;--plasma-toolbar-padding:0.25rem;--plasma-toolbar-border-radius:0.75rem;--plasma-toolbar-divider-size:1.25rem;--plasma-toolbar-divider-offset:0.5rem;--plasma-toolbar-divider-border-radius:0.0625rem;}

package/es/components/Dropdown/index.js

@@ -1,5 +1,6 @@
 export { withAssistiveDropdown } from '@salutejs/plasma-hope';
 export { Dropdown } from './Dropdown';
+
 // TODO: #1271
 export { DropdownItem } from './components/DropdownItem';
 export { DropdownPopup } from './components/DropdownPopup';

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

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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,22 +10,32 @@ 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),
+      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
        * использовать `default`
        */
-      primary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__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(_templateObject3 || (_templateObject3 = /*#__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(_templateObject4 || (_templateObject4 = /*#__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)
+      primary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__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),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__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(_templateObject6 || (_templateObject6 = /*#__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(_templateObject5 || (_templateObject5 = /*#__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(_templateObject7 || (_templateObject7 = /*#__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(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
+      "default": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__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(_templateObject9 || (_templateObject9 = /*#__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

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.504.2-canary.1732.13047023818.0",
+  "version": "1.505.0-canary.1719.13031725630.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.191.0",
     "@salutejs/plasma-hope": "1.329.0",
-    "@salutejs/plasma-new-hope": "0.248.1-dev.0",
+    "@salutejs/plasma-new-hope": "0.249.0-canary.1719.13031725630.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2b": "1.45.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "98160d242a1f16d20447981735e089c1fc1affe4"
+  "gitHead": "eea2bffa25cdce9eca16bfcaa6a6aef02330fa48"
 }

package/temp/plasma-web.api.md

@@ -131,13 +131,15 @@ 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 { DropdownItemProps } from '@salutejs/plasma-hope';
 import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
 import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
+import type { DropdownNodeSelect } from '@salutejs/plasma-new-hope';
 import { DropdownNodeType } from '@salutejs/plasma-hope';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownPopupProps } from '@salutejs/plasma-hope';
+import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
@@ -269,9 +271,9 @@ 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 { SelectGroup } from '@salutejs/plasma-hope';
-import { DropdownNodeSelect 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 { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
 import { setRef } from '@salutejs/plasma-core';
@@ -1955,8 +1957,6 @@ default: PolymorphicClassName;
 // @public (undocumented)
 export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export { DropdownItemOption }
-
 export { DropdownItemProps }
 
 export { DropdownItemType }
@@ -1971,10 +1971,7 @@ export const DropdownPopup: React_2.ForwardRefExoticComponent<DropdownPopupProps
 
 export { DropdownPopupProps }
 
-// 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'>;
+export { DropdownProps }
 
 // @public (undocumented)
 export const Dropzone: FunctionComponent<PropsType<    {
@@ -3621,17 +3618,14 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
+// Warning: (ae-forgotten-export) The symbol "SelectProps_2" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export const Select: <T, K extends SelectItemOption>(props: SelectProps<T, K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
+export const Select: <T, K extends DropdownNodeSelect>(props: SelectProps_2<T, K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
 export { SelectGroup }
 
-export { SelectItemOption }
-
-// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type SelectProps<T, K extends SelectItemOption> = DistributiveOmit<MergedSelectProps<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
+export { SelectProps }
 
 export { SelectPropsHope }
 
@@ -4445,6 +4439,8 @@ export { TimingFunction }
 export const Toast: FunctionComponent<PropsType<    {
 view: {
 default: PolymorphicClassName;
+positive: PolymorphicClassName;
+negative: PolymorphicClassName;
 primary: PolymorphicClassName;
 dark: PolymorphicClassName;
 light: PolymorphicClassName;

package/css/cjs/components/Toast/Toast.config_1g4td0o.css

@@ -1,7 +0,0 @@
-.d1bsn3dp{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.ptjd8cf{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.d1i63r6p{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.l1918q62{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.m1jmouzj{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.d1hfuauu{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.th1sjxu{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}

package/css/es/components/Toast/Toast.config_1g4td0o.css

@@ -1,7 +0,0 @@
-.d1bsn3dp{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.ptjd8cf{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
-.d1i63r6p{--plasma-toast-color:var(--on-dark-text-primary);--plasma-toast-background:var(--on-dark-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-dark-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-dark-text-secondary);}
-.l1918q62{--plasma-toast-color:var(--on-light-text-primary);--plasma-toast-background:var(--on-light-surface-solid-primary-brightness);--plasma-toast-close-icon-color:var(--on-light-text-secondary);--plasma-toast-close-icon-color-on-hover:var(--on-light-text-secondary);}
-.m1jmouzj{--plasma-toast-border-radius:0.75rem;--plasma-toast-max-width:calc(100vw - 5rem);--plasma-toast-padding:0.5625rem 0.75rem;--plasma-toast-font-family:var(--plasma-typo-body-xs-font-family);--plasma-toast-font-size:var(--plasma-typo-body-xs-font-size);--plasma-toast-font-style:var(--plasma-typo-body-xs-font-style);--plasma-toast-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-toast-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-toast-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.125rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.5rem;}
-.d1hfuauu{--plasma-toast-close-icon-button-size:1rem;--plasma-toast-close-icon-size:1.5rem;}
-.th1sjxu{--plasma-toast-pilled-border-radius:1.5rem;--plasma-toast-left-content-margin:-0.0625rem 0.375rem -0.0625rem -0.25rem;--plasma-toast-close-icon-margin:-0.0625rem -0.25rem -0.0625rem 0.375rem;}