isPressed: isSelected

[38500] Fix | Delete

});

[38501] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[38502] Fix | Delete

className: dist_clsx(className, 'components-circular-option-picker__option-wrapper'),

[38503] Fix | Delete

children: [tooltipText ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(tooltip, {

[38504] Fix | Delete

text: tooltipText,

[38505] Fix | Delete

children: optionControl

[38506] Fix | Delete

}) : optionControl, isSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_build_module_icon, {

[38507] Fix | Delete

icon: library_check,

[38508] Fix | Delete

...selectedIconProps

[38509] Fix | Delete

})]

[38510] Fix | Delete

});

[38511] Fix | Delete

}

[38512] Fix | Delete

[38513] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/circular-option-picker-option-group.js

[38514] Fix | Delete

/**

[38515] Fix | Delete

* External dependencies

[38516] Fix | Delete

*/

[38517] Fix | Delete

[38518] Fix | Delete

[38519] Fix | Delete

/**

[38520] Fix | Delete

* Internal dependencies

[38521] Fix | Delete

*/

[38522] Fix | Delete

[38523] Fix | Delete

function OptionGroup({

[38524] Fix | Delete

className,

[38525] Fix | Delete

options,

[38526] Fix | Delete

...additionalProps

[38527] Fix | Delete

}) {

[38528] Fix | Delete

const role = 'aria-label' in additionalProps || 'aria-labelledby' in additionalProps ? 'group' : undefined;

[38529] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[38530] Fix | Delete

...additionalProps,

[38531] Fix | Delete

role: role,

[38532] Fix | Delete

className: dist_clsx('components-circular-option-picker__option-group', 'components-circular-option-picker__swatches', className),

[38533] Fix | Delete

children: options

[38534] Fix | Delete

});

[38535] Fix | Delete

}

[38536] Fix | Delete

[38537] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/circular-option-picker-actions.js

[38538] Fix | Delete

/**

[38539] Fix | Delete

* External dependencies

[38540] Fix | Delete

*/

[38541] Fix | Delete

[38542] Fix | Delete

[38543] Fix | Delete

/**

[38544] Fix | Delete

* Internal dependencies

[38545] Fix | Delete

*/

[38546] Fix | Delete

[38547] Fix | Delete

[38548] Fix | Delete

[38549] Fix | Delete

function DropdownLinkAction({

[38550] Fix | Delete

buttonProps,

[38551] Fix | Delete

className,

[38552] Fix | Delete

dropdownProps,

[38553] Fix | Delete

linkText

[38554] Fix | Delete

}) {

[38555] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dropdown, {

[38556] Fix | Delete

className: dist_clsx('components-circular-option-picker__dropdown-link-action', className),

[38557] Fix | Delete

renderToggle: ({

[38558] Fix | Delete

isOpen,

[38559] Fix | Delete

onToggle

[38560] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[38561] Fix | Delete

"aria-expanded": isOpen,

[38562] Fix | Delete

"aria-haspopup": "true",

[38563] Fix | Delete

onClick: onToggle,

[38564] Fix | Delete

variant: "link",

[38565] Fix | Delete

...buttonProps,

[38566] Fix | Delete

children: linkText

[38567] Fix | Delete

}),

[38568] Fix | Delete

...dropdownProps

[38569] Fix | Delete

});

[38570] Fix | Delete

}

[38571] Fix | Delete

function ButtonAction({

[38572] Fix | Delete

className,

[38573] Fix | Delete

children,

[38574] Fix | Delete

...additionalProps

[38575] Fix | Delete

}) {

[38576] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[38577] Fix | Delete

className: dist_clsx('components-circular-option-picker__clear', className),

[38578] Fix | Delete

variant: "tertiary",

[38579] Fix | Delete

...additionalProps,

[38580] Fix | Delete

children: children

[38581] Fix | Delete

});

[38582] Fix | Delete

}

[38583] Fix | Delete

[38584] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/circular-option-picker.js

[38585] Fix | Delete

/**

[38586] Fix | Delete

* External dependencies

[38587] Fix | Delete

*/

[38588] Fix | Delete

