ydb-embedded-ui 1.5.0 → 1.5.3

package/dist/styles/mixins.scss

@@ -16,25 +16,25 @@
 }
 
 @mixin body-typography() {
-    font-size: var(--yc-text-body-font-size);
-    line-height: var(--yc-text-body-line-height);
+    font-size: var(--yc-text-body-1-font-size);
+    line-height: var(--yc-text-body-1-line-height);
 }
 @mixin body2-typography() {
-    font-size: var(--yc-text-body2-font-size);
-    line-height: var(--yc-text-body2-line-height);
+    font-size: var(--yc-text-body-2-font-size);
+    line-height: var(--yc-text-body-2-line-height);
 }
 @mixin body3-typography() {
-    font-size: var(--yc-text-body3-font-size);
-    line-height: var(--yc-text-body3-line-height);
+    font-size: var(--yc-text-body-3-font-size);
+    line-height: var(--yc-text-body-3-line-height);
 }
 @mixin lead-typography() {
-    font-size: var(--yc-text-lead-font-size);
-    line-height: var(--yc-text-lead-line-height);
+    font-size: var(--yc-text-subheader-3-font-size);
+    line-height: var(--yc-text-subheader-3-line-height);
 }
 
 @mixin title-typography() {
-    font-size: var(--yc-text-title-font-size);
-    line-height: var(--yc-text-title-line-height);
+    font-size: var(--yc-text-header-2-font-size);
+    line-height: var(--yc-text-header-2-line-height);
 }
 
 @mixin sticky-top {
@@ -188,8 +188,8 @@
 @mixin json-tree-styles {
     // stylelint-disable
     font-family: var(--yc-font-family-monospace) !important;
-    font-size: var(--yc-text-code-font-size) !important;
-    line-height: var(--yc-text-code-line-height) !important;
+    font-size: var(--yc-text-code-1-font-size) !important;
+    line-height: var(--yc-text-code-1-line-height) !important;
     // stylelint-enable
 
     .json-inspector__leaf_composite:before {
@@ -239,7 +239,7 @@
             margin: 0;
             padding: 0;
 
-            font-family: var(--yc-font-family);
+            font-family: var(--yc-text-body-font-family);
             font-size: 13px;
             vertical-align: top;
 

package/dist/utils/getNodesColumns.js

@@ -1,7 +1,6 @@
-import React from 'react';
 import cn from 'bem-cn-lite';
 import DataTable from '@yandex-cloud/react-data-table';
-import {Button, Tooltip} from '@yandex-cloud/uikit';
+import {Button, Popover} from '@yandex-cloud/uikit';
 
 import Icon from '../components/Icon/Icon';
 import EntityStatus from '../components/EntityStatus/EntityStatus';
@@ -62,7 +61,7 @@ export function getNodesColumns({showTooltip, hideTooltip, tabletsPath, getNodeR
             width: '200px',
             align: DataTable.LEFT,
             render: ({value}) => {
-                return <Tooltip content={value}>{value}</Tooltip>;
+                return <Popover content={value}>{value}</Popover>;
             },
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.5.0",
+  "version": "1.5.3",
   "files": [
     "dist"
   ],
@@ -40,7 +40,7 @@
     "reselect": "4.0.0",
     "sass": "1.32.8",
     "web-vitals": "1.1.2",
-    "ydb-ui-components": "1.2.3"
+    "ydb-ui-components": "2.0.1"
   },
   "scripts": {
     "start": "react-app-rewired start",
@@ -93,7 +93,7 @@
     "@yandex-cloud/prettier-config": "^1.0.0",
     "@yandex-cloud/stylelint-config": "^1.1.0",
     "@yandex-cloud/tsconfig": "^1.0.0",
-    "@yandex-cloud/uikit": "^1.7.0",
+    "@yandex-cloud/uikit": "^2.4.0",
     "copyfiles": "^2.4.1",
     "eslint-config-prettier": "^8.3.0",
     "husky": "^7.0.4",
@@ -107,6 +107,7 @@
     "typescript": "^4.5.5"
   },
   "peerDependencies": {
-    "@yandex-cloud/browserslist-config": "^1.0.1"
+    "@yandex-cloud/browserslist-config": "^1.0.1",
+    "@yandex-cloud/uikit": "^2.4.0"
   }
 }