@arbor-education/design-system.components 0.25.8 → 1.0.0

package/src/components/widgetNotifications/WidgetNotifications.test.tsx

@@ -0,0 +1,152 @@
+import '@testing-library/jest-dom/vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { WidgetNotifications } from './WidgetNotifications.js';
+
+const mockItems = [
+  {
+    id: 'email-complete',
+    title: 'Sending email message is complete',
+    description: 'Click here to see the message and check delivery status.',
+    dateTime: '2026-06-08T10:54:00Z',
+    timeLabel: '6 minutes ago',
+    isRead: false,
+  },
+  {
+    id: 'sms-failed',
+    title: 'SMS failed to be sent',
+    description: 'The SMS to Tim Jones failed to be sent',
+    dateTime: '2026-06-08T09:30:00Z',
+    timeLabel: '1 hour ago',
+    isRead: true,
+  },
+];
+
+describe('WidgetNotifications', () => {
+  test('renders notification items with title, description, and time', () => {
+    render(
+      <WidgetNotifications heading="Notifications" items={mockItems} />,
+    );
+
+    expect(screen.getByRole('heading', { name: 'Notifications' })).toBeInTheDocument();
+    expect(screen.getByText('Sending email message is complete')).toBeInTheDocument();
+    expect(screen.getByText('Click here to see the message and check delivery status.')).toBeInTheDocument();
+    expect(screen.getByText('6 minutes ago')).toBeInTheDocument();
+    expect(screen.getByText('6 minutes ago').closest('time')).toHaveAttribute('datetime', '2026-06-08T10:54:00Z');
+  });
+
+  test('applies unread and read modifier classes', () => {
+    const { container } = render(
+      <WidgetNotifications heading="Notifications" items={mockItems} />,
+    );
+
+    expect(container.querySelector('.ds-widget-notifications__item--unread')).toBeInTheDocument();
+    expect(container.querySelector('.ds-widget-notifications__item--read')).toBeInTheDocument();
+  });
+
+  test('calls onItemClick with item id', async () => {
+    const user = userEvent.setup();
+    const onItemClick = vi.fn();
+
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={mockItems}
+        onItemClick={onItemClick}
+      />,
+    );
+
+    await user.click(screen.getByRole('button', { name: /Sending email message is complete/ }));
+
+    expect(onItemClick).toHaveBeenCalledWith('email-complete');
+  });
+
+  test('clear button has accessible name', () => {
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={mockItems}
+        onClearItem={vi.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('widget-notifications-clear-email-complete')).toHaveAttribute(
+      'aria-label',
+      'Clear notification',
+    );
+  });
+
+  test('calls onClearItem without triggering onItemClick', () => {
+    const onItemClick = vi.fn();
+    const onClearItem = vi.fn();
+
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={mockItems}
+        onItemClick={onItemClick}
+        onClearItem={onClearItem}
+      />,
+    );
+
+    fireEvent.click(screen.getByTestId('widget-notifications-clear-email-complete'));
+
+    expect(onClearItem).toHaveBeenCalledWith('email-complete');
+    expect(onItemClick).not.toHaveBeenCalled();
+  });
+
+  test('calls onMarkAllAsRead from header action when unread items exist', async () => {
+    const user = userEvent.setup();
+    const onMarkAllAsRead = vi.fn();
+
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={mockItems}
+        onMarkAllAsRead={onMarkAllAsRead}
+      />,
+    );
+
+    await user.click(screen.getByRole('button', { name: 'Mark all as read' }));
+
+    expect(onMarkAllAsRead).toHaveBeenCalledTimes(1);
+  });
+
+  test('hides mark all as read when all items are read', () => {
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={mockItems.map(item => ({ ...item, isRead: true }))}
+        onMarkAllAsRead={vi.fn()}
+      />,
+    );
+
+    expect(screen.queryByRole('button', { name: 'Mark all as read' })).not.toBeInTheDocument();
+  });
+
+  test('hides mark all as read when items is empty', () => {
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={[]}
+        onMarkAllAsRead={vi.fn()}
+      />,
+    );
+
+    expect(screen.queryByRole('button', { name: 'Mark all as read' })).not.toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'No notifications' })).toBeInTheDocument();
+  });
+
+  test('renders custom empty state', () => {
+    render(
+      <WidgetNotifications
+        heading="Notifications"
+        items={[]}
+        emptyState={<p>Custom empty</p>}
+      />,
+    );
+
+    expect(screen.getByText('Custom empty')).toBeInTheDocument();
+  });
+});

