chore: inline styles removed

ArathyKumar · ArathyKumar · commit 88a0a57d97d4 · 2025-05-22T19:14:10.000+05:30
diff --git a/elements/pf-search-input/pf-search-input.css b/elements/pf-search-input/pf-search-input.css
@@ -362,4 +362,11 @@ div.search-icon {
 	#close-button {
 		border-bottom: var(--pf-global--spacer--xs, 0.125rem) solid var(--pf-theme--color--accent, #0066cc);
 	}
+}
+
+div.visually-hidden {
+  width: 0;
+  height: 0;
+  padding: 0;
+  visibility: hidden;
 }
diff --git a/elements/pf-search-input/pf-search-input.ts b/elements/pf-search-input/pf-search-input.ts
@@ -213,7 +213,7 @@ export class PfSearchInput extends LitElement {
               </path>
             </svg>
           </pf-button>
-          <div style="width: 0px; height: 0px; padding: 0px; visibility: hidden;" id="toggle-button"></div>
+          <div class="visually-hidden" id="toggle-button"></div>
         </div>
         <div 
           id="listbox-container"

Original file line number	Diff line number	Diff line change
`@@ -362,4 +362,11 @@ div.search-icon {`
`362`	`362`	`#close-button {`
`363`	`363`	`border-bottom: var(--pf-global--spacer--xs, 0.125rem) solid var(--pf-theme--color--accent, #0066cc);`
`364`	`364`	`}`
	`365`	`+}`
	`366`	`+`
	`367`	`+div.visually-hidden {`
	`368`	`+ width: 0;`
	`369`	`+ height: 0;`
	`370`	`+ padding: 0;`
	`371`	`+ visibility: hidden;`
`365`	`372`	`}`