npm - @reltio/components - Versions diffs - 1.4.1584 → 1.4.1586-mui5 - Mend

@reltio/components 1.4.1584 → 1.4.1586-mui5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7708) hide show

package/src/icons/MlMatch.tsx ADDED Viewed

@@ -0,0 +1,116 @@
+import React from 'react';
+const SvgMlMatch: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg
+            width={192}
+            height={192}
+            viewBox="0 0 192 192"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+            {...props}
+        >
+            <defs>
+                <linearGradient x1="94.582%" y1="6.451%" x2="23.195%" y2="83.323%" id="MLMatch_svg__b">
+                    <stop stopColor="#CDE1FF" offset="0%" />
+                    <stop stopColor="#AFFBF4" offset="100%" />
+                </linearGradient>
+                <linearGradient x1="94.582%" y1="6.594%" x2="23.195%" y2="83.214%" id="MLMatch_svg__d">
+                    <stop stopColor="#FFF" offset="0%" />
+                    <stop stopColor="#FDFFFF" offset="100%" />
+                </linearGradient>
+                <linearGradient x1="93.837%" y1="55.274%" x2="29.292%" y2="-20.431%" id="MLMatch_svg__g">
+                    <stop stopColor="#FFFCC7" stopOpacity={0} offset="0%" />
+                    <stop stopColor="#FFF470" offset="100%" />
+                </linearGradient>
+                <linearGradient x1="50%" y1="0%" x2="50%" y2="98.152%" id="MLMatch_svg__i">
+                    <stop stopColor="#83D6FF" offset="0%" />
+                    <stop stopColor="#72B9EF" offset="100%" />
+                </linearGradient>
+                <path
+                    d="M1.821 66.003L34.263 9.94C36.633 5.813 45.673.594 51.398.072l64.445-.064c5.06-.241 14.821 5.084 17.888 10.395l31.467 54.503c3.186 5.518 2.765 16.592-.13 22.117l-30.948 53.481c-3.776 5.127-14.165 11.126-19.57 11.328l-62.134.061c-5.51-.264-15.934-5.764-18.758-10.655L1.856 86.155C-.846 81.475-.37 70.648 1.82 66.003z"
+                    id="MLMatch_svg__a"
+                />
+                <path
+                    d="M11.109 67.042l28.713-49.618C41.92 13.77 49.931 9.158 55.006 8.7l57.143.005c4.486-.209 13.147 4.516 15.871 9.223l27.954 48.298c2.83 4.89 2.467 14.696-.095 19.586l-27.391 47.334c-3.343 4.537-12.55 9.84-17.342 10.013l-55.094-.004c-4.886-.24-14.134-5.12-16.643-9.454L11.16 84.889c-2.4-4.147-1.989-13.735-.05-17.847z"
+                    id="MLMatch_svg__c"
+                />
+                <path
+                    d="M.995 0c26.4.684 47.59 22.234 47.59 48.72 0 26.23-23.795 34.53-23.795 56.987 0 3.703-3.011 6.705-6.725 6.705l-17.07-.001V68.985c6.466-1.238 11.353-6.923 11.353-13.75S7.46 42.722.995 41.485V0z"
+                    id="MLMatch_svg__e"
+                />
+                <path
+                    d="M47.353 0l-.087 41.235-.225.003c-7.588.167-13.688 6.37-13.688 13.997 0 7.683 6.19 13.92 13.854 14l-.091 43.265H27.887c-1.894-.56-3.197-1.234-3.91-2.025-.712-.79-1.357-2.275-1.933-4.455l-2.335-10.733c-.354-1.265-.674-2.183-.96-2.753-.286-.57-.784-1.281-1.494-2.134L2.002 70.367c-.846-.949-1.383-1.73-1.61-2.343-.228-.613-.356-1.626-.386-3.038V31.34c-.028-.785.044-1.37.216-1.757.173-.387.566-.848 1.18-1.382L28.368.885c.37-.367.665-.601.885-.704.22-.103.557-.163 1.01-.181h17.09z"
+                    id="MLMatch_svg__h"
+                />
+            </defs>
+            <g stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+                <g transform="translate(12 6)">
+                    <use fill="url(#MLMatch_svg__b)" xlinkHref="#MLMatch_svg__a" />
+                    <use fill="url(#MLMatch_svg__d)" opacity={0.5} xlinkHref="#MLMatch_svg__c" />
+                </g>
+                <g transform="translate(69.652 30.765)">
+                    <rect fill="#363636" x={15.457} y={132.745} width={21.151} height={23.158} rx={10.576} />
+                    <path
+                        d="M48.146 118.763v18.93c0 7.198-5.944 13.035-13.277 13.035h-16.71c-7.333 0-13.278-5.837-13.278-13.036v-18.929a13 13 0 01.023-.763h43.22a13 13 0 01.022.763z"
+                        fill="#717171"
+                    />
+                    <path
+                        d="M41.348 137.2c0 7.199-4.947 13.035-11.048 13.035H16.395c-6.101 0-11.047-5.836-11.047-13.035v-18.965h36V137.2z"
+                        fill="#828282"
+                    />
+                    <path
+                        d="M47.51 138.235a4 4 0 110 8H4.556a4 4 0 110-8h42.956zm0-11a4 4 0 110 8H4.556a4 4 0 110-8h42.956zm0-11a4 4 0 110 8H4.556a4 4 0 110-8h42.956z"
+                        fill="#B1B1B1"
+                    />
+                    <path d="M24.999 138.234v8h-16v-8h16zm0-11v8h-16v-8h16zm0-11v8h-16v-8h16z" fill="#C5C5C5" />
+                    <g transform="translate(27)">
+                        <mask id="MLMatch_svg__f" fill="#fff">
+                            <use xlinkHref="#MLMatch_svg__e" />
+                        </mask>
+                        <use fill="#FFD44B" xlinkHref="#MLMatch_svg__e" />
+                        <path
+                            d="M-49 48.729C-49 21.583-27.155 0-.207 0 26.74 0 48.585 21.817 48.585 48.729c0 26.227-23.75 34.525-23.75 56.98a6.708 6.708 0 01-6.713 6.703h-38.208a6.708 6.708 0 01-6.712-6.704C-26.798 85.217-49 75.875-49 48.73z"
+                            fill="#FFD347"
+                            mask="url(#MLMatch_svg__f)"
+                        />
+                        <path
+                            d="M-49 48.729C-49 21.583-27.155 0-.207 0 26.74 0 48.585 21.817 48.585 48.729c0 26.227-23.75 34.525-23.75 56.98a6.708 6.708 0 01-6.713 6.703h-38.208a6.708 6.708 0 01-6.712-6.704C-26.798 85.217-49 75.875-49 48.73z"
+                            fill="#FFDE72"
+                            mask="url(#MLMatch_svg__f)"
+                        />
+                        <path
+                            d="M11.965 48.645c.17-7.171 7.488-10.693 13.863-6.802 7.245 4.422 4.05 16.311-4.742 16.548l-.268.004h-3.227l-4.608 56.092-5.995-.253 4.413-51.248.185-4.592-10.592.001v-6h10.83l.139-3.585.002-.165zm10.737-1.681c-2.54-1.55-4.64-.58-4.737 1.766l-.005.284-.131 3.38 2.99.001c2.852 0 3.999-3.945 2.011-5.347l-.128-.084z"
+                            fill="#F3BE13"
+                            mask="url(#MLMatch_svg__f)"
+                        />
+                        <ellipse
+                            fill="url(#MLMatch_svg__g)"
+                            mask="url(#MLMatch_svg__f)"
+                            cx={-1.89}
+                            cy={48.245}
+                            rx={36.534}
+                            ry={36.667}
+                        />
+                    </g>
+                </g>
+                <g transform="translate(45.647 30.765)">
+                    <mask id="MLMatch_svg__j" fill="#fff">
+                        <use xlinkHref="#MLMatch_svg__h" />
+                    </mask>
+                    <use fill="url(#MLMatch_svg__i)" xlinkHref="#MLMatch_svg__h" />
+                    <path
+                        fill="#D6FCFA"
+                        fillRule="nonzero"
+                        opacity={0.5}
+                        mask="url(#MLMatch_svg__j)"
+                        d="M38.24 11.235v6l-3.55-.001-22.207 22.207h-18.13v-6H9.997l22.207-22.206zM25.682 40.779l13.8 13.799H50v6H36.997L21.439 45.021zM53.311 28.235v6h-13.65l-3.935 4.246-4.4-4.08 5.718-6.166zM14.248 52.235l20.52 20.52h3.695v6h-6.18l-20.52-20.52H-.647v-6zM21.353 84.235h8.95L40.4 94.332h16.753v6H37.915L27.817 90.235z"
+                    />
+                </g>
+                <circle fill="#008FD8" cx={94} cy={86} r={9} />
+            </g>
+        </svg>
+    );
+};
+export default SvgMlMatch;

