@iota/apps-ui-icons 0.2.0 → 0.2.2

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@iota/apps-ui-icons",
-  "version": "0.2.0",
-  "main": "src/index.ts",
+  "version": "0.2.2",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "sideEffects": false,
   "devDependencies": {
     "@svgr/cli": "^7.0.0",
@@ -9,9 +11,11 @@
     "@types/react": "^18.3.3",
     "react": "^18.3.1",
     "rimraf": "^5.0.1",
+    "tsup": "^8.3.5",
     "typescript": "^5.5.3"
   },
   "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
     "clean:src": "rimraf src/**",
     "clean:svgs": "rimraf svgs/**",
     "clean:all": "pnpm clean:src && pnpm clean:svgs",

package/src/CheckmarkFilled.tsx

@@ -14,7 +14,7 @@ export default function SvgCheckmarkFilled(props: SVGProps<SVGSVGElement>) {
             <path
                 fill="currentColor"
                 fillRule="evenodd"
-                d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m4.21-14.104-5.95 5.95-2.147-2.148a.994.994 0 0 0-1.406.009.994.994 0 0 0-.009 1.406l2.846 2.845a.994.994 0 0 0 1.406-.008l6.657-6.657a.994.994 0 0 0 .008-1.406.994.994 0 0 0-1.405.009"
+                d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m4.21-14.104-5.95 5.95-2.147-2.148a.994.994 0 0 0-1.406.009.994.994 0 0 0-.009 1.405l2.846 2.846a.994.994 0 0 0 1.406-.008l6.657-6.657a.994.994 0 0 0 .008-1.406.994.994 0 0 0-1.405.009"
                 clipRule="evenodd"
             />
         </svg>

package/src/Expand.tsx

@@ -0,0 +1,21 @@
+// Copyright (c) 2025 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import { SVGProps } from 'react';
+export default function SvgExpand(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M4 2a2 2 0 0 0-2 2v4a1 1 0 1 0 2 0V5.414l3.293 3.293a1 1 0 0 0 1.414-1.414L5.414 4H8a1 1 0 0 0 0-2zm18 2a2 2 0 0 0-2-2h-4a1 1 0 1 0 0 2h2.586l-3.293 3.293a1 1 0 0 0 1.414 1.414L20 5.414V8a1 1 0 1 0 2 0zM2 20a2 2 0 0 0 2 2h4a1 1 0 1 0 0-2H5.414l3.293-3.293a1 1 0 1 0-1.414-1.414L4 18.586V16a1 1 0 1 0-2 0zm20 0a2 2 0 0 1-2 2h-4a1 1 0 1 1 0-2h2.586l-3.293-3.293a1 1 0 0 1 1.414-1.414L20 18.586V16a1 1 0 1 1 2 0z"
+            />
+        </svg>
+    );
+}

package/src/Stake.tsx

