@bitrise/bitkit 12.121.0 → 12.123.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.121.0",
+  "version": "12.123.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/EmptyState/EmptyState.tsx

@@ -6,7 +6,7 @@ import Text from '../Text/Text';
 
 export interface EmptyStateProps extends BoxProps {
   description?: ReactNode;
-  iconName: TypeIconName;
+  iconName?: TypeIconName;
   maxContentWidth?: string;
   title: string;
 }
@@ -16,7 +16,7 @@ const EmptyState = ({ children, description, iconName, maxContentWidth, title, .
 
   return (
     <Box __css={css.box} {...rest}>
-      <Icon aria-label={title} name={iconName} size="32" />
+      {iconName && <Icon aria-label={title} name={iconName} size="32" />}
       <Text as="h5" sx={css.title}>
         {title}
       </Text>

package/src/Components/Icons/16x16/Anchor.tsx

@@ -4,7 +4,7 @@ const Anchor = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M8 2.667A.667.667 0 1 1 8 4a.667.667 0 0 1 0-1.334ZM11.333 8v1.333H12a4.003 4.003 0 0 1-3.333 3.94v-5.94H10V6H8.667v-.79A1.996 1.996 0 0 0 10 3.333c0-1.102-.897-2-2-2s-2 .898-2 2c0 .868.56 1.601 1.333 1.877V6H6v1.333h1.333v5.94A4.003 4.003 0 0 1 4 9.333h.667V8H1.333v1.333h1.334A5.34 5.34 0 0 0 8 14.667a5.34 5.34 0 0 0 5.333-5.334h1.334V8h-3.334Z"
+      d="M10 3.5C10 4.33934 9.48296 5.05793 8.75 5.35462V6H10V7.5H8.75V13.184C10.5786 12.8585 12.0025 11.3635 12.2209 9.5H11.5V8H15V9.5H13.7286C13.4752 12.4415 11.0072 14.75 8 14.75C4.99282 14.75 2.52481 12.4415 2.27144 9.5H1V8H4.5V9.5H3.7791C3.99749 11.3635 5.42142 12.8585 7.25 13.184V7.5H6V6H7.25V5.35462C6.51704 5.05793 6 4.33934 6 3.5C6 2.39543 6.89543 1.5 8 1.5C9.10457 1.5 10 2.39543 10 3.5ZM8.5 3.5C8.5 3.77614 8.27614 4 8 4C7.72386 4 7.5 3.77614 7.5 3.5C7.5 3.22386 7.72386 3 8 3C8.27614 3 8.5 3.22386 8.5 3.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Bell.tsx

@@ -4,10 +4,14 @@ const Bell = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M11.045 9.067c-.201-.267-.268-.6-.268-.867V8a2.682 2.682 0 0 0-5.362 0v.133c0 .334-.067.6-.268.867l-1.14 1.667h8.178l-1.14-1.6ZM6.755 4.2V4a1.34 1.34 0 0 1 2.681 0v.2c1.542.533 2.681 2 2.681 3.8v.267l1.14 1.6c.402.6.268 1.4-.335 1.866a1.44 1.44 0 0 1-.805.267h-8.11c-.737 0-1.34-.6-1.34-1.333 0-.267.067-.534.268-.8l1.14-1.6V8c0-1.733 1.139-3.2 2.68-3.8Zm-.67 8.467h4.022C9.906 13.4 9.034 14 8.096 14c-.939 0-1.81-.533-2.01-1.333Z"
+      d="M12.6804 6.39635C12.4166 4.28612 10.7897 2.64506 8.75 2.31198V1H7.25V2.30686C4.98126 2.66213 3.25 4.63858 3.25 7V8.29226L2.31123 9.85688C1.81134 10.69 2.41148 11.75 3.38309 11.75H12.6169C13.5885 11.75 14.1887 10.69 13.6888 9.85688L12.75 8.29226V6.95331L12.6804 6.39635ZM7.98347 3.75C6.20171 3.75 4.75 5.21016 4.75 7V8.70774L3.82464 10.25H12.1754L11.25 8.70774V7.04669L11.192 6.58241C10.9897 4.96428 9.61418 3.75 7.98347 3.75Z"
       fill="currentColor"
       fillRule="evenodd"
     />
+    <path
+      d="M8.75 12.5C8.75 12.9142 8.41421 13.25 8 13.25C7.58579 13.25 7.25 12.9142 7.25 12.5H5.75C5.75 13.7426 6.75736 14.75 8 14.75C9.24264 14.75 10.25 13.7426 10.25 12.5H8.75Z"
+      fill="currentColor"
+    />
   </Icon>
 ));
 

package/src/Components/Icons/16x16/Book.tsx

@@ -4,10 +4,11 @@ const Book = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M10.667 1.333H5.333C4.6 1.333 4 1.963 4 2.733v8.4c0 .77.6 1.4 1.333 1.4h2v2.73l1.267-1.47 1.4 1.54v-2.8h.667c.733 0 1.333-.63 1.333-1.4v-8.4c0-.77-.6-1.4-1.333-1.4Zm0 10h-4V2.667h4v8.666ZM10 4.667H7.333V6H10V4.667Z"
+      d="M2.75 3.5C2.75 2.25736 3.75736 1.25 5 1.25H12.5C12.9142 1.25 13.25 1.58579 13.25 2V13C13.25 13.4142 12.9142 13.75 12.5 13.75H10V12.25H11.75V10.75H5C4.58579 10.75 4.25 11.0858 4.25 11.5C4.25 11.9142 4.58579 12.25 5 12.25V13.75C3.75736 13.75 2.75 12.7426 2.75 11.5V3.5ZM11.75 2.75V9.25H5C4.73702 9.25 4.48458 9.29512 4.25 9.37803V3.5C4.25 3.08579 4.58579 2.75 5 2.75H11.75Z"
       fill="currentColor"
       fillRule="evenodd"
     />
+    <path d="M6 15V12H9L9 15L7.5 14.1L6 15Z" fill="currentColor" />
   </Icon>
 ));
 

package/src/Components/Icons/16x16/Calendar.tsx

