feat!: take in 6.0.0 a4u package, drop react icons

.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/iconCloudStateDefault22x20.d.ts → icons/assets/components/iconCloudStateDisconnected.d.ts

@@ -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/iconCloudStateOnline22x20.d.ts → icons/assets/components/iconCloudStateError.d.ts

@@ -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;

icons/assets/components/iconCloudStateError22x20.d.ts → icons/assets/components/iconCloudStateInProgress.d.ts

@@ -1,10 +1,10 @@
 import { TemplateResult } from 'lit';
-    export declare const iconCloudStateError22x20: ({ width, height, ariaHidden, title, id, focusable }?: {
+    export declare const iconCloudStateInProgress: ({ 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 iconCloudStateError22x20;
+    export default iconCloudStateInProgress;