@@ -14,7 +14,7 @@ export default function SvgStake(props: SVGProps<SVGSVGElement>) {
             <path
                 fill="currentColor"
                 fillRule="evenodd"
-                d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899zm1.414 1.414a5 5 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71m-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.98 6.98 0 0 0 2.05 4.879A6.98 6.98 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997M4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9"
+                d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899zm1.414 1.414a5 5 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71Zm-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.98 6.98 0 0 0 2.05 4.879A6.98 6.98 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997M4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9Z"
                 clipRule="evenodd"
             />
         </svg>

package/src/StarHex.tsx

@@ -7,19 +7,19 @@ export default function SvgStarHex(props: SVGProps<SVGSVGElement>) {
             xmlns="http://www.w3.org/2000/svg"
             width="1em"
             height="1em"
-            viewBox="0 0 24 24"
             fill="none"
+            viewBox="0 0 24 24"
             {...props}
         >
             <path
-                d="M12.1819 6.39866C12.1108 6.24274 11.8892 6.24274 11.8181 6.39866L10.3647 9.58199C10.3356 9.64577 10.2752 9.68964 10.2055 9.69763L6.72887 10.0962C6.55859 10.1157 6.49014 10.3264 6.61643 10.4422L9.19484 12.8082C9.24649 12.8556 9.26956 12.9266 9.25563 12.9953L8.56033 16.4249C8.52627 16.5929 8.70547 16.7231 8.8547 16.6388L11.9016 14.9177C11.9627 14.8832 12.0373 14.8832 12.0984 14.9177L15.1453 16.6388C15.2945 16.7231 15.4737 16.5929 15.4397 16.4249L14.7444 12.9953C14.7304 12.9266 14.7535 12.8556 14.8052 12.8082L17.3836 10.4422C17.5099 10.3264 17.4414 10.1157 17.2711 10.0962L13.7945 9.69763C13.7248 9.68964 13.6644 9.64577 13.6353 9.58199L12.1819 6.39866Z"
                 fill="currentColor"
+                d="M12.182 6.399a.2.2 0 0 0-.364 0l-1.453 3.183a.2.2 0 0 1-.16.116l-3.476.398a.2.2 0 0 0-.113.346l2.579 2.366a.2.2 0 0 1 .06.187l-.695 3.43a.2.2 0 0 0 .295.214l3.047-1.721a.2.2 0 0 1 .196 0l3.047 1.72a.2.2 0 0 0 .295-.213l-.696-3.43a.2.2 0 0 1 .061-.187l2.579-2.366a.2.2 0 0 0-.113-.346l-3.477-.398a.2.2 0 0 1-.159-.116z"
             />
             <path
+                fill="currentColor"
                 fillRule="evenodd"
+                d="M13.457 1.666a3 3 0 0 0-2.914 0l-7 3.889A3 3 0 0 0 2 8.177v7.646a3 3 0 0 0 1.543 2.623l7 3.889a3 3 0 0 0 2.914 0l7-3.89A3 3 0 0 0 22 15.824V8.177a3 3 0 0 0-1.543-2.622l-7-3.89Zm-1.943 1.748a1 1 0 0 1 .972 0l7 3.889a1 1 0 0 1 .514.874v7.646a1 1 0 0 1-.514.875l-7 3.888a1 1 0 0 1-.972 0l-7-3.888A1 1 0 0 1 4 15.823V8.177a1 1 0 0 1 .514-.874l7-3.89Z"
                 clipRule="evenodd"
-                d="M13.4569 1.66561C12.5509 1.16224 11.4491 1.16224 10.5431 1.66561L3.54307 5.5545C2.59068 6.08361 2 7.08747 2 8.17697V15.8234C2 16.9129 2.59068 17.9167 3.54307 18.4458L10.5431 22.3347C11.4491 22.8381 12.5509 22.8381 13.4569 22.3347L20.4569 18.4458C21.4093 17.9167 22 16.9129 22 15.8234V8.17697C22 7.08747 21.4093 6.08361 20.4569 5.5545L13.4569 1.66561ZM11.5144 3.41393C11.8164 3.24614 12.1836 3.24614 12.4856 3.41393L19.4856 7.30282C19.8031 7.47919 20 7.81381 20 8.17697V15.8234C20 16.1865 19.8031 16.5211 19.4856 16.6975L12.4856 20.5864C12.1836 20.7542 11.8164 20.7542 11.5144 20.5864L4.51436 16.6975C4.19689 16.5211 4 16.1865 4 15.8234V8.17697C4 7.81381 4.19689 7.47919 4.51436 7.30282L11.5144 3.41393Z"
-                fill="currentColor"
             />
         </svg>
     );

package/src/Vesting.tsx

@@ -11,39 +11,20 @@ export default function SvgVesting(props: SVGProps<SVGSVGElement>) {
             viewBox="0 0 24 24"
             {...props}
         >
-            <path
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeWidth={2}
-                d="M20 13V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4"
-            />
-            <path fill="currentColor" d="M4 5h16v3H4z" />
-            <rect width={4} height={2} x={7} y={10} fill="currentColor" rx={1} />
-            <rect
-                width={4}
-                height={2}
-                x={9}
-                y={2}
-                fill="currentColor"
-                rx={1}
-                transform="rotate(90 9 2)"
-            />
-            <rect
-                width={4}
-                height={2}
-                x={17}
-                y={2}
-                fill="currentColor"
-                rx={1}
-                transform="rotate(90 17 2)"
-            />
-            <circle cx={16} cy={19} r={4} fill="currentColor" />
-            <path
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeWidth={2}
-                d="M17 19a3 3 0 1 0 .102-.776"
-            />
+            <g fill="currentColor" clipPath="url(#vesting_svg__a)">
+                <path d="M8 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v6a1 1 0 1 1-2 0V8H5v9a1 1 0 0 0 1 1h4a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1" />
+                <path d="M8 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
+                <path
+                    fillRule="evenodd"
+                    d="M18 22.465a4 4 0 1 1 0-6.929 4 4 0 1 1 0 6.929m1.5-1.528a2.002 2.002 0 0 0 2.483-1.676 2 2 0 0 0-2.482-2.198c.318.574.499 1.234.499 1.937s-.181 1.363-.5 1.937"
+                    clipRule="evenodd"
+                />
+            </g>
+            <defs>
+                <clipPath id="vesting_svg__a">
+                    <path fill="#fff" d="M0 0h24v24H0z" />
+                </clipPath>
+            </defs>
         </svg>
     );
 }

