@sourceloop/search-element 9.0.3 → 9.0.5

package/README.md

@@ -148,22 +148,7 @@ You can also choose to use your own icons by providing classes for icons in the
 
 ### Required Global Styles
 
-The search component uses Angular CDK overlays for the dropdown, which require global styles to function properly. **You must import the library's stylesheet in your application:**
-
-#### Option 1: Import in your `styles.scss`
-
-```scss
-@import '@sourceloop/search-client/styles';
-```
-
-#### Option 2: Add to `angular.json`
-
-```json
-"styles": [
-  "node_modules/@sourceloop/search-client/styles.scss",
-  "src/styles.scss"
-]
-```
+The search component uses Angular CDK overlays for the dropdown, which require global styles to function properly.
 
 ### Styling and Theming
 
@@ -186,19 +171,15 @@ sourceloop-search {
   --search-icon-color: #33333380; /* Color of icons */
 }
 
-#### Example: Custom Theming
-
-To customize the search component, add the following to your `styles.scss` (after importing the library styles):
-
-```scss
-@import '@sourceloop/search-client/styles';
-
+####Example: Custom Theming To customize the search component, add the following
+    to your `component.scss` ```scss 
+    
 // Customize component colors
-sourceloop-search {
-  --search-dropdown-background: #0056b3;
-  --search-dropdown-text-color: #ffffff;
-  --search-border-hover: #0056b3;
-  --search-border-focus: #003d82;
+
+:host ::ng-deep sourceloop-search {
+  --search-border-hover: #5c26f1 !important;
+  --search-border-focus: #5c26f1 !important;
+  --search-dropdown-background: #5c26f2 !important;
 }
 ````
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sourceloop/search-element",
-  "version": "9.0.3",
+  "version": "9.0.5",
   "description": "A global search element for search microservice. ",
   "main": "./search-element.js",
   "private": false,
@@ -19,6 +19,6 @@
   },
   "author": "Sourcefuse",
   "license": "MIT",
-  "hash": "aaf134d1e02bc76d8e7158110c231c475142d2c8f091f831e43bcca14942a1cb",
-  "gitHead": "83f068c4ac6a36c7b71a89543b75beb5f3a6a17d"
+  "hash": "cdfa27b628b5a385adf84891044367c8d9fec53ddfa3059cdffa1a32311239f8",
+  "gitHead": "fd641651dcf79824c18a42fee501d83d95d93c95"
 }