@@ -4,7 +4,7 @@ const Calendar = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M13.333 2.667h-.666V1.333h-1.334v1.334H10V1.333H8.667v1.334H7.333V1.333H6v1.334H4.667V1.333H3.333v1.334h-.666c-.734 0-1.334.6-1.334 1.333v8c0 .733.6 1.333 1.334 1.333h10.666c.734 0 1.334-.6 1.334-1.333V4c0-.733-.6-1.333-1.334-1.333Zm0 9.333H2.667V4h.666v1.333h1.334V4H6v1.333h1.333V4h1.334v1.333H10V4h1.333v1.333h1.334V4h.666v8ZM6.667 8.667H4v2h2.667v-2Zm.666 0H10v2H7.333v-2ZM12.667 8V6H10v2h2.667Z"
+      d="M10.25 2.5H5.75V1H4.25V2.5H2.5C1.67157 2.5 1 3.17157 1 4V13.5C1 14.3284 1.67157 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V4C15 3.17157 14.3284 2.5 13.5 2.5H11.75V1H10.25V2.5ZM4.25 5V4H2.5V5.75H13.5V4H11.75V5H10.25V4H5.75V5H4.25ZM2.5 7.25L2.5 13.5H13.5V7.25H2.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Clock.tsx

@@ -2,9 +2,10 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Clock = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 4V9L8.33541 9.67082L11.3354 8.17082L10.6646 6.82918L8.75 7.78647V4H7.25Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M8 13.333c2.933 0 5.333-2.4 5.333-5.333 0-2.933-2.4-5.333-5.333-5.333-2.933 0-5.333 2.4-5.333 5.333 0 2.933 2.4 5.333 5.333 5.333Zm0 1.334c-3.667 0-6.667-3-6.667-6.667s3-6.667 6.667-6.667 6.667 3 6.667 6.667-3 6.667-6.667 6.667ZM10.467 7.4l.6 1.2-2.8 1.333-.934-.6V4.667h1.334v3.6l1.8-.867Z"
+      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/CloseSmall.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const CloseSmall = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      clipRule="evenodd"
-      d="M8.007 7.072 11.078 4l.935.935-3.071 3.072 3.071 3.071-.935.935-3.071-3.071-3.072 3.071L4 11.078l3.072-3.071L4 4.935 4.935 4l3.072 3.072Z"
+      d="M7.99996 6.93954L4.99474 3.93433L3.93408 4.99499L6.9393 8.0002L3.9341 11.0054L4.99476 12.0661L7.99996 9.06086L11.0051 12.0661L12.0658 11.0054L9.06062 8.0002L12.0658 4.99499L11.0052 3.93433L7.99996 6.93954Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/Coffee.tsx

@@ -4,10 +4,11 @@ const Coffee = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M2.667 13.333h10.666c.734 0 1.334-.6 1.334-1.333H1.333c0 .733.6 1.333 1.334 1.333ZM13.333 2.667H4v6.666c0 .734.6 1.334 1.333 1.334h5.334c.733 0 1.333-.6 1.333-1.334V8h1.333c.734 0 1.334-.6 1.334-1.333V4c0-.733-.6-1.333-1.334-1.333Zm-2.666 6.666H5.333V4h5.334v5.333Zm2.666-2.666H12V4h1.333v2.667Z"
+      d="M4.5 2.5C3.67157 2.5 3 3.17157 3 4V8C3 9.38071 4.11929 10.5 5.5 10.5H9.5C10.8807 10.5 12 9.38071 12 8V7.5H12.5C13.8807 7.5 15 6.38071 15 5C15 3.61929 13.8807 2.5 12.5 2.5H4.5ZM10.5 4H4.5V8C4.5 8.55228 4.94772 9 5.5 9H9.5C10.0523 9 10.5 8.55228 10.5 8V4ZM12 6H12.5C13.0523 6 13.5 5.55228 13.5 5C13.5 4.44772 13.0523 4 12.5 4H12V6Z"
       fill="currentColor"
       fillRule="evenodd"
     />
+    <path d="M15 13.75H1V12.25H15V13.75Z" fill="currentColor" />
   </Icon>
 ));
 

package/src/Components/Icons/16x16/Creditcard.tsx

@@ -2,10 +2,10 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Creditcard = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
-    <path d="M4.333 9.333a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2h-2Z" fill="currentColor" />
+    <path d="M4 10.25H7V8.75H4V10.25Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M2.667 2.667c-.737 0-1.334.597-1.334 1.333v8c0 .736.597 1.333 1.334 1.333h10.666c.737 0 1.334-.597 1.334-1.333V4c0-.736-.597-1.333-1.334-1.333H2.667ZM13.333 4H2.667v1.333h10.666V4ZM2.667 12V8h10.666v4H2.667Z"
+      d="M2.5 3H13.5C14.3284 3 15 3.67157 15 4.5V11.5C15 12.3284 14.3284 13 13.5 13H2.5C1.67157 13 1 12.3284 1 11.5V4.5C1 3.67157 1.67157 3 2.5 3ZM13.5 4.5H2.5V6.25H13.5V4.5ZM2.5 11.5L2.5 7.75H13.5V11.5H2.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Credits.tsx

