fix(actionbutton): reduce mod interception

Author: castastrophe

.changeset/silly-cobras-behave.md

@@ -0,0 +1,10 @@
+---
+"@spectrum-css/actionbutton": patch
+---
+
+This update aims to simplify `--mod-` access by ensuring local variants and states aren't hooking into those custom properties for overrides. This updates all local variants and states to override the `--spectrum-actionbutton-` properties instead and adjusts the specificity to ensure no regressions in rendered results.
+
+Other changes of note:
+
+- Removes the `.spectrum-ActionButton--sizeM` as unnecessary and duplicate as these styles are applied in the base class.
+- Reduces the use of the `:not()` pseudo-class in theme overrides as these selectors are more complex to remap for web component projects.

components/actionbutton/dist/metadata.json

@@ -3,7 +3,6 @@
   "selectors": [
     ".spectrum-ActionButton",
     ".spectrum-ActionButton--sizeL",
-    ".spectrum-ActionButton--sizeM",
     ".spectrum-ActionButton--sizeS",
     ".spectrum-ActionButton--sizeXL",
     ".spectrum-ActionButton--sizeXS",
@@ -18,10 +17,9 @@
     ".spectrum-ActionButton.is-selected .spectrum-ActionButton-hold",
     ".spectrum-ActionButton.is-selected .spectrum-ActionButton-icon",
     ".spectrum-ActionButton.is-selected .spectrum-ActionButton-label",
-    ".spectrum-ActionButton.spectrum-ActionButton--emphasized:not(.spectrum-ActionButton--staticBlack, .spectrum-ActionButton--staticWhite)",
+    ".spectrum-ActionButton.spectrum-ActionButton--emphasized",
     ".spectrum-ActionButton.spectrum-ActionButton--quiet",
     ".spectrum-ActionButton.spectrum-ActionButton--sizeL",
-    ".spectrum-ActionButton.spectrum-ActionButton--sizeM",
     ".spectrum-ActionButton.spectrum-ActionButton--sizeS",
     ".spectrum-ActionButton.spectrum-ActionButton--sizeXL",
     ".spectrum-ActionButton.spectrum-ActionButton--sizeXS",
@@ -89,7 +87,20 @@
     "--mod-actionbutton-icon-size",
     "--mod-actionbutton-label-color",
     "--mod-actionbutton-min-width",
+    "--mod-actionbutton-static-black-content-color",
+    "--mod-actionbutton-static-black-content-color-down",
+    "--mod-actionbutton-static-black-content-color-down-selected",
+    "--mod-actionbutton-static-black-content-color-focus",
+    "--mod-actionbutton-static-black-content-color-focus-selected",
+    "--mod-actionbutton-static-black-content-color-hover",
+    "--mod-actionbutton-static-black-content-color-hover-selected",
+    "--mod-actionbutton-static-black-content-color-selected",
     "--mod-actionbutton-static-content-color",
+    "--mod-actionbutton-static-white-content-color",
+    "--mod-actionbutton-static-white-content-color-down",
+    "--mod-actionbutton-static-white-content-color-focus",
+    "--mod-actionbutton-static-white-content-color-hover",
+    "--mod-actionbutton-static-white-content-color-selected",
     "--mod-actionbutton-text-to-visual",
     "--mod-animation-duration-100",
     "--mod-line-height-100",
@@ -103,10 +114,14 @@
     "--spectrum-action-button-edge-to-hold-icon-small",
     "--spectrum-actionbutton-background-color",
     "--spectrum-actionbutton-background-color-default",
+    "--spectrum-actionbutton-background-color-default-selected",
     "--spectrum-actionbutton-background-color-disabled",
     "--spectrum-actionbutton-background-color-down",
+    "--spectrum-actionbutton-background-color-down-selected",
     "--spectrum-actionbutton-background-color-focus",
+    "--spectrum-actionbutton-background-color-focus-selected",
     "--spectrum-actionbutton-background-color-hover",
+    "--spectrum-actionbutton-background-color-hover-selected",
     "--spectrum-actionbutton-background-color-selected",
     "--spectrum-actionbutton-background-color-selected-disabled",
     "--spectrum-actionbutton-background-color-selected-down",
@@ -122,6 +137,7 @@
     "--spectrum-actionbutton-border-radius-default",
     "--spectrum-actionbutton-border-width",
     "--spectrum-actionbutton-content-color",
+    "--spectrum-actionbutton-content-color-disabled",
     "--spectrum-actionbutton-content-color-selected",
     "--spectrum-actionbutton-edge-to-hold-icon",
     "--spectrum-actionbutton-edge-to-text",
@@ -241,6 +257,7 @@
     "--system-action-button-border-color-down",
     "--system-action-button-border-color-focus",
     "--system-action-button-border-color-hover",
+    "--system-action-button-border-radius-default",
     "--system-action-button-content-color-selected",
     "--system-action-button-quiet-background-color-default",
     "--system-action-button-quiet-background-color-disabled",
@@ -249,7 +266,6 @@
     "--system-action-button-quiet-background-color-hover",
     "--system-action-button-quiet-background-color-selected-disabled",
     "--system-action-button-size-l-border-radius-default",
-    "--system-action-button-size-m-border-radius-default",
     "--system-action-button-size-s-border-radius-default",
     "--system-action-button-size-xl-border-radius-default",
     "--system-action-button-size-xs-border-radius-default",