package/src/icons/NegativeRuleIcon.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+const NegativeRuleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z"
+                fill="black"
+                fillOpacity="0.54"
+            />
+        </svg>
+    );
+};
+export default NegativeRuleIcon;

package/src/icons/NegativeRuleTooltipIcon.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+const NegativeRuleTooltipIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z"
+                fill="white"
+                fillOpacity="0.54"
+            />
+        </svg>
+    );
+};
+export default NegativeRuleTooltipIcon;

package/src/icons/NestedAttribute.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgNestedAttribute: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M14 11v-1a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-1h-3v1a1 1 0 01-1 1H6a1 1 0 01-1-1v-4a1 1 0 011-1h4a1 1 0 011 1v1h3z"
+                fill="#000"
+                stroke="none"
+                strokeWidth={1}
+                fillRule="evenodd"
+            />
+        </svg>
+    );
+};
+export default SvgNestedAttribute;

package/src/icons/NoData.tsx ADDED Viewed

@@ -0,0 +1,189 @@
+import React from 'react';
+const SvgNoData: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg
+            width={256}
+            height={256}
+            viewBox="0 0 256 256"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+            {...props}
+        >
+            <defs>
+                <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="NoData_svg__b">
+                    <stop stopColor="#FAFAFA" stopOpacity={0} offset="0%" />
+                    <stop stopColor="#F4F4F4" offset="100%" />
+                </linearGradient>
+                <linearGradient x1="69.573%" y1="86.747%" x2="38.144%" y2="33.403%" id="NoData_svg__d">
+                    <stop stopColor="#000" stopOpacity={0} offset="0%" />
+                    <stop stopColor="#000" offset="100%" />
+                </linearGradient>
+                <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="NoData_svg__e">
+                    <stop stopColor="#EEFBFF" offset="0%" />
+                    <stop stopColor="#0072CE" offset="100%" />
+                </linearGradient>
+                <filter
+                    x="-7.7%"
+                    y="-7.5%"
+                    width="115.3%"
+                    height="115%"
+                    filterUnits="objectBoundingBox"
+                    id="NoData_svg__f"
+                >
+                    <feOffset dx={0} dy={2} in="SourceAlpha" result="shadowOffsetOuter1" />
+                    <feGaussianBlur stdDeviation={2} in="shadowOffsetOuter1" result="shadowBlurOuter1" />
+                    <feColorMatrix
+                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                        type="matrix"
+                        in="shadowBlurOuter1"
+                        result="shadowMatrixOuter1"
+                    />
+                    <feMerge>
+                        <feMergeNode in="shadowMatrixOuter1" />
+                        <feMergeNode in="SourceGraphic" />
+                    </feMerge>
+                </filter>
+                <circle id="NoData_svg__a" cx={128} cy={128} r={128} />
+            </defs>
+            <g stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+                <mask id="NoData_svg__c" fill="#fff">
+                    <use xlinkHref="#NoData_svg__a" />
+                </mask>
+                <use fillOpacity={0.1} fill="#0072CE" xlinkHref="#NoData_svg__a" />
+                <path fill="url(#NoData_svg__b)" mask="url(#NoData_svg__c)" d="M0 9h256v247H0z" />
+                <g mask="url(#NoData_svg__c)">
+                    <g transform="translate(29 37)">
+                        <g opacity={0.9} strokeWidth={1} fill="#FFF">
+                            <path fillOpacity={0.8} opacity={0.5} d="M14.565 8h228.144v176.476H14.565z" />
+                            <path d="M0 8.01C0 3.586 3.576 0 7.997 0h223.838a7.997 7.997 0 017.997 8.01v152.401c0 4.424-3.577 8.01-7.997 8.01H7.997A7.997 7.997 0 010 160.411V8.01z" />
+                        </g>
+                        <g strokeWidth={1} fill="none" transform="translate(19.986 42.105)">
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={195.862} cy={5.013} rx={3.997} ry={4.01} />
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={181.872} cy={5.013} rx={3.997} ry={4.01} />
+                            <path
+                                d="M9.493 1.003a9.493 9.493 0 019.494 9.493v.06a9.493 9.493 0 01-18.987 0v-.06a9.493 9.493 0 019.493-9.493z"
+                                fill="#E3EBF4"
+                            />
+                            <path
+                                d="M32.488.791h64.093a3.509 3.509 0 110 7.018H32.488a3.509 3.509 0 110-7.018z"
+                                fill="#B1AABD"
+                                opacity={0.5}
+                            />
+                            <path
+                                d="M31.486 13.824h115.902a2.506 2.506 0 010 5.012H31.486a2.506 2.506 0 010-5.012z"
+                                fill="#B1AABD"
+                                opacity={0.43}
+                            />
+                            <path
+                                d="M30.483 22.846H67.88a1.504 1.504 0 110 3.008H30.483a1.504 1.504 0 110-3.008z"
+                                fill="#B1AABD"
+                                opacity={0.2}
+                            />
+                        </g>
+                        <rect
+                            fill="#645F6D"
+                            opacity={0.5}
+                            x={19.986}
+                            y={16.04}
+                            width={79.944}
+                            height={11.028}
+                            rx={5.514}
+                        />
+                        <g strokeWidth={1} fill="none" transform="translate(19.986 80.2)">
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={195.862} cy={5.013} rx={3.997} ry={4.01} />
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={181.872} cy={5.013} rx={3.997} ry={4.01} />
+                            <rect fill="#E3EBF4" x={0} y={1.003} width={18.987} height={19.048} rx={9.493} />
+                            <path
+                                d="M32.488.791h75.925a3.509 3.509 0 010 7.018H32.488a3.509 3.509 0 110-7.018z"
+                                fill="#B1AABD"
+                                opacity={0.5}
+                            />
+                            <path
+                                d="M31.486 13.824h128.893a2.506 2.506 0 110 5.012H31.486a2.506 2.506 0 010-5.012z"
+                                fill="#B1AABD"
+                                opacity={0.43}
+                            />
+                            <path
+                                d="M30.483 22.846h103.918a1.504 1.504 0 010 3.008H30.483a1.504 1.504 0 110-3.008z"
+                                fill="#B1AABD"
+                                opacity={0.2}
+                            />
+                        </g>
+                        <g strokeWidth={1} fill="none" transform="translate(19.986 118.296)">
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={195.862} cy={5.013} rx={3.997} ry={4.01} />
+                            <ellipse fill="#6DBCFF" opacity={0.5} cx={181.872} cy={5.013} rx={3.997} ry={4.01} />
+                            <path
+                                d="M9.493 1.003a9.493 9.493 0 019.494 9.493v.06a9.493 9.493 0 01-18.987 0v-.06a9.493 9.493 0 019.493-9.493z"
+                                fill="#E3EBF4"
+                            />
+                            <path
+                                d="M32.488.791h101.906a3.509 3.509 0 010 7.018H32.488a3.509 3.509 0 110-7.018z"
+                                fill="#B1AABD"
+                                opacity={0.5}
+                            />
+                            <path
+                                d="M31.486 13.824h84.924a2.506 2.506 0 010 5.012H31.486a2.506 2.506 0 010-5.012z"
+                                fill="#B1AABD"
+                                opacity={0.43}
+                            />
+                            <path
+                                d="M30.483 22.846H67.88a1.504 1.504 0 110 3.008H30.483a1.504 1.504 0 110-3.008z"
+                                fill="#B1AABD"
+                                opacity={0.2}
+                            />
+                        </g>
+                    </g>
+                </g>
+                <g mask="url(#NoData_svg__c)">
+                    <path
+                        d="M154.445 45.134v154.072H36.625V45.134h.811C35.508 62.52 41.07 80.609 54.12 93.944c22.74 23.235 59.61 23.235 82.352 0 13.05-13.335 18.612-31.424 16.683-48.81h1.29z"
+                        fill="url(#NoData_svg__d)"
+                        opacity={0.1}
+                        transform="rotate(-30 291.014 34.548)"
+                    />
+                    <path
+                        d="M27.473 93.234c17.964 18.355 47.09 18.355 65.054 0s17.964-48.113 0-66.468c-17.964-18.355-47.09-18.355-65.054 0s-17.964 48.113 0 66.468z"
+                        fill="url(#NoData_svg__e)"
+                        opacity={0.2}
+                        transform="translate(70 86)"
+                    />
+                    <g filter="url(#NoData_svg__f)" strokeWidth={1} fill="none" transform="translate(70 86)">
+                        <path
+                            d="M59.697 0c32.97 0 59.697 26.746 59.697 59.738 0 15.185-5.662 29.047-14.988 39.587l51.204 51.24a89.336 89.336 0 01-10.097 9.392l-51.38-51.416c-9.73 6.888-21.61 10.936-34.436 10.936C26.727 119.477 0 92.73 0 59.738 0 26.746 26.727 0 59.697 0zm0 17.756c-23.17 0-41.953 18.796-41.953 41.982s18.783 41.982 41.953 41.982 41.953-18.796 41.953-41.982-18.783-41.982-41.953-41.982z"
+                            fill="#B5C8C9"
+                        />
+                        <path
+                            d="M21.508 105.656C8.365 94.698 0 78.196 0 59.738 0 26.746 26.727 0 59.697 0c18.444 0 34.935 8.37 45.885 21.523l-9.794 9.8c-8.408-10.68-21.45-17.537-36.091-17.537-25.361 0-45.92 20.573-45.92 45.952 0 14.652 6.852 27.702 17.525 36.117l-9.794 9.8z"
+                            fillOpacity={0.4}
+                            fill="#FFF"
+                        />
+                    </g>
+                    <path
+                        d="M97.473 179.234c17.964 18.355 47.09 18.355 65.054 0s17.964-48.113 0-66.468c-17.964-18.355-47.09-18.355-65.054 0s-17.964 48.113 0 66.468z"
+                        fill="#D9F5FF"
+                        opacity={0.4}
+                        style={{
+                            mixBlendMode: 'soft-light'
+                        }}
+                    />
+                    <path
+                        d="M123.885 158.736c0-3.929.444-7.03 1.332-9.304.888-2.274 2.328-4.245 4.32-5.914 1.99-1.668 3.504-3.195 4.54-4.581 1.037-1.386 1.555-2.913 1.555-4.581 0-4.064-1.75-6.095-5.248-6.095-1.614 0-2.92.592-3.915 1.776-.996 1.184-1.52 2.785-1.574 4.803H111.25c.054-5.382 1.75-9.573 5.086-12.574 3.337-3 8.02-4.5 14.047-4.5 6.001 0 10.65 1.386 13.946 4.157 3.297 2.772 4.945 6.714 4.945 11.827 0 2.234-.444 4.265-1.332 6.095-.888 1.83-2.315 3.7-4.279 5.61l-4.642 4.32c-1.318 1.265-2.233 2.563-2.745 3.895-.51 1.332-.793 3.02-.847 5.066h-11.545zm-1.655 12.27c0-1.99.72-3.625 2.16-4.904 1.44-1.278 3.236-1.917 5.389-1.917 2.152 0 3.949.64 5.388 1.917 1.44 1.279 2.16 2.913 2.16 4.905 0 1.991-.72 3.626-2.16 4.904-1.44 1.278-3.236 1.917-5.388 1.917-2.153 0-3.95-.639-5.389-1.917-1.44-1.278-2.16-2.913-2.16-4.904z"
+                        fillOpacity={0.87}
+                        fill="#000"
+                        style={{
+                            mixBlendMode: 'overlay'
+                        }}
+                    />
+                    <path
+                        d="M123.885 158.736c0-3.929.444-7.03 1.332-9.304.888-2.274 2.328-4.245 4.32-5.914 1.99-1.668 3.504-3.195 4.54-4.581 1.037-1.386 1.555-2.913 1.555-4.581 0-4.064-1.75-6.095-5.248-6.095-1.614 0-2.92.592-3.915 1.776-.996 1.184-1.52 2.785-1.574 4.803H111.25c.054-5.382 1.75-9.573 5.086-12.574 3.337-3 8.02-4.5 14.047-4.5 6.001 0 10.65 1.386 13.946 4.157 3.297 2.772 4.945 6.714 4.945 11.827 0 2.234-.444 4.265-1.332 6.095-.888 1.83-2.315 3.7-4.279 5.61l-4.642 4.32c-1.318 1.265-2.233 2.563-2.745 3.895-.51 1.332-.793 3.02-.847 5.066h-11.545zm-1.655 12.27c0-1.99.72-3.625 2.16-4.904 1.44-1.278 3.236-1.917 5.389-1.917 2.152 0 3.949.64 5.388 1.917 1.44 1.279 2.16 2.913 2.16 4.905 0 1.991-.72 3.626-2.16 4.904-1.44 1.278-3.236 1.917-5.388 1.917-2.153 0-3.95-.639-5.389-1.917-1.44-1.278-2.16-2.913-2.16-4.904z"
+                        fillOpacity={0.38}
+                        fill="#3C74B4"
+                    />
+                </g>
+            </g>
+        </svg>
+    );
+};
+export default SvgNoData;