package/src/components/widgetNotifications/WidgetNotifications.tsx

@@ -0,0 +1,112 @@
+import { Button } from 'Components/button/Button';
+import { EmptyState } from 'Components/emptyState/EmptyState';
+import { Icon } from 'Components/icon/Icon';
+import { Widget } from 'Components/widget/Widget';
+import type { WidgetNotificationsItemProps } from './WidgetNotificationsItem.js';
+import { WidgetNotificationsItem } from './WidgetNotificationsItem.js';
+
+type WidgetNotificationsItemData = {
+  id: string;
+  title: string;
+  description?: string;
+  dateTime: string;
+  timeLabel: string;
+  isRead?: boolean;
+  clearLabel?: string;
+};
+
+type WidgetNotificationsProps = {
+  heading: React.ReactNode;
+  tooltip?: string;
+  items: WidgetNotificationsItemData[];
+  isFloating?: boolean;
+  onItemClick?: (id: string) => void;
+  onClearItem?: (id: string) => void;
+  onMarkAllAsRead?: () => void;
+  markAllAsReadLabel?: string;
+  emptyState?: React.ReactNode;
+  className?: string;
+};
+
+const defaultEmptyState = (
+  <EmptyState
+    padding="md"
+    illustration={<Icon name="message-square-more" size={24} />}
+    heading="No notifications"
+    subHeading="You're all caught up."
+  />
+);
+
+export const WidgetNotifications = (props: WidgetNotificationsProps): React.JSX.Element => {
+  const {
+    heading,
+    tooltip,
+    items,
+    isFloating = false,
+    onItemClick,
+    onClearItem,
+    onMarkAllAsRead,
+    markAllAsReadLabel = 'Mark all as read',
+    emptyState = defaultEmptyState,
+    className,
+  } = props;
+
+  const isEmpty = items.length === 0;
+  const hasUnread = items.some(item => !item.isRead);
+  const showMarkAllAsRead = Boolean(onMarkAllAsRead) && !isEmpty && hasUnread;
+
+  return (
+    <Widget
+      tooltip={tooltip}
+      isFloating={isFloating}
+      isEmpty={isEmpty}
+      emptyState={emptyState}
+      className={className}
+    >
+      <Widget.Header
+        slotEnd={showMarkAllAsRead
+          ? (
+              <Button
+                variant="text-link"
+                type="button"
+                hasHorizontalPadding={false}
+                onClick={onMarkAllAsRead}
+              >
+                {markAllAsReadLabel}
+              </Button>
+            )
+          : undefined}
+      >
+        {heading}
+      </Widget.Header>
+      <Widget.Body>
+        {!isEmpty && (
+          <ol className="ds-widget-notifications__list">
+            {items.map(item => (
+              <WidgetNotificationsItem
+                key={item.id}
+                id={item.id}
+                title={item.title}
+                description={item.description}
+                dateTime={item.dateTime}
+                timeLabel={item.timeLabel}
+                isRead={item.isRead}
+                clearLabel={item.clearLabel}
+                onItemClick={onItemClick ? () => onItemClick(item.id) : undefined}
+                onClear={onClearItem ? () => onClearItem(item.id) : undefined}
+              />
+            ))}
+          </ol>
+        )}
+      </Widget.Body>
+    </Widget>
+  );
+};
+
+WidgetNotifications.Item = WidgetNotificationsItem;
+
+export namespace WidgetNotifications {
+  export type Props = WidgetNotificationsProps;
+  export type ItemProps = WidgetNotificationsItemProps;
+  export type ItemData = WidgetNotificationsItemData;
+}

package/src/components/widgetNotifications/WidgetNotificationsItem.tsx

