@meduza/ui-kit-2 0.1.53 → 0.1.54

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.53",
+  "version": "0.1.54",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/Toolbar/index.tsx

@@ -1,4 +1,4 @@
-import React, { Children } from 'react'
+import React from 'react'
 import { ToolbarProps } from './Toolbar.types'
 import makeStyleContext from '../utils/makeStyleContext'
 import { makeClassName, ClassNames } from '../utils/makeClassName'
@@ -12,16 +12,9 @@ export const Toolbar: React.FC<ToolbarProps> = ({ children, styleContext }) => {
     classNames = makeStyleContext(classNames, styleContext, styles)
   }
 
-  const renderItems = (): JSX.Element[] =>
-    Children.map(children, (item: JSX.Element, index) => (
-      <li className={styles.item} key={`${index}-${item.props.type}`}>
-        {React.cloneElement(item)}
-      </li>
-    ))
-
   return (
     <div data-testid="toolbar" className={makeClassName(classNames)}>
-      <ul className={styles.list}>{renderItems()}</ul>
+      <ul className={styles.list}>{children}</ul>
     </div>
   )
 }

package/src/ToolbarButton/index.tsx

@@ -3,6 +3,7 @@ import { ToolbarButtonProps } from './ToolbarButton.types'
 import { SvgSymbol } from '../SvgSymbol/'
 import { makeClassName, ClassNames } from '../utils/makeClassName'
 
+import toolbarStyles from '../Toolbar/Toolbar.module.css'
 import styles from './ToolbarButton.module.css'
 
 export const ToolbarButton: React.FC<ToolbarButtonProps> = ({
@@ -20,14 +21,16 @@ export const ToolbarButton: React.FC<ToolbarButtonProps> = ({
   ]
 
   return (
-    <button
-      data-testid="toolbar-button"
-      className={makeClassName(classNames)}
-      type="button"
-      onClick={(): void => onClick(type)}
-    >
-      <SvgSymbol size="medium" icon={type} styleContext="isInToolbar" />
-      {children && <span className={styles.text}>{children}</span>}
-    </button>
+    <li className={toolbarStyles.item}>
+      <button
+        data-testid="toolbar-button"
+        className={makeClassName(classNames)}
+        type="button"
+        onClick={(): void => onClick(type)}
+      >
+        <SvgSymbol size="medium" icon={type} styleContext="isInToolbar" />
+        {children && <span className={styles.text}>{children}</span>}
+      </button>
+    </li>
   )
 }