package/src/icons/NoDataSearch.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+import React from 'react';
+const SvgNoDataSearch: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={79} height={68} viewBox="0 0 79 68" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <g stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+                <path
+                    d="M24.889 40.444V22.556H3.603v-2.334H24.89V3.89h2.333v16.333h23.334V3.89h2.333v16.333h18.157v2.334H52.889v17.888h18.157v2.334H52.889v17.396h-2.333V42.778H27.222v17.396H24.89V42.778H3.603v-2.334H24.89zm2.333 0h23.334V22.556H27.222v17.888z"
+                    fill="#D2DEDE"
+                    opacity={0.2}
+                />
+                <path
+                    d="M68.725 3.889H3.889v29.814l13.413-14.36 14.399 6.347 11.265-7.467h16.633l9.126-14.334zm2.053 4.016l-9.044 14.207H44.138l-12.06 7.994-13.818-6.091L3.889 39.4V59.89h66.889V7.905zM3 0h68.667a3 3 0 013 3v57.778a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3z"
+                    fill="#D2DEDE"
+                    opacity={0.5}
+                />
+                <path
+                    d="M66.732 52.044H64.79l-.689-.664a15.91 15.91 0 003.86-10.4c0-8.826-7.154-15.98-15.98-15.98C43.154 25 36 32.154 36 40.98c0 8.827 7.154 15.981 15.98 15.981a15.91 15.91 0 0010.4-3.86l.664.689v1.942L75.337 68 79 64.337 66.732 52.044zM52 52c-6.087 0-11-4.913-11-11s4.913-11 11-11 11 4.913 11 11-4.913 11-11 11z"
+                    fill="#B5C8C9"
+                    fillRule="nonzero"
+                />
+            </g>
+        </svg>
+    );
+};
+export default SvgNoDataSearch;