package/src/VisibilityOff.tsx

@@ -14,7 +14,7 @@ export default function SvgVisibilityOff(props: SVGProps<SVGSVGElement>) {
             <path
                 fill="currentColor"
                 fillRule="evenodd"
-                d="M18.72 6.695a1 1 0 1 0-1.44-1.39l-1.518 1.572C14.601 6.348 13.331 6 12 6 8.739 6 5.843 8.092 4.017 9.805c-1.29 1.212-1.29 3.178 0 4.39a18 18 0 0 0 2.666 2.083l-1.695 1.755a1 1 0 0 0 1.438 1.39zM8.67 14.219l5.431-5.623a4 4 0 0 0-5.43 5.623"
+                d="M18.72 6.695a1 1 0 1 0-1.44-1.39l-1.518 1.572C14.601 6.348 13.331 6 12 6 8.739 6 5.843 8.092 4.017 9.805c-1.29 1.212-1.29 3.178 0 4.39a18 18 0 0 0 2.666 2.083l-1.695 1.755a1 1 0 0 0 1.438 1.39zM8.67 14.219l5.431-5.623a4 4 0 0 0-5.43 5.623Z"
                 clipRule="evenodd"
             />
             <path

package/src/VisibilityOn.tsx

@@ -15,7 +15,7 @@ export default function SvgVisibilityOn(props: SVGProps<SVGSVGElement>) {
             <path
                 fill="currentColor"
                 fillRule="evenodd"
-                d="M19.983 9.805c1.29 1.212 1.29 3.178 0 4.39C18.157 15.908 15.26 18 12 18s-6.157-2.092-7.983-3.805c-1.29-1.212-1.29-3.178 0-4.39C5.843 8.092 8.74 6 12 6s6.157 2.092 7.983 3.805M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+                d="M19.983 9.805c1.29 1.212 1.29 3.178 0 4.39C18.157 15.908 15.26 18 12 18c-3.261 0-6.157-2.092-7.983-3.805-1.29-1.212-1.29-3.178 0-4.39C5.843 8.092 8.74 6 12 6s6.157 2.092 7.983 3.805M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
                 clipRule="evenodd"
             />
         </svg>

package/src/index.ts

@@ -29,6 +29,7 @@ export { default as DoubleArrowLeft } from './DoubleArrowLeft';
 export { default as DoubleArrowRight } from './DoubleArrowRight';
 export { default as Edit } from './Edit';
 export { default as Exclamation } from './Exclamation';
+export { default as Expand } from './Expand';
 export { default as Export } from './Export';
 export { default as FilterList } from './FilterList';
 export { default as Flag } from './Flag';
@@ -78,7 +79,6 @@ export { default as Stake } from './Stake';
 export { default as StarHex } from './StarHex';
 export { default as SwapAccount } from './SwapAccount';
 export { default as ThumbUp } from './ThumbUp';
-export { default as Tokens } from './Tokens';
 export { default as TriangleDown } from './TriangleDown';
 export { default as TriangleLeft } from './TriangleLeft';
 export { default as TriangleRight } from './TriangleRight';

package/svgrrc.config.js

@@ -1,10 +1,5 @@
 const path = require('path');
 
-const COPYRIGHT = `
-// Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-`;
-
 /** @type {import('@svgr/core').Config} */
 module.exports = {
     // The default parser set by svgr is `babel`, which makes the import sorting plugin fail.
@@ -24,7 +19,7 @@ module.exports = {
             const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename;
             return `export { default as ${exportName} } from './${basename}'`;
         });
-        return COPYRIGHT + exportEntries.join('\n');
+        return exportEntries.join('\n');
     },
     template(variables, { tpl }) {
         const template = tpl`
@@ -40,12 +35,6 @@ module.exports = {
     };
     `;
 
-        // Insert the copyright header, attached to the first node:
-        template[0].leadingComments = [
-            { type: 'CommentLine', value: ' Copyright (c) 2024 IOTA Stiftung' },
-            { type: 'CommentLine', value: ' SPDX-License-Identifier: Apache-2.0' },
-        ];
-
         return template;
     },
 };

