@salutejs/sdds-os 0.29.0-next-insol.0 → 0.30.0-dev.0

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

@@ -47,21 +47,6 @@ const config = {
                 ${_styledcomponents.chipTokens.closeIconColorHover}: var(--text-secondary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--text-primary);
             `,
-            accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.background}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundHover}: var(--surface-accent-hover);
-                ${_styledcomponents.chipTokens.colorActive}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundActive}: var(--surface-accent-active);
-                ${_styledcomponents.chipTokens.backgroundReadOnly}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
-                ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
-            `,
             positive: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipTokens.color}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.background}: var(--surface-positive);
@@ -73,8 +58,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-positive);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             warning: (0, _styledcomponents.css)`
@@ -88,8 +73,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-warning);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             negative: (0, _styledcomponents.css)`
@@ -103,8 +88,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-negative);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `
         },
@@ -156,7 +141,7 @@ const config = {
         },
         disabled: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.chipTokens.disabledOpacity}: 0.4;
+                ${_styledcomponents.chipTokens.disabledOpacity}: 1;
             `
         },
         focused: {
@@ -167,5 +152,57 @@ const config = {
         pilled: {
             true: (0, _styledcomponents.css)``
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--text-tertiary);
+                ${_styledcomponents.chipTokens.background}: var(--surface-solid-tertiary);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--text-tertiary);
+                ${_styledcomponents.chipTokens.background}: var(--surface-solid-tertiary);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${_styledcomponents.chipTokens.background}: var(--surface-accent);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${_styledcomponents.chipTokens.background}: var(--surface-positive);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.background}: var(--surface-warning-minor);
+            `
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.background}: var(--surface-negative-minor);
+            `
+        }
+    ]
 };

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

