@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/deprecated/ActionList/List.js

@@ -1,205 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Group = require('./Group.js');
-var Item = require('./Item.js');
-var Divider = require('./Divider.js');
-var behaviors = require('@primer/behaviors');
-var BoxWithFallback = require('../../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * Asserts that the given value fulfills the `GroupedListProps` contract.
- * @param props A value which fulfills either the `ListPropsBase` or the `GroupedListProps` contract.
- */
-function isGroupedListProps(props) {
-  return 'groupMetadata' in props;
-}
-
-/**
- * Contract for props passed to the `List` component.
- */
-
-// Base styles for the List component
-const listStyles = {
-  fontSize: 'var(--text-body-size-medium, 14px)',
-  // 14px font-size * 1.428571429 = 20px line height
-  // TODO: When rem-based spacing on a 4px scale lands, replace hardcoded '20px'
-  lineHeight: '20px'
-};
-
-/**
- * Returns style objects for `List` children matching the given `List` style variation.
- * @param variant `List` style variation.
- */
-function useListVariant(variant = 'inset') {
-  switch (variant) {
-    case 'full':
-      return {
-        headerStyle: {
-          paddingLeft: 'var(--base-size-8, 8px)',
-          paddingRight: 'var(--base-size-8, 8px)'
-        },
-        itemStyle: {
-          borderRadius: 0
-        }
-      };
-    default:
-      return {
-        firstGroupStyle: {
-          marginTop: 'var(--base-size-8, 8px)'
-        },
-        lastGroupStyle: {
-          marginBottom: 'var(--base-size-8, 8px)'
-        },
-        itemStyle: {
-          marginLeft: 'var(--base-size-8, 8px)',
-          marginRight: 'var(--base-size-8, 8px)'
-        }
-      };
-  }
-}
-
-/**
- * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
- */
-const List = /*#__PURE__*/React__default.default.forwardRef((props, forwardedRef) => {
-  // Extract style prop to avoid conflicts with BoxWithFallback
-  const {
-    style,
-    ...restProps
-  } = props;
-  // Get style objects for `List` children matching the given `List` style variation.
-  const {
-    firstGroupStyle,
-    lastGroupStyle,
-    headerStyle,
-    itemStyle
-  } = useListVariant(restProps.variant);
-
-  /**
-   * Render a `Group` using the first of the following renderers that is defined:
-   * A `Group`-level or `List`-level custom `Group` renderer, or
-   * the default `Group` renderer.
-   */
-  const renderGroup = groupProps => {
-    var _ref;
-    const GroupComponent = ((_ref = 'renderGroup' in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : restProps.renderGroup) || Group.Group;
-    return /*#__PURE__*/React.createElement(GroupComponent, {
-      ...groupProps,
-      key: groupProps.groupId
-    });
-  };
-
-  /**
-   * Render an `Item` using the first of the following renderers that is defined:
-   * An `Item`-level, `Group`-level, or `List`-level custom `Item` renderer,
-   * or the default `Item` renderer.
-   */
-  const renderItem = (itemProps, item, itemIndex) => {
-    var _ref2, _ref3, _itemProps$id;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const ItemComponent = 'renderItem' in itemProps && itemProps.renderItem || restProps.renderItem || Item.Item;
-    const key = (_ref2 = (_ref3 = 'key' in itemProps ? itemProps.key : undefined) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
-    return /*#__PURE__*/React.createElement(ItemComponent, {
-      showDivider: restProps.showItemDividers,
-      selectionVariant: restProps.selectionVariant,
-      ...itemProps,
-      key: key,
-      sx: {
-        ...itemStyle,
-        ...itemProps.sx
-      },
-      item: item
-    });
-  };
-
-  /**
-   * An array of `Group`s, each with an associated `Header` and with an array of `Item`s belonging to that `Group`.
-   */
-  let groups = [];
-
-  // Collect rendered `Item`s into `Group`s, avoiding excess iteration over the lists of `items` and `groupMetadata`:
-  if (!isGroupedListProps(restProps)) {
-    // When no `groupMetadata`s is provided, collect rendered `Item`s into a single anonymous `Group`.
-    groups = [{
-      items: restProps.items.map((item_0, index) => renderItem(item_0, item_0, index)),
-      groupId: '0'
-    }];
-  } else {
-    // When `groupMetadata` is provided, collect rendered `Item`s into their associated `Group`s.
-
-    /**
-     * A map of group identifiers to `Group`s, each with an associated array of `Item`s belonging to that `Group`.
-     */
-    const groupMap = restProps.groupMetadata.reduce((groupAccumulator, groupMetadata) => groupAccumulator.set(groupMetadata.groupId, groupMetadata), new Map());
-    for (const itemProps_0 of restProps.items) {
-      var _group$items$length, _group$items, _group$items2;
-      // Look up the group associated with the current item.
-      const group = groupMap.get(itemProps_0.groupId);
-      const itemIndex_0 = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
-
-      // Upsert the group to include the current item (rendered).
-      groupMap.set(itemProps_0.groupId, {
-        ...group,
-        items: [...((_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : []), renderItem({
-          showDivider: group === null || group === void 0 ? void 0 : group.showItemDividers,
-          ...(group && 'renderItem' in group && {
-            renderItem: group.renderItem
-          }),
-          ...itemProps_0
-        }, itemProps_0, itemIndex_0)]
-      });
-    }
-    groups = [...groupMap.values()];
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-    ...restProps,
-    ref: forwardedRef,
-    style: {
-      ...listStyles,
-      ...(style || {})
-    },
-    sx: {
-      [`&[${behaviors.hasActiveDescendantAttribute}], &:focus-within`]: {
-        '--item-hover-bg-override': 'none',
-        '--item-hover-divider-border-color-override': 'var(--borderColor-muted)'
-      }
-    },
-    children: groups.map(({
-      header,
-      ...groupProps_0
-    }, index_0) => {
-      const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === 'filled';
-      const shouldShowDivider = index_0 > 0 && !hasFilledHeader;
-      return /*#__PURE__*/jsxRuntime.jsxs(React__default.default.Fragment, {
-        children: [shouldShowDivider ? /*#__PURE__*/jsxRuntime.jsx(Divider.Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
-          sx: {
-            ...(index_0 === 0 && firstGroupStyle),
-            ...(index_0 === groups.length - 1 && lastGroupStyle),
-            ...(index_0 > 0 && !shouldShowDivider && {
-              mt: 2
-            })
-          },
-          ...(header && {
-            header: {
-              ...header,
-              sx: {
-                ...headerStyle,
-                ...header.sx
-              }
-            }
-          }),
-          ...groupProps_0
-        })]
-      }, groupProps_0.groupId);
-    })
-  });
-});
-List.displayName = 'ActionList';
-
-exports.List = List;

package/lib/deprecated/ActionList/index.d.ts

@@ -1,17 +0,0 @@
-import { Group } from './Group';
-import { Divider } from './Divider';
-export type { ListProps as ActionListProps, GroupedListProps, ItemInput } from './List';
-export type { GroupProps } from './Group';
-export type { ItemProps } from './Item';
-/**
- * @deprecated Use ActionList with composable API instead. See https://primer.style/react/ActionList for more details.
- */
-export declare const ActionList: import("react").ForwardRefExoticComponent<import("./List").ListProps & import("react").RefAttributes<HTMLDivElement>> & {
-    /** Collects related `Items` in an `ActionList`. */
-    Group: typeof Group;
-    /** An actionable or selectable `Item` with an optional icon and description. */
-    Item: import("../../utils/polymorphic").ForwardRefComponent<"div", import("./Item").ItemProps>;
-    /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-    Divider: typeof Divider;
-};
-//# sourceMappingURL=index.d.ts.map

package/lib/deprecated/ActionList/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var List = require('./List.js');
-var Group = require('./Group.js');
-var Item = require('./Item.js');
-var Divider = require('./Divider.js');
-
-/**
- * @deprecated Use ActionList with composable API instead. See https://primer.style/react/ActionList for more details.
- */
-const ActionList = Object.assign(List.List, {
-  /** Collects related `Items` in an `ActionList`. */
-  Group: Group.Group,
-  /** An actionable or selectable `Item` with an optional icon and description. */
-  Item: Item.Item,
-  /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-  Divider: Divider.Divider
-});
-
-exports.ActionList = ActionList;

package/lib/deprecated/ActionMenu.d.ts

@@ -1,44 +0,0 @@
-import type { GroupedListProps, ListPropsBase } from './ActionList/List';
-import type { ItemProps } from './ActionList/Item';
-import { Divider } from './ActionList/Divider';
-import type React from 'react';
-import type { OverlayProps } from '../Overlay';
-import type { AnchoredOverlayWrapperAnchorProps } from '../AnchoredOverlay/AnchoredOverlay';
-interface ActionMenuBaseProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase {
-    /**
-     * Content that is passed into the renderAnchor component, which is a button by default.
-     */
-    anchorContent?: React.ReactNode;
-    /**
-     * A callback that triggers both on clicks and keyboard events. This callback will be overridden by item level `onAction` callbacks.
-     */
-    onAction?: (props: ItemProps, event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `setOpen`.
-     */
-    open?: boolean;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
-     */
-    setOpen?: (s: boolean) => void;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-}
-export type ActionMenuProps = ActionMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
-/**
- * @deprecated Use ActionMenu with composable API instead. See https://primer.style/react/ActionMenu for more details.
- */
-export declare const ActionMenu: {
-    ({ anchorContent, renderAnchor, anchorRef: externalAnchorRef, onAction, open, setOpen, overlayProps, items, ...listProps }: ActionMenuProps): JSX.Element;
-    displayName: string;
-} & {
-    Divider: typeof Divider;
-    Item: {
-        (props: ItemProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export {};
-//# sourceMappingURL=ActionMenu.d.ts.map

package/lib/deprecated/ActionMenu.js

@@ -1,199 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var List = require('./ActionList/List.js');
-var Item = require('./ActionList/Item.js');
-var Divider = require('./ActionList/Divider.js');
-require('react');
-var useProvidedStateOrCreate = require('../hooks/useProvidedStateOrCreate.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useProvidedRefOrCreate = require('../hooks/useProvidedRefOrCreate.js');
-var Button = require('../Button/Button.js');
-var AnchoredOverlay = require('../AnchoredOverlay/AnchoredOverlay.js');
-
-const ActionMenuItem = props => {
-  const $ = reactCompilerRuntime.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /*#__PURE__*/jsxRuntime.jsx(Item.Item, {
-      role: "menuitem",
-      ...props
-    });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-ActionMenuItem.displayName = 'ActionMenu.Item';
-const defaultRenderAnchor = props => /*#__PURE__*/jsxRuntime.jsx(Button.ButtonComponent, {
-  ...props
-});
-defaultRenderAnchor.displayName = "defaultRenderAnchor";
-const ActionMenuBase = t0 => {
-  const $ = reactCompilerRuntime.c(35);
-  let anchorContent;
-  let externalAnchorRef;
-  let items;
-  let listProps;
-  let onAction;
-  let open;
-  let overlayProps;
-  let setOpen;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      anchorContent,
-      renderAnchor: t1,
-      anchorRef: externalAnchorRef,
-      onAction,
-      open,
-      setOpen,
-      overlayProps,
-      items,
-      ...listProps
-    } = t0);
-    $[0] = t0;
-    $[1] = anchorContent;
-    $[2] = externalAnchorRef;
-    $[3] = items;
-    $[4] = listProps;
-    $[5] = onAction;
-    $[6] = open;
-    $[7] = overlayProps;
-    $[8] = setOpen;
-    $[9] = t1;
-  } else {
-    anchorContent = $[1];
-    externalAnchorRef = $[2];
-    items = $[3];
-    listProps = $[4];
-    onAction = $[5];
-    open = $[6];
-    overlayProps = $[7];
-    setOpen = $[8];
-    t1 = $[9];
-  }
-  const renderAnchor = t1 === undefined ? defaultRenderAnchor : t1;
-  const [combinedOpenState, setCombinedOpenState] = useProvidedStateOrCreate.useProvidedStateOrCreate(open, setOpen, false);
-  const anchorRef = useProvidedRefOrCreate.useProvidedRefOrCreate(externalAnchorRef);
-  let t2;
-  if ($[10] !== setCombinedOpenState) {
-    t2 = () => setCombinedOpenState(true);
-    $[10] = setCombinedOpenState;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  const onOpen = t2;
-  let t3;
-  if ($[12] !== setCombinedOpenState) {
-    t3 = () => setCombinedOpenState(false);
-    $[12] = setCombinedOpenState;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  const onClose = t3;
-  let t4;
-  bb0: {
-    if (renderAnchor === null) {
-      t4 = null;
-      break bb0;
-    }
-    let t5;
-    if ($[14] !== anchorContent || $[15] !== renderAnchor) {
-      t5 = props => renderAnchor({
-        "aria-label": "menu",
-        children: anchorContent,
-        ...props
-      });
-      $[14] = anchorContent;
-      $[15] = renderAnchor;
-      $[16] = t5;
-    } else {
-      t5 = $[16];
-    }
-    t4 = t5;
-  }
-  const renderMenuAnchor = t4;
-  let t5;
-  if ($[17] !== items || $[18] !== onAction || $[19] !== onClose) {
-    let t6;
-    if ($[21] !== onAction || $[22] !== onClose) {
-      t6 = item => ({
-        ...item,
-        role: "menuitem",
-        onAction: (props_0, event) => {
-          var _item$onAction;
-          const actionCallback = (_item$onAction = item.onAction) !== null && _item$onAction !== void 0 ? _item$onAction : onAction;
-          actionCallback === null || actionCallback === void 0 ? void 0 : actionCallback(props_0, event);
-          if (!event.defaultPrevented) {
-            onClose();
-          }
-        }
-      });
-      $[21] = onAction;
-      $[22] = onClose;
-      $[23] = t6;
-    } else {
-      t6 = $[23];
-    }
-    t5 = items.map(t6);
-    $[17] = items;
-    $[18] = onAction;
-    $[19] = onClose;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  const itemsToRender = t5;
-  let t6;
-  if ($[24] !== itemsToRender || $[25] !== listProps) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx(List.List, {
-      ...listProps,
-      role: "menu",
-      items: itemsToRender
-    });
-    $[24] = itemsToRender;
-    $[25] = listProps;
-    $[26] = t6;
-  } else {
-    t6 = $[26];
-  }
-  let t7;
-  if ($[27] !== anchorRef || $[28] !== combinedOpenState || $[29] !== onClose || $[30] !== onOpen || $[31] !== overlayProps || $[32] !== renderMenuAnchor || $[33] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsx(AnchoredOverlay.AnchoredOverlay, {
-      renderAnchor: renderMenuAnchor,
-      anchorRef: anchorRef,
-      open: combinedOpenState,
-      onOpen: onOpen,
-      onClose: onClose,
-      overlayProps: overlayProps,
-      children: t6
-    });
-    $[27] = anchorRef;
-    $[28] = combinedOpenState;
-    $[29] = onClose;
-    $[30] = onOpen;
-    $[31] = overlayProps;
-    $[32] = renderMenuAnchor;
-    $[33] = t6;
-    $[34] = t7;
-  } else {
-    t7 = $[34];
-  }
-  return t7;
-};
-ActionMenuBase.displayName = 'ActionMenu';
-
-/**
- * @deprecated Use ActionMenu with composable API instead. See https://primer.style/react/ActionMenu for more details.
- */
-const ActionMenu = Object.assign(ActionMenuBase, {
-  Divider: Divider.Divider,
-  Item: ActionMenuItem
-});
-
-exports.ActionMenu = ActionMenu;

package/lib/deprecated/FilteredSearch/FilteredSearch.d.ts

@@ -1,10 +0,0 @@
-import type { SxProp } from '../../sx';
-import type { ComponentProps } from '../../utils/types';
-/**
- * @deprecated A new filter component is in progress.
- * Until the new filter component is ready, you can use Button + TextInput + ActionList to reproduce this pattern.
- */
-declare const FilteredSearch: import("styled-components").StyledComponent<"div", any, SxProp, never>;
-export type FilteredSearchProps = ComponentProps<typeof FilteredSearch>;
-export default FilteredSearch;
-//# sourceMappingURL=FilteredSearch.d.ts.map

package/lib/deprecated/FilteredSearch/FilteredSearch.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var constants = require('../../constants.js');
-var sx = require('../../sx.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-/**
- * @deprecated A new filter component is in progress.
- * Until the new filter component is ready, you can use Button + TextInput + ActionList to reproduce this pattern.
- */
-const FilteredSearch = styled__default.default.div.withConfig({
-  displayName: "FilteredSearch",
-  componentId: "sc-1lfsrbw-0"
-})(["display:flex;align-items:stretch;summary,> button{border-radius:0;border-top-left-radius:", ";border-bottom-left-radius:", ";border-right:0;}.TextInput-wrapper{border-radius:0;border-top-right-radius:", ";border-bottom-right-radius:", ";}", ""], constants.get('radii.2'), constants.get('radii.2'), constants.get('radii.2'), constants.get('radii.2'), sx.default);
-
-module.exports = FilteredSearch;

package/lib/deprecated/FilteredSearch/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './FilteredSearch';
-export type { FilteredSearchProps } from './FilteredSearch';
-//# sourceMappingURL=index.d.ts.map

package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts

@@ -1,25 +0,0 @@
-import type { To } from 'history';
-import type React from 'react';
-import type { ComponentProps } from '../../utils/types';
-declare const UnderlineNavBase: import("styled-components").StyledComponent<"nav", any, {}, never>;
-export type UnderlineNavProps = {
-    actions?: React.ReactNode;
-    align?: 'right';
-    full?: boolean;
-    label?: string;
-} & ComponentProps<typeof UnderlineNavBase>;
-declare function UnderlineNav({ actions, className, align, children, full, label, theme, ...rest }: UnderlineNavProps): React.JSX.Element;
-type StyledUnderlineNavLinkProps = {
-    to?: To;
-    selected?: boolean;
-};
-declare const UnderlineNavLink: import("styled-components").StyledComponent<"a", any, StyledUnderlineNavLinkProps, never>;
-export type UnderlineNavLinkProps = ComponentProps<typeof UnderlineNavLink>;
-/**
- * @deprecated UnderlineNav is deprecated and will be replaced by the draft `UnderlineNav` in the next major release. See https://primer.style/react/drafts/UnderlineNav2 for more details.
- */
-declare const _default: typeof UnderlineNav & {
-    Link: import("styled-components").StyledComponent<"a", any, StyledUnderlineNavLinkProps, never>;
-};
-export default _default;
-//# sourceMappingURL=UnderlineNav.d.ts.map

package/lib/deprecated/UnderlineNav/UnderlineNav.js

@@ -1,130 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var styled = require('styled-components');
-var constants = require('../../constants.js');
-var getGlobalFocusStyles = require('../../internal/utils/getGlobalFocusStyles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const ITEM_CLASS = 'PRC-UnderlineNav-item';
-const SELECTED_CLASS = 'PRC-selected';
-const UnderlineNavBase = styled__default.default.nav.withConfig({
-  displayName: "UnderlineNav__UnderlineNavBase",
-  componentId: "sc-11ejk33-0"
-})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.PRC-UnderlineNav--right{justify-content:flex-end;.PRC-UnderlineNav-item{margin-right:0;margin-left:", ";}.PRC-UnderlineNav-actions{flex:1 1 auto;}}&.PRC-UnderlineNav--full{display:block;}.PRC-UnderlineNav-body{display:flex;margin-bottom:-1px;}.PRC-UnderlineNav-actions{align-self:center;}"], constants.get('colors.border.muted'), constants.get('space.3'));
-function UnderlineNav(t0) {
-  const $ = reactCompilerRuntime.c(24);
-  let actions;
-  let align;
-  let children;
-  let className;
-  let full;
-  let label;
-  let rest;
-  let theme;
-  if ($[0] !== t0) {
-    ({
-      actions,
-      className,
-      align,
-      children,
-      full,
-      label,
-      theme,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = actions;
-    $[2] = align;
-    $[3] = children;
-    $[4] = className;
-    $[5] = full;
-    $[6] = label;
-    $[7] = rest;
-    $[8] = theme;
-  } else {
-    actions = $[1];
-    align = $[2];
-    children = $[3];
-    className = $[4];
-    full = $[5];
-    label = $[6];
-    rest = $[7];
-    theme = $[8];
-  }
-  const t1 = align && `PRC-UnderlineNav--${align}`;
-  const t2 = full && "PRC-UnderlineNav--full";
-  let t3;
-  if ($[9] !== className || $[10] !== t1 || $[11] !== t2) {
-    t3 = clsx.clsx(className, "PRC-UnderlineNav", t1, t2);
-    $[9] = className;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  const classes = t3;
-  let t4;
-  if ($[13] !== children) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "PRC-UnderlineNav-body",
-      children: children
-    });
-    $[13] = children;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== actions) {
-    t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "PRC-UnderlineNav-actions",
-      children: actions
-    });
-    $[15] = actions;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== classes || $[18] !== label || $[19] !== rest || $[20] !== t4 || $[21] !== t5 || $[22] !== theme) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs(UnderlineNavBase, {
-      className: classes,
-      "aria-label": label,
-      theme: theme,
-      ...rest,
-      children: [t4, t5]
-    });
-    $[17] = classes;
-    $[18] = label;
-    $[19] = rest;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = theme;
-    $[23] = t6;
-  } else {
-    t6 = $[23];
-  }
-  return t6;
-}
-const UnderlineNavLink = styled__default.default.a.attrs(props => ({
-  className: clsx.clsx(ITEM_CLASS, props.selected && SELECTED_CLASS, props.className)
-})).withConfig({
-  displayName: "UnderlineNav__UnderlineNavLink",
-  componentId: "sc-11ejk33-1"
-})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:border-bottom-color 0.2s ease;.PRC-UnderlineNav-octicon{color:", ";}}&.PRC-selected{color:", ";border-bottom-color:", ";.PRC-UnderlineNav-octicon{color:", ";}}", ";"], constants.get('space.3'), constants.get('space.2'), constants.get('space.3'), constants.get('fontSizes.1'), constants.get('lineHeights.default'), constants.get('colors.fg.default'), constants.get('colors.fg.default'), constants.get('colors.neutral.muted'), constants.get('colors.fg.muted'), constants.get('colors.fg.default'), constants.get('colors.primer.border.active'), constants.get('colors.fg.default'), getGlobalFocusStyles('-8px'));
-UnderlineNavLink.displayName = 'UnderlineNav.Link';
-/**
- * @deprecated UnderlineNav is deprecated and will be replaced by the draft `UnderlineNav` in the next major release. See https://primer.style/react/drafts/UnderlineNav2 for more details.
- */
-var UnderlineNav$1 = Object.assign(UnderlineNav, {
-  Link: UnderlineNavLink
-});
-
-module.exports = UnderlineNav$1;

package/lib/deprecated/UnderlineNav/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './UnderlineNav';
-export type { UnderlineNavProps, UnderlineNavLinkProps } from './UnderlineNav';
-//# sourceMappingURL=index.d.ts.map