package/svgs/checkmark_filled.svg

@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM16.2096 7.89573L10.2599 13.8455L8.11271 11.6983C7.72694 11.3126 7.09762 11.3165 6.70709 11.707C6.31656 12.0975 6.31271 12.7268 6.69848 13.1125L9.54418 15.9582C9.92995 16.3439 10.5593 16.3401 10.9498 15.9495L17.6066 9.29268C17.9971 8.90216 18.001 8.27287 17.6152 7.88711C17.2294 7.50135 16.6001 7.50521 16.2096 7.89573Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.21-14.104-5.95 5.95-2.147-2.148a.994.994 0 0 0-1.406.009.994.994 0 0 0-.009 1.405l2.846 2.846a.994.994 0 0 0 1.406-.008l6.657-6.657a.994.994 0 0 0 .008-1.406.994.994 0 0 0-1.405.009Z" clip-rule="evenodd"/>
+</svg>

package/svgs/copy.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="copy">
-<path id="icon" fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V7H18C19.6569 7 21 8.34315 21 10V18C21 19.6569 19.6569 21 18 21H10C8.34315 21 7 19.6569 7 18V17H6C4.34315 17 3 15.6569 3 14V6ZM9 18C9 18.5523 9.44772 19 10 19H18C18.5523 19 19 18.5523 19 18V10C19 9.44772 18.5523 9 18 9H10C9.44772 9 9 9.44772 9 10V18ZM15 7H10C8.34315 7 7 8.34315 7 10V15H6C5.44772 15 5 14.5523 5 14V6C5 5.44772 5.44772 5 6 5H14C14.5523 5 15 5.44772 15 6V7Z" fill="#171D26"/>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3v-1H6a3 3 0 0 1-3-3V6Zm6 12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v8Zm6-11h-5a3 3 0 0 0-3 3v5H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1Z" clip-rule="evenodd"/>
 </svg>

package/svgs/create.svg

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44771 13 7 12.5523 7 12C7 11.4477 7.44771 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z" fill="#171D26"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" d="M12 7a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1Z"/>
+  <path fill="#171D26" fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z" clip-rule="evenodd"/>
+</svg>

package/svgs/dash.svg

@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="7" y="11" width="10" height="2" rx="1" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="10" height="2" x="7" y="11" fill="#171D26" rx="1"/>
+</svg>

package/svgs/exclamation.svg

