chore: replace spacing with gap

strapi · Mar 7, 2023 · d9c19a6 · d9c19a6
1 parent cabb975
commit d9c19a6
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js b/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js
@@ -29,7 +29,7 @@ const NonRepeatableComponent = ({ componentUid, isFromDynamicZone, isNested, nam
       hasRadius={isNested}
       borderColor={isNested ? 'neutral200' : ''}
     >
-      <Flex direction="column" alignItems="stretch" spacing={6}>
+      <Flex direction="column" alignItems="stretch" gap={6}>
         {fields.map((fieldRow, key) => {
           return (
             <Grid gap={4} key={key}>

diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js
@@ -167,7 +167,7 @@ const Header = ({
         isOpen={showWarningUnpublish}
       >
         <DialogBody icon={<ExclamationMarkCircle />}>
-          <Flex direction="column" alignItems="stretch" spacing={2}>
+          <Flex direction="column" alignItems="stretch" gap={2}>
             <Flex justifyContent="center" style={{ textAlign: 'center' }}>
               <Typography id="confirm-description">
                 {formatMessage(

diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js
@@ -158,7 +158,7 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
                       </Typography>
                     </CenteredBox>
                   </Column>
-                  <Flex direction="column" alignItems="stretch" spacing={6}>
+                  <Flex direction="column" alignItems="stretch" gap={6}>
                     <Grid gap={4}>
                       <GridItem col={6}>
                         <TextInput

diff --git a/...admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js b/...admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js
@@ -31,7 +31,7 @@ const GlobalActions = ({ actions, isFormDisabled, kind }) => {
       <Flex alignItems="center" justifyContent="center" gap={0}>
         {displayedActions.map(({ label, actionId }) => {
           return (
-            <CenteredStack key={actionId} spacing={3}>
+            <CenteredStack direction="column" alignItems="stretch" key={actionId} gap={3}>
               <Typography variant="sigma" textColor="neutral500">
                 {formatMessage({
                   id: `Settings.roles.form.permissions.${label.toLowerCase()}`,