[38589] Fix | Delete

[38590] Fix | Delete

/**

[38591] Fix | Delete

* WordPress dependencies

[38592] Fix | Delete

*/

[38593] Fix | Delete

[38594] Fix | Delete

[38595] Fix | Delete

[38596] Fix | Delete

/**

[38597] Fix | Delete

* Internal dependencies

[38598] Fix | Delete

*/

[38599] Fix | Delete

[38600] Fix | Delete

[38601] Fix | Delete

[38602] Fix | Delete

[38603] Fix | Delete

[38604] Fix | Delete

[38605] Fix | Delete

/**

[38606] Fix | Delete

*`CircularOptionPicker` is a component that displays a set of options as circular buttons.

[38607] Fix | Delete

*

[38608] Fix | Delete

* ```jsx

[38609] Fix | Delete

* import { CircularOptionPicker } from '../circular-option-picker';

[38610] Fix | Delete

* import { useState } from '@wordpress/element';

[38611] Fix | Delete

*

[38612] Fix | Delete

* const Example = () => {

[38613] Fix | Delete

* const [ currentColor, setCurrentColor ] = useState();

[38614] Fix | Delete

* const colors = [

[38615] Fix | Delete

* { color: '#f00', name: 'Red' },

[38616] Fix | Delete

* { color: '#0f0', name: 'Green' },

[38617] Fix | Delete

* { color: '#00f', name: 'Blue' },

[38618] Fix | Delete

* ];

[38619] Fix | Delete

* const colorOptions = (

[38620] Fix | Delete

* <>

[38621] Fix | Delete

* { colors.map( ( { color, name }, index ) => {

[38622] Fix | Delete

* return (

[38623] Fix | Delete

* <CircularOptionPicker.Option

[38624] Fix | Delete

* key={ `${ color }-${ index }` }

[38625] Fix | Delete

* tooltipText={ name }

[38626] Fix | Delete

* style={ { backgroundColor: color, color } }

[38627] Fix | Delete

* isSelected={ index === currentColor }

[38628] Fix | Delete

* onClick={ () => setCurrentColor( index ) }

[38629] Fix | Delete

* aria-label={ name }

[38630] Fix | Delete

* />

[38631] Fix | Delete

* );

[38632] Fix | Delete

* } ) }

[38633] Fix | Delete

* </>

[38634] Fix | Delete

* );

[38635] Fix | Delete

* return (

[38636] Fix | Delete

* <CircularOptionPicker

[38637] Fix | Delete

* options={ colorOptions }

[38638] Fix | Delete

* actions={

[38639] Fix | Delete

* <CircularOptionPicker.ButtonAction

[38640] Fix | Delete

* onClick={ () => setCurrentColor( undefined ) }

[38641] Fix | Delete

* >

[38642] Fix | Delete

* { 'Clear' }

[38643] Fix | Delete

* </CircularOptionPicker.ButtonAction>

[38644] Fix | Delete

* }

[38645] Fix | Delete

* />

[38646] Fix | Delete

* );

[38647] Fix | Delete

* };

[38648] Fix | Delete

* ```

[38649] Fix | Delete

*/

[38650] Fix | Delete

[38651] Fix | Delete

[38652] Fix | Delete

function ListboxCircularOptionPicker(props) {

[38653] Fix | Delete

const {

[38654] Fix | Delete

actions,

[38655] Fix | Delete

options,

[38656] Fix | Delete

baseId,

[38657] Fix | Delete

className,

[38658] Fix | Delete

loop = true,

[38659] Fix | Delete

children,

[38660] Fix | Delete

...additionalProps

[38661] Fix | Delete

} = props;

[38662] Fix | Delete

const compositeStore = useCompositeStore({

[38663] Fix | Delete

focusLoop: loop,

[38664] Fix | Delete

rtl: (0,external_wp_i18n_namespaceObject.isRTL)()

[38665] Fix | Delete

});

[38666] Fix | Delete

const compositeContext = {

[38667] Fix | Delete

baseId,

[38668] Fix | Delete

compositeStore

[38669] Fix | Delete

};

[38670] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[38671] Fix | Delete

className: className,

[38672] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(CircularOptionPickerContext.Provider, {

[38673] Fix | Delete

value: compositeContext,

[38674] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Composite, {

[38675] Fix | Delete

...additionalProps,

[38676] Fix | Delete

id: baseId,

[38677] Fix | Delete

store: compositeStore,

[38678] Fix | Delete

role: "listbox",

[38679] Fix | Delete

children: options

[38680] Fix | Delete

}), children, actions]

[38681] Fix | Delete

})

