fix(LockIcon): content (#445)

Author: tenphi

.changeset/long-toys-move.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Fix LockIcon component.

src/components/overlays/NewNotifications/NotificationView/NotificationIcon.tsx

@@ -1,10 +1,22 @@
 import { memo, ReactNode } from 'react';
 
 import { tasty } from '../../../../tasty';
-import { DangerIcon, SuccessIcon, ExclamationIcon } from '../../../../icons';
+import { DangerIcon, ExclamationIcon } from '../../../../icons';
+import { wrapIcon } from '../../../../icons/wrap-icon';
 
 import { NotificationIconProps } from './types';
 
+export const SuccessIcon = wrapIcon(
+  'SuccessIcon',
+  <svg
+    fill="currentColor"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" />
+  </svg>,
+);
+
 const IconContainer = tasty({
   styles: {
     boxSizing: 'border-box',

src/components/pickers/Menu/Menu.stories.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import {
   BulbOutlined,
-  CheckCircleFilled,
   ReloadOutlined,
   BookOutlined,
+  CheckCircleFilled,
 } from '@ant-design/icons';
 import { action } from '@storybook/addon-actions';
 import { expect } from '@storybook/test';
@@ -223,10 +223,10 @@ export const GitActions = (props) => {
           key="blue"
           mods={{ pressed: true }}
           postfix={
-            <Flex gap="0.5x">
+            <Space gap="0.5x">
               {successIcon}
               {stuffText}
-            </Flex>
+            </Space>
           }
         >
           Merge to master (pressed)

src/icons/SuccessIcon.tsx

@@ -2,7 +2,6 @@ import { wrapIcon } from './wrap-icon';
 import { CloseIcon as _CloseIcon } from './CloseIcon';
 import { ExclamationIcon as _ExclamationIcon } from './ExclamationIcon';
 import { DangerIcon as _DangerIcon } from './DangerIcon';
-import { SuccessIcon as _SuccessIcon } from './SuccessIcon';
 import { PlusIcon as _PlusIcon } from './PlusIcon';
 import { AiIcon as _AiIcon } from './AiIcon';
 import { AreaChartIcon as _AreaChartIcon } from './AreaChartIcon';
@@ -20,7 +19,7 @@ import { KeyIcon as _KeyIcon } from './KeyIcon';
 import { LeftIcon as _LeftIcon } from './LeftIcon';
 import { LineChartIcon as _LineChartIcon } from './LineChartIcon';
 import { LockFilledIcon as _LockFilledIcon } from './LockFilledIcon';
-import { LockFilledIcon as _LockIcon } from './LockFilledIcon';
+import { LockIcon as _LockIcon } from './LockIcon';
 import { MoreIcon as _MoreIcon } from './MoreIcon';
 import { NumberIcon as _NumberIcon } from './NumberIcon';
 import { PieChartIcon as _PieChartIcon } from './PieChartIcon';
@@ -37,7 +36,6 @@ import { ViewIcon as _ViewIcon } from './ViewIcon';
 export const CloseIcon = wrapIcon('CloseIcon', _CloseIcon);
 export const ExclamationIcon = wrapIcon('ExclamationIcon', _ExclamationIcon);
 export const DangerIcon = wrapIcon('DangerIcon', _DangerIcon);
-export const SuccessIcon = wrapIcon('SuccessIcon', _SuccessIcon);
 export const PlusIcon = wrapIcon('PlusIcon', _PlusIcon);
 export const AiIcon = wrapIcon('AiIcon', _AiIcon);
 export const AreaChartIcon = wrapIcon('AreaChartIcon', _AreaChartIcon);