@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12.0003 17.8C12.663 17.8 13.2003 17.2627 13.2003 16.6C13.2003 15.9373 12.663 15.4 12.0003 15.4C11.3376 15.4 10.8003 15.9373 10.8003 16.6C10.8003 17.2627 11.3376 17.8 12.0003 17.8ZM10.8003 8.2C10.8003 7.53726 11.3376 7 12.0003 7C12.663 7 13.2003 7.53726 13.2003 8.2V11.8C13.2003 12.4627 12.663 13 12.0003 13C11.3376 13 10.8003 12.4627 10.8003 11.8V8.2Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0-3.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm-1.2-9.6a1.2 1.2 0 0 1 2.4 0v3.6a1.2 1.2 0 0 1-2.4 0V8.2Z" clip-rule="evenodd"/>
+</svg>

package/svgs/expand.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" d="M4 2a2 2 0 0 0-2 2v4a1 1 0 1 0 2 0V5.414l3.293 3.293a1 1 0 0 0 1.414-1.414L5.414 4H8a1 1 0 0 0 0-2H4Zm18 2a2 2 0 0 0-2-2h-4a1 1 0 1 0 0 2h2.586l-3.293 3.293a1 1 0 0 0 1.414 1.414L20 5.414V8a1 1 0 1 0 2 0V4ZM2 20a2 2 0 0 0 2 2h4a1 1 0 1 0 0-2H5.414l3.293-3.293a1 1 0 1 0-1.414-1.414L4 18.586V16a1 1 0 1 0-2 0v4Zm20 0a2 2 0 0 1-2 2h-4a1 1 0 1 1 0-2h2.586l-3.293-3.293a1 1 0 0 1 1.414-1.414L20 18.586V16a1 1 0 1 1 2 0v4Z"/>
+</svg>

package/svgs/stake.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="tokens">
-<path id="icon" fill-rule="evenodd" clip-rule="evenodd" d="M9.70715 4.05025C12.4408 1.31658 16.873 1.31658 19.6066 4.05025C22.3403 6.78392 22.3403 11.2161 19.6066 13.9497L13.4919 20.0259C12.6011 20.7711 11.5389 21.2831 10.4009 21.5155C9.263 21.748 8.0851 21.6936 6.9734 21.3574C5.8617 21.0211 4.85114 20.4135 4.03278 19.5894C3.21443 18.7652 2.614 17.7504 2.28562 16.6363C1.95724 15.5223 1.91121 14.344 2.1517 13.2077C2.39218 12.0715 2.91162 11.0129 3.66319 10.1274L9.70715 4.05025ZM11.1214 5.46447C10.6225 5.9633 10.2511 6.54131 10.0072 7.15805L10.0119 7.17016L10.0007 7.17455C9.29846 8.96845 9.67203 11.0862 11.1214 12.5355C13.074 14.4882 16.2398 14.4882 18.1924 12.5355C20.1451 10.5829 20.1451 7.41709 18.1924 5.46447C16.2398 3.51184 13.074 3.51184 11.1214 5.46447ZM7.17369 10.0026C7.17696 10.0013 7.18025 10.0001 7.18353 9.99877L7.17939 9.98815C7.30649 9.66708 7.46661 9.35981 7.65726 9.07138C7.67518 10.839 8.35847 12.6011 9.70715 13.9497C11.0558 15.2984 12.8179 15.9817 14.5855 15.9996C14.0534 16.3514 13.4574 16.599 12.829 16.7274C12.0162 16.8934 11.1749 16.8546 10.3808 16.6144C9.58673 16.3742 8.86489 15.9402 8.28036 15.3515C7.69582 14.7629 7.26694 14.038 7.03238 13.2422C6.79782 12.4465 6.76495 11.6049 6.93673 10.7932C6.99399 10.5227 7.07339 10.2583 7.17369 10.0026ZM4.82874 11.9002C4.48367 12.4223 4.23867 13.0061 4.10836 13.6219C3.93658 14.4335 3.96946 15.2751 4.20402 16.0708C4.43858 16.8666 4.86745 17.5915 5.45199 18.1802C6.03652 18.7688 6.75836 19.2028 7.55243 19.443C8.3465 19.6832 9.18785 19.722 10.0007 19.556C10.6291 19.4276 11.2251 19.1799 11.7573 18.8282C11.097 18.8215 10.4385 18.7213 9.80177 18.5287C8.69007 18.1925 7.6795 17.5849 6.86115 16.7607C6.0428 15.9366 5.44237 14.9218 5.11399 13.8077C4.93065 13.1857 4.83533 12.5437 4.82874 11.9002Z" fill="#171D26"/>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899L9.707 4.05Zm1.414 1.414a4.981 4.981 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71Zm-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.977 6.977 0 0 0 2.05 4.879A6.977 6.977 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997ZM4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9Z" clip-rule="evenodd"/>
 </svg>