package/src/icons/NoMatches.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+const SvgNoMatches: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M16.8 15.6V7.2H8.4V6h8.4c.66 0 1.2.54 1.2 1.2v8.4h-1.2zM7.2 18c-.66 0-1.2-.54-1.2-1.2V9.6c0-.66.54-1.2 1.2-1.2h7.2c.66 0 1.2.54 1.2 1.2v7.2c0 .66-.54 1.2-1.2 1.2H7.2zm4.937-2.8l.663-.663-1.337-1.337 1.337-1.337-.663-.663-1.337 1.337L9.463 11.2l-.663.663 1.337 1.337L8.8 14.537l.663.663 1.337-1.337 1.337 1.337z"
+                fill="#fff"
+            />
+        </svg>
+    );
+};
+export default SvgNoMatches;

package/src/icons/NotMatchDark.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgNotMatchDark: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M17 1.5v3.638h-1.247l-11.03 11H2v2h3.55l11.029-11H17V10.5L21.5 6 17 1.5zM8.844 8.785L5.55 5.5H2v2h2.723l2.707 2.7 1.414-1.415zm4.835 4.822l-1.414 1.414 3.488 3.479H17v3.638l4.5-4.5-4.5-4.5V16.5h-.421l-2.9-2.893z"
+                fill="#000"
+                fillOpacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgNotMatchDark;