@@ -47,6 +47,9 @@ const config = {
         size: {
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
+                ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
+                ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
+                ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
                 ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
                 ${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
                 ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -68,6 +71,9 @@ const config = {
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
+                ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
+                ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
+                ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
                 ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
                 ${_styledcomponents.chipGroupTokens.chipHeight}: 2rem;
                 ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -95,6 +101,10 @@ const config = {
             wide: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
             `
+        },
+        shape: {
+            segmented: (0, _styledcomponents.css)``,
+            default: (0, _styledcomponents.css)``
         }
     }
 };

package/dist/styled-components/es/components/Badge/Badge.clear.config.js

@@ -23,10 +23,10 @@ export const config = {
                 ${badgeTokens.color}: var(--text-negative);
             `,
             dark: css`
-                ${badgeTokens.color}: var(--on-light-text-primary);
+                ${badgeTokens.color}: var(--on-dark-text-tertiary);
             `,
             light: css`
-                ${badgeTokens.color}: var(--on-dark-text-primary);
+                ${badgeTokens.color}: var(--on-dark-text-tertiary);
             `
         },
         size: {

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

@@ -37,21 +37,6 @@ export const config = {
                 ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);
                 ${chipTokens.leftContentColor}: var(--text-primary);
             `,
-            accent: css`
-                ${chipTokens.color}: var(--on-dark-text-primary);
-                ${chipTokens.background}: var(--surface-accent);
-                ${chipTokens.colorHover}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundHover}: var(--surface-accent-hover);
-                ${chipTokens.colorActive}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundActive}: var(--surface-accent-active);
-                ${chipTokens.backgroundReadOnly}: var(--surface-accent);
-                ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);
-                ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
-                ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
-            `,
             positive: css`
                 ${chipTokens.color}: var(--on-dark-text-primary);
                 ${chipTokens.background}: var(--surface-positive);
@@ -63,8 +48,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             warning: css`
@@ -78,8 +63,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             negative: css`
@@ -93,8 +78,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `
         },
@@ -146,7 +131,7 @@ export const config = {
         },
         disabled: {
             true: css`
-                ${chipTokens.disabledOpacity}: 0.4;
+                ${chipTokens.disabledOpacity}: 1;
             `
         },
         focused: {
@@ -157,5 +142,57 @@ export const config = {
         pilled: {
             true: css``
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--text-tertiary);
+                ${chipTokens.background}: var(--surface-solid-tertiary);
+                ${chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--text-tertiary);
+                ${chipTokens.background}: var(--surface-solid-tertiary);
+                ${chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${chipTokens.background}: var(--surface-accent);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${chipTokens.background}: var(--surface-positive);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css`
+                ${chipTokens.background}: var(--surface-warning-minor);
+            `
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css`
+                ${chipTokens.background}: var(--surface-negative-minor);
+            `
+        }
+    ]
 };

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

@@ -37,6 +37,9 @@ export const config = {
         size: {
             m: css`
                 ${tokens.chipBorderRadius}: 0.625rem;
+                ${tokens.chipDefaultRadius}: 0.625rem;
+                ${tokens.chipSegmentedRadius}: 0.25rem;
+                ${tokens.chipSideRadius}: 0.625rem;
                 ${tokens.chipWidth}: auto;
                 ${tokens.chipHeight}: 2.5rem;
                 ${tokens.chipPadding}: 0 0.875rem;
@@ -58,6 +61,9 @@ export const config = {
             `,
             s: css`
                 ${tokens.chipBorderRadius}: 0.5rem;
+                ${tokens.chipDefaultRadius}: 0.5rem;
+                ${tokens.chipSegmentedRadius}: 0.25rem;
+                ${tokens.chipSideRadius}: 0.5rem;
                 ${tokens.chipWidth}: auto;
                 ${tokens.chipHeight}: 2rem;
                 ${tokens.chipPadding}: 0 0.875rem;
@@ -85,6 +91,10 @@ export const config = {
             wide: css`
                 ${tokens.chipGroupItemsGap}: 0.5rem;
             `
+        },
+        shape: {
+            segmented: css``,
+            default: css``
         }
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-os",
-  "version": "0.29.0-next-insol.0",
+  "version": "0.30.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS OS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -19,7 +19,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com:salute-developers/plasma.git",
+    "url": "git+https://github.com/salute-developers/plasma.git",
     "directory": "packages/sdds-os"
   },
   "exports": {
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@salutejs-ds/sdds_os": "0.1.2",
-    "@salutejs/plasma-new-hope": "0.371.0-next-insol.0"
+    "@salutejs/plasma-new-hope": "0.372.0-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -59,11 +59,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.234.0-next-insol.0",
-    "@salutejs/plasma-cy-utils": "0.164.0-next-insol.0",
-    "@salutejs/plasma-icons": "1.244.0-next-insol.0",
-    "@salutejs/plasma-sb-utils": "0.235.0-next-insol.0",
+    "@salutejs/plasma-colors": "0.17.0-dev.0",
+    "@salutejs/plasma-core": "1.235.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.165.0-dev.0",
+    "@salutejs/plasma-icons": "1.244.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.236.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ef0b9ad5ed65e5b28427f1cf7f270a0c417a0e1c"
+  "gitHead": "f47f14d572251d01146ea257b4f87e906537a1e2"
 }

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

@@ -74,7 +74,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;
@@ -133,7 +133,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;
@@ -314,7 +314,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;
@@ -373,7 +373,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/Chip/Chip.config.d.ts

@@ -8,7 +8,6 @@ export declare const config: {
         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;
@@ -27,4 +26,9 @@ export declare const config: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
     };
+    intersections: {
+        view: string;
+        disabled: boolean;
+        style: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    }[];
 };

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

@@ -5,7 +5,6 @@ export declare const Chip: import("react").FunctionComponent<import("@salutejs/p
     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;

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

@@ -17,5 +17,9 @@ export declare const config: {
             dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
+        shape: {
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
     };
 };

package/types/components/ChipGroup/ChipGroup.d.ts

@@ -12,4 +12,8 @@ export declare const ChipGroup: import("react").FunctionComponent<import("@salut
         dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
+    shape: {
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
 }> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types.js").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -91,7 +91,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;
@@ -221,7 +221,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;
@@ -355,7 +355,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;
@@ -493,7 +493,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

@@ -59,7 +59,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
     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;
@@ -166,7 +166,7 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
     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/Range/Range.d.ts

@@ -69,7 +69,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -127,7 +127,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -185,7 +185,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -417,7 +417,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -475,7 +475,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -533,7 +533,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -765,7 +765,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -823,7 +823,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;
@@ -881,7 +881,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     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;