Skip to content

Commit bc16ca4

Browse files
tenphitenphi
authored
feat: add new icons (#548)
1 parent 273f757 commit bc16ca4

File tree

6 files changed

+61
-2
lines changed

6 files changed

+61
-2
lines changed

‎.changeset/rotten-beers-bathe.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@cube-dev/ui-kit': patch
3+
---
4+
5+
Add ShieldIcon, ShieldFilledIcon and UserLockIcon components.

‎.size-limit.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,13 @@ module.exports = [
2626
path: './dist/es/index.js',
2727
webpack: true,
2828
import: '{ Button }',
29-
limit: '36 kB',
29+
limit: '37 kB',
3030
},
3131
{
3232
name: 'Tree shaking (just an Icon)',
3333
path: './dist/es/index.js',
3434
webpack: true,
3535
import: '{ AiIcon }',
36-
limit: '25 kB',
36+
limit: '27 kB',
3737
},
3838
];

‎src/icons/ShieldFilledIcon.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
export const ShieldFilledIcon = (
2+
<svg
3+
xmlns="http://www.w3.org/2000/svg"
4+
width="16"
5+
height="16"
6+
fill="none"
7+
viewBox="0 0 16 16"
8+
>
9+
<path
10+
fill="currentColor"
11+
fillRule="evenodd"
12+
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"
13+
clipRule="evenodd"
14+
/>
15+
</svg>
16+
);

‎src/icons/ShieldIcon.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
export const ShieldIcon = (
2+
<svg
3+
xmlns="http://www.w3.org/2000/svg"
4+
width="16"
5+
height="16"
6+
fill="none"
7+
viewBox="0 0 16 16"
8+
>
9+
<path
10+
fill="currentColor"
11+
fillRule="evenodd"
12+
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"
13+
clipRule="evenodd"
14+
/>
15+
</svg>
16+
);

‎src/icons/UserLockIcon.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
export const UserLockIcon = (
2+
<svg
3+
xmlns="http://www.w3.org/2000/svg"
4+
width="16"
5+
height="16"
6+
fill="none"
7+
viewBox="0 0 16 16"
8+
>
9+
<path
10+
fill="currentColor"
11+
fillRule="evenodd"
12+
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"
13+
clipRule="evenodd"
14+
/>
15+
</svg>
16+
);

‎src/icons/index.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,9 @@ import { StatsIcon as _StatsIcon } from './StatsIcon';
7070
import { UnlockIcon as _UnlockIcon } from './UnlockIcon';
7171
import { UserIcon as _UserIcon } from './UserIcon';
7272
import { UserGroupIcon as _UserGroupIcon } from './UserGroupIcon';
73+
import { UserLockIcon as _UserLockIcon } from './UserLockIcon';
74+
import { ShieldIcon as _ShieldIcon } from './ShieldIcon';
75+
import { ShieldFilledIcon as _ShieldFilledIcon } from './ShieldFilledIcon';
7376

7477
export const CloseIcon = wrapIcon('CloseIcon', _CloseIcon);
7578
export const ExclamationIcon = wrapIcon('ExclamationIcon', _ExclamationIcon);
@@ -166,6 +169,9 @@ export const StatsIcon = wrapIcon('StatsIcon', _StatsIcon);
166169
export const UnlockIcon = wrapIcon('UnlockIcon', _UnlockIcon);
167170
export const UserIcon = wrapIcon('UserIcon', _UserIcon);
168171
export const UserGroupIcon = wrapIcon('UserGroupIcon', _UserGroupIcon);
172+
export const UserLockIcon = wrapIcon('UserLockIcon', _UserLockIcon);
173+
export const ShieldIcon = wrapIcon('ShieldIcon', _ShieldIcon);
174+
export const ShieldFilledIcon = wrapIcon('ShieldFilledIcon', _ShieldFilledIcon);
169175

170176
export { IconContainer } from './IconContainer';
171177

0 commit comments

Comments
 (0)