woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

🚚 Prepare reusable module for new VStack

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 13:45:52 +01:00
parent a9e2f600ab
commit 4d60b8cff0
No known key found for this signature in database
3 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
modules/ppcp-settings/resources/js/Components/ReusableComponents/HStack.js → modules/ppcp-settings/resources/js/Components/ReusableComponents/Stack.js
View file

@ -1,12 +1,12 @@
/**
* Temporary component, until the experimental HStack block editor component is stable.
* Temporary component, until the experimental VStack/HStack block editor component is stable.
*
* @see https://wordpress.github.io/gutenberg/?path=/docs/components-experimental-hstack--docs
* @file
*/
import classNames from 'classnames';
const HStack = ( { className, spacing = 3, children } ) => {
export const HStack = ( { className, spacing = 3, children } ) => {
const wrapperClass = classNames(
'components-flex components-h-stack',
className
@ -22,5 +22,3 @@ const HStack = ( { className, spacing = 3, children } ) => {
</div>
);
};
export default HStack;

2
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Styling/Layout/StylingSectionWithCheckboxes.js
View file

@ -1,7 +1,7 @@
import classNames from 'classnames';
import { CheckboxGroup } from '../../../../../ReusableComponents/Fields';
import HStack from '../../../../../ReusableComponents/HStack';
import { HStack } from '../../../../../ReusableComponents/Stack';
import StylingSection from './StylingSection';
const StylingSectionWithCheckboxes = ( {

2
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Styling/Layout/StylingSectionWithRadiobuttons.js
View file

@ -1,7 +1,7 @@
import { RadioControl } from '@wordpress/components';
import classNames from 'classnames';
import HStack from '../../../../../ReusableComponents/HStack';
import { HStack } from '../../../../../ReusableComponents/Stack';
import StylingSection from './StylingSection';
const StylingSectionWithRadiobuttons = ( {