@@ -17,7 +17,7 @@ import { FormElement, FormElementProps } from './FormElement';
1717import { Icon } from './Icon' ;
1818import { AutoAlign , RectangleAlignment } from './AutoAlign' ;
1919import { DropdownMenuProps } from './DropdownMenu' ;
20- import { registerStyle , isElInChildren } from './util' ;
20+ import { isElInChildren } from './util' ;
2121import { ComponentSettingsContext } from './ComponentSettings' ;
2222import { useControlledValue , useEventCallback , useMergeRefs } from './hooks' ;
2323import { createFC } from './common' ;
@@ -185,18 +185,6 @@ const PicklistContext = createContext<{
185185 optionIdPrefix : '' ,
186186} ) ;
187187
188- /**
189- *
190- */
191- function useInitComponentStyle ( ) {
192- useEffect ( ( ) => {
193- registerStyle ( 'picklist' , [
194- [ '.react-picklist-input:focus-visible' , '{ outline: none; }' ] ,
195- [ '.react-picklist-input:not(:disabled)' , '{ cursor: pointer; }' ] ,
196- ] ) ;
197- } , [ ] ) ;
198- }
199-
200188/**
201189 *
202190 */
@@ -274,8 +262,6 @@ export const Picklist: (<MultiSelect extends boolean | undefined>(
274262 ...rprops
275263 } = props ;
276264
277- useInitComponentStyle ( ) ;
278-
279265 const fallbackId = useId ( ) ;
280266 const id = id_ ?? fallbackId ;
281267 const listboxId = `${ id } -listbox` ;
@@ -571,7 +557,6 @@ export const Picklist: (<MultiSelect extends boolean | undefined>(
571557 }
572558 ) ;
573559 const inputClassNames = classnames (
574- 'react-picklist-input' ,
575560 'slds-input_faux' ,
576561 'slds-combobox__input' ,
577562 {
0 commit comments