@@ -4,15 +4,17 @@ const Credits = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M4.463 6.123c.873.328 2.123.544 3.537.544 1.414 0 2.664-.216 3.537-.544.439-.164.748-.344.935-.51.188-.167.195-.263.195-.28 0-.017-.007-.113-.195-.28-.187-.165-.496-.345-.935-.51C10.664 4.216 9.414 4 8 4c-1.414 0-2.664.216-3.537.543-.439.165-.748.345-.935.51-.188.167-.195.263-.195.28 0 .017.007.113.195.28.187.166.496.346.935.51Zm-1.82.488C2.293 6.299 2 5.869 2 5.333c0-.535.292-.965.644-1.277.352-.313.824-.564 1.35-.761C5.053 2.898 6.469 2.667 8 2.667s2.948.231 4.005.628c.527.197.999.448 1.351.761.352.312.644.742.644 1.277 0 .536-.292.966-.643 1.278-.353.312-.825.563-1.352.76C10.948 7.769 9.532 8 8 8s-2.948-.232-4.005-.628c-.527-.198-.999-.449-1.351-.761Z"
+      d="M8 8C11.3137 8 14 6.65685 14 5C14 3.34315 11.3137 2 8 2C4.68629 2 2 3.34315 2 5C2 6.65685 4.68629 8 8 8ZM12.499 5.00816C12.4999 5.00391 12.5 5 12.5 5C12.5 5 12.4999 4.99609 12.499 4.99184C12.4981 4.98741 12.4958 4.97815 12.4899 4.96354C12.4777 4.93393 12.4487 4.87842 12.3833 4.80103C12.2465 4.6393 11.9897 4.42926 11.5718 4.22032C10.7352 3.80202 9.47448 3.5 8 3.5C6.52552 3.5 5.26479 3.80202 4.42818 4.22032C4.01029 4.42926 3.75353 4.6393 3.61672 4.80103C3.55125 4.87842 3.52226 4.93393 3.51014 4.96354C3.50416 4.97815 3.50186 4.98741 3.50096 4.99184C3.5001 4.99609 3.5 5 3.5 5C3.5 5 3.5001 5.00391 3.50096 5.00816C3.50186 5.01259 3.50416 5.02185 3.51014 5.03646C3.52226 5.06607 3.55125 5.12158 3.61672 5.19897C3.75353 5.3607 4.01029 5.57074 4.42818 5.77968C5.26479 6.19798 6.52552 6.5 8 6.5C9.47448 6.5 10.7352 6.19798 11.5718 5.77968C11.9897 5.57074 12.2465 5.3607 12.3833 5.19897C12.4487 5.12158 12.4777 5.06607 12.4899 5.03646C12.4958 5.02185 12.4981 5.01259 12.499 5.00816Z"
       fill="currentColor"
       fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M4.463 8.79c.873.327 2.123.543 3.537.543 1.414 0 2.664-.216 3.537-.543.439-.165.748-.344.935-.51.188-.167.195-.263.195-.28H14c0 .535-.292.965-.643 1.277-.353.313-.825.564-1.352.761-1.057.397-2.473.629-4.005.629s-2.948-.232-4.005-.629c-.527-.197-.999-.448-1.351-.76C2.292 8.964 2 8.534 2 8h1.333c0 .017.007.113.195.28.187.166.496.345.935.51Zm0 2.667C5.336 11.784 6.586 12 8 12c1.414 0 2.664-.216 3.537-.543.439-.165.748-.345.935-.51.188-.167.195-.263.195-.28H14c0 .535-.292.965-.643 1.277-.353.313-.825.564-1.352.761-1.057.397-2.473.628-4.005.628s-2.948-.231-4.005-.628c-.527-.197-.999-.448-1.351-.761-.352-.312-.644-.742-.644-1.277h1.333c0 .017.007.113.195.28.187.165.496.345.935.51Z"
+      d="M2 8C2 9.65685 4.68629 11 8 11C11.3137 11 14 9.65685 14 8H12.5C12.5 8 12.4999 8.00391 12.499 8.00816C12.4981 8.01259 12.4958 8.02185 12.4899 8.03646C12.4777 8.06607 12.4487 8.12158 12.3833 8.19897C12.2465 8.3607 11.9897 8.57074 11.5718 8.77968C10.7352 9.19798 9.47448 9.5 8 9.5C6.52552 9.5 5.26479 9.19798 4.42818 8.77968C4.01029 8.57074 3.75353 8.3607 3.61672 8.19897C3.55125 8.12158 3.52226 8.06607 3.51014 8.03646C3.50416 8.02185 3.50186 8.01259 3.50096 8.00816C3.5001 8.00391 3.5 8 3.5 8H2Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8 14C4.68629 14 2 12.6569 2 11H3.5C3.5 11 3.5001 11.0039 3.50096 11.0082C3.50186 11.0126 3.50416 11.0218 3.51014 11.0365C3.52226 11.0661 3.55125 11.1216 3.61672 11.199C3.75353 11.3607 4.01029 11.5707 4.42818 11.7797C5.26479 12.198 6.52552 12.5 8 12.5C9.47448 12.5 10.7352 12.198 11.5718 11.7797C11.9897 11.5707 12.2465 11.3607 12.3833 11.199C12.4487 11.1216 12.4777 11.0661 12.4899 11.0365C12.4958 11.0218 12.4981 11.0126 12.499 11.0082C12.4999 11.0039 12.5 11 12.5 11H14C14 12.6569 11.3137 14 8 14Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/CrossCircleFilled.tsx

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const CrossCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      clipRule="evenodd"
+      d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9.96967 11.0304L8 9.06072L6.03033 11.0304L4.96967 9.96973L6.93934 8.00006L4.96967 6.03039L6.03033 4.96973L8 6.9394L9.96967 4.96973L11.0303 6.03039L9.06066 8.00006L11.0303 9.96973L9.96967 11.0304Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+  </Icon>
+));
+
+export default CrossCircleFilled;

package/src/Components/Icons/16x16/Details.tsx

