diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss index 647569e555..1482ef1f0a 100644 --- a/.storybook/themes/news.scss +++ b/.storybook/themes/news.scss @@ -272,12 +272,18 @@ ), "ads-block-admin": ( "background-color": "$global.neutral-7", - "padding": "$global.spacing-4", - "border-radius": var(--border-radius), + "padding-block-start": "$global.spacing-4", + "padding-inline-end": "$global.spacing-4", + "padding-block-end": "$global.spacing-4", + "padding-inline-start": "$global.spacing-4", + "border-start-start-radius": var(--border-radius), + "border-start-end-radius": var(--border-radius), + "border-end-start-radius": var(--border-radius), + "border-end-end-radius": var(--border-radius), "components": ( "stack": ( "gap": "$global.spacing-4", - "padding-bottom": "$global.spacing-5" + "padding-block-end": "$global.spacing-5" ), "paragraph": ( "color": "$global.white" diff --git a/blocks/ads-block/index.story.jsx b/blocks/ads-block/index.story.jsx index 263ce80505..a7de05b9e6 100644 --- a/blocks/ads-block/index.story.jsx +++ b/blocks/ads-block/index.story.jsx @@ -36,3 +36,15 @@ export const adViewWithTopLabel = () => ; export const adViewHidingTopLabel = () => ( ); + +export const adminViewRightToLeft = () => ( +
+ +
+); + +export const adViewWithTopLabelRightToLeft = () => ( +
+ +
+); diff --git a/blocks/ads-block/themes/commerce.json b/blocks/ads-block/themes/commerce.json index 57e263829e..a020e4b8c4 100644 --- a/blocks/ads-block/themes/commerce.json +++ b/blocks/ads-block/themes/commerce.json @@ -19,12 +19,18 @@ "styles": { "default": { "background-color": "$global.neutral-7", - "padding": "$global.spacing-4", - "border-radius": "var(--border-radius)", + "padding-block-start": "$global.spacing-4", + "padding-inline-end": "$global.spacing-4", + "padding-block-end": "$global.spacing-4", + "padding-inline-start": "$global.spacing-4", + "border-start-start-radius": "var(--border-radius)", + "border-start-end-radius": "var(--border-radius)", + "border-end-start-radius": "var(--border-radius)", + "border-end-end-radius": "var(--border-radius)", "components": { "stack": { "gap": "$global.spacing-4", - "padding-bottom": "$global.spacing-5" + "padding-block-end": "$global.spacing-5" }, "paragraph": { "color": "$global.white" diff --git a/blocks/ads-block/themes/news.json b/blocks/ads-block/themes/news.json index 57e263829e..a020e4b8c4 100644 --- a/blocks/ads-block/themes/news.json +++ b/blocks/ads-block/themes/news.json @@ -19,12 +19,18 @@ "styles": { "default": { "background-color": "$global.neutral-7", - "padding": "$global.spacing-4", - "border-radius": "var(--border-radius)", + "padding-block-start": "$global.spacing-4", + "padding-inline-end": "$global.spacing-4", + "padding-block-end": "$global.spacing-4", + "padding-inline-start": "$global.spacing-4", + "border-start-start-radius": "var(--border-radius)", + "border-start-end-radius": "var(--border-radius)", + "border-end-start-radius": "var(--border-radius)", + "border-end-end-radius": "var(--border-radius)", "components": { "stack": { "gap": "$global.spacing-4", - "padding-bottom": "$global.spacing-5" + "padding-block-end": "$global.spacing-5" }, "paragraph": { "color": "$global.white"