feat: new icons (#487)

.changeset/curvy-snakes-whisper.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': minor
+---
+
+Add lots of new icons.

src/icons/CheckCircleFilledIcon.tsx

@@ -0,0 +1,16 @@
+export const CheckCircleFilledIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.926-9.546a.65.65 0 1 0-.919-.92L7.133 9.41l-2.14-2.14a.65.65 0 0 0-.92.918l2.6 2.6a.65.65 0 0 0 .92 0z"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/CircleFilledIcon.tsx

@@ -0,0 +1,11 @@
+export const CircleFilledIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <circle cx="8" cy="8" r="8" fill="currentColor" />
+  </svg>
+);

src/icons/CloseCircleFilledIcon.tsx

@@ -0,0 +1,16 @@
+export const CloseCircleFilledIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M5.646 4.835a.573.573 0 1 0-.81.81L7.188 8l-2.354 2.354a.573.573 0 0 0 .811.81L8 8.812l2.354 2.354a.573.573 0 0 0 .81-.81L8.812 8l2.354-2.354a.573.573 0 1 0-.81-.81L8 7.188z"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/CloseCircleIcon.tsx

@@ -0,0 +1,16 @@
+export const CloseCircleIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M14.7 8A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.687 4.687a.6.6 0 0 1 .849 0L8 7.151l2.464-2.464a.6.6 0 1 1 .849.849L8.849 8l2.464 2.464a.6.6 0 1 1-.849.849L8 8.849l-2.464 2.464a.6.6 0 0 1-.849-.849L7.152 8 4.687 5.536a.6.6 0 0 1 0-.849"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/DashboardIcon.tsx

@@ -0,0 +1,16 @@
+export const DashboardIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2.2 2.2v2.6h11.6V2.2zM1.6 1a.6.6 0 0 0-.6.6v3.8a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V1.6a.6.6 0 0 0-.6-.6zm.6 7.2v5.599h2.6V8.2zM1.6 7a.6.6 0 0 0-.6.6v6.799a.6.6 0 0 0 .6.6h3.8a.6.6 0 0 0 .6-.6V7.6a.6.6 0 0 0-.6-.6zm6.6 6.8V8.2h5.6v5.6zM7 7.6a.6.6 0 0 1 .6-.6h6.8a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H7.6a.6.6 0 0 1-.6-.6z"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/ExclamationCircleFilledIcon.tsx

@@ -0,0 +1,16 @@
+export const ExclamationCircleFilledIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 14.7A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.65-7.465V3.992h-1.3v4.543zm.4 2.45a1.05 1.05 0 1 1-2.1 0 1.05 1.05 0 0 1 2.1 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/ExclamationCircleIcon.tsx

@@ -0,0 +1,16 @@
+export const ExclamationCircleIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 14.7A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.65-7.465V3.992h-1.3v4.543zm.4 2.45a1.05 1.05 0 1 1-2.1 0 1.05 1.05 0 0 1 2.1 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/NotAllowedIcon.tsx

@@ -0,0 +1,16 @@
+export const NotAllowedIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12.256 13.175a6.7 6.7 0 0 1-9.43-9.43zm.919-.92-9.43-9.43a6.7 6.7 0 0 1 9.43 9.43M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/PauseCircleFilledIcon.tsx

@@ -0,0 +1,16 @@
+export const PauseCircleFilledIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M6.392 5a.65.65 0 0 1 .65.65v4.7a.65.65 0 1 1-1.3 0v-4.7a.65.65 0 0 1 .65-.65m3.27 0a.65.65 0 0 1 .65.65v4.7a.65.65 0 1 1-1.3 0v-4.7a.65.65 0 0 1 .65-.65"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/PauseCircleIcon.tsx

@@ -0,0 +1,16 @@
+export const PauseCircleIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M14.7 8A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.34 5a.65.65 0 0 1 .65.65v4.7a.65.65 0 1 1-1.3 0v-4.7A.65.65 0 0 1 6.34 5m3.32 0a.65.65 0 0 1 .65.65v4.7a.65.65 0 1 1-1.3 0v-4.7A.65.65 0 0 1 9.66 5"
+      clipRule="evenodd"
+    />
+  </svg>
+);

src/icons/index.ts

@@ -55,6 +55,16 @@ import { ThumbsUpIcon as _ThumbsUpIcon } from './ThumbsUpIcon';
 import { ThumbsDownIcon as _ThumbsDownIcon } from './ThumbsDownIcon';
 import { SparklesIcon as _SparklesIcon } from './SparklesIcon';
 import { StringIcon as _StringIcon } from './StringIcon';
+import { DashboardIcon as _DashboardIcon } from './DashboardIcon';
+import { CheckCircleFilledIcon as _CheckCircleFilledIcon } from './CheckCircleFilledIcon';
+import { CircleFilledIcon as _CircleFilledIcon } from './CircleFilledIcon';
+import { CloseCircleFilledIcon as _CloseCircleFilledIcon } from './CloseCircleFilledIcon';
+import { CloseCircleIcon as _CloseCircleIcon } from './CloseCircleIcon';
+import { ExclamationCircleFilledIcon as _ExclamationCircleFilledIcon } from './ExclamationCircleFilledIcon';
+import { ExclamationCircleIcon as _ExclamationCircleIcon } from './ExclamationCircleIcon';
+import { NotAllowedIcon as _NotAllowedIcon } from './NotAllowedIcon';
+import { PauseCircleFilledIcon as _PauseCircleFilledIcon } from './PauseCircleFilledIcon';
+import { PauseCircleIcon as _PauseCircleIcon } from './PauseCircleIcon';
 
 export const CloseIcon = wrapIcon('CloseIcon', _CloseIcon);
 export const ExclamationIcon = wrapIcon('ExclamationIcon', _ExclamationIcon);
@@ -121,6 +131,31 @@ export const ThumbsUpIcon = wrapIcon('ThumbsUpIcon', _ThumbsUpIcon);
 export const ThumbsDownIcon = wrapIcon('ThumbsDownIcon', _ThumbsDownIcon);
 export const SparklesIcon = wrapIcon('SparklesIcon', _SparklesIcon);
 export const StringIcon = wrapIcon('StringIcon', _StringIcon);
+export const DashboardIcon = wrapIcon('DashboardIcon', _DashboardIcon);
+export const CheckCircleFilledIcon = wrapIcon(
+  'CheckCircleFilledIcon',
+  _CheckCircleFilledIcon,
+);
+export const CircleFilledIcon = wrapIcon('CircleFilledIcon', _CircleFilledIcon);
+export const CloseCircleFilledIcon = wrapIcon(
+  'CloseCircleFilledIcon',
+  _CloseCircleFilledIcon,
+);
+export const CloseCircleIcon = wrapIcon('CloseCircleIcon', _CloseCircleIcon);
+export const ExclamationCircleFilledIcon = wrapIcon(
+  'ExclamationCircleFilledIcon',
+  _ExclamationCircleFilledIcon,
+);
+export const ExclamationCircleIcon = wrapIcon(
+  'ExclamationCircleIcon',
+  _ExclamationCircleIcon,
+);
+export const NotAllowedIcon = wrapIcon('NotAllowedIcon', _NotAllowedIcon);
+export const PauseCircleFilledIcon = wrapIcon(
+  'PauseCircleFilledIcon',
+  _PauseCircleFilledIcon,
+);
+export const PauseCircleIcon = wrapIcon('PauseCircleIcon', _PauseCircleIcon);
 
 export { IconContainer } from './IconContainer';