feat!: take in 6.0.0 a4u package, drop react icons (#50)

BREAKING CHANGE: removes react icons from the project

* Removes react icons from the project
* Takes in the latest release from A4U, (which also drops the react icons)
* Refactors the project scripts to remove references to react processing
* docs: update an incorrect command for logging into a4u

Author: pfulton

.changeset/chilly-years-fix.md

@@ -0,0 +1,12 @@
+---
+"@adobe/spectrum-css-workflow-icons": major
+---
+
+feat!: take in 6.0.0 a4u package, drop react icons
+
+**BREAKING CHANGE:**
+- Removes React icons from the project
+- Takes in the `6.0.0` A4U package which also removes React icons
+
+Additionally:
+- Refactors the project code to remove references to React

README.md

@@ -26,7 +26,7 @@ Run `yarn serve` to see the mini-site for all the workflow icons.
 
 Icons are available from an internal repository that is available only to Adobe employees. If you are an employee with access, follow the steps below:
 
-1. `yarn npm login --scope a4u` to authenticate with the internal repository
+1. `npm login --scope a4u` to authenticate with the internal repository
 2. `yarn add -D @a4u/a4u-s2-icon-global-set-open-source-processed` to install the latest version of the internal repository
 3. **Do not commit** the updated `package.json` with the new version of `@a4u/a4u-s2-icon-global-set-open-source-processed` as this blocks non-Adobe employees from installing and using the repository.
 

_data/metadata.js

@@ -7,7 +7,6 @@ module.exports = {
     language: 'en-US',
     icons: manifest.svg ?? [],
     webcomponents: manifest.components ?? [],
-    react: manifest.react ?? [],
     spritesheet: 'assets/svg-spriteSheet/icons.svg',
     sizes: ['S', 'M', 'L', 'XL', 'XXL'],
 };

icons/assets/components/iconCloseCaptions.js

@@ -1,10 +1,10 @@
 import { TemplateResult } from 'lit';
-    export declare const iconCloudStateDefault22x20: ({ width, height, ariaHidden, title, id, focusable }?: {
+    export declare const iconCloudStateDisconnected: ({ width, height, ariaHidden, title, id, focusable }?: {
         width?: number | undefined;
         height?: number | undefined;
         ariaHidden?: boolean | undefined;
         title?: string | undefined;
         id?: string | undefined;
         focusable?: boolean | undefined;
     }) => string | TemplateResult;
-    export default iconCloudStateDefault22x20;
+    export default iconCloudStateDisconnected;

icons/assets/components/iconCloudStateDefault22x20.js

@@ -1,10 +1,10 @@
 import { TemplateResult } from 'lit';
-    export declare const iconCloudStateOnline22x20: ({ width, height, ariaHidden, title, id, focusable }?: {
+    export declare const iconCloudStateError: ({ width, height, ariaHidden, title, id, focusable }?: {
         width?: number | undefined;
         height?: number | undefined;
         ariaHidden?: boolean | undefined;
         title?: string | undefined;
         id?: string | undefined;
         focusable?: boolean | undefined;
     }) => string | TemplateResult;
-    export default iconCloudStateOnline22x20;
+    export default iconCloudStateError;