chore: remove spectrum naming (#126)

src/breadcrumbs/Breadcrumbs.tsx

@@ -6,17 +6,49 @@ import { FolderOutline } from '../icon/Icons';
 import { Menu } from '../menu/Menu';
 import { MenuTrigger } from '../menu/MenuTrigger';
 import React, { Key, ReactElement, useCallback, useRef } from 'react';
-import { SpectrumBreadcrumbsProps } from '@react-types/breadcrumbs';
 import { useBreadcrumbs } from '@react-aria/breadcrumbs';
 import { useLayoutEffect, useValueEffect } from '@react-aria/utils';
 import { useProviderProps } from '../provider';
 import { useResizeObserver } from '@react-aria/utils';
 import { css } from '@emotion/react';
 import theme from '../theme';
+import { AriaLabelingProps, DOMProps, ItemProps, StyleProps } from '../types';
 
 const MIN_VISIBLE_ITEMS = 1;
 const MAX_VISIBLE_ITEMS = 4;
 
+export interface BreadcrumbsProps {}
+export interface AriaBreadcrumbsProps
+  extends BreadcrumbsProps,
+    DOMProps,
+    AriaLabelingProps {}
+
+export interface ArizeBreadcrumbsProps<T>
+  extends AriaBreadcrumbsProps,
+    StyleProps {
+  /** The breadcrumb items. */
+  children: ReactElement<ItemProps<T>> | ReactElement<ItemProps<T>>[];
+  /** Whether the Breadcrumbs are disabled. */
+  isDisabled?: boolean;
+  /** Called when an item is acted upon (usually selection via press). */
+  onAction?: (key: Key) => void;
+  /**
+   * Size of the Breadcrumbs including spacing and layout.
+   * @default 'L'
+   */
+  size?: 'S' | 'M' | 'L';
+  /** Whether to always show the root item if the items are collapsed. */
+  showRoot?: boolean;
+  /**
+   * Whether to place the last Breadcrumb item onto a new line.
+   */
+  isMultiline?: boolean;
+  /**
+   * Whether to autoFocus the last Breadcrumb item when the Breadcrumbs render.
+   */
+  autoFocusCurrent?: boolean;
+}
+
 const ulCSS = css`
   flex-wrap: nowrap;
   flex: 1 0;
@@ -55,7 +87,7 @@ const liCSS = css`
   }
 `;
 
-function Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {
+function Breadcrumbs<T>(props: ArizeBreadcrumbsProps<T>, ref: DOMRef) {
   props = useProviderProps(props);
   let {
     size = 'L',

src/field/HelpText.tsx

@@ -1,4 +1,3 @@
-// import AlertMedium from '@spectrum-icons/ui/AlertMedium';
 import { classNames, useDOMRef } from '../utils';
 import { DOMRef, HelpTextProps, Validation } from '../types';
 import React, { HTMLAttributes } from 'react';

src/layout/Flex.tsx

@@ -98,7 +98,7 @@ function flexWrapValue(value: boolean | 'wrap' | 'nowrap') {
 }
 
 /**
- * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap
+ * A layout container using flexbox. Provides AC dimension values, and supports the gap
  * property to define consistent spacing between items.
  */
 const _Flex = forwardRef(Flex);

src/switch/styles.ts

@@ -2,9 +2,6 @@ import { css } from '@emotion/react';
 import theme from '../theme';
 
 export const switchCSS = css`
-  --ac-switch-label-color-default: var(
-    --spectrum-neutral-content-color-default
-  );
   --ac-switch-label-color-disabled: ${theme.textColors.white50};
 
   --ac-switch-background-color: ${theme.colors.gray300};

src/types/menu.ts

@@ -63,7 +63,8 @@ export interface AriaMenuProps<T>
   extends MenuProps<T>,
     DOMProps,
     AriaLabelingProps {}
-export interface SpectrumMenuProps<T> extends AriaMenuProps<T>, StyleProps {}
+
+export interface ArizeMenuProps<T> extends AriaMenuProps<T>, StyleProps {}
 
 export interface ActionMenuProps<T>
   extends CollectionBase<T>,
@@ -88,7 +89,7 @@ export interface ActionMenuProps<T>
   shouldFlip?: boolean;
   /** Whether the button is disabled. */
   isDisabled?: boolean;
-  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
+  /** Whether the button should be displayed with a quiet style. */
   isQuiet?: boolean;
   /** Whether the element should receive focus on render. */
   autoFocus?: boolean;

src/utils/styleProps.ts

@@ -301,7 +301,7 @@ export function useStyleProps<T extends StyleProps>(
   if (otherProps.className) {
     console.warn(
       'The className prop is unsafe and is unsupported in Arize Components. ' +
-        'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +
+        'Please use style props with AC variables, or UNSAFE_className if you absolutely must do something custom. ' +
         'Note that this may break in future versions due to DOM structure changes.'
     );
   }
@@ -310,7 +310,7 @@ export function useStyleProps<T extends StyleProps>(
   if (otherProps.style) {
     console.warn(
       'The style prop is unsafe and is unsupported in React Arize Components. ' +
-        'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +
+        'Please use style props with AC variables, or UNSAFE_style if you absolutely must do something custom. ' +
         'Note that this may break in future versions due to DOM structure changes.'
     );
   }