fix(actionbutton): prevent diacritic clipping in thai (#3256)

- add line-height to .spectrum-ActionButton-label
- add test case for Thai language
- for justified action groups, specify that the desired effect is for
them to grow to fill the available space (as opposed to allow allowing
flex-shrink)

Author: marissahuysentruyt

.changeset/calm-ears-think.md

@@ -0,0 +1,7 @@
+---
+"@spectrum-css/actiongroup": patch
+---
+
+Action group
+
+`flex: 1` has now changed to `flex-grow: 1` in the `.spectrum-ActionGroup--justified .spectrum-ActionGroup-item` selector to specify the desired behavior of justified action groups.

.changeset/fair-badgers-repeat.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/actionbutton": patch
+---
+
+Adds line-height on `.spectrum-ActionButton-label` in order to accommodate text with diacritics that may be cut off vertically.

components/actionbutton/index.css

@@ -234,6 +234,7 @@ a.spectrum-ActionButton {
 .spectrum-ActionButton-label {
 	@extend %spectrum-ButtonLabel;
 	pointer-events: none;
+	line-height: var(--spectrum-actionbutton-height);
 
 	font-size: var(--mod-actionbutton-font-size, var(--spectrum-actionbutton-font-size));
 	white-space: nowrap;

components/actionbutton/stories/actionbutton.test.js

@@ -75,6 +75,10 @@ export const ActionButtonGroup = Variants({
 			testHeading: "Static white",
 			staticColor: "white",
 		},
+		{
+			testHeading: "Internationalization (Thai)",
+			label: "ล้างทั้งหมด",
+		},
 	],
 	stateData: [{
 		testHeading: "Disabled",

components/actiongroup/index.css

@@ -154,5 +154,5 @@
 }
 
 .spectrum-ActionGroup--justified .spectrum-ActionGroup-item {
-	flex: 1;
+	flex-grow: 1;
 }