feat!: up uikit to 7

.storybook/src/ImportsTooltip/ImportsTooltip.scss

@@ -1,12 +1,14 @@
 @use '~@gravity-ui/uikit/styles/mixins';
 
 .imports-tooltip {
-    --g-popover-max-width: 1000px;
+    max-width: 1000px;
+
+    padding: var(--g-spacing-4);
 
     &__grid {
         display: grid;
         grid-template-columns: max-content minmax(max-content, 1fr);
-        gap: 12px;
+        gap: var(--g-spacing-3);
     }
 
     &__label {

.storybook/src/ImportsTooltip/ImportsTooltip.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {Button, Card, Label, Popover, PopoverInstanceProps, spacing} from '@gravity-ui/uikit';
+import {Button, Card, Label, Popover, spacing} from '@gravity-ui/uikit';
 
 import {cn} from '../cn';
 import {IllustrationMeta} from '../types';
@@ -15,7 +15,6 @@ export interface ImportsTooltipProps {
 const b = cn('imports-tooltip');
 
 export function ImportsTooltip({meta: {svgName, componentName}, children}: ImportsTooltipProps) {
-    const popoverRef = React.useRef<PopoverInstanceProps>(null);
     const content = React.useMemo(() => {
         const importSvgLight = buildIconSvgPath(svgName, componentName, 'light');
         const importSvgDark = buildIconSvgPath(svgName, componentName, 'dark');
@@ -54,12 +53,11 @@ export function ImportsTooltip({meta: {svgName, componentName}, children}: Impor
         <Card className={spacing({p: 2})}>
             <div>
                 <Popover
-                    ref={popoverRef}
                     content={content}
                     placement={['bottom', 'top']}
-                    tooltipClassName={b()}
-                    openOnHover={false}
-                    disablePortal
+                    trigger="click"
+                    hasArrow
+                    className={b()}
                 >
                     <Button view="flat-info">{componentName}</Button>
                 </Popover>

package.json

@@ -39,7 +39,7 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.2.0",
+    "@gravity-ui/uikit": "^7.0.0-beta.3",
     "@storybook/addon-essentials": "^8.0.2",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/manager-api": "^8.0.2",