feat(commons): remove need for commons package

Author: castastrophe

.changeset/pre.json

@@ -32,7 +32,6 @@
     "@spectrum-css/colorslider": "8.0.1",
     "@spectrum-css/colorwheel": "6.0.1",
     "@spectrum-css/combobox": "4.0.1",
-    "@spectrum-css/commons": "11.0.0",
     "@spectrum-css/contextualhelp": "5.0.1",
     "@spectrum-css/datepicker": "4.0.1",
     "@spectrum-css/dial": "5.0.1",

.storybook/foundations/corner-rounding/action-button-corner-rounding.stories.js

@@ -96,3 +96,6 @@ const ActionButtonTable = (args, context) => {
 
 export const ActionButtonExamples = ActionButtonTable.bind({});
 ActionButtonExamples.args = {};
+ActionButtonExamples.parameters = {
+	chromatic: { disableSnapshot: true },
+};

.storybook/foundations/corner-rounding/checkbox-corner-rounding.stories.js

@@ -86,3 +86,6 @@ const CheckboxTable = (args, context) => {
 
 export const CheckboxExamples = CheckboxTable.bind({});
 CheckboxExamples.args = {};
+CheckboxExamples.parameters = {
+	chromatic: { disableSnapshot: true },
+};

.storybook/foundations/corner-rounding/corner-rounding.stories.js

@@ -86,3 +86,6 @@ const CornerRadiusGroup = (args = {}, context = {}) => html`
 
 export const CornerRounding = CornerRadiusGroup.bind({});
 CornerRounding.args = {};
+CornerRounding.parameters = {
+	chromatic: { disableSnapshot: true },
+};

.storybook/foundations/down-state/button-down-state.stories.js

@@ -25,3 +25,6 @@ ButtonDownState.args = {
 		"--spectrum-downstate-height": "32px"
 	}
 };
+ButtonDownState.parameters = {
+	chromatic: { disableSnapshot: true },
+};

.storybook/foundations/down-state/checkbox-down-state.stories.js

@@ -20,3 +20,6 @@ export const CheckboxDownState = Template.bind({});
 CheckboxDownState.args = {
 	label: "Checkbox",
 };
+CheckboxDownState.parameters = {
+	chromatic: { disableSnapshot: true },
+};

.storybook/foundations/drop-shadow/drop-shadow.stories.js

@@ -57,33 +57,51 @@ DropShadowEmphasizedDefault.args = {
 	variant: "emphasized-default",
 	isDropShadow: true,
 };
+DropShadowEmphasizedDefault.parameters = {
+	chromatic: { disableSnapshot: true },
+};
 
 export const DropShadowEmphasizedHover = DropShadowVariant.bind({});
 DropShadowEmphasizedHover.args = {
 	variant: "emphasized-hover",
 	isDropShadow: true,
 };
+DropShadowEmphasizedHover.parameters = {
+	chromatic: { disableSnapshot: true },
+};
 
 export const DropShadowElevated = DropShadowVariant.bind({});
 DropShadowElevated.args = {
 	variant: "elevated",
 	isDropShadow: true,
 };
+DropShadowElevated.parameters = {
+	chromatic: { disableSnapshot: true },
+};
 
 export const BoxShadowEmphasizedDefault = DropShadowVariant.bind({});
 BoxShadowEmphasizedDefault.args = {
 	variant: "emphasized-default",
 	isDropShadow: false,
 };
+BoxShadowEmphasizedDefault.parameters = {
+	chromatic: { disableSnapshot: true },
+};
 
 export const BoxShadowEmphasizedHover = DropShadowVariant.bind({});
 BoxShadowEmphasizedHover.args = {
 	variant: "emphasized-hover",
 	isDropShadow: false,
 };
+BoxShadowEmphasizedHover.parameters = {
+	chromatic: { disableSnapshot: true },
+};
 
 export const BoxShadowElevated = DropShadowVariant.bind({});
 BoxShadowElevated.args = {
 	variant: "elevated",
 	isDropShadow: false,
 };
+BoxShadowElevated.parameters = {
+	chromatic: { disableSnapshot: true },
+};

components/accordion/dist/metadata.json

@@ -2,47 +2,48 @@
   "sourceFile": "index.css",
   "selectors": [
     ".spectrum-Accordion",
-    ".spectrum-Accordion--compact",
-    ".spectrum-Accordion--compact.spectrum-Accordion--sizeL",
-    ".spectrum-Accordion--compact.spectrum-Accordion--sizeS",
-    ".spectrum-Accordion--compact.spectrum-Accordion--sizeXL",
-    ".spectrum-Accordion--quiet",
-    ".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:active",
-    ".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:hover",
-    ".spectrum-Accordion--sizeL",
-    ".spectrum-Accordion--sizeS",
-    ".spectrum-Accordion--sizeXL",
-    ".spectrum-Accordion--spacious",
-    ".spectrum-Accordion--spacious.spectrum-Accordion--sizeL",
-    ".spectrum-Accordion--spacious.spectrum-Accordion--sizeS",
-    ".spectrum-Accordion--spacious.spectrum-Accordion--sizeXL",
+    ".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:is(:hover, :active)",
     ".spectrum-Accordion-item",
-    ".spectrum-Accordion-item.is-disabled",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent:is(:hover, :active, :focus-visible)",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:is(:hover, :active, :focus-visible)",
     ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent",
     ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading .spectrum-Accordion-itemIndicator",
     ".spectrum-Accordion-item:first-child",
     ".spectrum-Accordion-itemContent",
     ".spectrum-Accordion-itemDirectActions",
     ".spectrum-Accordion-itemHeader",
-    ".spectrum-Accordion-itemHeader.spectrum-Accordion-itemHeader:active",
+    ".spectrum-Accordion-itemHeader:active",
     ".spectrum-Accordion-itemHeader:focus-visible",
     ".spectrum-Accordion-itemHeader:has(+ .spectrum-Accordion-itemDirectActions)",
     ".spectrum-Accordion-itemHeader:hover",
     ".spectrum-Accordion-itemHeading",
     ".spectrum-Accordion-itemIndicator",
     ".spectrum-Accordion-itemTitle",
-    ".spectrum-Accordion.spectrum-Accordion--noInlinePadding",
-    ".spectrum-Accordion:dir(rtl)",
-    ".spectrum-Accordion:lang(ja)",
-    ".spectrum-Accordion:lang(ko)",
-    ".spectrum-Accordion:lang(zh)"
+    ".spectrum-Accordion.is-open:dir(rtl) > .spectrum-Accordion-itemHeading .spectrum-Accordion-itemIndicator",
+    ".spectrum-Accordion:dir(rtl) .spectrum-Accordion-itemIndicator",
+    ".spectrum-Accordion:lang(ja) .spectrum-Accordion-itemContent",
+    ".spectrum-Accordion:lang(ja) .spectrum-Accordion-itemHeader",
+    ".spectrum-Accordion:lang(ko) .spectrum-Accordion-itemContent",
+    ".spectrum-Accordion:lang(ko) .spectrum-Accordion-itemHeader",
+    ".spectrum-Accordion:lang(zh) .spectrum-Accordion-itemContent",
+    ".spectrum-Accordion:lang(zh) .spectrum-Accordion-itemHeader",
+    ".spectrum-Accordion:where(.spectrum-Accordion--compact)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeL)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeS)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeXL)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--noInlinePadding)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--quiet)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--sizeL)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--sizeS)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--sizeXL)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--spacious)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeL)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeS)",
+    ".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeXL)"
   ],
   "component": [
-    "--spectrum-accordion-animation-duration",
-    "--spectrum-accordion-background-color-default",
-    "--spectrum-accordion-background-color-down",
-    "--spectrum-accordion-background-color-hover",
-    "--spectrum-accordion-background-color-key-focus",
     "--spectrum-accordion-bottom-to-text-compact-extra-large",
     "--spectrum-accordion-bottom-to-text-compact-large",
     "--spectrum-accordion-bottom-to-text-compact-medium",
@@ -69,7 +70,6 @@
     "--spectrum-accordion-disclosure-indicator-to-text-medium",
     "--spectrum-accordion-disclosure-indicator-to-text-small",
     "--spectrum-accordion-disclosure-indicator-to-text-space",
-    "--spectrum-accordion-divider-color",
     "--spectrum-accordion-divider-thickness",
     "--spectrum-accordion-edge-to-content-area",
     "--spectrum-accordion-edge-to-content-area-extra-large",
@@ -78,37 +78,12 @@
     "--spectrum-accordion-edge-to-content-area-small",
     "--spectrum-accordion-edge-to-disclosure-indicator-space",
     "--spectrum-accordion-edge-to-text",
-    "--spectrum-accordion-edge-to-text-space",
-    "--spectrum-accordion-item-content-area-bottom-to-content",
-    "--spectrum-accordion-item-content-area-top-to-content",
-    "--spectrum-accordion-item-content-color",
-    "--spectrum-accordion-item-content-font",
     "--spectrum-accordion-item-content-font-size",
-    "--spectrum-accordion-item-content-font-style",
-    "--spectrum-accordion-item-content-font-weight",
-    "--spectrum-accordion-item-content-line-height",
     "--spectrum-accordion-item-direct-actions-height",
-    "--spectrum-accordion-item-direct-actions-spacing",
-    "--spectrum-accordion-item-direct-actions-vertical-spacing",
-    "--spectrum-accordion-item-focus-indicator-color",
-    "--spectrum-accordion-item-focus-indicator-gap",
-    "--spectrum-accordion-item-focus-indicator-thickness",
     "--spectrum-accordion-item-header-bottom-to-text-space",
-    "--spectrum-accordion-item-header-color-default",
-    "--spectrum-accordion-item-header-color-down",
-    "--spectrum-accordion-item-header-color-hover",
-    "--spectrum-accordion-item-header-color-key-focus",
-    "--spectrum-accordion-item-header-cursor",
-    "--spectrum-accordion-item-header-font",
     "--spectrum-accordion-item-header-font-size",
-    "--spectrum-accordion-item-header-font-style",
-    "--spectrum-accordion-item-header-font-weight",
-    "--spectrum-accordion-item-header-line-height",
-    "--spectrum-accordion-item-header-to-direct-actions-space",
     "--spectrum-accordion-item-header-top-to-text-space",
-    "--spectrum-accordion-item-min-block-size",
     "--spectrum-accordion-item-minimum-height",
-    "--spectrum-accordion-item-minimum-width",
     "--spectrum-accordion-item-width",
     "--spectrum-accordion-minimum-width",
     "--spectrum-accordion-top-to-disclosure-indicator",
@@ -181,7 +156,6 @@
     "--spectrum-font-size-400",
     "--spectrum-gray-200",
     "--spectrum-line-height-100",
-    "--spectrum-logical-rotation",
     "--spectrum-neutral-content-color-default",
     "--spectrum-neutral-content-color-down",
     "--spectrum-neutral-content-color-hover",