ydb-embedded-ui 1.6.2 → 1.6.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.6.3](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.2...v1.6.3) (2022-06-22)
+
+
+### Bug Fixes
+
+* **ClipboardButton:** clickable area now matches visual area ([8c0b5ef](https://github.com/ydb-platform/ydb-embedded-ui/commit/8c0b5ef27d5d31b28a29455b3019de23bdbf8f68))
+
 ## [1.6.2](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.1...v1.6.2) (2022-06-07)
 
 

package/dist/components/EntityStatus/EntityStatus.js

@@ -80,15 +80,15 @@ class EntityStatus extends React.Component {
                 )}
                 {this.renderLink()}
                 {hasClipboardButton && (
-                    <span
+                    <Button
+                        component="span"
+                        size="s"
                         className={b('clipboard-button', {
                             visible: false,
                         })}
                     >
-                        <Button size="s">
-                            <ClipboardButton text={name} size={16} />
-                        </Button>
-                    </span>
+                        <ClipboardButton text={name} size={16} />
+                    </Button>
                 )}
             </div>
         );

package/dist/components/EntityStatus/EntityStatus.scss

@@ -17,11 +17,16 @@
         color: var(--yc-color-text-secondary);
 
         .yc-button__text {
-            margin: 0 4px;
+            margin: 0;
+        }
+
+        .yc-clipboard-button {
+            width: 24px;
+            height: 24px;
         }
 
         &_visible {
-            display: flex;
+            display: inline-flex;
         }
     }
 

package/dist/containers/App/App.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import {i18n as YDBComponentsI18N} from 'ydb-ui-components/build/components/i18n';
+import {i18n as YDBComponentsI18N} from 'ydb-ui-components';
 import {I18N, i18n} from '../../utils/i18n';
 
 import ContentWrapper, {Content} from './Content';

package/dist/containers/App/App.scss

@@ -100,6 +100,7 @@ body,
 
     .yc-clipboard-button {
         display: inline-flex;
+        justify-content: center;
         align-items: center;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "files": [
     "dist"
   ],
@@ -40,7 +40,7 @@
     "reselect": "4.0.0",
     "sass": "1.32.8",
     "web-vitals": "1.1.2",
-    "ydb-ui-components": "2.0.1"
+    "ydb-ui-components": "2.0.2"
   },
   "scripts": {
     "start": "react-app-rewired start",