[38682] Fix | Delete

});

[38683] Fix | Delete

}

[38684] Fix | Delete

function ButtonsCircularOptionPicker(props) {

[38685] Fix | Delete

const {

[38686] Fix | Delete

actions,

[38687] Fix | Delete

options,

[38688] Fix | Delete

children,

[38689] Fix | Delete

baseId,

[38690] Fix | Delete

...additionalProps

[38691] Fix | Delete

} = props;

[38692] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[38693] Fix | Delete

...additionalProps,

[38694] Fix | Delete

id: baseId,

[38695] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(CircularOptionPickerContext.Provider, {

[38696] Fix | Delete

value: {

[38697] Fix | Delete

baseId

[38698] Fix | Delete

},

[38699] Fix | Delete

children: [options, children, actions]

[38700] Fix | Delete

})

[38701] Fix | Delete

});

[38702] Fix | Delete

}

[38703] Fix | Delete

function CircularOptionPicker(props) {

[38704] Fix | Delete

const {

[38705] Fix | Delete

asButtons,

[38706] Fix | Delete

actions: actionsProp,

[38707] Fix | Delete

options: optionsProp,

[38708] Fix | Delete

children,

[38709] Fix | Delete

className,

[38710] Fix | Delete

...additionalProps

[38711] Fix | Delete

} = props;

[38712] Fix | Delete

const baseId = (0,external_wp_compose_namespaceObject.useInstanceId)(CircularOptionPicker, 'components-circular-option-picker', additionalProps.id);

[38713] Fix | Delete

const OptionPickerImplementation = asButtons ? ButtonsCircularOptionPicker : ListboxCircularOptionPicker;

[38714] Fix | Delete

const actions = actionsProp ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[38715] Fix | Delete

className: "components-circular-option-picker__custom-clear-wrapper",

[38716] Fix | Delete

children: actionsProp

[38717] Fix | Delete

}) : undefined;

[38718] Fix | Delete

const options = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[38719] Fix | Delete

className: "components-circular-option-picker__swatches",

[38720] Fix | Delete

children: optionsProp

[38721] Fix | Delete

});

[38722] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OptionPickerImplementation, {

[38723] Fix | Delete

...additionalProps,

[38724] Fix | Delete

baseId: baseId,

[38725] Fix | Delete

className: dist_clsx('components-circular-option-picker', className),

[38726] Fix | Delete

actions: actions,

[38727] Fix | Delete

options: options,

[38728] Fix | Delete

children: children

[38729] Fix | Delete

});

[38730] Fix | Delete

}

[38731] Fix | Delete

CircularOptionPicker.Option = Option;

[38732] Fix | Delete

CircularOptionPicker.OptionGroup = OptionGroup;

[38733] Fix | Delete

CircularOptionPicker.ButtonAction = ButtonAction;

[38734] Fix | Delete

CircularOptionPicker.DropdownLinkAction = DropdownLinkAction;

[38735] Fix | Delete

/* harmony default export */ const circular_option_picker = (CircularOptionPicker);

[38736] Fix | Delete

[38737] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/index.js

[38738] Fix | Delete

/**

[38739] Fix | Delete

* Internal dependencies

[38740] Fix | Delete

*/

[38741] Fix | Delete

[38742] Fix | Delete

[38743] Fix | Delete

[38744] Fix | Delete

[38745] Fix | Delete

/* harmony default export */ const build_module_circular_option_picker = (circular_option_picker);

[38746] Fix | Delete

[38747] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/v-stack/hook.js

[38748] Fix | Delete

/**

[38749] Fix | Delete

* Internal dependencies

[38750] Fix | Delete

*/

