Remove express icon dep (#5130)

* Remove Express Icon dependency

Author: snowystinger

packages/@adobe/spectrum-css-temp/vars/express.css

@@ -103,6 +103,9 @@
   --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);
   --spectrum-breadcrumb-separator-icon-position-adjustment: 0;
 
+  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);
+  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);
+
   --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);
   --spectrum-combobox-fieldbutton-border-left-width: 0;
   --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);

packages/@react-spectrum/breadcrumbs/package.json

@@ -47,7 +47,6 @@
     "@react-stately/collections": "^3.10.1",
     "@react-types/breadcrumbs": "^3.6.2",
     "@react-types/shared": "^3.20.0",
-    "@spectrum-icons/express": "3.0.0-alpha.9",
     "@spectrum-icons/ui": "^3.5.5",
     "@swc/helpers": "^0.5.0"
   },

packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx

@@ -11,8 +11,6 @@
  */
 
 import {BreadcrumbItemProps} from '@react-types/breadcrumbs';
-// eslint-disable-next-line monorepo/no-internal-import
-import ChevronRight from '@spectrum-icons/express/ChevronRight';
 import ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';
 import {classNames} from '@react-spectrum/utils';
 import {FocusRing} from '@react-aria/focus';
@@ -22,7 +20,6 @@ import styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';
 import {useBreadcrumbItem} from '@react-aria/breadcrumbs';
 import {useHover} from '@react-aria/interactions';
 import {useLocale} from '@react-aria/i18n';
-import {useProvider} from '@react-spectrum/provider';
 
 interface SpectrumBreadcrumbItemProps extends BreadcrumbItemProps {
   isMenu?: boolean
@@ -35,7 +32,6 @@ export function BreadcrumbItem(props: SpectrumBreadcrumbItemProps) {
     isDisabled,
     isMenu
   } = props;
-  let provider = useProvider();
 
   let {direction} = useLocale();
   let ref = useRef(null);
@@ -70,29 +66,16 @@ export function BreadcrumbItem(props: SpectrumBreadcrumbItemProps) {
           {children}
         </ElementType>
       </FocusRing>
-      {provider?.theme?.global?.express ? (
-        <ChevronRight
-          UNSAFE_className={
-            classNames(
-              styles,
-              'spectrum-Breadcrumbs-itemSeparator',
-              {
-                'is-reversed': direction === 'rtl'
-              }
-            )
-          } />
-        ) : (
-          <ChevronRightSmall
-            UNSAFE_className={
-              classNames(
-                styles,
-                'spectrum-Breadcrumbs-itemSeparator',
-                {
-                  'is-reversed': direction === 'rtl'
-                }
-              )
-            } />
-        )}
+      <ChevronRightSmall
+        UNSAFE_className={
+          classNames(
+            styles,
+            'spectrum-Breadcrumbs-itemSeparator',
+            {
+              'is-reversed': direction === 'rtl'
+            }
+          )
+        } />
     </Fragment>
   );
 }

packages/@spectrum-icons/ui/express/SX_ChevronRight_18.svg

@@ -23,7 +23,8 @@ const EXPRESS_ICON_MAPPING = {
   InfoSmall: 'SX_Info_14_S',
   SuccessMedium: 'SX_CheckmarkCircle_18_N',
   SuccessSmall: 'SX_CheckmarkCircle_14_S',
-  FolderBreadcrumb: 'SX_More_18'
+  FolderBreadcrumb: 'SX_More_18',
+  ChevronRightSmall: 'SX_ChevronRight_18',
 };
 
 let displayNameRegex = /.*?\.displayName = '(?<name>.*?)';/;