@@ -0,0 +1,88 @@
+import classNames from 'classnames';
+import { Icon } from 'Components/icon/Icon';
+
+export type WidgetNotificationsItemProps = {
+  id: string;
+  title: string;
+  description?: string;
+  dateTime: string;
+  timeLabel: string;
+  isRead?: boolean;
+  clearLabel?: string;
+  onItemClick?: () => void;
+  onClear?: () => void;
+  className?: string;
+};
+
+const DEFAULT_CLEAR_LABEL = 'Clear notification';
+
+export const WidgetNotificationsItem = (props: WidgetNotificationsItemProps): React.JSX.Element => {
+  const {
+    id,
+    title,
+    description,
+    dateTime,
+    timeLabel,
+    isRead = false,
+    clearLabel = DEFAULT_CLEAR_LABEL,
+    onItemClick,
+    onClear,
+    className,
+  } = props;
+
+  const primaryContent = (
+    <>
+      <p className="ds-widget-notifications__title">{title}</p>
+      {description && (
+        <p className="ds-widget-notifications__description">{description}</p>
+      )}
+    </>
+  );
+
+  return (
+    <li
+      className={classNames(
+        'ds-widget-notifications__item',
+        isRead
+          ? 'ds-widget-notifications__item--read'
+          : 'ds-widget-notifications__item--unread',
+        className,
+      )}
+      data-testid={`widget-notifications-item-${id}`}
+    >
+      <div className="ds-widget-notifications__primary">
+        {onItemClick
+          ? (
+              <button
+                type="button"
+                className="ds-widget-notifications__primary-button remove-default-button-styles"
+                onClick={onItemClick}
+              >
+                {primaryContent}
+              </button>
+            )
+          : (
+              <div className="ds-widget-notifications__primary-content">
+                {primaryContent}
+              </div>
+            )}
+      </div>
+      <div className="ds-widget-notifications__secondary">
+        {onClear && (
+          <button
+            type="button"
+            className="ds-widget-notifications__clear remove-default-button-styles"
+            aria-label={clearLabel}
+            data-testid={`widget-notifications-clear-${id}`}
+            onClick={onClear}
+          >
+            <Icon name="x" size={16} />
+          </button>
+        )}
+        <time dateTime={dateTime} className="ds-widget-notifications__time">
+          {timeLabel}
+        </time>
+      </div>
+    </li>
+  );
+};

package/src/components/widgetNotifications/widgetNotifications.scss