[38751] Fix | Delete

[38752] Fix | Delete

[38753] Fix | Delete

[38754] Fix | Delete

function useVStack(props) {

[38755] Fix | Delete

const {

[38756] Fix | Delete

expanded = false,

[38757] Fix | Delete

alignment = 'stretch',

[38758] Fix | Delete

...otherProps

[38759] Fix | Delete

} = useContextSystem(props, 'VStack');

[38760] Fix | Delete

const hStackProps = useHStack({

[38761] Fix | Delete

direction: 'column',

[38762] Fix | Delete

expanded,

[38763] Fix | Delete

alignment,

[38764] Fix | Delete

...otherProps

[38765] Fix | Delete

});

[38766] Fix | Delete

return hStackProps;

[38767] Fix | Delete

}

[38768] Fix | Delete

[38769] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/v-stack/component.js

[38770] Fix | Delete

/**

[38771] Fix | Delete

* External dependencies

[38772] Fix | Delete

*/

[38773] Fix | Delete

[38774] Fix | Delete

/**

[38775] Fix | Delete

* Internal dependencies

[38776] Fix | Delete

*/

[38777] Fix | Delete

[38778] Fix | Delete

[38779] Fix | Delete

[38780] Fix | Delete

[38781] Fix | Delete

[38782] Fix | Delete

function UnconnectedVStack(props, forwardedRef) {

[38783] Fix | Delete

const vStackProps = useVStack(props);

[38784] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[38785] Fix | Delete

...vStackProps,

[38786] Fix | Delete

ref: forwardedRef

[38787] Fix | Delete

});

[38788] Fix | Delete

}

[38789] Fix | Delete

[38790] Fix | Delete

/**

[38791] Fix | Delete

* `VStack` (or Vertical Stack) is a layout component that arranges child

[38792] Fix | Delete

* elements in a vertical line.

[38793] Fix | Delete

*

[38794] Fix | Delete

* `VStack` can render anything inside.

[38795] Fix | Delete

*

[38796] Fix | Delete

* ```jsx

[38797] Fix | Delete

* import {

[38798] Fix | Delete

* __experimentalText as Text,

[38799] Fix | Delete

* __experimentalVStack as VStack,

[38800] Fix | Delete

* } from `@wordpress/components`;

[38801] Fix | Delete

*

[38802] Fix | Delete

* function Example() {

[38803] Fix | Delete

* return (

[38804] Fix | Delete

* <VStack>

[38805] Fix | Delete

* <Text>Code</Text>

[38806] Fix | Delete

* <Text>is</Text>

[38807] Fix | Delete

* <Text>Poetry</Text>

[38808] Fix | Delete

* </VStack>

[38809] Fix | Delete

* );

[38810] Fix | Delete

* }

[38811] Fix | Delete

* ```

[38812] Fix | Delete

*/

[38813] Fix | Delete

const VStack = contextConnect(UnconnectedVStack, 'VStack');

[38814] Fix | Delete

/* harmony default export */ const v_stack_component = (VStack);

[38815] Fix | Delete

[38816] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/truncate/component.js

[38817] Fix | Delete

/**

[38818] Fix | Delete

* External dependencies

[38819] Fix | Delete

*/

[38820] Fix | Delete

[38821] Fix | Delete

/**

[38822] Fix | Delete

* Internal dependencies

[38823] Fix | Delete

*/

[38824] Fix | Delete

[38825] Fix | Delete

[38826] Fix | Delete

[38827] Fix | Delete

[38828] Fix | Delete

[38829] Fix | Delete

function UnconnectedTruncate(props, forwardedRef) {

[38830] Fix | Delete

const truncateProps = useTruncate(props);

[38831] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[38832] Fix | Delete

as: "span",

[38833] Fix | Delete

...truncateProps,

[38834] Fix | Delete

ref: forwardedRef

[38835] Fix | Delete

});

[38836] Fix | Delete

}

[38837] Fix | Delete

[38838] Fix | Delete

