feat: add new icons (#548)

cube-js · Dec 16, 2024 · bc16ca4 · bc16ca4
1 parent 273f757
commit bc16ca4
Show file tree

Hide file tree

Showing 6 changed files with 61 additions and 2 deletions.
diff --git a/.changeset/rotten-beers-bathe.md b/.changeset/rotten-beers-bathe.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Add ShieldIcon, ShieldFilledIcon and UserLockIcon components.
diff --git a/.size-limit.js b/.size-limit.js
@@ -26,13 +26,13 @@ module.exports = [
     path: './dist/es/index.js',
     webpack: true,
     import: '{ Button }',
-    limit: '36 kB',
+    limit: '37 kB',
   },
   {
     name: 'Tree shaking (just an Icon)',
     path: './dist/es/index.js',
     webpack: true,
     import: '{ AiIcon }',
-    limit: '25 kB',
+    limit: '27 kB',
   },
 ];
diff --git a/src/icons/ShieldFilledIcon.tsx b/src/icons/ShieldFilledIcon.tsx
@@ -0,0 +1,16 @@
+export const ShieldFilledIcon = (
+  <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.734.51a.6.6 0 0 1 .532 0c2.113 1.045 3.283 1.493 5.658 1.85a.6.6 0 0 1 .511.593V7.39c0 2.348-1.02 4.185-2.297 5.523a10.9 10.9 0 0 1-3.929 2.602.6.6 0 0 1-.418 0 10.9 10.9 0 0 1-3.929-2.603C2.585 11.576 1.565 9.739 1.565 7.39V2.953a.6.6 0 0 1 .51-.594c2.376-.356 3.546-.804 5.659-1.85m3.685 6.073a.6.6 0 0 0-.849-.849L7.375 8.93 5.628 7.182a.6.6 0 0 0-.849.848l2.172 2.172a.6.6 0 0 0 .848 0z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
diff --git a/src/icons/ShieldIcon.tsx b/src/icons/ShieldIcon.tsx
@@ -0,0 +1,16 @@
+export const ShieldIcon = (
+  <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.266.51a.6.6 0 0 0-.532 0C5.62 1.554 4.45 2.002 2.076 2.36a.6.6 0 0 0-.511.593V7.39c0 2.348 1.02 4.185 2.297 5.523a10.9 10.9 0 0 0 3.929 2.602.6.6 0 0 0 .418 0 10.9 10.9 0 0 0 3.929-2.603c1.277-1.337 2.297-3.174 2.297-5.522V2.953a.6.6 0 0 0-.51-.594c-2.376-.356-3.546-.804-5.659-1.85M2.765 7.39V3.465C4.87 3.11 6.113 2.639 8 1.715c1.887.924 3.13 1.396 5.235 1.75V7.39c0 1.97-.848 3.524-1.965 4.694A9.8 9.8 0 0 1 8 14.309a9.8 9.8 0 0 1-3.27-2.225C3.613 10.914 2.765 9.36 2.765 7.39m8.689-.772a.65.65 0 0 0-.92-.92l-3.159 3.16-1.712-1.712a.65.65 0 0 0-.919.92l2.171 2.171a.65.65 0 0 0 .92 0z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
diff --git a/src/icons/UserLockIcon.tsx b/src/icons/UserLockIcon.tsx
@@ -0,0 +1,16 @@
+export const UserLockIcon = (
+  <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.01 6.8-.134.002a2.3 2.3 0 1 1 .268 0zm-3.5-2.294c0 1.128.534 2.131 1.362 2.772A5.21 5.21 0 0 0 .91 12a.6.6 0 1 0 1.2 0c0-2.172 1.68-3.92 3.756-3.998a4 4 0 0 0 .288 0c.815.03 1.566.317 2.18.785a.6.6 0 0 0 .728-.954 5 5 0 0 0-.915-.556A3.5 3.5 0 1 0 2.51 4.506m9.58 3.507h.796c.262 0 .492 0 .68.015.202.017.406.053.603.154.292.148.529.385.677.677.1.197.137.401.154.602.015.19.015.419.015.68v.826c.123.005.214.018.294.044a1 1 0 0 1 .642.642c.049.15.049.336.049.709V14.6c0 .372 0 .558-.049.709a1 1 0 0 1-.642.642c-.15.049-.337.049-.709.049h-4.225c-.372 0-.558 0-.709-.049a1 1 0 0 1-.642-.642c-.049-.15-.049-.337-.049-.71v-2.237c0-.373 0-.559.05-.71a1 1 0 0 1 .641-.641c.08-.026.17-.039.294-.044v-.825c0-.262 0-.492.015-.68.017-.202.053-.406.154-.603a1.55 1.55 0 0 1 .677-.677c.198-.101.402-.137.602-.154.19-.015.419-.015.681-.015m1.825 2.15v.799H11.06v-.8c0-.288 0-.472.012-.611a.5.5 0 0 1 .037-.193.45.45 0 0 1 .197-.196.5.5 0 0 1 .192-.038c.14-.01.323-.011.612-.011h.755c.29 0 .473 0 .612.011a.5.5 0 0 1 .193.038.45.45 0 0 1 .196.196.5.5 0 0 1 .037.193c.012.139.012.323.012.612m.685 1.899h-4.225l-.298.001c-.002.069-.002.161-.002.299V14.6c0 .137 0 .23.002.298.069.002.16.002.298.002H14.6c.137 0 .23 0 .298-.002.002-.068.002-.16.002-.298v-2.238c0-.138 0-.23-.002-.299z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
diff --git a/src/icons/index.ts b/src/icons/index.ts
@@ -70,6 +70,9 @@ import { StatsIcon as _StatsIcon } from './StatsIcon';
 import { UnlockIcon as _UnlockIcon } from './UnlockIcon';
 import { UserIcon as _UserIcon } from './UserIcon';
 import { UserGroupIcon as _UserGroupIcon } from './UserGroupIcon';
+import { UserLockIcon as _UserLockIcon } from './UserLockIcon';
+import { ShieldIcon as _ShieldIcon } from './ShieldIcon';
+import { ShieldFilledIcon as _ShieldFilledIcon } from './ShieldFilledIcon';
 
 export const CloseIcon = wrapIcon('CloseIcon', _CloseIcon);
 export const ExclamationIcon = wrapIcon('ExclamationIcon', _ExclamationIcon);
@@ -166,6 +169,9 @@ export const StatsIcon = wrapIcon('StatsIcon', _StatsIcon);
 export const UnlockIcon = wrapIcon('UnlockIcon', _UnlockIcon);
 export const UserIcon = wrapIcon('UserIcon', _UserIcon);
 export const UserGroupIcon = wrapIcon('UserGroupIcon', _UserGroupIcon);
+export const UserLockIcon = wrapIcon('UserLockIcon', _UserLockIcon);
+export const ShieldIcon = wrapIcon('ShieldIcon', _ShieldIcon);
+export const ShieldFilledIcon = wrapIcon('ShieldFilledIcon', _ShieldFilledIcon);
 
 export { IconContainer } from './IconContainer';