@@ -0,0 +1,186 @@
+.ds-widget-notifications__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xsmall);
+}
+
+.ds-widget-notifications__title {
+  margin: 0;
+  font-family: var(--type-body-p-family);
+  font-size: var(--type-body-p-size);
+  font-weight: var(--type-body-bold-weight);
+  line-height: var(--type-body-line-height);
+}
+
+.ds-widget-notifications__description {
+  margin: 0;
+  font-family: var(--type-body-p-family);
+  font-size: var(--type-body-p-size);
+  font-weight: var(--type-body-p-weight);
+  line-height: var(--type-body-line-height);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ds-widget-notifications__time {
+  font-family: var(--type-body-p-family);
+  font-size: var(--widget-notifications-timestamp-font-size);
+  font-weight: var(--type-body-p-weight);
+  line-height: var(--type-body-line-height);
+  white-space: nowrap;
+}
+
+.ds-widget-notifications__item {
+  display: flex;
+  align-items: stretch;
+  gap: var(--spacing-small);
+  padding: var(--widget-notifications-spacing-vertical) var(--widget-notifications-spacing-horizontal);
+  border-radius: var(--widget-notifications-radius);
+
+  &--unread {
+    background-color: var(--widget-notifications-unread-default-color-background);
+
+    --notification-clear-bg: var(--widget-notifications-unread-default-icon-default-color-background);
+    --notification-clear-bg-hover: var(--widget-notifications-unread-default-icon-hover-color-background);
+    --notification-clear-bg-active: var(--widget-notifications-unread-default-icon-active-color-background);
+
+    &:hover {
+      background-color: var(--widget-notifications-unread-hover-color-background);
+
+      --notification-clear-bg: var(--widget-notifications-unread-hover-icon-default-color-background);
+      --notification-clear-bg-hover: var(--widget-notifications-unread-hover-icon-hover-color-background);
+      --notification-clear-bg-active: var(--widget-notifications-unread-hover-icon-active-color-background);
+    }
+
+    &:has(.ds-widget-notifications__primary-button:focus-visible),
+    &:has(.ds-widget-notifications__clear:focus-visible) {
+      background-color: var(--widget-notifications-unread-focus-color-background);
+
+      --notification-clear-bg: var(--widget-notifications-unread-focus-icon-default-color-background);
+      --notification-clear-bg-hover: var(--widget-notifications-unread-focus-icon-hover-color-background);
+      --notification-clear-bg-active: var(--widget-notifications-unread-focus-icon-active-color-background);
+    }
+
+    &:has(.ds-widget-notifications__primary-button:focus-visible) {
+      outline: var(--focus-border) solid var(--focus-color-focus);
+    }
+
+    .ds-widget-notifications__title {
+      color: var(--widget-notifications-unread-color-title);
+    }
+
+    .ds-widget-notifications__description,
+    .ds-widget-notifications__time {
+      color: var(--widget-notifications-unread-color-text);
+    }
+  }
+
+  &--read {
+    background-color: var(--widget-notifications-read-default-color-background);
+
+    --notification-clear-bg: var(--widget-notifications-read-default-icon-default-color-background);
+    --notification-clear-bg-hover: var(--widget-notifications-read-default-icon-hover-color-background);
+    --notification-clear-bg-active: var(--widget-notifications-read-default-icon-active-color-background);
+
+    &:hover {
+      background-color: var(--widget-notifications-read-hover-color-background);
+
+      --notification-clear-bg: var(--widget-notifications-read-hover-icon-default-color-background);
+      --notification-clear-bg-hover: var(--widget-notifications-read-hover-icon-hover-color-background);
+      --notification-clear-bg-active: var(--widget-notifications-read-hover-icon-active-color-background);
+    }
+
+    &:has(.ds-widget-notifications__primary-button:focus-visible),
+    &:has(.ds-widget-notifications__clear:focus-visible) {
+      background-color: var(--widget-notifications-read-focus-color-background);
+
+      --notification-clear-bg: var(--widget-notifications-read-focus-icon-default-color-background);
+      --notification-clear-bg-hover: var(--widget-notifications-read-focus-icon-hover-color-background);
+      --notification-clear-bg-active: var(--widget-notifications-read-focus-icon-active-color-background);
+    }
+
+    &:has(.ds-widget-notifications__primary-button:focus-visible) {
+      outline: var(--focus-border) solid var(--focus-color-focus);
+    }
+
+    .ds-widget-notifications__title {
+      color: var(--widget-notifications-read-color-title);
+    }
+
+    .ds-widget-notifications__description,
+    .ds-widget-notifications__time {
+      color: var(--widget-notifications-read-color-text);
+    }
+  }
+}
+
+.ds-widget-notifications__primary {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: stretch;
+}
+
+.ds-widget-notifications__primary-button,
+.ds-widget-notifications__primary-content {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  text-align: left;
+}
+
+.ds-widget-notifications__primary-button {
+  cursor: pointer;
+  color: inherit;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+.ds-widget-notifications__secondary {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: space-between;
+  flex-shrink: 0;
+  gap: var(--widget-notifications-secondary-spacing-vertical-gap);
+}
+
+.ds-widget-notifications__clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--icon-size-medium);
+  height: var(--icon-size-medium);
+  border-radius: var(--border-radius-round);
+  cursor: pointer;
+  color: inherit;
+  background-color: var(--notification-clear-bg);
+
+  &:hover {
+    background-color: var(--notification-clear-bg-hover);
+  }
+
+  &:active {
+    background-color: var(--notification-clear-bg-active);
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--focus-border) solid var(--focus-color-focus);
+    outline-offset: calc(1 * var(--focus-border));
+  }
+}

package/src/docs/Contributing.mdx