/**

[38839] Fix | Delete

* `Truncate` is a typography primitive that trims text content.

[38840] Fix | Delete

* For almost all cases, it is recommended that `Text`, `Heading`, or

[38841] Fix | Delete

* `Subheading` is used to render text content. However,`Truncate` is

[38842] Fix | Delete

* available for custom implementations.

[38843] Fix | Delete

*

[38844] Fix | Delete

* ```jsx

[38845] Fix | Delete

* import { __experimentalTruncate as Truncate } from `@wordpress/components`;

[38846] Fix | Delete

*

[38847] Fix | Delete

* function Example() {

[38848] Fix | Delete

* return (

[38849] Fix | Delete

* <Truncate>

[38850] Fix | Delete

* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex

[38851] Fix | Delete

* neque, vulputate a diam et, luctus convallis lacus. Vestibulum ac

[38852] Fix | Delete

* mollis mi. Morbi id elementum massa.

[38853] Fix | Delete

* </Truncate>

[38854] Fix | Delete

* );

[38855] Fix | Delete

* }

[38856] Fix | Delete

* ```

[38857] Fix | Delete

*/

[38858] Fix | Delete

const component_Truncate = contextConnect(UnconnectedTruncate, 'Truncate');

[38859] Fix | Delete

/* harmony default export */ const truncate_component = (component_Truncate);

[38860] Fix | Delete

[38861] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/heading/hook.js

[38862] Fix | Delete

/**

[38863] Fix | Delete

* Internal dependencies

[38864] Fix | Delete

*/

[38865] Fix | Delete

[38866] Fix | Delete

[38867] Fix | Delete

[38868] Fix | Delete

[38869] Fix | Delete

[38870] Fix | Delete

function useHeading(props) {

[38871] Fix | Delete

const {

[38872] Fix | Delete

as: asProp,

[38873] Fix | Delete

level = 2,

[38874] Fix | Delete

color = COLORS.gray[900],

[38875] Fix | Delete

isBlock = true,

[38876] Fix | Delete

weight = config_values.fontWeightHeading,

[38877] Fix | Delete

...otherProps

[38878] Fix | Delete

} = useContextSystem(props, 'Heading');

[38879] Fix | Delete

const as = asProp || `h${level}`;

[38880] Fix | Delete

const a11yProps = {};

[38881] Fix | Delete

if (typeof as === 'string' && as[0] !== 'h') {

[38882] Fix | Delete

// If not a semantic `h` element, add a11y props:

[38883] Fix | Delete

a11yProps.role = 'heading';

[38884] Fix | Delete

a11yProps['aria-level'] = typeof level === 'string' ? parseInt(level) : level;

[38885] Fix | Delete

}

[38886] Fix | Delete

const textProps = useText({

[38887] Fix | Delete

color,

[38888] Fix | Delete

isBlock,

[38889] Fix | Delete

weight,

[38890] Fix | Delete

size: getHeadingFontSize(level),

[38891] Fix | Delete

...otherProps

[38892] Fix | Delete

});

[38893] Fix | Delete

return {

[38894] Fix | Delete

...textProps,

[38895] Fix | Delete

...a11yProps,

[38896] Fix | Delete

as

[38897] Fix | Delete

};

[38898] Fix | Delete

}

[38899] Fix | Delete

[38900] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/heading/component.js

[38901] Fix | Delete

/**

[38902] Fix | Delete

* External dependencies

[38903] Fix | Delete

*/

[38904] Fix | Delete

[38905] Fix | Delete

/**

[38906] Fix | Delete

* Internal dependencies

[38907] Fix | Delete

*/

[38908] Fix | Delete

[38909] Fix | Delete

[38910] Fix | Delete

[38911] Fix | Delete

[38912] Fix | Delete

[38913] Fix | Delete

function UnconnectedHeading(props, forwardedRef) {

[38914] Fix | Delete

const headerProps = useHeading(props);

[38915] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[38916] Fix | Delete

...headerProps,

[38917] Fix | Delete

ref: forwardedRef

[38918] Fix | Delete

});

[38919] Fix | Delete

}

[38920] Fix | Delete

[38921] Fix | Delete

