Merge branch 'arc-themes-release-version-2.1.3' into THEMES-1215

WPMedia · Dec 4, 2023 · 3930bbc · 3930bbc
2 parents 209d5d4 + f7d0b65
commit 3930bbc
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 18 deletions.
diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
@@ -300,8 +300,8 @@
 							"flex": 0 0 auto
 						),
 						"button-large": (
-							"margin-bottom": var(--global-spacing-1),
-							"margin-top": var(--global-spacing-1),
+							"margin-block-end": var(--global-spacing-1),
+							"margin-block-start": var(--global-spacing-1),
 							"filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0))
 						),
 						"link": (
@@ -310,10 +310,10 @@
 							"font-family": var(--font-family-primary),
 							"font-size": var(--body-font-size-small),
 							"font-weight": var(--global-font-weight-7),
-							"padding-bottom": var(--global-spacing-5),
-							"padding-left": var(--global-spacing-4),
-							"padding-right": var(--global-spacing-5),
-							"padding-top": var(--global-spacing-5),
+							"padding-block-end": var(--global-spacing-5),
+							"padding-block-start": var(--global-spacing-5),
+							"padding-inline-end": var(--global-spacing-5),
+							"padding-inline-start": var(--global-spacing-4),
 							"text-decoration": none
 						),
 						"link-hover": (

diff --git a/blocks/alert-bar-block/index.story.jsx b/blocks/alert-bar-block/index.story.jsx
@@ -63,3 +63,17 @@ export const headlineWithReallyLongText = () => (
 		url={linkUrl}
 	/>
 );
+
+export const rightToLeft = () => (
+	<div dir="rtl">
+		<AlertBarPresentational
+			alertRef={null}
+			arcSite="story-book"
+			barAriaLabel="Alert bar"
+			closeAriaLabel="Close"
+			hideAlertHandler={null}
+			linkText={headlineText}
+			url={linkUrl}
+		/>
+	</div>
+);
diff --git a/blocks/alert-bar-block/themes/commerce.json b/blocks/alert-bar-block/themes/commerce.json
@@ -17,8 +17,8 @@
 						"flex": "0 0 auto"
 					},
 					"button-large": {
-						"margin-bottom": "var(--global-spacing-1)",
-						"margin-top": "var(--global-spacing-1)",
+						"margin-block-end": "var(--global-spacing-1)",
+						"margin-block-start": "var(--global-spacing-1)",
 						"filter": "drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0))"
 					},
 					"link": {
@@ -27,10 +27,10 @@
 						"font-family": "var(--font-family-primary)",
 						"font-size": "var(--body-font-size-small)",
 						"font-weight": "var(--global-font-weight-7)",
-						"padding-bottom": "var(--global-spacing-5)",
-						"padding-left": "var(--global-spacing-4)",
-						"padding-right": "var(--global-spacing-5)",
-						"padding-top": "var(--global-spacing-5)",
+						"padding-block-end": "var(--global-spacing-5)",
+						"padding-block-start": "var(--global-spacing-5)",
+						"padding-inline-end": "var(--global-spacing-5)",
+						"padding-inline-start": "var(--global-spacing-4)",
 						"text-decoration": "none"
 					},
 					"link-hover": {

diff --git a/blocks/alert-bar-block/themes/news.json b/blocks/alert-bar-block/themes/news.json
@@ -17,8 +17,8 @@
 						"flex": "0 0 auto"
 					},
 					"button-large": {
-						"margin-bottom": "var(--global-spacing-1)",
-						"margin-top": "var(--global-spacing-1)",
+						"margin-block-end": "var(--global-spacing-1)",
+						"margin-block-start": "var(--global-spacing-1)",
 						"filter": "drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0))"
 					},
 					"link": {
@@ -27,10 +27,10 @@
 						"font-family": "var(--font-family-primary)",
 						"font-size": "var(--body-font-size-small)",
 						"font-weight": "var(--global-font-weight-7)",
-						"padding-bottom": "var(--global-spacing-5)",
-						"padding-left": "var(--global-spacing-4)",
-						"padding-right": "var(--global-spacing-5)",
-						"padding-top": "var(--global-spacing-5)",
+						"padding-block-end": "var(--global-spacing-5)",
+						"padding-block-start": "var(--global-spacing-5)",
+						"padding-inline-end": "var(--global-spacing-5)",
+						"padding-inline-start": "var(--global-spacing-4)",
 						"text-decoration": "none"
 					},
 					"link-hover": {