package/src/icons/NotMatchRule.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgNotMatchRule: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M3 20h15.002L21 23l1.27-1.27-20-20.01L1 2.99l6.172 6.175a4.007 4.007 0 002.66 2.662l2.23 2.23A10.754 10.754 0 0011 14c-2.67 0-8 1.34-8 4v2zm8-16a3.987 3.987 0 00-2.795 1.137l5.656 5.659A3.999 3.999 0 0011 4z"
+                fill="#000"
+                fillOpacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgNotMatchRule;

package/src/icons/Pin.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgPin: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M16 4v6l2 2v2h-5v7l-.992 1L11 21v-7H6v-2l2-2V4H7V2h10v2h-1z"
+                fill="#000"
+                fillOpacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgPin;

package/src/icons/PinOutlined.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgPinOutlined: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M16 10V4h1V2H7v2h1v6l-2 2v2h5v7l1.008 1L13 21v-7h5v-2l-2-2zm-6-6h4v7l1 1H9l1-1V4z"
+                fill="#000"
+                fillOpacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgPinOutlined;

package/src/icons/PivotingIcon.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgPivotingIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={11} height={11} viewBox="0 0 11 11" {...props}>
+            <path
+                d="M2.514 5h2.314V3l2.5 2.5-2.5 2.5V6h-3.8a4.5 4.5 0 10.73-3H.6a5.5 5.5 0 11-.577 3H0V5H2.514z"
+                fill="#6CACE4"
+                stroke="none"
+                strokeWidth={1}
+                fillRule="evenodd"
+            />
+        </svg>
+    );
+};
+export default SvgPivotingIcon;