@@ -1,7 +1,7 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Details = forwardRef<IconProps, 'svg'>((props, ref) => (
-  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path d="M6 5.75H4.5V4.25H6V5.75Z" fill="currentColor" />
     <path d="M7 5.75H11V4.25H7V5.75Z" fill="currentColor" />
     <path d="M11 8.75H7V7.25H11V8.75Z" fill="currentColor" />

package/src/Components/Icons/16x16/Enterprise.tsx

@@ -2,13 +2,14 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Enterprise = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
-    <path
-      d="M4 3.333v1.334h1.333V3.333H4Zm7.333 7.334H10V9.333h1.333v1.334Zm-6-5.334H4v1.334h1.333V5.333Zm2-2H6v1.334h1.333V3.333ZM4 8.667V7.333h1.333v1.334H4Zm0 2V9.333h1.333v1.334H4Zm6-4V5.333h1.333v1.334H10Zm1.333.666H10v1.334h1.333V7.333ZM6 5.333h1.333v1.334H6V5.333Zm0 2v1.334h1.333V7.333H6Zm0 2h1.333v1.334H6V9.333Z"
-      fill="currentColor"
-    />
+    <path d="M10 8.75H11.5V7.25H10V8.75Z" fill="currentColor" />
+    <path d="M11.5 11.75H10V10.25H11.5V11.75Z" fill="currentColor" />
+    <path d="M4 8.75H5.5V7.25H4V8.75Z" fill="currentColor" />
+    <path d="M5.5 11.75H4V10.25H5.5V11.75Z" fill="currentColor" />
+    <path d="M4 5.75H5.5V4.25H4V5.75Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M3.333 1.333C2.597 1.333 2 1.93 2 2.667v12h12v-1.334h-.667v-2.666A.667.667 0 0 0 14 10v-.667h-.667v-.666A.667.667 0 0 0 14 8v-.667h-.667v-.666A.667.667 0 0 0 14 6v-.667h-.667v-.666c0-.737-.597-1.334-1.333-1.334H9.333v-.666c0-.737-.597-1.334-1.333-1.334H3.333Zm6 12H10V12h1.333v1.333H12V4.667H9.333v6H8v-8H3.333v10.666H4V12h1.333v1.333H6V12h1.333v1.333H8V12h1.333v1.333Z"
+      d="M13 4.5C13.8284 4.5 14.5 5.17157 14.5 6V7.25H15V8.75H14.5V10.25H15V11.75H14.5V13.5C14.5 14.3284 13.8284 15 13 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5C1 1.67157 1.67157 1 2.5 1H7C7.82843 1 8.5 1.67157 8.5 2.5V4.5H13ZM8.5 10V6H13V13.5H2.5V2.5L7 2.5V10H8.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Flag.tsx

@@ -4,7 +4,7 @@ const Flag = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M10.8 5.8 14 2.667H4.667V1.333H3.333v13.334h1.334v-6H14L10.8 5.8Zm-.267 1.533H4.667V4h6.066L8.867 5.8l1.666 1.533Z"
+      d="M13.3005 2C14.063 2 14.5449 2.81911 14.1746 3.48564L12.5 6.5L14.1746 9.51436C14.5449 10.1809 14.063 11 13.3005 11H3.5L3.5 14H2V2H13.3005ZM11.1888 5.77154C10.9371 6.22457 10.9371 6.77543 11.1888 7.22846L12.4507 9.5H3.5V3.5H12.4507L11.1888 5.77154Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Gauge.tsx

@@ -2,10 +2,13 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Gauge = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
-    <path d="m11.23 6.99-.944-.943L8.39 7.944a1.333 1.333 0 1 0 .91.975l1.93-1.93Z" fill="currentColor" />
+    <path
+      d="M9.5 9.5C9.5 10.3284 8.82843 11 8 11C7.17157 11 6.5 10.3284 6.5 9.5C6.5 8.67157 7.17157 8 8 8C8.13437 8 8.26461 8.01767 8.38853 8.05081L9.96967 6.46967L11.0303 7.53033L9.44919 9.11147C9.48233 9.23539 9.5 9.36563 9.5 9.5Z"
+      fill="currentColor"
+    />
     <path
       clipRule="evenodd"
-      d="M13.657 14a7.333 7.333 0 1 0-11.314 0h11.314Zm.306-4a5.966 5.966 0 0 1-.973 2.667H3.01A5.965 5.965 0 0 1 2.037 10h1.296V8.667H2.037a5.972 5.972 0 0 1 1.275-3.079l.964.964.943-.943-.964-.964A5.972 5.972 0 0 1 7.333 3.37v1.297h1.334V3.37a5.97 5.97 0 0 1 3.014 1.225l-.833.833.943.943.846-.846a5.973 5.973 0 0 1 1.326 3.142h-1.296V10h1.296Z"
+      d="M15 9.5C15 10.9872 14.5362 12.3662 13.7453 13.5H2.25469C1.46381 12.3662 1 10.9872 1 9.5C1 5.63401 4.13401 2.5 8 2.5C11.866 2.5 15 5.63401 15 9.5ZM3.6167 6.17736C3.05872 6.91232 2.68135 7.79191 2.55071 8.75H4V10.25H2.55055C2.63531 10.8732 2.82427 11.4622 3.09933 12H12.9007C13.1757 11.4622 13.3647 10.8732 13.4494 10.25H12V8.75H13.4493C13.3187 7.79191 12.9413 6.91232 12.3833 6.17736L11.5303 7.03033L10.4697 5.96967L11.3226 5.1167C10.5877 4.55872 9.70809 4.18135 8.75 4.05071V5.5H7.25V4.05071C6.29191 4.18135 5.41232 4.55872 4.67736 5.1167L5.53033 5.96967L4.46967 7.03033L3.6167 6.17736Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Globe.tsx

@@ -4,7 +4,7 @@ const Globe = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M8 1.333c-3.667 0-6.667 3-6.667 6.667s3 6.667 6.667 6.667 6.667-3 6.667-6.667-3-6.667-6.667-6.667Zm4.6 4h-.933c-.2-.666-.4-1.2-.667-1.733a5.655 5.655 0 0 1 1.6 1.733ZM13.333 8a4.3 4.3 0 0 1-.2 1.333h-1.266c.066-.4.066-.866.066-1.333 0-.467 0-.933-.066-1.333h1.266c.134.4.2.866.2 1.333ZM2.667 8c0-.467.066-.933.2-1.333h1.266C4 7.067 4 7.533 4 8c0 .467 0 .933.067 1.333h-1.2c-.134-.4-.2-.866-.2-1.333Zm2.666 0c0-.467.067-.933.067-1.333h1.933v2.666H5.4c0-.4-.067-.866-.067-1.333Zm3.334-5.133c.666.4 1.266 1.266 1.6 2.466h-1.6V2.867Zm-1.334 0v2.466h-1.6c.334-1.2.934-2.066 1.6-2.466Zm0 7.8v2.466c-.666-.4-1.266-1.266-1.6-2.466h1.6Zm1.334 2.466v-2.466h1.6c-.334 1.2-.934 2.066-1.6 2.466Zm0-3.8V6.667H10.6c.067.4.067.866.067 1.333 0 .467-.067.933-.067 1.333H8.667ZM5 3.6a10.446 10.446 0 0 0-.667 1.733H3.4c.4-.666.933-1.266 1.6-1.733Zm-1.6 7.067h.933c.2.666.4 1.2.667 1.733a5.654 5.654 0 0 1-1.6-1.733ZM11 12.4c.267-.533.533-1.133.667-1.733h.933A5.653 5.653 0 0 1 11 12.4Z"
+      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM13.5 8C13.5 8.42998 13.4507 8.84843 13.3573 9.25H11.4444C11.4809 8.8444 11.5 8.42666 11.5 8C11.5 7.57334 11.4809 7.1556 11.4444 6.75H13.3573C13.4507 7.15157 13.5 7.57002 13.5 8ZM9.93755 6.75C9.97814 7.14947 10 7.56741 10 8C10 8.43259 9.97814 8.85053 9.93755 9.25H6.06245C6.02186 8.85053 6 8.43259 6 8C6 7.56741 6.02186 7.14947 6.06245 6.75H9.93755ZM11.2196 5.25H12.7642C12.2336 4.33273 11.4457 3.58292 10.4991 3.09927C10.8015 3.71596 11.0473 4.44409 11.2196 5.25ZM5.50085 3.09927C4.55433 3.58292 3.76641 4.33273 3.2358 5.25H4.78042C4.95274 4.44409 5.19849 3.71596 5.50085 3.09927ZM6.31971 5.25C6.46501 4.66552 6.65252 4.14957 6.86677 3.72107C7.42041 2.61378 7.90774 2.5 8 2.5C8.09226 2.5 8.57959 2.61378 9.13323 3.72107C9.34748 4.14957 9.53499 4.66552 9.68029 5.25H6.31971ZM4.55564 6.75H2.64267C2.54934 7.15157 2.5 7.57002 2.5 8C2.5 8.42998 2.54934 8.84843 2.64267 9.25H4.55564C4.51909 8.8444 4.5 8.42666 4.5 8C4.5 7.57334 4.51909 7.1556 4.55564 6.75ZM4.78042 10.75H3.2358C3.76641 11.6673 4.55433 12.4171 5.50086 12.9007C5.19849 12.284 4.95274 11.5559 4.78042 10.75ZM8 13.5C7.90774 13.5 7.42041 13.3862 6.86677 12.2789C6.65252 11.8504 6.46501 11.3345 6.31971 10.75H9.68029C9.53499 11.3345 9.34748 11.8504 9.13323 12.2789C8.57959 13.3862 8.09226 13.5 8 13.5ZM11.2196 10.75C11.0473 11.5559 10.8015 12.284 10.4991 12.9007C11.4457 12.4171 12.2336 11.6673 12.7642 10.75H11.2196Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Heart.tsx

@@ -4,7 +4,7 @@ const Heart = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M11 1.667a4.006 4.006 0 0 0-3 1.4 4.006 4.006 0 0 0-3-1.4c-2.067 0-3.667 1.6-3.667 3.666 0 2.534 2.267 4.6 5.734 7.667l.933.933.933-.933c3.467-3.067 5.734-5.133 5.734-7.667 0-2.066-1.6-3.666-3.667-3.666Zm-2.933 10.4H8L7.933 12c-3.2-2.867-5.266-4.733-5.266-6.667C2.667 4 3.667 3 5 3c1 0 2 .667 2.4 1.6h1.267C9 3.667 10 3 11 3c1.333 0 2.333 1 2.333 2.333 0 1.934-2.066 3.8-5.266 6.734Z"
+      d="M8.98 13.5109L9.06041 13.4391C12.655 10.2285 15 8.05083 15 5.38587C15 3.19565 13.32 1.5 11.15 1.5C10.4329 1.5 9.71588 1.70523 9.09071 2.06931C8.67838 2.30943 8.30602 2.61867 8 2.9837C7.69398 2.61867 7.32162 2.30943 6.90929 2.0693C6.28412 1.70523 5.56706 1.5 4.85 1.5C2.68 1.5 1 3.19565 1 5.38587C1 8.05083 3.34499 10.2285 6.93959 13.4391L7.02 13.5109L8 14.5L8.98 13.5109ZM7.3138 4.5L6.85051 3.94737C6.35906 3.36116 5.58644 3 4.85 3C3.52151 3 2.5 4.01093 2.5 5.38587C2.5 6.24197 2.86602 7.13233 3.80813 8.28924C4.76444 9.4636 6.16436 10.7359 8 12.375C9.83563 10.7359 11.2356 9.4636 12.1919 8.28924C13.134 7.13233 13.5 6.24197 13.5 5.38587C13.5 4.01093 12.4785 3 11.15 3C10.4136 3 9.64094 3.36116 9.14949 3.94737L8.6862 4.5H7.3138Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Image.tsx

@@ -2,9 +2,13 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Image = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M10 7.5C10.5523 7.5 11 7.05228 11 6.5C11 5.94772 10.5523 5.5 10 5.5C9.44771 5.5 9 5.94772 9 6.5C9 7.05228 9.44771 7.5 10 7.5Z"
+      fill="currentColor"
+    />
     <path
       clipRule="evenodd"
-      d="M13.333 2.667H2.667c-.734 0-1.334.6-1.334 1.333v8c0 .733.6 1.333 1.334 1.333h10.666c.734 0 1.334-.6 1.334-1.333V4c0-.733-.6-1.333-1.334-1.333ZM4.133 12 7.6 8.533 11.067 12H4.133Zm9.2 0H13l-1.2-1.2 1.533-1.467V12Zm0-4.533-2.533 2.4-3.2-3.2L2.667 11.6V4h10.666v3.467ZM10.667 8a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667Z"
+      d="M13.5 13H2.5C1.67157 13 1 12.3284 1 11.5V4.5C1 3.67157 1.67157 3 2.5 3H13.5C14.3284 3 15 3.67157 15 4.5V11.5C15 12.3284 14.3284 13 13.5 13ZM13.5 11.5H11.5607L11.0608 11L13.5 8.56077V11.5ZM13.5 6.43945L10.0001 9.93936L6.00006 5.93933L2.5 9.43939V4.5L13.5 4.5V6.43945ZM6.00006 8.06065L9.43941 11.5H2.56071L6.00006 8.06065Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Invoice.tsx

@@ -2,9 +2,12 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Invoice = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M10.5 4H5.5V5.5H10.5V4Z" fill="currentColor" />
+    <path d="M5.5 6.5H10.5V8H5.5V6.5Z" fill="currentColor" />
+    <path d="M8.5 9H5.5V10.5H8.5V9Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M12 1.333H4c-.733 0-1.333.6-1.333 1.334v10.666c0 .734.6 1.334 1.333 1.334l2-1.334 2 1.334 2-1.334 2 1.334c.733 0 1.333-.6 1.333-1.334V2.667c0-.734-.6-1.334-1.333-1.334Zm0 11.734-2-1.334-2 1.334-2-1.334-2 1.334v-10.4h8v10.4ZM10.667 4H5.333v1.333h5.334V4ZM5.333 6h4v1.333h-4V6Zm5.334 2H5.333v1.333h5.334V8Z"
+      d="M11.9453 14.4635L10.5 13.5L8.5145 14.6913C8.19781 14.8813 7.80219 14.8813 7.4855 14.6913L5.5 13.5L4.0547 14.4635C3.39014 14.9066 2.5 14.4302 2.5 13.6315V2.5C2.5 1.67157 3.17157 1 4 1H12C12.8284 1 13.5 1.67157 13.5 2.5V13.6315C13.5 14.4302 12.6099 14.9066 11.9453 14.4635ZM12 12.6972L10.5422 11.7254L8 13.2507L5.45777 11.7254L4 12.6972V2.5H12V12.6972Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Japanese.tsx

@@ -2,9 +2,13 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Japanese = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M8 8C8.82843 8 9.5 7.32843 9.5 6.5C9.5 5.67157 8.82843 5 8 5C7.17157 5 6.5 5.67157 6.5 6.5C6.5 7.32843 7.17157 8 8 8Z"
+      fill="currentColor"
+    />
     <path
       clipRule="evenodd"
-      d="M2 1a1 1 0 0 0-1 1v12.667h2v-2.334h11a1 1 0 0 0 .92-1.394l-1.832-4.272 1.831-4.273A1 1 0 0 0 14 1H2Zm10.483 9.333H3V3h9.483l-1.402 3.273a1 1 0 0 0 0 .788l1.402 3.272Zm-5.15-1.666a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      d="M13 2H1.5V14H3L3 11H13C13.8284 11 14.5 10.3284 14.5 9.5V3.5C14.5 2.67157 13.8284 2 13 2ZM13 3.5H3V9.5H13V3.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Key.tsx

@@ -4,7 +4,7 @@ const Key = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M12.824 12.327a.21.21 0 0 1-.147.147l-1.918.514a.21.21 0 0 1-.2-.054L9.155 11.53a.208.208 0 0 1-.054-.2l.532-1.988a.21.21 0 0 1 .147-.147l1.918-.514a.21.21 0 0 1 .2.054l1.405 1.405a.206.206 0 0 1 .053.2l-.532 1.987Zm-.004-4.513a1.511 1.511 0 0 0-1.459-.391l-1.917.513c-.012.003-.022.01-.034.015L3.126 1.667l-.922.921.933.932-1.804 1.804.922.921 1.23-1.23.89.89-1.178 1.221.922.922L5.87 6.255l2.577 2.576c-.024.058-.056.112-.072.173l-.533 1.988c-.139.52.01 1.078.391 1.46l1.403 1.402a1.518 1.518 0 0 0 1.461.392l1.918-.514c.52-.139.93-.548 1.069-1.068l.531-1.986a1.514 1.514 0 0 0-.391-1.461L12.82 7.814Z"
+      d="M8.68195 7.62135L3.03033 1.96973L1.96967 3.03039L2.93934 4.00006L1.46967 5.46973L2.53033 6.53039L4 5.06072L4.93934 6.00006L3.46967 7.46973L4.53033 8.53039L6 7.06072L7.62129 8.68201C7.22865 9.27484 7 9.98575 7 10.7501C7 12.8211 8.67893 14.5001 10.75 14.5001C12.8211 14.5001 14.5 12.8211 14.5 10.7501C14.5 8.67899 12.8211 7.00006 10.75 7.00006C9.98568 7.00006 9.27478 7.22871 8.68195 7.62135ZM13 10.7501C13 11.9927 11.9926 13.0001 10.75 13.0001C9.50735 13.0001 8.5 11.9927 8.5 10.7501C8.5 9.50742 9.50735 8.50006 10.75 8.50006C11.9926 8.50006 13 9.50742 13 10.7501Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Lightbulb.tsx

@@ -2,12 +2,16 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Lightbulb = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 1V2.5H8.75V1H7.25Z" fill="currentColor" />
     <path
-      clipRule="evenodd"
-      d="M8 4C5.8 4 4 5.8 4 8c0 1.333.667 2.533 1.667 3.2l.133.4c.133.6.667 1 1.267 1H9c.6 0 1.133-.4 1.267-1l.133-.4c.933-.667 1.6-1.867 1.6-3.2 0-2.2-1.8-4-4-4Zm1.6 6.133c-.267.2-.4.467-.533.734l-.134.466H7.067l-.134-.4A1.032 1.032 0 0 0 6.4 10.2 2.813 2.813 0 0 1 5.333 8c0-1.467 1.2-2.667 2.667-2.667 1.467 0 2.667 1.2 2.667 2.667 0 .867-.4 1.667-1.067 2.133ZM8 14.667c.933 0 1.8-.534 2-1.334H6c.2.734 1.067 1.334 2 1.334ZM7.333 1.333h1.334v1.334H7.333V1.333Zm4.442 1.132 1.02.857-.856 1.021-1.021-.857.857-1.021Zm2.675 3.72.23 1.315-1.313.231-.232-1.313 1.314-.231Zm-.343 4.571-.667 1.155-1.154-.667.666-1.155 1.155.667ZM2.56 11.911l-.667-1.155 1.155-.667.667 1.155-1.155.667ZM1.319 7.499l.231-1.313 1.313.231-.231 1.313-1.313-.23Zm1.885-4.177 1.021-.857.857 1.021-1.02.857-.858-1.021Z"
+      d="M8 4.75C6.19657 4.75 4.75 6.14449 4.75 8C4.75 9.28595 5.44628 10.2644 6.53157 10.8365L6.93182 11.0475V12.5H5.43182V11.9304C4.13972 11.1019 3.25 9.74512 3.25 8C3.25 5.29916 5.38515 3.25 8 3.25C10.6148 3.25 12.75 5.29916 12.75 8C12.75 9.74512 11.8603 11.1019 10.5682 11.9304V12.5H9.06818V11.0475L9.46843 10.8365C10.5537 10.2644 11.25 9.28595 11.25 8C11.25 6.14449 9.80343 4.75 8 4.75Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
+    <path d="M10 13.5V15H6V13.5H10Z" fill="currentColor" />
+    <path d="M2.5 8.75H1V7.25H2.5V8.75Z" fill="currentColor" />
+    <path d="M13.5 8.75H15V7.25H13.5V8.75Z" fill="currentColor" />
+    <path d="M3.03033 2.96967L4.03033 3.96967L2.96967 5.03033L1.96967 4.03033L3.03033 2.96967Z" fill="currentColor" />
+    <path d="M13.0303 5.03033L14.0303 4.03033L12.9697 2.96967L11.9697 3.96967L13.0303 5.03033Z" fill="currentColor" />
   </Icon>
 ));
 