package/svgs/star_hex.svg

@@ -1,8 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-  <path
-    d="M12.1819 6.39866C12.1108 6.24274 11.8892 6.24274 11.8181 6.39866L10.3647 9.58199C10.3356 9.64577 10.2752 9.68964 10.2055 9.69763L6.72887 10.0962C6.55859 10.1157 6.49014 10.3264 6.61643 10.4422L9.19484 12.8082C9.24649 12.8556 9.26956 12.9266 9.25563 12.9953L8.56033 16.4249C8.52627 16.5929 8.70547 16.7231 8.8547 16.6388L11.9016 14.9177C11.9627 14.8832 12.0373 14.8832 12.0984 14.9177L15.1453 16.6388C15.2945 16.7231 15.4737 16.5929 15.4397 16.4249L14.7444 12.9953C14.7304 12.9266 14.7535 12.8556 14.8052 12.8082L17.3836 10.4422C17.5099 10.3264 17.4414 10.1157 17.2711 10.0962L13.7945 9.69763C13.7248 9.68964 13.6644 9.64577 13.6353 9.58199L12.1819 6.39866Z"
-    fill="#171D26" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M13.4569 1.66561C12.5509 1.16224 11.4491 1.16224 10.5431 1.66561L3.54307 5.5545C2.59068 6.08361 2 7.08747 2 8.17697V15.8234C2 16.9129 2.59068 17.9167 3.54307 18.4458L10.5431 22.3347C11.4491 22.8381 12.5509 22.8381 13.4569 22.3347L20.4569 18.4458C21.4093 17.9167 22 16.9129 22 15.8234V8.17697C22 7.08747 21.4093 6.08361 20.4569 5.5545L13.4569 1.66561ZM11.5144 3.41393C11.8164 3.24614 12.1836 3.24614 12.4856 3.41393L19.4856 7.30282C19.8031 7.47919 20 7.81381 20 8.17697V15.8234C20 16.1865 19.8031 16.5211 19.4856 16.6975L12.4856 20.5864C12.1836 20.7542 11.8164 20.7542 11.5144 20.5864L4.51436 16.6975C4.19689 16.5211 4 16.1865 4 15.8234V8.17697C4 7.81381 4.19689 7.47919 4.51436 7.30282L11.5144 3.41393Z"
-    fill="#171D26" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" d="M12.182 6.399a.2.2 0 0 0-.364 0l-1.453 3.183a.2.2 0 0 1-.16.116l-3.476.398a.2.2 0 0 0-.113.346l2.579 2.366a.2.2 0 0 1 .06.187l-.695 3.43a.2.2 0 0 0 .295.214l3.047-1.721a.2.2 0 0 1 .196 0l3.047 1.72a.2.2 0 0 0 .295-.213l-.696-3.43a.2.2 0 0 1 .061-.187l2.579-2.366a.2.2 0 0 0-.113-.346l-3.477-.398a.2.2 0 0 1-.159-.116l-1.453-3.183Z"/>
+  <path fill="#171D26" fill-rule="evenodd" d="M13.457 1.666a3 3 0 0 0-2.914 0l-7 3.889A3 3 0 0 0 2 8.177v7.646a3 3 0 0 0 1.543 2.623l7 3.889a3 3 0 0 0 2.914 0l7-3.89A3 3 0 0 0 22 15.824V8.177a3 3 0 0 0-1.543-2.622l-7-3.89Zm-1.943 1.748a1 1 0 0 1 .972 0l7 3.889a1 1 0 0 1 .514.874v7.646a1 1 0 0 1-.514.875l-7 3.888a1 1 0 0 1-.972 0l-7-3.888A1 1 0 0 1 4 15.823V8.177a1 1 0 0 1 .514-.874l7-3.89Z" clip-rule="evenodd"/>
+</svg>