package/src/icons/PmIcon.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+const SvgPmIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg viewBox="0 0 20 20" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M18.5 10L14 5.5V9h-3.5L5 3.5 3.5 5l6.04 6H14v3.5l4.5-4.5zM7.04 11.455L3.5 15 5 16.5l3.54-3.545-1.5-1.5z"
+            />
+        </svg>
+    );
+};
+export default SvgPmIcon;

package/src/icons/PmTaskIcon.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import React from 'react';
+const SvgPmTaskIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={28} height={28} viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <g stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+                <circle fill="#1976D2" cx={14} cy={14} r={14} />
+                <path
+                    d="M22.5 14L18 9.5V13h-3.5L9 7.5 7.5 9l6.04 6H18v3.5l4.5-4.5zm-11.46 1.46L7.5 19 9 20.5l3.54-3.54-1.5-1.5z"
+                    fill="#FFF"
+                    opacity={0.87}
+                />
+            </g>
+        </svg>
+    );
+};
+export default SvgPmTaskIcon;

package/src/icons/Polygon.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import React from 'react';
+const SvgPolygon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M3.796 11.99A2 2 0 114.855 8.19l5.19-3.77a2 2 0 113.911 0l5.19 3.77a2 2 0 111.058 3.798l-1.812 5.575a2 2 0 11-3.05 2.555H8.658a2 2 0 11-3.05-2.555L3.796 11.99zM5.987 9.77a1.991 1.991 0 01-.398 1.444l1.899 5.845c.596.15 1.086.566 1.334 1.115h6.356c.248-.55.738-.966 1.334-1.115l1.9-5.845a1.991 1.991 0 01-.4-1.444l-5.346-3.884a1.997 1.997 0 01-1.332 0L5.987 9.77z"
+                fill="#000"
+                fillRule="nonzero"
+                stroke="none"
+                strokeWidth={1}
+                opacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgPolygon;

