build: remove theme processing, site package; add reporter

adobe · Dec 27, 2024 · c93daf7 · c93daf7
1 parent c1701e9
commit c93daf7
Show file tree

Hide file tree

Showing 275 changed files with 427 additions and 3,329 deletions.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -89,18 +89,13 @@
     "@spectrum-css/well": "4.1.5-next.2",
     "@spectrum-css/generator": "3.0.0",
     "conventional-changelog-spectrum": "1.0.2",
-    "postcss-combininator": "2.0.0",
-    "postcss-custom-properties-mapping": "2.0.0",
     "@spectrum-tools/stylelint-no-missing-var": "1.3.1",
     "@spectrum-tools/stylelint-no-unknown-custom-properties": "1.3.2",
     "@spectrum-tools/stylelint-no-unused-custom-properties": "1.3.1",
     "@spectrum-tools/documentation": "1.0.0",
     "@spectrum-css/tokens": "14.0.0-next.6",
     "@spectrum-css/ui-icons": "1.1.2",
-    "@spectrum-tools/postcss-add-theming-layer": "0.0.0",
-    "@spectrum-tools/postcss-property-rollup": "0.0.0",
-    "@spectrum-tools/postcss-rgb-mapping": "3.0.0-s2-foundations.0",
-    "@spectrum-tools/theme-alignment": "1.1.0"
+    "@spectrum-tools/postcss-rgb-mapping": "3.0.0-s2-foundations.0"
   },
   "changesets": [
     "chilly-peaches-sniff",

diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -90,7 +90,7 @@ jobs:
                   filter_mode: diff_context
                   level: error
                   reporter: github-pr-review
-                #   stylelint_input: "components/*/index.css
+                #   stylelint_input: "components/*/index.css"
                   stylelint_input: "${{ inputs.styles_added_files }} ${{ inputs.styles_modified_files }}"
                   stylelint_config: stylelint.config.js
 

diff --git a/.storybook/guides/develop.mdx b/.storybook/guides/develop.mdx
@@ -35,19 +35,18 @@ Each component has the following files:
 - `stories/*.stories.js` - The storybook file that defines the component's stories and the available knobs for the component.
 - `stories/template.js` - The template function that generates the component's mark-up based on the provided settings.
 - `stories/*.test.js` - The testing grid for visual regression testing in Chromatic.
-- `stories/*.mdx` - This asset generates the component-specific documentation and is rendered in Storybook as the Docs page.
 
 Each component outputs the following assets to `dist`:
 
-- `index.css`: This asset includes the base CSS.
+- `index.css`: This asset includes the CSS for the component and is meant to be loaded in conjunction with the tokens for your desired color context and scales.
 
 ## Adding a new component
 
 1. Generate a new component using the `yarn new component` command. The generator will prompt you to answer questions about your component.
 2. Edit the `dependencies` within the `package.json` file to use only the dependencies your component needs. All components rely on `@spectrum-css/tokens`, and most rely on `@spectrum-css/icon`.
 3. Once your folder has been generated, you can run `yarn start` in the root of the project to begin developing.
-4. The `index.css` file is where all of your styles will be added.
-5. Inside the `stories` directory you will find a `template.js`, `*.stories.js`, and `*.mdx` file.
+4. The `index.css` file is where all of your styles should be added.
+5. Inside the `stories` directory you will find a `template.js` and `*.stories.js` file.
    - In the `*.stories.js` file, define the available knobs and properties for your component, as well as any standard variations you want to surface in [Storybook](https://storybook.js.org/docs/react/writing-stories/introduction).
    - Update the `template.js` file with the markup, using [lit-html syntax](https://lit.dev/docs/templates/overview/) to adjust results based on the provided settings from the Storybook knobs.
 

diff --git a/.storybook/main.js b/.storybook/main.js
@@ -22,7 +22,7 @@ export default {
 		},
 		{
 			directory: "./foundations",
-			files: "*/*.mdx",
+			files: "*/*.@(stories.js|mdx)",
 			titlePrefix: "Foundations",
 		},
 		{

diff --git a/.storybook/package.json b/.storybook/package.json
@@ -29,7 +29,7 @@
 	},
 	"dependencies": {
 		"@adobe/spectrum-css-workflow-icons": "^1.5.4",
-		"@adobe/spectrum-tokens": "13.0.0-beta.52",
+		"@adobe/spectrum-tokens": "13.0.0-beta.55",
 		"@spectrum-css/actionbutton": "workspace:^",
 		"@spectrum-css/button": "workspace:^",
 		"@spectrum-css/table": "workspace:^",

diff --git a/components/accordion/metadata/metadata.json b/components/accordion/metadata/metadata.json
@@ -198,7 +198,6 @@
     "--spectrum-neutral-content-color-key-focus",
     "--spectrum-sans-font-family-stack"
   ],
-  "system-theme": [],
   "passthroughs": [],
   "high-contrast": []
 }
diff --git a/components/accordion/metadata/mods.md b/components/accordion/metadata/mods.md
diff --git a/components/accordion/package.json b/components/accordion/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/actionbar/index.css b/components/actionbar/index.css
@@ -24,9 +24,9 @@
 	--spectrum-actionbar-emphasized-background-color: var(--spectrum-informative-background-color-default);
 	--spectrum-actionbar-emphasized-item-counter-color: var(--spectrum-white);
 
-  /* colors - applied to popover */
-  --spectrum-actionbar-popover-background-color: var(--spectrum-gray-25);
-  --spectrum-actionbar-popover-border-color: var(--spectrum-gray-400);
+	/* colors - applied to popover */
+	--spectrum-actionbar-popover-background-color: var(--spectrum-gray-25);
+	--spectrum-actionbar-popover-border-color: var(--spectrum-gray-400);
 
 	/* spacing of action bar bottom and horizontal outer edge */
 	--spectrum-actionbar-spacing-outer-edge: var(--spectrum-spacing-300);

diff --git a/components/actionbar/metadata/metadata.json b/components/actionbar/metadata/metadata.json
@@ -88,7 +88,6 @@
     "--spectrum-spacing-75",
     "--spectrum-white"
   ],
-  "system-theme": [],
   "passthroughs": [],
   "high-contrast": ["--highcontrast-actionbar-popover-border-color"]
 }
