@salutejs/sdds-sbcom 0.376.0-next-sbcom.0 → 0.376.1-dev.0

package/dist/css/es/index.js

@@ -6,7 +6,7 @@ export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
 export { Badge } from './components/Badge/Badge.js';
-export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, BodyXXXS, DsplS, H1, H2, H3, H4, HXlMedium, HXxlMedium } from './components/Typography/Typography.js';
+export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4, HXlMedium, HXxlMedium } from './components/Typography/Typography.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-sbcom",
-  "version": "0.376.0-next-sbcom.0",
+  "version": "0.376.1-dev.0",
   "description": "Salute Design System / React UI kit for SDDS SBCOM web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,8 +40,8 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs-ds/sdds_sbcom": "0.1.24",
-    "@salutejs/plasma-new-hope": "0.388.0-next-sbcom.0",
+    "@salutejs-ds/sdds_sbcom": "0.1.20",
+    "@salutejs/plasma-new-hope": "0.388.1-dev.0",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -60,11 +60,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.28.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.249.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.179.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.257.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.251.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.28.0-dev.0",
+    "@salutejs/plasma-core": "1.249.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
+    "@salutejs/plasma-icons": "1.257.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -106,5 +106,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "1214cb8ea4c61ff3df59c99d4b73d7652764a7ef"
+  "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
 }

package/types/components/Autocomplete/Autocomplete.d.ts

@@ -77,7 +77,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -137,7 +137,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -321,7 +321,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -381,7 +381,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;

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

@@ -7,13 +7,6 @@ export declare const config: {
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Avatar/Avatar.d.ts

@@ -1,13 +1,6 @@
 declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components").ComponentConfig<string, {
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -44,13 +37,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
 }, import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -89,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -118,7 +104,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -146,13 +132,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
 declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -191,7 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -220,7 +199,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

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

@@ -10,17 +10,16 @@ export declare const config: {
             accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -4,17 +4,16 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
         accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -82,17 +81,16 @@ export declare const Button: import("@salutejs/plasma-new-hope/styled-components
         accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -7,9 +7,18 @@ export declare const config: {
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Chip/Chip.d.ts

@@ -4,9 +4,18 @@
 export declare const Chip: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -94,7 +94,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -226,7 +226,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -362,7 +362,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -502,7 +502,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;

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

@@ -62,7 +62,7 @@ export declare const DatePickerDefault: import("react").FunctionComponent<import
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -175,7 +175,7 @@ export declare const DatePickerClear: import("react").FunctionComponent<import("
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -288,7 +288,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -430,7 +430,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -570,7 +570,7 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
     hintTargetIcon?: React.ReactNode;
-    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
+    hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
     hintWidth?: string | undefined;
@@ -676,7 +676,7 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
     hintTargetIcon?: React.ReactNode;
-    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
+    hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
     hintWidth?: string | undefined;
@@ -782,7 +782,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
     hintTargetIcon?: React.ReactNode;
-    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
+    hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
     hintWidth?: string | undefined;
@@ -889,7 +889,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
     hintTargetIcon?: React.ReactNode;
-    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
+    hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
     hintWidth?: string | undefined;

package/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -60,7 +60,7 @@ export declare const DateTimePicker: import("react").FunctionComponent<import("@
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;

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

@@ -6,21 +6,23 @@ export declare const config: {
     };
     variations: {
         view: {
-            accentFiled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            success: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            critical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -3,21 +3,23 @@
  */
 export declare const IconButton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
-        accentFiled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        success: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        critical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/InformationWrapper/InformationWrapper.d.ts

@@ -43,7 +43,7 @@ export declare const InformationWrapper: import("react").FunctionComponent<impor
     hintView?: string;
     hintSize?: string;
     hintTargetIcon?: import("react").ReactNode;
-    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;

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

@@ -5,16 +5,22 @@ export declare const config: {
     };
     variations: {
         view: {
-            white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            danger: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '16': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
     };
 };

package/types/components/Loader/Loader.d.ts

@@ -1,14 +1,20 @@
 export declare const Loader: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
-        white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        danger: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '16': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
 }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/Loader/Loader.types.js").CustomLoaderProps & import("react").RefAttributes<HTMLDivElement>>;