@sphereon/ui-components.ssi-react 0.4.1-unstable.34 → 0.4.1-unstable.35

package/dist/components/assets/icons/AddContact/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const AddContactIcon: FC<Props>;
+export default AddContactIcon;

package/dist/components/assets/icons/AddContact/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseColor } from '@sphereon/ui-components.core';
+const AddContactIcon = (props) => {
+    const { size = 26, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("mask", { id: "path-1-outside-1_1846_2497", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "26", fill: "black", children: [_jsx("rect", { fill: "white", width: "20", height: "26" }), _jsx("path", { d: "M13 14.5C14.5126 14.5 16.5944 14.7866 18.5996 15.3584V16.4004C16.6022 15.8011 14.4882 15.5 13 15.5C11.1226 15.5 8.24899 15.9787 5.87012 16.9316C4.68147 17.4078 3.67929 17.9783 2.99023 18.6143C2.30797 19.2439 2 19.8698 2 20.5V24H15.4004V25H1V20.5C1 16.51 8.995 14.5 13 14.5ZM13 1C16.315 1 19 3.685 19 7C19 10.315 16.315 13 13 13C9.685 13 7 10.315 7 7C7 3.685 9.685 1 13 1ZM13 2C10.2373 2 8 4.23728 8 7C8 9.76272 10.2373 12 13 12C15.7627 12 18 9.76272 18 7C18 4.23728 15.7627 2 13 2Z" })] }), _jsx("path", { d: "M13 14.5C14.5126 14.5 16.5944 14.7866 18.5996 15.3584V16.4004C16.6022 15.8011 14.4882 15.5 13 15.5C11.1226 15.5 8.24899 15.9787 5.87012 16.9316C4.68147 17.4078 3.67929 17.9783 2.99023 18.6143C2.30797 19.2439 2 19.8698 2 20.5V24H15.4004V25H1V20.5C1 16.51 8.995 14.5 13 14.5ZM13 1C16.315 1 19 3.685 19 7C19 10.315 16.315 13 13 13C9.685 13 7 10.315 7 7C7 3.685 9.685 1 13 1ZM13 2C10.2373 2 8 4.23728 8 7C8 9.76272 10.2373 12 13 12C15.7627 12 18 9.76272 18 7C18 4.23728 15.7627 2 13 2Z", fill: parseColor(color) }), _jsx("path", { d: "M13 14.5V14.25V14.5ZM18.5996 15.3584H18.8496V15.1697L18.6682 15.118L18.5996 15.3584ZM18.5996 16.4004L18.5278 16.6398L18.8496 16.7364V16.4004H18.5996ZM13 15.5V15.25V15.5ZM5.87012 16.9316L5.77715 16.6996L5.77715 16.6996L5.87012 16.9316ZM2.99023 18.6143L2.82068 18.4305H2.82068L2.99023 18.6143ZM2 20.5H1.75H2ZM2 24H1.75V24.25H2V24ZM15.4004 24H15.6504V23.75H15.4004V24ZM15.4004 25V25.25H15.6504V25H15.4004ZM1 25H0.75V25.25H1V25ZM1 20.5H0.75H1ZM13 1V0.75V1ZM19 7H19.25H19ZM13 13V13.25V13ZM7 7H6.75H7ZM13 2V1.75V2ZM8 7H7.75H8ZM13 12V12.25V12ZM18 7H18.25H18ZM13 14.5V14.75C14.4865 14.75 16.5451 15.0325 18.5311 15.5988L18.5996 15.3584L18.6682 15.118C16.6437 14.5407 14.5387 14.25 13 14.25V14.5ZM18.5996 15.3584H18.3496V16.4004H18.5996H18.8496V15.3584H18.5996ZM18.5996 16.4004L18.6715 16.1609C16.6536 15.5555 14.5154 15.25 13 15.25V15.5V15.75C14.461 15.75 16.5507 16.0466 18.5278 16.6398L18.5996 16.4004ZM13 15.5V15.25C11.0913 15.25 8.18616 15.7346 5.77715 16.6996L5.87012 16.9316L5.96308 17.1637C8.31183 16.2228 11.1538 15.75 13 15.75V15.5ZM5.87012 16.9316L5.77715 16.6996C4.57317 17.1819 3.54046 17.7662 2.82068 18.4305L2.99023 18.6143L3.15979 18.798C3.81812 18.1904 4.78978 17.6337 5.96309 17.1637L5.87012 16.9316ZM2.99023 18.6143L2.82068 18.4305C2.10559 19.0905 1.75 19.7783 1.75 20.5H2H2.25C2.25 19.9612 2.51035 19.3974 3.15979 18.798L2.99023 18.6143ZM2 20.5H1.75V24H2H2.25V20.5H2ZM2 24V24.25H15.4004V24V23.75H2V24ZM15.4004 24H15.1504V25H15.4004H15.6504V24H15.4004ZM15.4004 25V24.75H1V25V25.25H15.4004V25ZM1 25H1.25V20.5H1H0.75V25H1ZM1 20.5H1.25C1.25 19.5943 1.70171 18.7825 2.48135 18.0629C3.2627 17.3418 4.35666 16.7303 5.59109 16.2358C8.06036 15.2466 11.0288 14.75 13 14.75V14.5V14.25C10.9662 14.25 7.93465 14.7584 5.40516 15.7717C4.14021 16.2784 2.98511 16.9176 2.14224 17.6955C1.29767 18.475 0.750001 19.4107 0.75 20.5H1ZM13 1V1.25C16.1769 1.25 18.75 3.82307 18.75 7H19H19.25C19.25 3.54693 16.4531 0.75 13 0.75V1ZM19 7H18.75C18.75 10.1769 16.1769 12.75 13 12.75V13V13.25C16.4531 13.25 19.25 10.4531 19.25 7H19ZM13 13V12.75C9.82307 12.75 7.25 10.1769 7.25 7H7H6.75C6.75 10.4531 9.54693 13.25 13 13.25V13ZM7 7H7.25C7.25 3.82307 9.82307 1.25 13 1.25V1V0.75C9.54693 0.75 6.75 3.54693 6.75 7H7ZM13 2V1.75C10.0992 1.75 7.75 4.09921 7.75 7H8H8.25C8.25 4.37536 10.3754 2.25 13 2.25V2ZM8 7H7.75C7.75 9.90079 10.0992 12.25 13 12.25V12V11.75C10.3754 11.75 8.25 9.62464 8.25 7H8ZM13 12V12.25C15.9008 12.25 18.25 9.90079 18.25 7H18H17.75C17.75 9.62464 15.6246 11.75 13 11.75V12ZM18 7H18.25C18.25 4.09921 15.9008 1.75 13 1.75V2V2.25C15.6246 2.25 17.75 4.37536 17.75 7H18Z", fill: parseColor(color), mask: "url(#path-1-outside-1_1846_2497)" }), _jsx("path", { d: "M21.25 17.4004C21.4778 17.4004 21.6621 17.5847 21.6621 17.8125V20.8379H24.6875C24.9153 20.8379 25.0996 21.0222 25.0996 21.25C25.0996 21.4778 24.9153 21.6621 24.6875 21.6621H21.6621V24.6875C21.6621 24.9153 21.4778 25.0996 21.25 25.0996C21.0222 25.0996 20.8379 24.9153 20.8379 24.6875V21.6621H17.8125C17.5847 21.6621 17.4004 21.4778 17.4004 21.25C17.4004 21.0222 17.5847 20.8379 17.8125 20.8379H20.8379V17.8125C20.8379 17.5847 21.0222 17.4004 21.25 17.4004Z", fill: parseColor(color), stroke: parseColor(color), strokeWidth: "0.2" })] }) }));
+};
+export default AddContactIcon;