/**

[38922] Fix | Delete

* `Heading` renders headings and titles using the library's typography system.

[38923] Fix | Delete

*

[38924] Fix | Delete

* ```jsx

[38925] Fix | Delete

* import { __experimentalHeading as Heading } from "@wordpress/components";

[38926] Fix | Delete

*

[38927] Fix | Delete

* function Example() {

[38928] Fix | Delete

* return <Heading>Code is Poetry</Heading>;

[38929] Fix | Delete

* }

[38930] Fix | Delete

* ```

[38931] Fix | Delete

*/

[38932] Fix | Delete

const Heading = contextConnect(UnconnectedHeading, 'Heading');

[38933] Fix | Delete

/* harmony default export */ const heading_component = (Heading);

[38934] Fix | Delete

[38935] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-palette/styles.js

[38936] Fix | Delete

[38937] Fix | Delete

function color_palette_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[38938] Fix | Delete

/**

[38939] Fix | Delete

* External dependencies

[38940] Fix | Delete

*/

[38941] Fix | Delete

[38942] Fix | Delete

/**

[38943] Fix | Delete

* Internal dependencies

[38944] Fix | Delete

*/

[38945] Fix | Delete

[38946] Fix | Delete

const ColorHeading = /*#__PURE__*/emotion_styled_base_browser_esm(heading_component, true ? {

[38947] Fix | Delete

target: "ev9wop70"

[38948] Fix | Delete

} : 0)( true ? {

[38949] Fix | Delete

name: "13lxv2o",

[38950] Fix | Delete

styles: "text-transform:uppercase;line-height:24px;font-weight:500;&&&{font-size:11px;margin-bottom:0;}"

[38951] Fix | Delete

} : 0);

[38952] Fix | Delete

[38953] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown/styles.js

[38954] Fix | Delete

[38955] Fix | Delete

/**

[38956] Fix | Delete

* External dependencies

[38957] Fix | Delete

*/

[38958] Fix | Delete

[38959] Fix | Delete

/**

[38960] Fix | Delete

* Internal dependencies

[38961] Fix | Delete

*/

[38962] Fix | Delete

[38963] Fix | Delete

const padding = ({

[38964] Fix | Delete

paddingSize = 'small'

[38965] Fix | Delete

}) => {

[38966] Fix | Delete

if (paddingSize === 'none') {

[38967] Fix | Delete

return;

[38968] Fix | Delete

}

[38969] Fix | Delete

const paddingValues = {

[38970] Fix | Delete

small: space(2),

[38971] Fix | Delete

medium: space(4)

[38972] Fix | Delete

};

[38973] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css("padding:", paddingValues[paddingSize] || paddingValues.small, ";" + ( true ? "" : 0), true ? "" : 0);

[38974] Fix | Delete

};

[38975] Fix | Delete

const DropdownContentWrapperDiv = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[38976] Fix | Delete

target: "eovvns30"

[38977] Fix | Delete

} : 0)("margin-left:", space(-2), ";margin-right:", space(-2), ";&:first-of-type{margin-top:", space(-2), ";}&:last-of-type{margin-bottom:", space(-2), ";}", padding, ";" + ( true ? "" : 0));

[38978] Fix | Delete

[38979] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown/dropdown-content-wrapper.js

[38980] Fix | Delete

/**

[38981] Fix | Delete

* External dependencies

[38982] Fix | Delete

*/

[38983] Fix | Delete

[38984] Fix | Delete

/**

[38985] Fix | Delete

* Internal dependencies

[38986] Fix | Delete

*/

[38987] Fix | Delete

[38988] Fix | Delete

[38989] Fix | Delete

[38990] Fix | Delete

[38991] Fix | Delete

function UnconnectedDropdownContentWrapper(props, forwardedRef) {

[38992] Fix | Delete

const {

[38993] Fix | Delete

paddingSize = 'small',

[38994] Fix | Delete

...derivedProps

[38995] Fix | Delete

} = useContextSystem(props, 'DropdownContentWrapper');

[38996] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DropdownContentWrapperDiv, {

[38997] Fix | Delete

...derivedProps,

[38998] Fix | Delete

paddingSize: paddingSize,

[38999] Fix | Delete