package/svgs/vesting.svg

@@ -1,11 +1,12 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="copy">
-<path id="Rectangle 42" d="M20 13V7C20 5.89543 19.1046 5 18 5H6C4.89543 5 4 5.89543 4 7V17C4 18.1046 4.89543 19 6 19H10" stroke="#171D26" stroke-width="2" stroke-linecap="round"/>
-<rect id="Rectangle 43" x="4" y="5" width="16" height="3" fill="#171D26"/>
-<rect id="Rectangle 44" x="7" y="10" width="4" height="2" rx="1" fill="#171D26"/>
-<rect id="Rectangle 45" x="9" y="2" width="4" height="2" rx="1" transform="rotate(90 9 2)" fill="#171D26"/>
-<rect id="Rectangle 46" x="17" y="2" width="4" height="2" rx="1" transform="rotate(90 17 2)" fill="#171D26"/>
-<circle id="Ellipse 12041" cx="16" cy="19" r="4" fill="#171D26"/>
-<path id="Ellipse 12042" d="M17 19C17 19.7617 17.2897 20.4949 17.8104 21.0508C18.3311 21.6067 19.0437 21.9438 19.8038 21.9936C20.5638 22.0434 21.3144 21.8022 21.9032 21.319C22.492 20.8358 22.8749 20.1467 22.9743 19.3916C23.0738 18.6364 22.8822 17.8717 22.4385 17.2526C21.9949 16.6334 21.3323 16.2062 20.5853 16.0576C19.8382 15.909 19.0626 16.0502 18.4158 16.4524C17.769 16.8546 17.2994 17.4878 17.1022 18.2235" stroke="#171D26" stroke-width="2" stroke-linecap="round"/>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill="#171D26" d="M8 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v6a1 1 0 1 1-2 0V8H5v9a1 1 0 0 0 1 1h4a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Z"/>
+    <path fill="#171D26" d="M8 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H8Z"/>
+    <path fill="#171D26" fill-rule="evenodd" d="M18 22.465a4 4 0 1 1 0-6.929 4 4 0 1 1 0 6.929Zm1.5-1.528a2.002 2.002 0 0 0 2.483-1.676 2 2 0 0 0-2.482-2.198c.318.574.499 1.234.499 1.937 0 .703-.181 1.363-.5 1.937Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
 </svg>

package/svgs/visibility_off.svg

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7193 6.69471C19.103 6.29745 19.092 5.66438 18.6947 5.28071C18.2975 4.89703 17.6644 4.90804 17.2807 5.30529L15.7624 6.87736C14.601 6.34843 13.3308 6 11.9999 6C8.73893 6 5.84254 8.09177 4.01706 9.80515C2.72608 11.0168 2.72608 12.9832 4.01706 14.1949C4.74873 14.8816 5.65244 15.6291 6.6827 16.2784L4.98792 18.0331C4.60424 18.4304 4.61525 19.0635 5.01251 19.4471C5.40976 19.8308 6.04283 19.8198 6.4265 19.4226L18.7193 6.69471ZM8.67146 14.2192L14.1022 8.59634C13.4913 8.21825 12.7711 8 11.9999 8C9.79074 8 7.99988 9.79086 7.99988 12C7.99988 12.821 8.24723 13.5842 8.67146 14.2192Z" fill="#171D26"/>
-<path d="M15.9999 12C15.9999 14.2008 14.2225 15.9864 12.0249 15.9999L10.2762 17.8106C10.8361 17.932 11.4121 18 11.9999 18C15.2608 18 18.1572 15.9082 19.9827 14.1949C21.2737 12.9832 21.2737 11.0168 19.9827 9.80515C19.6582 9.50058 19.2999 9.18406 18.9117 8.86945L15.9983 11.8859C15.9993 11.9238 15.9999 11.9619 15.9999 12Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M18.72 6.695a1 1 0 1 0-1.44-1.39l-1.518 1.572C14.601 6.348 13.331 6 12 6 8.739 6 5.843 8.092 4.017 9.805c-1.29 1.212-1.29 3.178 0 4.39a17.885 17.885 0 0 0 2.666 2.083l-1.695 1.755a1 1 0 0 0 1.438 1.39L18.72 6.695ZM8.67 14.219l5.431-5.623a4 4 0 0 0-5.43 5.623Z" clip-rule="evenodd"/>
+  <path fill="#171D26" d="M16 12a4 4 0 0 1-3.975 4l-1.749 1.81c.56.122 1.136.19 1.724.19 3.26 0 6.157-2.092 7.983-3.805 1.29-1.212 1.29-3.178 0-4.39a19.617 19.617 0 0 0-1.071-.936l-2.914 3.017L16 12Z"/>
+</svg>