package/src/Components/Icons/16x16/Link.tsx

@@ -3,7 +3,11 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Link = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      d="M4.667 8.667V10h-.334c-1.666 0-3-1.333-3-3s1.334-3 3-3h3.334c1.666 0 3 1.333 3 3s-1.334 3-3 3h-.334V8.667h.334A1.65 1.65 0 0 0 9.333 7a1.65 1.65 0 0 0-1.666-1.667H4.333A1.65 1.65 0 0 0 2.667 7a1.65 1.65 0 0 0 1.666 1.667h.334Zm6.666-1.334V6h.334c1.666 0 3 1.333 3 3s-1.334 3-3 3H8.333c-1.666 0-3-1.333-3-3s1.334-3 3-3v1.333A1.65 1.65 0 0 0 6.667 9a1.65 1.65 0 0 0 1.666 1.667h3.334A1.65 1.65 0 0 0 13.333 9a1.65 1.65 0 0 0-1.666-1.667h-.334Z"
+      d="M14 3.5C12.7308 2.2308 10.673 2.2308 9.40381 3.5L10.4645 4.56066C11.1479 3.87724 12.2559 3.87724 12.9393 4.56066C13.6228 5.24408 13.6228 6.35212 12.9393 7.03553L10.1109 9.86396C9.4275 10.5474 8.31946 10.5474 7.63604 9.86396C6.95262 9.18054 6.95262 8.0725 7.63604 7.38909L7.98959 7.03553L6.92893 5.97487L6.57538 6.32843C5.30618 7.59763 5.30618 9.65542 6.57538 10.9246C7.84458 12.1938 9.90237 12.1938 11.1716 10.9246L14 8.09619C15.2692 6.82699 15.2692 4.7692 14 3.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M1.979 11.9853C3.24821 13.2545 5.30599 13.2545 6.5752 11.9853L5.51454 10.9247C4.83112 11.6081 3.72308 11.6081 3.03966 10.9247C2.35624 10.2413 2.35624 9.13321 3.03966 8.4498L5.86809 5.62137C6.55151 4.93795 7.65955 4.93795 8.34296 5.62137C9.02638 6.30479 9.02638 7.41283 8.34296 8.09624L7.98941 8.4498L9.05007 9.51046L9.40362 9.15691C10.6728 7.8877 10.6728 5.82991 9.40362 4.56071C8.13442 3.29151 6.07663 3.29151 4.80743 4.56071L1.979 7.38914C0.709797 8.65834 0.709798 10.7161 1.979 11.9853Z"
       fill="currentColor"
     />
   </Icon>