package/src/icons/PotentialMatch.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+const SvgPotentialMatch: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M16.8 7.2v8.4H18V7.2c0-.66-.54-1.2-1.2-1.2H8.4v1.2h8.4zM6 16.8c0 .66.54 1.2 1.2 1.2h7.2c.66 0 1.2-.54 1.2-1.2V9.6c0-.66-.54-1.2-1.2-1.2H7.2c-.66 0-1.2.54-1.2 1.2v7.2z"
+                fill="#fff"
+            />
+        </svg>
+    );
+};
+export default SvgPotentialMatch;

package/src/icons/Profile.tsx ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+const SvgProfile: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M11.727 5c1.66 0 3 1.376 3 3.08 0 1.704-1.34 3.08-3 3.08s-3-1.376-3-3.08c0-1.704 1.34-3.08 3-3.08zM12 19c-2.5 0-4.71-1.365-6-3.435.03-2.122 4-3.285 6-3.285 1.99 0 5.97 1.163 6 3.285C16.71 17.635 14.5 19 12 19z"
+                fill="#fff"
+            />
+        </svg>
+    );
+};
+export default SvgProfile;

package/src/icons/Radius.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import React from 'react';
+const SvgRadius: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={18} height={18} viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M10.61 8.568A1.666 1.666 0 119.432 7.39l3.656-3.657a6.668 6.668 0 101.179 1.179L10.61 8.568zm-7.503 6.325A8.333 8.333 0 1114.893 3.107 8.333 8.333 0 013.107 14.893z"
+                fill="#000"
+                stroke="none"
+                strokeWidth={1}
+                fillRule="evenodd"
+                opacity={0.54}
+            />
+        </svg>
+    );
+};
+export default SvgRadius;