package/dist/components/assets/icons/ContactOverview/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const ContactOverviewIcon: FC<Props>;
+export default ContactOverviewIcon;

package/dist/components/assets/icons/ContactOverview/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { parseColor } from '@sphereon/ui-components.core';
+const ContactOverviewIcon = (props) => {
+    const { size = 24, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19.3855 0H7.4758C6.39659 0.00301158 5.35234 0.375364 4.52349 1.05272C3.69464 1.73008 3.13325 2.6699 2.93631 3.70979H2.08963C1.56869 3.72883 1.07557 3.94502 0.713887 4.31294C0.352205 4.68086 0.150131 5.17185 0.150131 5.68274C0.150131 6.19362 0.352205 6.68462 0.713887 7.05253C1.07557 7.42045 1.56869 7.63665 2.08963 7.65568H2.86076V10.0271H2.08963C1.81894 10.0172 1.549 10.0609 1.29595 10.1556C1.04289 10.2503 0.811918 10.394 0.616844 10.5782C0.42177 10.7624 0.266601 10.9832 0.160614 11.2275C0.0546268 11.4718 0 11.7345 0 12C0 12.2655 0.0546268 12.5282 0.160614 12.7725C0.266601 13.0168 0.42177 13.2376 0.616844 13.4218C0.811918 13.606 1.04289 13.7497 1.29595 13.8444C1.549 13.9391 1.81894 13.9828 2.08963 13.9729H2.86076V16.3443H2.08963C1.55571 16.3443 1.04365 16.5522 0.666107 16.9222C0.288565 17.2922 0.0764645 17.794 0.0764645 18.3173C0.0764645 18.8405 0.288565 19.3423 0.666107 19.7123C1.04365 20.0823 1.55571 20.2902 2.08963 20.2902H2.93631C3.13076 21.3313 3.69146 22.2726 4.52086 22.9504C5.35026 23.6282 6.39587 23.9996 7.4758 24H19.3855C20.609 23.9987 21.7819 23.5218 22.647 22.674C23.5121 21.8262 23.9987 20.6767 24 19.4777V4.52228C23.9987 3.3233 23.5121 2.1738 22.647 1.32599C21.7819 0.478179 20.609 0.00130648 19.3855 0ZM1.60698 5.68274C1.60864 5.5578 1.66003 5.43843 1.75019 5.35007C1.84034 5.26172 1.96214 5.21136 2.08963 5.20972H5.1638C5.29181 5.20972 5.41458 5.25956 5.50509 5.34827C5.59561 5.43697 5.64646 5.55729 5.64646 5.68274C5.64646 5.80819 5.59561 5.9285 5.50509 6.01721C5.41458 6.10592 5.29181 6.15575 5.1638 6.15575H2.08963C1.96214 6.15412 1.84034 6.10376 1.75019 6.0154C1.66003 5.92705 1.60864 5.80768 1.60698 5.68274ZM1.60698 12C1.60864 11.8751 1.66003 11.7557 1.75019 11.6673C1.84034 11.579 1.96214 11.5286 2.08963 11.527H5.1638C5.22815 11.5255 5.29215 11.5366 5.35205 11.5597C5.41194 11.5827 5.46653 11.6173 5.51258 11.6614C5.55864 11.7055 5.59523 11.7581 5.62022 11.8162C5.64521 11.8743 5.65808 11.9368 5.65808 11.9999C5.65808 12.0629 5.64521 12.1254 5.62022 12.1835C5.59523 12.2416 5.55864 12.2943 5.51258 12.3383C5.46653 12.3824 5.41194 12.417 5.35205 12.4401C5.29215 12.4631 5.22815 12.4743 5.1638 12.4727H2.08963C1.96217 12.4712 1.84037 12.4209 1.7502 12.3326C1.66004 12.2443 1.60864 12.1249 1.60698 12ZM1.60698 18.3173C1.60864 18.1923 1.66003 18.073 1.75019 17.9846C1.84034 17.8962 1.96214 17.8459 2.08963 17.8442H5.1638C5.29181 17.8442 5.41458 17.8941 5.50509 17.9828C5.59561 18.0715 5.64646 18.1918 5.64646 18.3173C5.64646 18.4427 5.59561 18.563 5.50509 18.6517C5.41458 18.7404 5.29181 18.7903 5.1638 18.7903H2.08963C1.96214 18.7886 1.84034 18.7383 1.75019 18.6499C1.66003 18.5616 1.60864 18.4422 1.60698 18.3173ZM4.50571 20.2916H5.1638C5.69773 20.2916 6.20979 20.0837 6.58733 19.7137C6.96487 19.3437 7.17697 18.8419 7.17697 18.3186C7.17697 17.7954 6.96487 17.2935 6.58733 16.9235C6.20979 16.5536 5.69773 16.3457 5.1638 16.3457H4.39211V13.9743H5.1638C5.43449 13.9842 5.70444 13.9405 5.95749 13.8458C6.21055 13.7511 6.44152 13.6074 6.63659 13.4232C6.83167 13.239 6.98684 13.0182 7.09282 12.7739C7.19881 12.5296 7.25344 12.2668 7.25344 12.0014C7.25344 11.7359 7.19881 11.4732 7.09282 11.2289C6.98684 10.9846 6.83167 10.7637 6.63659 10.5795C6.44152 10.3954 6.21055 10.2516 5.95749 10.1569C5.70444 10.0622 5.43449 10.0185 5.1638 10.0284H4.39211V7.65568H5.1638C5.68474 7.63665 6.17787 7.42045 6.53955 7.05253C6.90123 6.68462 7.10331 6.19362 7.10331 5.68274C7.10331 5.17185 6.90123 4.68086 6.53955 4.31294C6.17787 3.94502 5.68474 3.72883 5.1638 3.70979H4.50823C4.69402 3.07734 5.08324 2.52059 5.61795 2.12241C6.15266 1.72423 6.80427 1.5059 7.4758 1.49993H8.4316V22.5001H7.4758C6.80246 22.4999 6.14766 22.2839 5.61137 21.8849C5.07508 21.4858 4.68677 20.9258 4.50571 20.2902V20.2916ZM22.4689 19.4791C22.4676 20.28 22.1423 21.0478 21.5643 21.6141C20.9863 22.1804 20.2028 22.499 19.3855 22.5001H9.96211V1.49993H19.3855C20.2031 1.50087 20.987 1.8196 21.5652 2.3862C22.1433 2.95279 22.4685 3.72099 22.4695 4.52228L22.4689 19.4791ZM12.1574 13.218C12.1574 12.1451 12.5924 11.116 13.3665 10.3573C14.1407 9.59858 15.1907 9.17234 16.2856 9.17234C17.3805 9.17234 18.4305 9.59858 19.2047 10.3573C19.9789 11.116 20.4138 12.1451 20.4138 13.218C20.4138 13.3165 20.394 13.4141 20.3555 13.505C20.3171 13.596 20.2607 13.6787 20.1897 13.7483C20.1186 13.818 20.0342 13.8732 19.9414 13.9109C19.8485 13.9486 19.749 13.968 19.6485 13.968C19.548 13.968 19.4485 13.9486 19.3557 13.9109C19.2628 13.8732 19.1785 13.818 19.1074 13.7483C19.0364 13.6787 18.98 13.596 18.9415 13.505C18.9031 13.4141 18.8833 13.3165 18.8833 13.218C18.8833 12.5429 18.6096 11.8953 18.1224 11.4179C17.6353 10.9405 16.9746 10.6723 16.2856 10.6723C15.5967 10.6723 14.9359 10.9405 14.4488 11.4179C13.9616 11.8953 13.6879 12.5429 13.6879 13.218C13.6879 13.3165 13.6681 13.4141 13.6297 13.505C13.5912 13.596 13.5349 13.6787 13.4638 13.7483C13.3927 13.818 13.3084 13.8732 13.2155 13.9109C13.1227 13.9486 13.0232 13.968 12.9227 13.968C12.8222 13.968 12.7227 13.9486 12.6298 13.9109C12.537 13.8732 12.4526 13.818 12.3816 13.7483C12.3105 13.6787 12.2541 13.596 12.2157 13.505C12.1772 13.4141 12.1574 13.3165 12.1574 13.218ZM16.2856 8.83396C16.7228 8.83396 17.1502 8.70691 17.5137 8.46888C17.8772 8.23085 18.1605 7.89253 18.3278 7.4967C18.4951 7.10086 18.5389 6.6653 18.4536 6.24509C18.3683 5.82487 18.1578 5.43888 17.8486 5.13592C17.5395 4.83297 17.1456 4.62665 16.7168 4.54306C16.2881 4.45948 15.8436 4.50238 15.4397 4.66634C15.0358 4.8303 14.6906 5.10795 14.4477 5.46419C14.2048 5.82043 14.0752 6.23926 14.0752 6.6677C14.0758 7.24203 14.3089 7.79265 14.7233 8.19876C15.1377 8.60487 15.6996 8.83331 16.2856 8.83396ZM16.2856 6.00082C16.4201 6.00082 16.5516 6.03992 16.6635 6.11317C16.7754 6.18641 16.8625 6.29052 16.914 6.41233C16.9655 6.53413 16.979 6.66817 16.9527 6.79748C16.9265 6.92678 16.8617 7.04556 16.7666 7.13879C16.6715 7.23202 16.5503 7.2955 16.4183 7.32122C16.2864 7.34695 16.1496 7.33374 16.0253 7.28329C15.901 7.23284 15.7948 7.1474 15.72 7.03777C15.6453 6.92815 15.6054 6.79927 15.6054 6.66743C15.6056 6.4907 15.6774 6.32127 15.8049 6.19631C15.9324 6.07134 16.1053 6.00104 16.2856 6.00082ZM20.2137 16.0553C20.2138 16.1538 20.194 16.2514 20.1556 16.3424C20.1171 16.4334 20.0608 16.5161 19.9897 16.5858C19.9186 16.6555 19.8343 16.7107 19.7414 16.7484C19.6485 16.7861 19.549 16.8055 19.4485 16.8055H13.1227C13.021 16.8074 12.9199 16.7895 12.8253 16.7526C12.7308 16.7158 12.6446 16.6608 12.572 16.591C12.4993 16.5211 12.4416 16.4378 12.4023 16.3458C12.3629 16.2539 12.3426 16.1552 12.3426 16.0554C12.3426 15.9557 12.3629 15.857 12.4023 15.765C12.4416 15.6731 12.4993 15.5897 12.572 15.5199C12.6446 15.45 12.7308 15.3951 12.8253 15.3583C12.9199 15.3214 13.021 15.3034 13.1227 15.3053H19.4485C19.6514 15.3053 19.8461 15.3843 19.9896 15.525C20.1331 15.6656 20.2137 15.8564 20.2137 16.0553ZM21.5204 18.7491C21.5204 18.9481 21.4398 19.1389 21.2963 19.2795C21.1528 19.4202 20.9581 19.4993 20.7551 19.4994H11.8161C11.6156 19.4956 11.4247 19.4149 11.2842 19.2747C11.1438 19.1344 11.0652 18.9458 11.0652 18.7493C11.0652 18.5528 11.1438 18.3641 11.2842 18.2239C11.4247 18.0836 11.6156 18.0029 11.8161 17.9992H20.7551C20.9581 17.9992 21.1527 18.0783 21.2962 18.2189C21.4397 18.3595 21.5203 18.5503 21.5204 18.7491Z", fill: parseColor(color) }) }) }));
+};
+export default ContactOverviewIcon;

package/dist/components/assets/icons/Identifier/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const IdentifierIcon: FC<Props>;
+export default IdentifierIcon;

package/dist/components/assets/icons/Identifier/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseColor } from '@sphereon/ui-components.core';
+const IdentifierIcon = (props) => {
+    const { size = 24, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M9.4242 0.0177199C9.82937 -0.0718548 10.2289 0.186918 10.319 0.596394C10.4076 1.00446 10.1515 1.4097 9.74779 1.49927C7.23238 2.05949 5.00825 3.5325 3.49744 5.63968C1.98791 7.74828 1.29434 10.3432 1.55322 12.9323C1.81207 15.5214 3.00223 17.9244 4.89866 19.6861C6.81194 21.462 9.26401 22.3834 11.8398 22.4829C12.2464 22.5099 12.5854 22.8241 12.5784 23.2535C12.5713 23.6829 12.2239 23.9843 11.8159 24C8.88124 23.9204 6.05351 22.8184 3.8829 20.8037C1.7164 18.7904 0.355978 16.0434 0.0606569 13.0845C-0.234776 10.1257 0.55586 7.15985 2.28205 4.75096C4.00823 2.34093 6.55022 0.657617 9.4242 0.0177199Z", fill: parseColor(color) }), _jsx("path", { d: "M22.3962 7.43524C22.7634 7.30728 23.1615 7.48358 23.3219 7.83192C24.294 10.6543 24.2251 13.7668 23.087 16.5306C21.9868 19.2008 19.8147 21.6862 17.1431 22.828C16.7858 22.9588 16.382 22.7982 16.2132 22.4441C16.0331 22.0673 16.1907 21.6138 16.5635 21.4318C18.8609 20.2502 20.7038 18.3705 21.7014 15.9479C22.7171 13.4853 22.6988 10.8407 21.911 8.32553C21.8238 7.9516 22.029 7.56318 22.3962 7.43524Z", fill: parseColor(color) }), _jsx("path", { d: "M3.91891 10.0275C4.32969 10.083 4.6195 10.4626 4.56606 10.8777C4.15106 14.7652 6.67771 18.5289 10.5409 19.3049C14.366 20.0741 18.2419 17.6385 19.2521 13.8308C19.3591 13.427 19.7699 13.1853 20.1708 13.2933C20.5704 13.4028 20.8081 13.8194 20.7012 14.2232C20.1089 16.4541 18.7007 18.3749 16.7594 19.595C14.2552 21.169 11.0928 21.4207 8.3802 20.2135C4.83642 18.6367 2.37294 14.5389 3.09179 10.6034C3.17902 10.2295 3.53485 9.97629 3.91891 10.0275Z", fill: parseColor(color) }), _jsx("path", { d: "M16.438 12.6807C16.5505 12.3125 16.9205 12.0835 17.3018 12.1603C17.7083 12.2414 17.9714 12.6409 17.8912 13.0518C17.5887 14.4224 16.8952 15.6595 15.8119 16.5581C14.7287 17.4552 13.3936 17.9031 12.0037 17.9344C11.5901 17.9344 11.2539 17.5946 11.2539 17.1766C11.2539 16.7571 11.5901 16.4173 12.0037 16.4173C13.0462 16.3946 14.0479 16.059 14.8596 15.3851C15.7163 14.6741 16.1693 13.7443 16.438 12.6807Z", fill: parseColor(color) }), _jsx("path", { d: "M10.2628 6.06382C11.5599 5.66569 13.1313 5.7041 14.3706 6.297C14.7055 6.479 14.856 6.89275 14.7083 7.25532C14.5592 7.61647 14.1638 7.80131 13.7995 7.6904C12.7838 7.32783 11.7483 7.19275 10.6988 7.51409C9.7014 7.81979 8.84039 8.46531 8.26081 9.34115C7.68259 10.2156 7.42235 11.2663 7.52503 12.3142C7.63195 13.4176 8.15388 14.3333 8.87277 15.1423C9.11334 15.4408 9.09645 15.8802 8.82212 16.1589C8.54639 16.4362 8.11166 16.4532 7.81764 16.2101C6.7991 15.2873 6.16319 13.82 6.03098 12.4635C5.89452 11.0659 6.24201 9.66532 7.01436 8.49782C7.7853 7.3305 8.93335 6.47048 10.2628 6.06382Z", fill: parseColor(color) }), _jsx("path", { d: "M11.4193 8.89305C12.0017 8.77646 12.6052 8.83617 13.1525 9.06509C13.7011 9.29543 14.171 9.68358 14.5002 10.1827C14.8308 10.6817 15.0053 11.2675 15.0067 11.8675C15.0067 12.287 14.6704 12.6268 14.2554 12.6268C13.8418 12.6268 13.5056 12.287 13.5056 11.8675C13.5056 11.5675 13.417 11.2746 13.2524 11.0258C13.0878 10.7756 12.8528 10.5822 12.5799 10.467C12.3056 10.3518 12.0031 10.322 11.7119 10.3803C11.4207 10.4386 11.1534 10.5836 10.9438 10.7954C10.7341 11.0073 10.5906 11.2774 10.533 11.5718C10.4753 11.8661 10.5048 12.1718 10.6188 12.4491C10.7327 12.7249 10.9241 12.9624 11.1702 13.1287C11.4488 13.3164 11.7555 13.3747 12.0818 13.3889C12.4603 13.4273 12.7543 13.75 12.7557 14.1425C12.7557 14.5349 12.4603 14.8591 12.0818 14.8975C11.4572 14.8875 10.8649 14.7467 10.3374 14.3899C9.84357 14.0572 9.45951 13.5822 9.2316 13.0277C9.0051 12.4747 8.94602 11.8647 9.06138 11.276C9.17674 10.6874 9.46233 10.1471 9.88295 9.72339C10.3022 9.29967 10.8368 9.00963 11.4193 8.89305Z", fill: parseColor(color) }), _jsx("path", { d: "M10.1552 2.9796C12.392 2.5047 14.7248 2.90709 16.6786 4.10572C18.6326 5.30434 20.0634 7.20958 20.678 9.43492C20.768 9.83589 20.5669 10.2539 20.1575 10.3705C19.7579 10.4828 19.3443 10.2468 19.2332 9.84299C18.6761 8.00028 17.545 6.41208 15.9004 5.40266C14.2713 4.40452 12.3285 4.06896 10.4629 4.46425C8.59887 4.86093 6.95429 5.95862 5.86131 7.53543C5.60949 7.85961 5.16493 7.96767 4.81606 7.72169C4.47701 7.4814 4.394 7.00794 4.63176 6.66528C5.99074 4.80408 7.89582 3.46018 10.1552 2.9796Z", fill: parseColor(color) }), _jsx("path", { d: "M13.0987 0.716889C13.176 0.304559 13.5685 0.0344043 13.9765 0.11259C16.7916 0.699817 19.611 2.29512 21.2918 4.70216C21.4916 5.02919 21.4185 5.46283 21.1104 5.70172C20.7826 5.95765 20.3099 5.89366 20.058 5.56238C18.398 3.48224 16.1739 2.22388 13.6204 1.58541C13.256 1.4745 13.0255 1.10221 13.0987 0.716889Z", fill: parseColor(color) })] }) }));
+};
+export default IdentifierIcon;

package/dist/components/assets/icons/IssueCredential/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const IssueCredentialIcon: FC<Props>;
+export default IssueCredentialIcon;

package/dist/components/assets/icons/IssueCredential/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseColor } from '@sphereon/ui-components.core';
+const IssueCredentialIcon = (props) => {
+    const { size = 26, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1.04;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M23.0244 0.900391C23.5951 0.900391 24.0858 1.06973 24.4893 1.41211C24.8946 1.75605 25.0995 2.19154 25.0996 2.71191V7.62305H2.21582V14.2881C2.21594 14.4378 2.28703 14.5832 2.4502 14.7246C2.61274 14.8654 2.78739 14.9326 2.97559 14.9326H15.3213V16.0996H2.97559C2.40495 16.0996 1.91421 15.9304 1.51074 15.5879C1.10531 15.2436 0.900391 14.8071 0.900391 14.2861V2.70312C0.900497 2.18251 1.10607 1.74824 1.51172 1.40723C1.91516 1.0682 2.40532 0.900391 2.97559 0.900391H23.0244ZM2.97559 2.06738C2.78739 2.06738 2.61274 2.13458 2.4502 2.27539C2.28703 2.41684 2.21594 2.56224 2.21582 2.71191V5.02246H23.7842V2.71191C23.7841 2.56224 23.713 2.41684 23.5498 2.27539C23.3873 2.13458 23.2126 2.06738 23.0244 2.06738H2.97559Z", fill: parseColor(color), stroke: parseColor(color), strokeWidth: "0.2" }), _jsx("path", { d: "M21.25 9.90039C21.4778 9.90039 21.6621 10.0847 21.6621 10.3125V13.3379H24.6875C24.9153 13.3379 25.0996 13.5222 25.0996 13.75C25.0996 13.9778 24.9153 14.1621 24.6875 14.1621H21.6621V17.1875C21.6621 17.4153 21.4778 17.5996 21.25 17.5996C21.0222 17.5996 20.8379 17.4153 20.8379 17.1875V14.1621H17.8125C17.5847 14.1621 17.4004 13.9778 17.4004 13.75C17.4004 13.5222 17.5847 13.3379 17.8125 13.3379H20.8379V10.3125C20.8379 10.0847 21.0222 9.90039 21.25 9.90039Z", fill: parseColor(color), stroke: parseColor(color), strokeWidth: "0.2" })] }) }));
+};
+export default IssueCredentialIcon;

package/dist/components/assets/icons/IssuedCredential/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const IssuedCredentialIcon: FC<Props>;
+export default IssuedCredentialIcon;

package/dist/components/assets/icons/IssuedCredential/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseColor } from '@sphereon/ui-components.core';
+const IssuedCredentialIcon = (props) => {
+    const { size = 26, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1.0833;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 26 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M23.0244 4.39258C23.5951 4.39258 24.0858 4.56191 24.4893 4.9043C24.8946 5.24823 25.0995 5.68373 25.0996 6.2041V11.1152H2.21582V17.7803C2.21594 17.9299 2.28703 18.0753 2.4502 18.2168C2.61274 18.3576 2.78739 18.4248 2.97559 18.4248H15.3213V19.5918H2.97559C2.40495 19.5918 1.91421 19.4226 1.51074 19.0801C1.10531 18.7358 0.900391 18.2993 0.900391 17.7783V6.19531C0.900497 5.6747 1.10607 5.24043 1.51172 4.89941C1.91516 4.56039 2.40532 4.39258 2.97559 4.39258H23.0244ZM2.97559 5.55957C2.78739 5.55957 2.61274 5.62677 2.4502 5.76758C2.28703 5.90903 2.21594 6.05443 2.21582 6.2041V8.51465H23.7842V6.2041C23.7841 6.05443 23.713 5.90903 23.5498 5.76758C23.3873 5.62677 23.2126 5.55957 23.0244 5.55957H2.97559Z", fill: parseColor(color), stroke: parseColor(color), strokeWidth: "0.2" }), _jsx("path", { d: "M17 16.6049H25M25 16.6049L21.8 19.5081M25 16.6049L21.8 13.7017", stroke: parseColor(color), strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
+};
+export default IssuedCredentialIcon;

package/dist/components/assets/icons/Management/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const ManagementIcon: FC<Props>;
+export default ManagementIcon;

package/dist/components/assets/icons/Management/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ManagementIcon = (props) => {
+    const { size = 24, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19.8408 1.37402C20.1344 0.808372 20.9495 0.808474 21.2432 1.37402L21.2441 1.37598L21.2705 1.43066V1.43262C21.8097 2.69772 22.733 3.7619 23.9082 4.46973L24.6455 4.91309L24.6465 4.91406L24.6934 4.94434L24.6953 4.94531C25.1681 5.27543 25.1679 5.98407 24.6953 6.31543L24.6943 6.31641L24.667 6.27441L24.6934 6.31641L24.6465 6.3457L24.6455 6.34668L23.9082 6.79102C23.5166 7.02786 23.1521 7.30304 22.8213 7.6123C22.8965 7.98655 22.9375 8.37475 22.9375 8.77148V19.2412C22.9375 22.4489 20.3481 25.0498 17.1543 25.0498H6.73242C3.53882 25.0498 0.950195 22.4491 0.950195 19.2412V8.77148C0.950195 5.56378 3.53865 2.96193 6.73242 2.96191H17.1543C17.6944 2.96191 18.2185 3.03746 18.7148 3.17676C19.1674 2.66002 19.5408 2.07268 19.8135 1.43262L19.8145 1.43066L19.8408 1.37598V1.37402ZM6.73242 4.10938C4.17047 4.10939 2.09302 6.19646 2.09277 8.77051V19.2412C2.09283 21.8156 4.17052 23.9023 6.73242 23.9023H17.1543C19.7164 23.9023 21.7949 21.8154 21.7949 19.2412V8.84082C21.6165 9.11728 21.4575 9.40719 21.3223 9.70898L21.2705 9.82715L21.2695 9.8291L21.2432 9.88379V9.88574C20.959 10.4343 20.1848 10.4515 19.8701 9.9375L19.8135 9.82715L19.7617 9.70898L19.6582 9.49121C19.1248 8.41223 18.3035 7.5001 17.2842 6.8584L17.1748 6.79004V6.78906L16.4385 6.34668C15.8994 6.0223 15.8994 5.23744 16.4385 4.91309L17.1758 4.46973C17.3443 4.36748 17.5067 4.25578 17.665 4.13965C17.4973 4.12128 17.3265 4.10938 17.1543 4.10938H6.73242ZM11.1621 7.15039C11.7658 7.15039 12.2549 7.64216 12.2549 8.24805V12.959C12.2549 13.5649 11.7658 14.0557 11.1621 14.0557H9.67676C9.70003 14.0857 9.72244 14.1174 9.74316 14.1514L12.3496 18.3408C12.2231 17.9662 12.1543 17.5649 12.1543 17.1475C12.1543 15.0965 13.8104 13.4326 15.8525 13.4326C17.8943 13.4329 19.5498 15.0967 19.5498 17.1475C19.5498 19.1982 17.8944 20.862 15.8525 20.8623C14.6266 20.8623 13.54 20.2619 12.8672 19.3389C12.9628 19.9682 12.4863 20.5995 11.7852 20.5996H5.84961C4.99076 20.5996 4.4681 19.6523 4.92188 18.9219L7.8916 14.1514V14.1504L7.93066 14.0898L7.93262 14.0879C7.94077 14.0767 7.95042 14.0666 7.95898 14.0557H6.47168C5.86821 14.0554 5.37988 13.5647 5.37988 12.959V8.24805C5.37988 7.64231 5.86821 7.15063 6.47168 7.15039H11.1621ZM15.8525 14.5801C14.4408 14.5801 13.2969 15.73 13.2969 17.1475C13.297 18.5661 14.4409 19.7148 15.8525 19.7148C17.264 19.7146 18.4071 18.566 18.4072 17.1475C18.4072 15.7301 17.2641 14.5803 15.8525 14.5801ZM5.93945 19.4531H11.6943L8.81641 14.8262L5.93945 19.4531ZM6.52246 12.9092H11.1123V8.29785H6.52246V12.9092ZM20.542 2.5459C19.8909 3.74179 18.9345 4.74838 17.7637 5.45312L17.4688 5.62988L17.7637 5.80762C18.9342 6.51228 19.8909 7.51818 20.542 8.71387C21.1931 7.51801 22.1505 6.51234 23.3213 5.80762L23.6152 5.62988L23.3213 5.45312C22.1503 4.74832 21.1932 3.74202 20.542 2.5459Z", fill: "#0A0D12", stroke: "#0A0D12", "stroke-width": "0.1" }) }) }) }));
+};
+export default ManagementIcon;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.34+59cfc5b",
+  "version": "0.4.1-unstable.35+173dd42",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -50,7 +50,7 @@
     "@mui/x-date-pickers": "^6.19.5",
     "@sphereon/ssi-sdk.data-store": "0.34.1-feature.SSISDK.45.94",
     "@sphereon/ssi-types": "0.34.1-feature.SSISDK.45.94",
-    "@sphereon/ui-components.core": "0.4.1-unstable.34+59cfc5b",
+    "@sphereon/ui-components.core": "0.4.1-unstable.35+173dd42",
     "@tanstack/react-table": "^8.9.3",
     "react-json-tree": "^0.18.0",
     "react-loader-spinner": "5.4.5",
@@ -69,5 +69,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "59cfc5b20e2b15e6d37712a60f5080580fabe45d"
+  "gitHead": "173dd420acab3df1eb8e26e98042b16999a1f0f7"
 }