package/src/Components/Icons/16x16/Lock.tsx

@@ -2,9 +2,10 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Lock = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 11.5V9.5H8.75V11.5H7.25Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M4 5.333a4 4 0 0 1 8 0c.736 0 1.333.597 1.333 1.334v6c0 .736-.597 1.333-1.333 1.333H4a1.333 1.333 0 0 1-1.333-1.333v-6c0-.737.597-1.334 1.333-1.334Zm0 7.334v-6h8v6H4ZM7.333 8v2.667h1.334V8H7.333ZM8 2.667a2.667 2.667 0 0 1 2.667 2.666H5.333A2.667 2.667 0 0 1 8 2.667Z"
+      d="M4.75 6V4.5C4.75 2.70507 6.20507 1.25 8 1.25C9.79493 1.25 11.25 2.70507 11.25 4.5V6H11.9255C12.7481 6 13.4172 6.66253 13.4254 7.48511L13.485 13.4851C13.4932 14.3193 12.8193 15 11.985 15H4C3.17157 15 2.5 14.3284 2.5 13.5V7.5C2.5 6.67157 3.17157 6 4 6H4.75ZM6.25 4.5C6.25 3.5335 7.0335 2.75 8 2.75C8.9665 2.75 9.75 3.5335 9.75 4.5V6H6.25V4.5ZM4 7.5L4 13.5L11.985 13.5L11.9255 7.5L4 7.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/LockOpen.tsx

