Re-export GlyphName instead of IconGlyph

Author: kraenhansen

packages/compass-components/src/components/workspace-tabs/tab.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { css, cx } from '@leafygreen-ui/emotion';
 import { palette } from '@leafygreen-ui/palette';
 import { spacing } from '@leafygreen-ui/tokens';
-import type { glyphs } from '@leafygreen-ui/icon';
+import type { GlyphName } from '@leafygreen-ui/icon';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS as cssDndKit } from '@dnd-kit/utilities';
 import { useDarkMode } from '../../hooks/use-theme';
@@ -180,8 +180,6 @@ const closeButtonStyles = css({
   marginRight: spacing[100],
 });
 
-type IconGlyph = Extract<keyof typeof glyphs, string>;
-
 type TabProps = {
   connectionName?: string;
   type: string;
@@ -190,7 +188,7 @@ type TabProps = {
   isDragging: boolean;
   onSelect: () => void;
   onClose: () => void;
-  iconGlyph: IconGlyph | 'Logo' | 'Server';
+  iconGlyph: GlyphName | 'Logo' | 'Server';
   tabContentId: string;
   tooltip?: [string, string][];
   tabTheme?: Partial<TabTheme>;

packages/compass-components/src/components/workspace-tabs/workspace-tabs.tsx

@@ -8,7 +8,7 @@ import React, {
 import { css, cx } from '@leafygreen-ui/emotion';
 import { palette } from '@leafygreen-ui/palette';
 import { spacing } from '@leafygreen-ui/tokens';
-import type { glyphs } from '@leafygreen-ui/icon';
+import type { GlyphName } from '@leafygreen-ui/icon';
 import { rgba } from 'polished';
 
 import {
@@ -174,7 +174,7 @@ export type TabProps = {
   title: string;
   tooltip?: [string, string][];
   connectionId?: string;
-  iconGlyph: Extract<keyof typeof glyphs, string> | 'Logo' | 'Server';
+  iconGlyph: GlyphName | 'Logo' | 'Server';
 } & Omit<React.HTMLProps<HTMLDivElement>, 'id' | 'title'>;
 
 export function useRovingTabIndex<T extends HTMLElement = HTMLElement>({

packages/compass-components/src/index.ts

@@ -143,14 +143,13 @@ export {
   FadeInPlaceholder,
 } from './components/content-with-fallback';
 export { InlineDefinition } from './components/inline-definition';
-import type { glyphs } from '@leafygreen-ui/icon';
+export type { GlyphName } from '@leafygreen-ui/icon';
 export { createGlyphComponent, createIconComponent } from '@leafygreen-ui/icon';
 export {
   SignalPopover,
   SignalHooksProvider,
 } from './components/signal-popover';
 export type { Signal } from './components/signal-popover';
-export type IconGlyph = Extract<keyof typeof glyphs, string>;
 
 export { EmptyContent } from './components/empty-content';
 export { ErrorBoundary } from './components/error-boundary';

packages/compass-editor/src/action-button.tsx

@@ -1,11 +1,11 @@
 import { cx } from '@mongodb-js/compass-components';
 import { css } from '@mongodb-js/compass-components';
-import { Button, Icon, type IconGlyph } from '@mongodb-js/compass-components';
+import { Button, Icon, type GlyphName } from '@mongodb-js/compass-components';
 import React, { useCallback, useEffect, useState } from 'react';
 import type { EditorView } from '@codemirror/view';
 
 export type Action = {
-  icon: IconGlyph;
+  icon: GlyphName;
   label: string;
   action: (editor: EditorView) => boolean | void;
 };

packages/databases-collections-list/src/namespace-card.tsx

@@ -20,7 +20,7 @@ import {
 } from '@mongodb-js/compass-components';
 import type {
   BadgeVariant,
-  IconGlyph,
+  GlyphName,
   ItemAction,
   SignalPopover,
 } from '@mongodb-js/compass-components';
@@ -107,7 +107,7 @@ export type BadgeProp = {
   id: string;
   name: string;
   variant?: BadgeVariant;
-  icon?: IconGlyph;
+  icon?: GlyphName;
   hint?: React.ReactNode;
 };