Merge branch 'main' into aramos-adobe/css868-combobox-readonly

Author: aramos-adobe

.prettierignore

@@ -5,7 +5,6 @@
 **/node_modules
 
 # Static utility assets
-tokens/custom-*/*.css
 site/includes/*.js
 
 # Compiled and generated files

.storybook/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 10.11.6
+
+### Patch Changes
+
+- Updated dependencies [[`092aac5`](https://github.com/adobe/spectrum-css/commit/092aac56953f4c02cd5227e3f61c6cb0b2b4e46a)]:
+  - @spectrum-css/table@6.1.4
+
+## 10.11.5
+
+### Patch Changes
+
+- Updated dependencies [[`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0)]:
+  - @spectrum-css/tokens@14.6.0
+
 ## 10.11.4
 
 ### Patch Changes

.storybook/assets/base.css

@@ -55,12 +55,6 @@ svg:has(symbol):not(:has(use)) {
 	border-block-end: 1px solid hsla(203deg, 50%, 30%, 15%);
 }
 
-/* This is the container Chromatic uses to determine the height and width of the story */
-#storybook-root {
-	inline-size: max-content;
-	max-inline-size: 100%;
-}
-
 /* Force the modal wrapper to be contained by the frame not the viewport */
 #root-inner {
 	.spectrum-Modal-wrapper {

.storybook/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/preview",
-	"version": "10.11.4",
+	"version": "10.11.6",
 	"description": "A Spectrum CSS preview",
 	"license": "Apache-2.0",
 	"author": "Adobe",
@@ -35,7 +35,7 @@
 		"@spectrum-css/ui-icons": "workspace:^"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.25.2",
+		"@babel/core": "^7.26.0",
 		"@chromaui/addon-visual-tests": "^1.0.0",
 		"@etchteam/storybook-addon-status": "^5.0.0",
 		"@storybook/addon-a11y": "^8.3.6",
@@ -56,10 +56,10 @@
 		"@storybook/web-components-vite": "^8.3.6",
 		"@whitespace/storybook-addon-html": "^6.1.1",
 		"chromatic": "^11.12.5",
-		"lit": "^3.2.0",
+		"lit": "^3.2.1",
 		"lodash-es": "^4.17.21",
-		"npm-registry-fetch": "^18.0.1",
-		"postcss": "^8.4.45",
+		"npm-registry-fetch": "^18.0.2",
+		"postcss": "^8.4.47",
 		"prettier": "^3.2.5",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",

.vscode/settings.json

@@ -119,7 +119,6 @@
 		"postcss": "css"
 	},
 	"eslint.format.enable": true,
-	"eslint.packageManager": "yarn",
 	"eslint.useESLintClass": true,
 	"files.associations": {
 		"*.css": "postcss"
@@ -167,6 +166,7 @@
 		}
 	],
 	"js/ts.implicitProjectConfig.experimentalDecorators": true,
+	"postcss.validate": false,
 	"prettier.configPath": ".prettierrc",
 	"prettier.ignorePath": ".prettierignore",
 	"prettier.prettierPath": "node_modules/prettier",

components/actionbutton/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 6.1.4
+
+### Patch Changes
+
+- [#3256](https://github.com/adobe/spectrum-css/pull/3256) [`b84b93e`](https://github.com/adobe/spectrum-css/commit/b84b93e64157c7a8288a3ed19f1a637ee609251c) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Adds line-height on `.spectrum-ActionButton-label` in order to accommodate text with diacritics that may be cut off vertically.
+
 ## 6.1.3
 
 ### Patch Changes

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/actionbutton",
-	"version": "6.1.3",
+	"version": "6.1.4",
 	"description": "The Spectrum CSS action button component",
 	"license": "Apache-2.0",
 	"author": "Adobe",

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",
@@ -95,5 +99,17 @@ export const ActionButtonGroup = Variants({
 		testHeading: "Disabled + selected",
 		isDisabled: true,
 		isSelected: true,
-	}],
+	}, {
+		testHeading: "Hovered + selected",
+		isHovered: true,
+		isSelected: true,
+	}, {
+		testHeading: "Focused + selected",
+		isFocused: true,
+		isSelected: true,
+	}, {
+		testHeading: "Active + selected",
+		isActive: true,
+		isSelected: true,
+	}]
 });

components/actiongroup/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 5.1.3
+
+### Patch Changes
+
+- [#3256](https://github.com/adobe/spectrum-css/pull/3256) [`b84b93e`](https://github.com/adobe/spectrum-css/commit/b84b93e64157c7a8288a3ed19f1a637ee609251c) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - 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.
+
+- Updated dependencies [[`b84b93e`](https://github.com/adobe/spectrum-css/commit/b84b93e64157c7a8288a3ed19f1a637ee609251c)]:
+  - @spectrum-css/actionbutton@6.1.4
+
 ## 5.1.2
 
 ### Patch Changes