@@ -2,11 +2,11 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const LockOpen = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 20" {...props}>
-    <path d="M7 15V12H9V15H7Z" fill="currentColor" />
+    <path d="M7.25 11.5V9.5H8.75V11.5H7.25Z" fill="#2B0E3F" />
     <path
       clipRule="evenodd"
-      d="M11 7V5C11 3.34315 9.65685 2 8 2C6.34315 2 5 3.34315 5 5H3C3 2.23858 5.23858 0 8 0C10.7614 0 13 2.23858 13 5V7H14C15.1046 7 16 7.89543 16 9V18C16 19.1046 15.1046 20 14 20H2C0.895431 20 0 19.1046 0 18V9C0 7.89543 0.895431 7 2 7H11ZM2 9V18H14V9H2Z"
-      fill="currentColor"
+      d="M6.25 4.5C6.25 3.5335 7.0335 2.75 8 2.75C8.9665 2.75 9.75 3.5335 9.75 4.5V6H4C3.17157 6 2.5 6.67157 2.5 7.5V13.5C2.5 14.3284 3.17157 15 4 15H11.985C12.8193 15 13.4932 14.3193 13.485 13.4851L13.4254 7.48511C13.4172 6.66253 12.7481 6 11.9255 6H11.25V4.5C11.25 2.70507 9.79493 1.25 8 1.25C6.20507 1.25 4.75 2.70507 4.75 4.5H6.25ZM4 7.5L4 13.5L11.985 13.5L11.9255 7.5L4 7.5Z"
+      fill="#2B0E3F"
       fillRule="evenodd"
     />
   </Icon>

package/src/Components/Icons/16x16/MagicWand.tsx

