@solidxai/core-ui 0.1.8-beta.1 → 0.1.8-beta.10

package/dist/components/core/common/PDFViewer.js

@@ -93,6 +93,6 @@ export default function PDFViewer(_a) {
     if (!url) {
         return (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg", children: _jsx("p", { className: "text-gray-500", children: "No PDF URL provided" }) }));
     }
-    return (_jsxs("div", { className: "flex flex-col items-center space-y-4 p-4", children: [loading && (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full", children: _jsx("p", { className: "text-gray-600", children: "Loading PDF..." }) })), error && (_jsx("div", { className: "flex items-center justify-center h-96 bg-red-50 rounded-lg w-full", children: _jsx("p", { className: "text-red-600", children: error }) })), blobUrl && !loading && !error && (_jsx(Document, { file: blobUrl, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, className: "border border-gray-300 rounded-lg shadow-lg", children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: true, renderAnnotationLayer: true }) })), numPages && (_jsxs("div", { className: "flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md", children: [_jsx("button", { onClick: goToPrevPage, disabled: pageNumber <= 1, className: "px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Previous" }), _jsxs("span", { className: "text-gray-700 font-medium", children: ["Page ", pageNumber, " of ", numPages] }), _jsx("button", { onClick: goToNextPage, disabled: pageNumber >= numPages, className: "px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Next" })] }))] }));
+    return (_jsxs("div", { className: "flex flex-col items-center space-y-4 p-4", children: [loading && (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full", children: _jsx("p", { className: "text-gray-600", children: "Loading PDF..." }) })), error && (_jsx("div", { className: "flex items-center justify-center h-96 bg-red-50 rounded-lg w-full", children: _jsx("p", { className: "text-red-600", children: error }) })), blobUrl && !loading && !error && (_jsx(Document, { file: blobUrl, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, className: "border border-gray-300 rounded-lg shadow-lg", children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: true, renderAnnotationLayer: true }) })), numPages && (_jsxs("div", { className: "flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md", children: [_jsx("button", { onClick: goToPrevPage, disabled: pageNumber <= 1, className: "px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Previous" }), _jsxs("span", { className: "text-gray-700 font-medium", children: ["Page ", pageNumber, " of ", numPages] }), _jsx("button", { onClick: goToNextPage, disabled: pageNumber >= numPages, className: "px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Next" })] }))] }));
 }
 //# sourceMappingURL=PDFViewer.js.map

package/dist/components/core/common/PDFViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,6CAA6C,CAAC;AACrD,OAAO,uCAAuC,CAAC;AAE/C,yCAAyC;AACzC,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,kDAA2C,KAAK,CAAC,OAAO,uBAAoB,CAAC;AAEnH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAY;IAA9C,iBA0GC;QA1GmC,GAAG,SAAA;IAC7B,IAAA,KAA0B,QAAQ,CAAM,IAAI,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IAC9C,IAAA,KAA8B,QAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,QAAA,EAAE,aAAa,QAAe,CAAC;IAC1C,IAAA,KAAwB,QAAQ,CAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IACvC,IAAA,KAAoB,QAAQ,CAAM,IAAI,CAAC,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAC;IACxC,IAAA,KAAwB,QAAQ,CAAgB,IAAI,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IAE5D,yCAAyC;IACzC,SAAS,CAAC;QACN,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,KAAK,CAAC,GAAG,CAAC;aACL,IAAI,CAAC,UAAO,GAAG;;;;;wBACZ,IAAI,CAAC,GAAG,CAAC,EAAE;4BAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;wBAEvC,qBAAM,GAAG,CAAC,IAAI,EAAE,EAAA;;wBAAvB,IAAI,GAAG,SAAgB;wBACvB,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;wBAC1C,UAAU,CAAC,OAAO,CAAC,CAAC;wBACpB,UAAU,CAAC,KAAK,CAAC,CAAC;;;;aACrB,CAAC;aACD,KAAK,CAAC,UAAC,GAAG;YACP,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;YACxC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,SAAS,qBAAqB,CAAC,EAAiB;YAAf,QAAQ,cAAA;QACrC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACtB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,mBAAmB,CAAC,GAAQ;QACjC,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;QACtC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IACrC,CAAC;IAED,IAAM,YAAY,GAAG,cAAM,OAAA,aAAa,CAAC,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAlB,CAAkB,CAAC,EAAxC,CAAwC,CAAC;IACpE,IAAM,YAAY,GAAG,cAAM,OAAA,aAAa,CAAC,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAzB,CAAyB,CAAC,EAA/C,CAA+C,CAAC;IAE3E,IAAI,CAAC,GAAG,EAAE;QACN,OAAO,CACH,cAAK,SAAS,EAAC,8DAA8D,YACzE,YAAG,SAAS,EAAC,eAAe,oCAAwB,GAClD,CACT,CAAC;KACL;IAED,OAAO,CACH,eAAK,SAAS,EAAC,0CAA0C,aACpD,OAAO,IAAI,CACR,cAAK,SAAS,EAAC,qEAAqE,YAChF,YAAG,SAAS,EAAC,eAAe,+BAAmB,GAC7C,CACT,EAEA,KAAK,IAAI,CACN,cAAK,SAAS,EAAC,mEAAmE,YAC9E,YAAG,SAAS,EAAC,cAAc,YAAE,KAAK,GAAK,GACrC,CACT,EAGA,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAC9B,KAAC,QAAQ,IACL,IAAI,EAAE,OAAO,EACb,aAAa,EAAE,qBAAqB,EACpC,WAAW,EAAE,mBAAmB,EAChC,SAAS,EAAC,6CAA6C,YAEvD,KAAC,IAAI,IACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,IAAI,EACrB,qBAAqB,EAAE,IAAI,GAC7B,GACK,CACd,EAEA,QAAQ,IAAI,CACT,eAAK,SAAS,EAAC,+DAA+D,aAC1E,iBACI,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAU,IAAI,CAAC,EACzB,SAAS,EAAC,6GAA6G,yBAGlH,EAET,gBAAM,SAAS,EAAC,2BAA2B,sBACjC,UAAU,UAAM,QAAQ,IAC3B,EAEP,iBACI,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,SAAS,EAAC,6GAA6G,qBAGlH,IACP,CACT,IACC,CACT,CAAC;AACN,CAAC","sourcesContent":["\n\nimport { useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/esm/Page/TextLayer.css';\n\n// Local worker recommended (avoids CORS)\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;\n\nexport default function PDFViewer({ url }: any) {\n    const [numPages, setNumPages] = useState<any>(null);\n    const [pageNumber, setPageNumber] = useState(1);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<any>(null);\n    const [blobUrl, setBlobUrl] = useState<string | null>(null);\n\n    // Convert signed URL → Blob → Object URL\n    useEffect(() => {\n        if (!url) return;\n\n        setLoading(true);\n        setError(null);\n\n        fetch(url)\n            .then(async (res) => {\n                if (!res.ok) throw new Error(\"Failed to fetch PDF\");\n\n                const blob = await res.blob();\n                const blobUrl = URL.createObjectURL(blob);\n                setBlobUrl(blobUrl);\n                setLoading(false);\n            })\n            .catch((err) => {\n                console.error(\"Blob fetch error:\", err);\n                setError(\"Failed to load PDF\");\n                setLoading(false);\n            });\n    }, [url]);\n\n    function onDocumentLoadSuccess({ numPages }: any) {\n        setNumPages(numPages);\n        setError(null);\n    }\n\n    function onDocumentLoadError(err: any) {\n        console.error(\"PDF load error:\", err);\n        setError(\"Failed to render PDF\");\n    }\n\n    const goToPrevPage = () => setPageNumber((p) => Math.max(p - 1, 1));\n    const goToNextPage = () => setPageNumber((p) => Math.min(p + 1, numPages));\n\n    if (!url) {\n        return (\n            <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg\">\n                <p className=\"text-gray-500\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col items-center space-y-4 p-4\">\n            {loading && (\n                <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full\">\n                    <p className=\"text-gray-600\">Loading PDF...</p>\n                </div>\n            )}\n\n            {error && (\n                <div className=\"flex items-center justify-center h-96 bg-red-50 rounded-lg w-full\">\n                    <p className=\"text-red-600\">{error}</p>\n                </div>\n            )}\n\n            {/* Render only after Blob URL is created */}\n            {blobUrl && !loading && !error && (\n                <Document\n                    file={blobUrl}\n                    onLoadSuccess={onDocumentLoadSuccess}\n                    onLoadError={onDocumentLoadError}\n                    className=\"border border-gray-300 rounded-lg shadow-lg\"\n                >\n                    <Page\n                        pageNumber={pageNumber}\n                        renderTextLayer={true}\n                        renderAnnotationLayer={true}\n                    />\n                </Document>\n            )}\n\n            {numPages && (\n                <div className=\"flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md\">\n                    <button\n                        onClick={goToPrevPage}\n                        disabled={pageNumber <= 1}\n                        className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Previous\n                    </button>\n\n                    <span className=\"text-gray-700 font-medium\">\n                        Page {pageNumber} of {numPages}\n                    </span>\n\n                    <button\n                        onClick={goToNextPage}\n                        disabled={pageNumber >= numPages}\n                        className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Next\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/esm/Page/TextLayer.css';\n\n// Local worker recommended (avoids CORS)\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;\n\nexport default function PDFViewer({ url }: any) {\n    const [numPages, setNumPages] = useState<any>(null);\n    const [pageNumber, setPageNumber] = useState(1);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<any>(null);\n    const [blobUrl, setBlobUrl] = useState<string | null>(null);\n\n    // Convert signed URL → Blob → Object URL\n    useEffect(() => {\n        if (!url) return;\n\n        setLoading(true);\n        setError(null);\n\n        fetch(url)\n            .then(async (res) => {\n                if (!res.ok) throw new Error(\"Failed to fetch PDF\");\n\n                const blob = await res.blob();\n                const blobUrl = URL.createObjectURL(blob);\n                setBlobUrl(blobUrl);\n                setLoading(false);\n            })\n            .catch((err) => {\n                console.error(\"Blob fetch error:\", err);\n                setError(\"Failed to load PDF\");\n                setLoading(false);\n            });\n    }, [url]);\n\n    function onDocumentLoadSuccess({ numPages }: any) {\n        setNumPages(numPages);\n        setError(null);\n    }\n\n    function onDocumentLoadError(err: any) {\n        console.error(\"PDF load error:\", err);\n        setError(\"Failed to render PDF\");\n    }\n\n    const goToPrevPage = () => setPageNumber((p) => Math.max(p - 1, 1));\n    const goToNextPage = () => setPageNumber((p) => Math.min(p + 1, numPages));\n\n    if (!url) {\n        return (\n            <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg\">\n                <p className=\"text-gray-500\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col items-center space-y-4 p-4\">\n            {loading && (\n                <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full\">\n                    <p className=\"text-gray-600\">Loading PDF...</p>\n                </div>\n            )}\n\n            {error && (\n                <div className=\"flex items-center justify-center h-96 bg-red-50 rounded-lg w-full\">\n                    <p className=\"text-red-600\">{error}</p>\n                </div>\n            )}\n\n            {/* Render only after Blob URL is created */}\n            {blobUrl && !loading && !error && (\n                <Document\n                    file={blobUrl}\n                    onLoadSuccess={onDocumentLoadSuccess}\n                    onLoadError={onDocumentLoadError}\n                    className=\"border border-gray-300 rounded-lg shadow-lg\"\n                >\n                    <Page\n                        pageNumber={pageNumber}\n                        renderTextLayer={true}\n                        renderAnnotationLayer={true}\n                    />\n                </Document>\n            )}\n\n            {numPages && (\n                <div className=\"flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md\">\n                    <button\n                        onClick={goToPrevPage}\n                        disabled={pageNumber <= 1}\n                        className=\"px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Previous\n                    </button>\n\n                    <span className=\"text-gray-700 font-medium\">\n                        Page {pageNumber} of {numPages}\n                    </span>\n\n                    <button\n                        onClick={goToNextPage}\n                        disabled={pageNumber >= numPages}\n                        className=\"px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Next\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/components/core/common/PDFViewer.tsx

@@ -94,7 +94,7 @@ export default function PDFViewer({ url }: any) {
                     <button
                         onClick={goToPrevPage}
                         disabled={pageNumber <= 1}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                        className="px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed"
                     >
                         Previous
                     </button>
@@ -106,7 +106,7 @@ export default function PDFViewer({ url }: any) {
                     <button
                         onClick={goToNextPage}
                         disabled={pageNumber >= numPages}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                        className="px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed"
                     >
                         Next
                     </button>

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -320,7 +320,7 @@
 
 .input:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px var(--ring);
+  border-color: var(--primary);
 }
 
 .roleBox {

package/dist/components/core/common/SolidGenericImport/SolidImport.module.css

@@ -75,12 +75,12 @@
 }
 
 :global(.solid-import-stepper-item:hover:not(:disabled)) {
-    box-shadow: 0 0 0 3px var(--ring);
+    background-color: color-mix(in srgb, var(--card) 90%, white 10%);
 }
 
 :global(.solid-import-stepper-item:focus-visible) {
     outline: none;
-    box-shadow: 0 0 0 3px var(--ring);
+    border-color: var(--primary);
 }
 
 :global(.solid-import-stepper-item:disabled) {
@@ -327,7 +327,6 @@
 
 :global(.solid-import-dropzone-shell:hover) {
     border-color: color-mix(in srgb, var(--primary) 52%, var(--border));
-    box-shadow: 0 0 0 3px var(--ring);
 }
 
 :global(.solid-import-dropzone-copy) {
@@ -568,7 +567,7 @@
 
 :global(.solid-import-mapping-remove:focus-visible) {
     outline: none;
-    box-shadow: 0 0 0 3px var(--ring);
+    border-color: #dc2626;
 }
 
 :global(.solid-import-mapping-remove-placeholder) {

package/dist/components/core/common/SolidGlobalSearchElement.js

@@ -1164,7 +1164,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
         var ruleCount = (_d = (_b = (_a = customFilter === null || customFilter === void 0 ? void 0 : customFilter.$or) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : (_c = customFilter === null || customFilter === void 0 ? void 0 : customFilter.$and) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : Object.keys(customFilter || {}).length;
         return (_jsx("li", { children: _jsxs("div", { className: "custom-filter-chip-type", children: [_jsxs("div", { className: "flex align-items-center gap-2 text-base", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", onClick: function () {
                                     setShowGlobalSearchElement(true);
-                                }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "#722ED1" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsxs("span", { children: [_jsx("strong", { children: ruleCount }), " rules applied"] })] }), _jsx("button", { type: "button", onClick: clearCustomFilter, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
+                                }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "var(--primary-color, var(--primary))" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsxs("span", { children: [_jsx("strong", { children: ruleCount }), " rules applied"] })] }), _jsx("button", { type: "button", onClick: clearCustomFilter, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
     };
     //saved filter related code start
     var applySavedFilter = function (savedfilter) {
@@ -1217,7 +1217,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                         });
                                     }); };
                                     fn();
-                                }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "#722ED1" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsx("span", { children: _jsx("strong", { children: currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.name }) })] }), _jsx("button", { type: "button", onClick: removeSavedFilter, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
+                                }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "var(--primary-color, var(--primary))" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsx("span", { children: _jsx("strong", { children: currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.name }) })] }), _jsx("button", { type: "button", onClick: removeSavedFilter, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
     };
     var removeGrouping = function () {
         setGroupingRules(defaultGroupingRules);
@@ -1226,7 +1226,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
         setRefreshKey(function (prev) { return prev + 1; });
     };
     var GroupingChip = function () {
-        return (_jsx("li", { className: "solid-global-search-chip", children: _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: function () { return setShowGroupFilterElement(true); }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "#722ED1" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsxs("span", { children: [_jsx("strong", { children: groupingRules.length }), " Grouping rules applied"] })] }), _jsx("button", { type: "button", onClick: removeGrouping, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
+        return (_jsx("li", { className: "solid-global-search-chip", children: _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: function () { return setShowGroupFilterElement(true); }, children: [_jsx("rect", { width: "20", height: "20", rx: "4", fill: "var(--primary-color, var(--primary))" }), _jsx("path", { d: "M8.66667 15V13.3333H11.3333V15H8.66667ZM6 10.8333V9.16667H14V10.8333H6ZM4 6.66667V5H16V6.66667H4Z", fill: "white" })] }), _jsxs("span", { children: [_jsx("strong", { children: groupingRules.length }), " Grouping rules applied"] })] }), _jsx("button", { type: "button", onClick: removeGrouping, style: { cursor: "pointer" }, className: "ml-1", children: _jsx(X, { size: 14 }) })] }) }));
     };
     //saved filter related code end
     // search related code start