package/svgs/visibility_on.svg

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 24 24" width="24" height="24"  fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" fill="#171D26"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9827 9.80515C21.2737 11.0168 21.2737 12.9832 19.9827 14.1949C18.1572 15.9082 15.2608 18 11.9999 18C8.73893 18 5.84254 15.9082 4.01706 14.1949C2.72609 12.9832 2.72608 11.0168 4.01706 9.80515C5.84254 8.09177 8.73893 6 11.9999 6C15.2608 6 18.1572 8.09177 19.9827 9.80515ZM15.9999 12C15.9999 14.2091 14.209 16 11.9999 16C9.79074 16 7.99988 14.2091 7.99988 12C7.99988 9.79086 9.79074 8 11.9999 8C14.209 8 15.9999 9.79086 15.9999 12Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path fill="#171D26" fill-rule="evenodd" d="M19.983 9.805c1.29 1.212 1.29 3.178 0 4.39C18.157 15.908 15.26 18 12 18c-3.261 0-6.157-2.092-7.983-3.805-1.29-1.212-1.29-3.178 0-4.39C5.843 8.092 8.74 6 12 6s6.157 2.092 7.983 3.805ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/>
+</svg>

package/svgs/warning.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.732 3C12.9622 1.66667 11.0377 1.66667 10.2679 3L1.6076 18C0.837803 19.3333 1.80005 21 3.33965 21H20.6602C22.1998 21 23.162 19.3333 22.3922 18L13.732 3ZM12.0003 17.8C12.663 17.8 13.2003 17.2627 13.2003 16.6C13.2003 15.9373 12.663 15.4 12.0003 15.4C11.3376 15.4 10.8003 15.9373 10.8003 16.6C10.8003 17.2627 11.3376 17.8 12.0003 17.8ZM10.8003 8.2C10.8003 7.53726 11.3376 7 12.0003 7C12.663 7 13.2003 7.53726 13.2003 8.2V11.8C13.2003 12.4627 12.663 13 12.0003 13C11.3376 13 10.8003 12.4627 10.8003 11.8V8.2Z" fill="#171D26"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#171D26" fill-rule="evenodd" d="M13.732 3c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.732-3l-8.66-15ZM12 17.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm-1.2-9.6a1.2 1.2 0 0 1 2.4 0v3.6a1.2 1.2 0 0 1-2.4 0V8.2Z" clip-rule="evenodd"/>
+</svg>

package/src/Tokens.tsx

@@ -1,22 +0,0 @@
-// Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-import { SVGProps } from 'react';
-export default function SvgTokens(props: SVGProps<SVGSVGElement>) {
-    return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="1em"
-            height="1em"
-            fill="none"
-            viewBox="0 0 24 24"
-            {...props}
-        >
-            <path
-                fill="currentColor"
-                fillRule="evenodd"
-                d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899zm1.414 1.414a5 5 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71Zm-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.98 6.98 0 0 0 2.05 4.879A6.98 6.98 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997M4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9Z"
-                clipRule="evenodd"
-            />
-        </svg>
-    );
-}