@@ -0,0 +1,17 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const MagicWand = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M11.75 2.75V1.5H13.25V2.75H14.5V4.25H13.25V5.5H11.75V4.25H10.5V2.75H11.75Z" fill="currentColor" />
+    <path
+      clipRule="evenodd"
+      d="M7.43937 5.56068L1.49403 11.506C0.908241 12.0918 0.908241 13.0416 1.49403 13.6273L2.30604 14.4394C2.89183 15.0251 3.84157 15.0251 4.42736 14.4394L10.3727 8.49401C10.9585 7.90823 10.9585 6.95848 10.3727 6.37269L9.56069 5.56068C8.97491 4.97489 8.02516 4.97489 7.43937 5.56068ZM7.59102 7.53036L8.50003 6.62134L9.31205 7.43335L8.40303 8.34237L7.59102 7.53036ZM6.53036 8.59102L2.55469 12.5667L3.3667 13.3787L7.34237 9.40303L6.53036 8.59102Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+    <path d="M11.75 9V10.25H10.5V11.75H11.75V13H13.25V11.75H14.5V10.25H13.25V9H11.75Z" fill="currentColor" />
+    <path d="M4.25 2.75V1.5H5.75V2.75H7V4.25H5.75V5.5H4.25V4.25H3L3 2.75H4.25Z" fill="currentColor" />
+  </Icon>
+));
+
+export default MagicWand;

package/src/Components/Icons/16x16/Magnifier.tsx

@@ -4,7 +4,7 @@ const Magnifier = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M7.305 11.284a3.99 3.99 0 0 0 3.98-3.979 3.99 3.99 0 0 0-3.98-3.979 3.99 3.99 0 0 0-3.979 3.98 3.99 3.99 0 0 0 3.98 3.978Zm4.178-.729 3.184 3.183-.929.929-3.183-3.184c-.862.73-2.056 1.128-3.25 1.128C4.387 12.61 2 10.223 2 7.305S4.387 2 7.305 2c2.918 0 5.306 2.387 5.306 5.305 0 1.194-.398 2.388-1.128 3.25Z"
+      d="M10.3941 11.4548C9.51769 12.1112 8.42925 12.5 7.25 12.5C4.35051 12.5 2 10.1495 2 7.25C2 4.35051 4.35051 2 7.25 2C10.1495 2 12.5 4.35051 12.5 7.25C12.5 8.42925 12.1112 9.51769 11.4548 10.3941L14.5303 13.4697L13.4697 14.5303L10.3941 11.4548ZM11 7.25C11 9.32107 9.32107 11 7.25 11C5.17893 11 3.5 9.32107 3.5 7.25C3.5 5.17893 5.17893 3.5 7.25 3.5C9.32107 3.5 11 5.17893 11 7.25Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/Mail.tsx

@@ -4,7 +4,7 @@ const Mail = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M13.333 2.667H2.667c-.734 0-1.334.6-1.334 1.333v8c0 .733.6 1.333 1.334 1.333h10.666c.734 0 1.334-.6 1.334-1.333V4c0-.733-.6-1.333-1.334-1.333Zm-2.4 6L10 9.6l2.4 2.4H3.533l2.4-2.4L5 8.667 2.667 11V5.4l4.066 3.4c.734.6 1.8.6 2.534 0l4-3.333v5.6l-2.334-2.4ZM3.067 4h10L8.533 7.8c-.333.2-.666.2-.933 0L3.067 4Z"
+      d="M13.5 13H2.5C1.67157 13 1 12.3284 1 11.5V4.5C1 3.67157 1.67157 3 2.5 3H13.5C14.3284 3 15 3.67157 15 4.5V11.5C15 12.3284 14.3284 13 13.5 13ZM12.9393 11.5L10.1962 8.75685L8 10.4462L5.80381 8.75685L3.06066 11.5H12.9393ZM13.5 9.93934V6.21546L11.3952 7.83454L13.5 9.93934ZM2.5 6.21546V9.93934L4.6048 7.83454L2.5 6.21546ZM2.73009 4.5L8 8.55378L13.2699 4.5L2.73009 4.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/MinusCircleFilled.tsx

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const MinusCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      clipRule="evenodd"
+      d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM11.5 7.25H4.5V8.75H11.5V7.25Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+  </Icon>
+));
+
+export default MinusCircleFilled;

package/src/Components/Icons/16x16/MinusClose.tsx

@@ -2,7 +2,7 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const MinusClose = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
-    <path d="M4 7.333h8v1.333H4z" fill="currentColor" />
+    <path clipRule="evenodd" d="M4 7.25L12 7.25L12 8.75L4 8.75L4 7.25Z" fill="currentColor" fillRule="evenodd" />
   </Icon>
 ));
 

package/src/Components/Icons/16x16/MinusRemove.tsx

@@ -2,9 +2,10 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const MinusRemove = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M11.5 7.25H4.5V8.75H11.5V7.25Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M8 1.333c-3.667 0-6.667 3-6.667 6.667s3 6.667 6.667 6.667 6.667-3 6.667-6.667-3-6.667-6.667-6.667Zm0 12c-2.933 0-5.333-2.4-5.333-5.333 0-2.933 2.4-5.333 5.333-5.333 2.933 0 5.333 2.4 5.333 5.333 0 2.933-2.4 5.333-5.333 5.333Zm3.333-6H4.667v1.334h6.666V7.333Z"
+      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/News.tsx

@@ -2,13 +2,12 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const News = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
-    <path
-      d="M6.667 3.333H3.333v3.334h3.334V3.333Zm4 6H3.333v1.334h7.334V9.333Zm-7.334 2h6v1.334h-6v-1.334Zm0-4h7.334v1.334H3.333V7.333Z"
-      fill="currentColor"
-    />
+    <path d="M4 3.5H6.5V6H4V3.5Z" fill="currentColor" />
+    <path d="M7 10.5H4V12H7V10.5Z" fill="currentColor" />
+    <path d="M4 7.5H9V9H4V7.5Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M2.667 14.667H12A2.668 2.668 0 0 0 14.667 12V2.667h-2c0-.737-.597-1.334-1.334-1.334H2.667c-.737 0-1.334.597-1.334 1.334v10.666c0 .737.597 1.334 1.334 1.334Zm8.666-12H2.667v10.666h8.666V2.667Zm2 9.333c0 .494-.268.925-.666 1.155V4h.666v8Z"
+      d="M12 5V2.5C12 1.67157 11.3284 1 10.5 1H2.5C1.67157 1 1 1.67157 1 2.5V13.5C1 14.3284 1.67157 15 2.5 15H12C13.6569 15 15 13.6569 15 12V6.5C15 5.67157 14.3284 5 13.5 5H12ZM10.5 2.5H2.5L2.5 13.5H10.5V2.5ZM12 6.5V13.5C12.8284 13.5 13.5 12.8284 13.5 12V6.5H12Z"
       fill="currentColor"
       fillRule="evenodd"
     />