@@ -226,7 +226,7 @@ Never push directly to `main` — all work goes through a branch and PR.
 - **Every PR requires a changeset.** These should be generated by running `yarn changeset`, which takes you through a prompt to specify the change level and to give a brief description of your change
 - **Do not let an AI create a changeset file for you.** AI Agents have a propensity to directly write their own changeset files, which often hallucinate the structure of the files, or the name of the changeset project, which can result in stray changeset files not being added to the changelog on releases. Generate **all** changeset files via `yarn changeset`.
 - **Do not use backticks or quotes in your changeset description** - these break the release automation
-- Until we are on v1.0.0 as our first wide release, we are not using proper semver. For the time being, use minor version bumps for breaking changes and patch for all other changes, including new functionality.
+- We follow [semantic versioning](https://semver.org/): **major** for breaking changes, **minor** for new backwards-compatible functionality, **patch** for backwards-compatible fixes and other non-breaking changes.
 
 For the full details and the reasoning behind these rules, see [CONTRIBUTING.md](https://github.com/arbor-education/design-system.components/blob/main/CONTRIBUTING.md) on GitHub.
 

package/src/index.scss

@@ -7,6 +7,7 @@
 @use "components/icon/icon.scss";
 @use "components/iconText/iconText.scss";
 @use "components/heading/heading.scss";
+@use "components/link/link.scss";
 @use "components/card/card.scss";
 @use "components/articleCard/articleCard.scss";
 @use "components/dropdown/dropdown.scss";
@@ -58,7 +59,14 @@
 @use "components/toggleGroup/toggleGroup.scss";
 @use "components/dataViewCard/dataViewCard.scss";
 @use "components/treeRow/treeRow.scss";
-@use "components/sidebarNav/sidebarNav.scss";
+@use "components/favourite/favouriteButton.scss";
+@use "components/emptyState/emptyState.scss";
+@use "components/widget/widget.scss";
+@use "components/widgetNotifications/widgetNotifications.scss";
+@use "components/widgetCalendar/widgetCalendar.scss";
+@use "components/widgetFavourites/widgetFavourites.scss";
+@use "components/sidebar/sidebar.scss";
+@use "components/sideNavigation/sideNavigation.scss";
 @use "components/fileUpload/fileUpload.scss";
 @use "components/skeleton/skeleton.scss";
 

package/src/index.ts

@@ -1,3 +1,4 @@
+export { ArborLogo, type ArborLogoProps } from 'Components/arborLogo/ArborLogo';
 export { ArticleCard, type ArticleCardProps } from 'Components/articleCard/ArticleCard';
 export { Avatar } from 'Components/avatar/Avatar';
 export { AvatarGroup } from 'Components/avatarGroup/AvatarGroup';
@@ -7,11 +8,14 @@ export { Breadcrumbs } from 'Components/breadcrumbs/Breadcrumbs';
 export { Button } from 'Components/button/Button';
 export { Card, type CardProps } from 'Components/card/Card';
 export { Combobox } from 'Components/combobox/Combobox';
+export { DataViewCard, type DataViewCardProps } from 'Components/dataViewCard/DataViewCard';
 export { DatePicker } from 'Components/datePicker/DatePicker';
 export { DateTimePicker } from 'Components/dateTimePicker/DateTimePicker';
 export { Dot } from 'Components/dot/Dot';
 export { Dropdown } from 'Components/dropdown/Dropdown';
 export { EditableText } from 'Components/editableText/EditableText';
+export { EmptyState, type EmptyStateHeadingLevel, type EmptyStatePadding, type EmptyStateProps } from 'Components/emptyState/EmptyState';
+export { FileUpload, type FileUploadProps } from 'Components/fileUpload/FileUpload';
 export {
   FilterBar,
   type FilterBarActiveListProps,
@@ -48,28 +52,19 @@ export { Row } from 'Components/row/Row';
 export { SearchBar } from 'Components/searchBar/SearchBar';
 export { Section } from 'Components/section/Section';
 export { Separator } from 'Components/separator/Separator';
-export { SidebarNav } from 'Components/sidebarNav/SidebarNav';
-export type {
-  SidebarNavProps,
-  SidebarNavNode,
-  SidebarNavGroupNode,
-  SidebarNavItemNode,
-  SidebarNavRailItemConfig,
-  SidebarNavRailEntry,
-  SidebarNavRailSeparatorConfig,
-  SidebarNavRenderLinkArgs,
-} from 'Components/sidebarNav/types';
-export { isSidebarNavRailSeparator } from 'Components/sidebarNav/types';
+export { Sidebar } from 'Components/sidebar/Sidebar';
+export { SidebarItem } from 'Components/sidebar/SidebarItem';
+export { SideNavigation } from 'Components/sideNavigation/SideNavigation';
 export { SingleUser } from 'Components/singleUser/SingleUser';
 export { Slideover } from 'Components/slideover/Slideover';
 export { SlideoverManager } from 'Components/slideoverManager/SlideoverManager';
-export { DefaultCellRenderer } from 'Components/table/cellRenderers/DefaultCellRenderer';
 export { BooleanCellRenderer } from 'Components/table/cellRenderers/BooleanCellRenderer';
+export { DefaultCellRenderer } from 'Components/table/cellRenderers/DefaultCellRenderer';
+export { NumberInputCellRenderer } from 'Components/table/cellRenderers/NumberInputCellRenderer';
 export { DSDefaultColDef } from 'Components/table/DSDefaultColDef';
 export { GridApiContext } from 'Components/table/GridApiContext';
 export { NumberCellEditor } from 'Components/table/cellEditors/NumberCellEditor';
 export { CheckboxCellRenderer } from 'Components/table/cellRenderers/CheckboxCellRenderer';
-export { NumberInputCellRenderer } from 'Components/table/cellRenderers/NumberInputCellRenderer';
 export { Table } from 'Components/table/Table';
 export { Tabs } from 'Components/tabs/Tabs';
 export { Tag } from 'Components/tag/Tag';
@@ -80,14 +75,23 @@ export { Toggle } from 'Components/toggle/Toggle';
 export { ToggleGroup } from 'Components/toggleGroup/ToggleGroup';
 export { Tooltip } from 'Components/tooltip/Tooltip';
 export { TooltipWrapper } from 'Components/tooltip/TooltipWrapper';
-export { GovhubLogo, KeyLogo, RobinLogo, SampeopleLogo, TimetablerLogo } from 'Components/userDropdown/assets/logos';
 export { TreeRow, type TreeRowItem, type TreeRowProps, type TreeRowSectionProps } from 'Components/treeRow/TreeRow';
+export { GovhubLogo, KeyLogo, RobinLogo, SampeopleLogo, TimetablerLogo } from 'Components/userDropdown/assets/logos';
 export { UserDropdown } from 'Components/userDropdown/UserDropdown';
+export { Widget } from 'Components/widget/Widget';
+export { WidgetCalendar } from 'Components/widgetCalendar/WidgetCalendar';
+export {
+  WidgetFavourites,
+  type WidgetFavouritesItemData,
+  type WidgetFavouritesItemProps,
+  type WidgetFavouritesProps,
+} from 'Components/widgetFavourites/WidgetFavourites';
+export { WidgetNotifications } from 'Components/widgetNotifications/WidgetNotifications';
+export {
+  FAVOURITE_FILLED_ICON_COLOR, FAVOURITE_ICON, FAVOURITE_TOOLTIP, getFavouriteRemovedToastMessage, getFavouriteTooltip,
+} from 'Utils/favourites/favouriteConstants';
 export { isClient } from 'Utils/isClient';
 export { ModalUtils } from 'Utils/ModalUtils';
 export { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 export { SlideoverUtils } from 'Utils/SlideoverUtils';
-export { ArborLogo, type ArborLogoProps } from 'Components/arborLogo/ArborLogo';
-export { DataViewCard, type DataViewCardProps } from 'Components/dataViewCard/DataViewCard';
-export { FileUpload, type FileUploadProps } from 'Components/fileUpload/FileUpload';
 export { Grid, type GridProps } from 'Components/grid/Grid';