feat: new icons

.changeset/thin-melons-promise.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Add PlayIcon, PauseIcon and StopIcon.

src/icons/ClearIcon.tsx

@@ -0,0 +1,19 @@
+import { wrapIcon } from './wrap-icon';
+
+export const ClearIcon = wrapIcon(
+  'ClearIcon',
+  <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="M7.053 5.94V2.097h1.91V5.94h3.95v1.957H2.949V5.939zM6.803.997a.85.85 0 0 0-.85.85V4.84H2.699a.85.85 0 0 0-.85.85v2.457c0 .469.38.85.85.85h.19L1.5 14.286a.65.65 0 0 0 .629.814h11.74a.65.65 0 0 0 .63-.815l-1.388-5.29h.05c.47 0 .85-.38.85-.85V5.69a.85.85 0 0 0-.85-.85h-3.1V1.85a.85.85 0 0 0-.85-.85zM2.713 14l1.311-5h7.952l1.311 5h-3.176v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14H7.004v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14z"
+      clipRule="evenodd"
+    />
+  </svg>,
+);

src/icons/EditIcon.tsx

@@ -0,0 +1,19 @@
+import { wrapIcon } from './wrap-icon';
+
+export const EditIcon = wrapIcon(
+  'EditIcon',
+  <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="m6.577 9.832-1.76.43.43-1.76 6.17-6.17 1.33 1.33zm-3.121.945a.7.7 0 0 0 .846.846l2.614-.638a1 1 0 0 0 .47-.265l6.35-6.351a1 1 0 0 0 0-1.414l-1.612-1.613a1 1 0 0 0-1.414 0L4.36 7.694a1 1 0 0 0-.264.47zM13.4 14.2a.6.6 0 1 0 0-1.2H2.6a.6.6 0 1 0 0 1.2z"
+      clipRule="evenodd"
+    />
+  </svg>,
+);

src/icons/PauseIcon.tsx

@@ -0,0 +1,19 @@
+import { wrapIcon } from './wrap-icon';
+
+export const PauseIcon = wrapIcon(
+  'PauseIcon',
+  <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="M5.6 4a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6zm4 0a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6z"
+      clipRule="evenodd"
+    />
+  </svg>,
+);

src/icons/PlayIcon.tsx

@@ -0,0 +1,17 @@
+import { wrapIcon } from './wrap-icon';
+
+export const PlayIcon = wrapIcon(
+  'PlayIcon',
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      d="M12.186 7.491a.6.6 0 0 1 0 1.018l-6.268 3.917A.6.6 0 0 1 5 11.918V4.083a.6.6 0 0 1 .918-.51z"
+    />
+  </svg>,
+);

src/icons/StopIcon.tsx

@@ -0,0 +1,17 @@
+import { wrapIcon } from './wrap-icon';
+
+export const StopIcon = wrapIcon(
+  'StopIcon',
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <path
+      fill="currentColor"
+      d="M4 4.6a.6.6 0 0 1 .6-.6h6.8a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H4.6a.6.6 0 0 1-.6-.6z"
+    />
+  </svg>,
+);

src/icons/index.ts

@@ -13,6 +13,7 @@ export { CheckCircleFilledIcon } from './CheckCircleFilledIcon';
 export { CheckCircleIcon } from './CheckCircleIcon';
 export { CheckIcon } from './CheckIcon';
 export { CircleFilledIcon } from './CircleFilledIcon';
+export { ClearIcon } from './ClearIcon';
 export { CloseCircleFilledIcon } from './CloseCircleFilledIcon';
 export { CloseCircleIcon } from './CloseCircleIcon';
 export { CloseIcon } from './CloseIcon';
@@ -23,6 +24,7 @@ export { DangerIcon } from './DangerIcon';
 export { DashboardIcon } from './DashboardIcon';
 export { DonutIcon } from './DonutIcon';
 export { DownIcon } from './DownIcon';
+export { EditIcon } from './EditIcon';
 export { ExclamationCircleFilledIcon } from './ExclamationCircleFilledIcon';
 export { ExclamationCircleIcon } from './ExclamationCircleIcon';
 export { ExclamationIcon } from './ExclamationIcon';
@@ -48,7 +50,9 @@ export { NotAllowedIcon } from './NotAllowedIcon';
 export { NumberIcon } from './NumberIcon';
 export { PauseCircleFilledIcon } from './PauseCircleFilledIcon';
 export { PauseCircleIcon } from './PauseCircleIcon';
+export { PauseIcon } from './PauseIcon';
 export { PieChartIcon } from './PieChartIcon';
+export { PlayIcon } from './PlayIcon';
 export { PlusIcon } from './PlusIcon';
 export { ReloadIcon } from './ReloadIcon';
 export { ReturnIcon } from './ReturnIcon';
@@ -61,6 +65,7 @@ export { SlashIcon } from './SlashIcon';
 export { SparklesIcon } from './SparklesIcon';
 export { SqlIcon } from './SqlIcon';
 export { StatsIcon } from './StatsIcon';
+export { StopIcon } from './StopIcon';
 export { StringIcon } from './StringIcon';
 export { SwitchIcon } from './SwitchIcon';
 export { TableIcon } from './TableIcon';