package/src/icons/Recommended.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgRecommended: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={13} height={18} viewBox="0 0 13 18" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <g transform="translate(-3 -1)" stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+                <path fill="#FF4081" d="M5.833 10h3.75v6.667l-3.75 1.666z" />
+                <path fill="#CE0C4E" d="M13.333 10v8.333l-3.75-1.666V10z" />
+                <circle fill="#FFC058" cx={9.583} cy={7.917} r={6.25} />
+                <circle fill="#FFCD7B" cx={9.583} cy={7.917} r={5.417} />
+                <path fill="#FFFBB5" d="M8.333 11.667L5 8.462l.933-.898 2.4 2.308L13.4 5l.933.897z" />
+            </g>
+        </svg>
+    );
+};
+export default SvgRecommended;

package/src/icons/ReferenceAttribute.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+const SvgReferenceAttribute: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width={24} height={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M10 18h3v-1a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-1H8V8H6a1 1 0 01-1-1V3a1 1 0 011-1h6a1 1 0 011 1v4a1 1 0 01-1 1h-2v3h3v-1a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-1h-3v5z"
+                fill="#000"
+                stroke="none"
+                strokeWidth={1}
+                fillRule="evenodd"
+            />
+        </svg>
+    );
+};
+export default SvgReferenceAttribute;