@@ -17,7 +17,7 @@ import { FormElement, FormElementProps } from './FormElement';
1717import { Icon } from './Icon' ;
1818import { AutoAlign } 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' ;
@@ -150,20 +150,6 @@ const PicklistContext = createContext<{
150150 optionIdPrefix : '' ,
151151} ) ;
152152
153- /**
154- *
155- */
156- function useInitComponentStyle ( ) {
157- useEffect ( ( ) => {
158- registerStyle ( 'picklist' , [
159- [
160- '.react-slds-picklist-dropdown' ,
161- '{ left: 0; transform: translateX(0); }' ,
162- ] ,
163- ] ) ;
164- } , [ ] ) ;
165- }
166-
167153/**
168154 *
169155 */
@@ -241,8 +227,6 @@ export const Picklist: (<MultiSelect extends boolean | undefined>(
241227 ...rprops
242228 } = props ;
243229
244- useInitComponentStyle ( ) ;
245-
246230 const fallbackId = useId ( ) ;
247231 const id = id_ ?? fallbackId ;
248232 const listboxId = `${ id } -listbox` ;
@@ -547,7 +531,6 @@ export const Picklist: (<MultiSelect extends boolean | undefined>(
547531 }
548532 ) ;
549533 const dropdownClassNames = classnames (
550- 'react-slds-picklist-dropdown' ,
551534 'slds-dropdown' ,
552535 'slds-dropdown_length-5' ,
553536 menuSize ? `slds-dropdown_${ menuSize } ` : 'slds-dropdown_fluid'
0 commit comments