diff --git a/components/actionbar/metadata/mods.md b/components/actionbar/metadata/mods.md
diff --git a/components/actionbar/package.json b/components/actionbar/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/actionbutton/metadata/metadata.json b/components/actionbutton/metadata/metadata.json
@@ -182,7 +182,6 @@
     "--spectrum-workflow-icon-size-50",
     "--spectrum-workflow-icon-size-75"
   ],
-  "system-theme": [],
   "passthroughs": [
     "--mod-button-animation-duration",
     "--mod-button-font-family",

diff --git a/components/actionbutton/metadata/mods.md b/components/actionbutton/metadata/mods.md
diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/actiongroup/metadata/metadata.json b/components/actiongroup/metadata/metadata.json
@@ -43,7 +43,6 @@
     "--spectrum-spacing-50",
     "--spectrum-spacing-75"
   ],
-  "system-theme": [],
   "passthroughs": ["--mod-actionbutton-focus-indicator-border-radius"],
   "high-contrast": []
 }
diff --git a/components/actiongroup/metadata/mods.md b/components/actiongroup/metadata/mods.md
diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/alertbanner/metadata/metadata.json b/components/alertbanner/metadata/metadata.json
@@ -84,7 +84,6 @@
     "--spectrum-white",
     "--spectrum-workflow-icon-size-100"
   ],
-  "system-theme": [],
   "passthroughs": [
     "--mod-closebutton-align-self",
     "--mod-closebutton-margin-inline",

diff --git a/components/alertbanner/metadata/mods.md b/components/alertbanner/metadata/mods.md
diff --git a/components/alertbanner/package.json b/components/alertbanner/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/alertdialog/metadata/metadata.json b/components/alertdialog/metadata/metadata.json
@@ -78,7 +78,6 @@
     "--spectrum-spacing-300",
     "--spectrum-workflow-icon-size-100"
   ],
-  "system-theme": [],
   "passthroughs": ["--mod-buttongroup-justify-content", "--mod-icon-color"],
   "high-contrast": []
 }
diff --git a/components/alertdialog/metadata/mods.md b/components/alertdialog/metadata/mods.md
diff --git a/components/alertdialog/package.json b/components/alertdialog/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/asset/metadata/metadata.json b/components/asset/metadata/metadata.json
@@ -25,7 +25,6 @@
     "--spectrum-gray-25",
     "--spectrum-gray-500"
   ],
-  "system-theme": [],
   "passthroughs": [],
   "high-contrast": ["--highcontrast-asset-icon-background-color"]
 }
diff --git a/components/asset/metadata/mods.md b/components/asset/metadata/mods.md
diff --git a/components/asset/package.json b/components/asset/package.json
@@ -28,6 +28,7 @@
 		"dist/*",
 		"*.md",
 		"package.json",
+		"stories/*",
 		"metadata/*"
 	],
 	"peerDependencies": {

diff --git a/components/assetcard/metadata/metadata.json b/components/assetcard/metadata/metadata.json
@@ -174,7 +174,6 @@
     "--spectrum-spacing-75",
     "--spectrum-white"
   ],
-  "system-theme": [],
   "passthroughs": [],
   "high-contrast": [
     "--highcontrast-assectcard-border-color-selected-down",