@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

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

@@ -1,98 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../sx';
-import type { ItemInput } from './List';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../../utils/polymorphic';
-import type { AriaRole } from '../../utils/types';
-/**
- * Contract for props passed to the `Item` component.
- */
-export interface ItemProps extends SxProp {
-    /**
-     * Primary text which names an `Item`.
-     */
-    text?: string;
-    /**
-     * Secondary text which provides additional information about an `Item`.
-     */
-    description?: string;
-    /**
-     * Secondary text style variations. Usage is discretionary.
-     *
-     * - `"inline"` - Secondary text is positioned beside primary text.
-     * - `"block"` - Secondary text is positioned below primary text.
-     */
-    descriptionVariant?: 'inline' | 'block';
-    /**
-     * Icon (or similar) positioned before `Item` text.
-     */
-    leadingVisual?: React.ElementType;
-    /**
-     * @deprecated Use `trailingVisual` instead
-     * Icon (or similar) positioned after `Item` text.
-     */
-    trailingIcon?: React.ElementType;
-    /**
-     * @deprecated Use `trailingVisual` instead
-     * Text positioned after `Item` text and optional trailing icon.
-     */
-    trailingText?: string;
-    /**
-     * Icon or text positioned after `Item` text.
-     */
-    trailingVisual?: React.ElementType | React.ReactNode;
-    /**
-     * Style variations associated with various `Item` types.
-     *
-     * - `"default"` - An action `Item`.
-     * - `"danger"` - A destructive action `Item`.
-     */
-    variant?: 'default' | 'danger';
-    /**
-     * Whether to display a divider above the `Item` when it does not follow a `Header` or `Divider`.
-     */
-    showDivider?: boolean;
-    /**
-     * For `Item`s which can be selected, whether the `Item` is currently selected.
-     */
-    selected?: boolean;
-    /**
-     *  For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected
-     */
-    selectionVariant?: 'single' | 'multiple' | 'radio';
-    /**
-     * Designates the group that an item belongs to.
-     */
-    groupId?: string;
-    /**
-     * Items that are disabled can not be clicked, selected, or navigated through.
-     */
-    disabled?: boolean;
-    /**
-     * Callback that will trigger both on click selection and keyboard selection.
-     */
-    onAction?: (item: ItemProps, event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * An id associated with this item.  Should be unique between items
-     */
-    id?: number | string;
-    /**
-     * Node to be included inside the item before the text.
-     */
-    children?: React.ReactNode;
-    /**
-     * The ARIA role describing the function of `List` component. `option` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * An item to pass back in the `onAction` callback, meant as
-     */
-    item?: ItemInput;
-}
-export declare const TextContainer: import("styled-components").StyledComponent<"span", any, {
-    dangerouslySetInnerHtml?: React.DOMAttributes<HTMLDivElement>["dangerouslySetInnerHTML"];
-}, never>;
-/**
- * An actionable or selectable `Item` with an optional icon and description.
- */
-export declare const Item: PolymorphicForwardRefComponent<"div", ItemProps>;
-//# sourceMappingURL=Item.d.ts.map

package/lib/deprecated/ActionList/Item.js

@@ -1,457 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var octiconsReact = require('@primer/octicons-react');
-var React = require('react');
-var reactIs = require('react-is');
-var constants = require('../../constants.js');
-var sx = require('../../sx.js');
-var styled = require('styled-components');
-var Header = require('./Header.js');
-var Divider = require('./Divider.js');
-var ThemeProvider = require('../../ThemeProvider.js');
-var behaviors = require('@primer/behaviors');
-var useId = require('../../hooks/useId.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Truncate = require('../../Truncate/Truncate.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const getItemVariant = (variant = 'default', disabled) => {
-  if (disabled) {
-    return {
-      color: constants.get('colors.primer.fg.disabled'),
-      iconColor: constants.get('colors.primer.fg.disabled'),
-      annotationColor: constants.get('colors.primer.fg.disabled'),
-      hoverCursor: 'default'
-    };
-  }
-  switch (variant) {
-    case 'danger':
-      return {
-        color: constants.get('colors.danger.fg'),
-        iconColor: constants.get('colors.danger.fg'),
-        annotationColor: constants.get('colors.fg.muted'),
-        hoverCursor: 'pointer',
-        hoverBg: constants.get('colors.actionListItem.danger.hoverBg'),
-        focusBg: constants.get('colors.actionListItem.danger.activeBg'),
-        hoverText: constants.get('colors.actionListItem.danger.hoverText')
-      };
-    default:
-      return {
-        color: constants.get('colors.fg.default'),
-        iconColor: constants.get('colors.fg.muted'),
-        annotationColor: constants.get('colors.fg.muted'),
-        hoverCursor: 'pointer',
-        hoverBg: constants.get('colors.actionListItem.default.hoverBg'),
-        focusBg: constants.get('colors.actionListItem.default.activeBg')
-      };
-  }
-};
-const DividedContent = styled__default.default.div.withConfig({
-  displayName: "Item__DividedContent",
-  componentId: "sc-y6iv6t-0"
-})(["display:flex;min-width:0;position:relative;flex-grow:1;"]);
-const MainContent = styled__default.default.div.withConfig({
-  displayName: "Item__MainContent",
-  componentId: "sc-y6iv6t-1"
-})(["align-items:baseline;display:flex;min-width:0;flex-direction:var(--main-content-flex-direction);flex-grow:1;"]);
-const StyledItem = styled__default.default.div.withConfig({
-  displayName: "Item__StyledItem",
-  componentId: "sc-y6iv6t-2"
-})(["padding:6px ", ";display:flex;border-radius:", ";color:", ";transition:background 33.333ms linear;text-decoration:none;@media (hover:hover) and (pointer:fine){:hover{background:var( --item-hover-bg-override,", " );color:", ";cursor:", ";}}:not(:first-of-type):not(", " + &):not(", " + &){margin-top:", ";", "::before{content:' ';display:block;position:absolute;width:100%;top:-7px;border:0 solid ", ";border-top-width:", ";}}&:hover ", "::before,:hover + * ", "::before{border-color:var(--item-hover-divider-border-color-override,transparent) !important;}&:focus ", "::before,:focus + * ", "::before,&[", "] ", "::before,[", "] + & ", "::before{border-color:transparent !important;}&[", "='", "']{background:", ";}&[", "='", "']{background:", ";}&:focus{background:", ";outline:none;}&:active{background:", ";}", ""], constants.get('space.2'), constants.get('radii.2'), ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).color, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverText, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverCursor, Divider.StyledDivider, Header.StyledHeader, ({
-  showDivider
-}) => showDivider ? `1px` : '0', DividedContent, constants.get('colors.border.muted'), ({
-  showDivider
-}) => showDivider ? `1px` : '0', DividedContent, DividedContent, DividedContent, DividedContent, behaviors.isActiveDescendantAttribute, DividedContent, behaviors.isActiveDescendantAttribute, DividedContent, behaviors.isActiveDescendantAttribute, behaviors.activeDescendantActivatedDirectly, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, behaviors.isActiveDescendantAttribute, behaviors.activeDescendantActivatedIndirectly, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, sx.default);
-const TextContainer = styled__default.default.span.withConfig({
-  displayName: "Item__TextContainer",
-  componentId: "sc-y6iv6t-3"
-})([""]);
-const BaseVisualContainer = styled__default.default.div.withConfig({
-  displayName: "Item__BaseVisualContainer",
-  componentId: "sc-y6iv6t-4"
-})(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;flex-shrink:0;"], constants.get('space.3'), constants.get('space.2'));
-const ColoredVisualContainer = styled__default.default(BaseVisualContainer).withConfig({
-  displayName: "Item__ColoredVisualContainer",
-  componentId: "sc-y6iv6t-5"
-})(["svg{fill:", ";font-size:", ";}"], ({
-  variant,
-  disabled
-}) => getItemVariant(variant, disabled).iconColor, constants.get('fontSizes.0'));
-const LeadingVisualContainer = styled__default.default(ColoredVisualContainer).withConfig({
-  displayName: "Item__LeadingVisualContainer",
-  componentId: "sc-y6iv6t-6"
-})(["display:flex;flex-direction:column;justify-content:center;"]);
-const TrailingContent = styled__default.default(ColoredVisualContainer).withConfig({
-  displayName: "Item__TrailingContent",
-  componentId: "sc-y6iv6t-7"
-})(["color:", ";margin-left:", ";margin-right:0;width:auto;div:nth-child(2){margin-left:", ";}"], ({
-  variant,
-  disabled
-}) => getItemVariant(variant, disabled).annotationColor, constants.get('space.2'), constants.get('space.2'));
-const DescriptionContainer = styled__default.default.span.withConfig({
-  displayName: "Item__DescriptionContainer",
-  componentId: "sc-y6iv6t-8"
-})(["color:", ";font-size:", ";line-height:16px;margin-left:var(--description-container-margin-left);min-width:0;flex-grow:1;flex-basis:var(--description-container-flex-basis);"], constants.get('colors.fg.muted'), constants.get('fontSizes.0'));
-const MultiSelectIcon = styled__default.default.svg.withConfig({
-  displayName: "Item__MultiSelectIcon",
-  componentId: "sc-y6iv6t-9"
-})(["rect{fill:", ";stroke:", ";shape-rendering:auto;}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
-  selected
-}) => selected ? constants.get('colors.accent.fg') : constants.get('colors.canvas.default'), ({
-  selected
-}) => selected ? constants.get('colors.accent.fg') : constants.get('colors.border.default'), constants.get('colors.fg.onEmphasis'), constants.get('shadow.small'), ({
-  selected
-}) => selected ? 1 : 0);
-
-/**
- * An actionable or selectable `Item` with an optional icon and description.
- */
-const Item = /*#__PURE__*/React__default.default.forwardRef((itemProps, ref) => {
-  const $ = reactCompilerRuntime.c(78);
-  let Component;
-  let LeadingVisual;
-  let TrailingIcon;
-  let TrailingVisual;
-  let children;
-  let description;
-  let disabled;
-  let id;
-  let onAction;
-  let onClick;
-  let onKeyPress;
-  let props;
-  let selected;
-  let selectionVariant;
-  let showDivider;
-  let t0;
-  let t1;
-  let text;
-  let trailingText;
-  if ($[0] !== itemProps) {
-    ({
-      as: Component,
-      text,
-      description,
-      descriptionVariant: t0,
-      selected,
-      selectionVariant,
-      leadingVisual: LeadingVisual,
-      trailingIcon: TrailingIcon,
-      trailingVisual: TrailingVisual,
-      trailingText,
-      variant: t1,
-      showDivider,
-      disabled,
-      onAction,
-      onKeyPress,
-      children,
-      onClick,
-      id,
-      ...props
-    } = itemProps);
-    $[0] = itemProps;
-    $[1] = Component;
-    $[2] = LeadingVisual;
-    $[3] = TrailingIcon;
-    $[4] = TrailingVisual;
-    $[5] = children;
-    $[6] = description;
-    $[7] = disabled;
-    $[8] = id;
-    $[9] = onAction;
-    $[10] = onClick;
-    $[11] = onKeyPress;
-    $[12] = props;
-    $[13] = selected;
-    $[14] = selectionVariant;
-    $[15] = showDivider;
-    $[16] = t0;
-    $[17] = t1;
-    $[18] = text;
-    $[19] = trailingText;
-  } else {
-    Component = $[1];
-    LeadingVisual = $[2];
-    TrailingIcon = $[3];
-    TrailingVisual = $[4];
-    children = $[5];
-    description = $[6];
-    disabled = $[7];
-    id = $[8];
-    onAction = $[9];
-    onClick = $[10];
-    onKeyPress = $[11];
-    props = $[12];
-    selected = $[13];
-    selectionVariant = $[14];
-    showDivider = $[15];
-    t0 = $[16];
-    t1 = $[17];
-    text = $[18];
-    trailingText = $[19];
-  }
-  const descriptionVariant = t0 === undefined ? "inline" : t0;
-  const variant = t1 === undefined ? "default" : t1;
-  const labelId = useId.useId();
-  const descriptionId = useId.useId();
-  let t2;
-  if ($[20] !== disabled || $[21] !== itemProps || $[22] !== onAction || $[23] !== onKeyPress) {
-    t2 = event => {
-      var _onKeyPress;
-      if (disabled) {
-        return;
-      }
-      (_onKeyPress = onKeyPress) === null || _onKeyPress === void 0 ? void 0 : _onKeyPress(event);
-      if (!event.defaultPrevented && [" ", "Enter"].includes(event.key)) {
-        var _onAction;
-        (_onAction = onAction) === null || _onAction === void 0 ? void 0 : _onAction(itemProps, event);
-      }
-    };
-    $[20] = disabled;
-    $[21] = itemProps;
-    $[22] = onAction;
-    $[23] = onKeyPress;
-    $[24] = t2;
-  } else {
-    t2 = $[24];
-  }
-  const keyPressHandler = t2;
-  let t3;
-  if ($[25] !== disabled || $[26] !== itemProps || $[27] !== onAction || $[28] !== onClick) {
-    t3 = event_0 => {
-      var _onClick;
-      if (disabled) {
-        return;
-      }
-      (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(event_0);
-      if (!event_0.defaultPrevented) {
-        var _onAction2;
-        (_onAction2 = onAction) === null || _onAction2 === void 0 ? void 0 : _onAction2(itemProps, event_0);
-      }
-    };
-    $[25] = disabled;
-    $[26] = itemProps;
-    $[27] = onAction;
-    $[28] = onClick;
-    $[29] = t3;
-  } else {
-    t3 = $[29];
-  }
-  const clickHandler = t3;
-  const {
-    theme
-  } = ThemeProvider.useTheme();
-  const t4 = disabled ? undefined : -1;
-  const t5 = text ? labelId : undefined;
-  const t6 = description ? descriptionId : undefined;
-  let t7;
-  if ($[30] !== selected || $[31] !== selectionVariant || $[32] !== (theme === null || theme === void 0 ? void 0 : theme.colors)) {
-    t7 = !!selected === selected && /*#__PURE__*/jsxRuntime.jsx(BaseVisualContainer, {
-      children: selectionVariant === "multiple" ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/jsxRuntime.jsxs(MultiSelectIcon, {
-          selected: selected,
-          width: "16",
-          height: "16",
-          viewBox: "0 0 16 16",
-          xmlns: "http://www.w3.org/2000/svg",
-          "aria-hidden": "true",
-          children: [/*#__PURE__*/jsxRuntime.jsx("rect", {
-            x: "2",
-            y: "2",
-            width: "12",
-            height: "12",
-            rx: "4"
-          }), /*#__PURE__*/jsxRuntime.jsx("path", {
-            fillRule: "evenodd",
-            strokeWidth: "0",
-            d: "M4.03231 8.69862C3.84775 8.20646 4.49385 7.77554 4.95539 7.77554C5.41693 7.77554 6.80154 9.85246 6.80154 9.85246C6.80154 9.85246 10.2631 4.314 10.4938 4.08323C10.7246 3.85246 11.8785 4.08323 11.4169 5.00631C11.0081 5.82388 7.26308 11.4678 7.26308 11.4678C7.26308 11.4678 6.80154 12.1602 6.34 11.4678C5.87846 10.7755 4.21687 9.19077 4.03231 8.69862Z"
-          })]
-        })
-      }) : selected && /*#__PURE__*/jsxRuntime.jsx(octiconsReact.CheckIcon, {
-        fill: theme === null || theme === void 0 ? void 0 : theme.colors.fg.default
-      })
-    });
-    $[30] = selected;
-    $[31] = selectionVariant;
-    $[32] = theme === null || theme === void 0 ? void 0 : theme.colors;
-    $[33] = t7;
-  } else {
-    t7 = $[33];
-  }
-  let t8;
-  if ($[34] !== LeadingVisual || $[35] !== disabled || $[36] !== variant) {
-    t8 = LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(LeadingVisualContainer, {
-      variant: variant,
-      disabled: disabled,
-      children: /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {})
-    });
-    $[34] = LeadingVisual;
-    $[35] = disabled;
-    $[36] = variant;
-    $[37] = t8;
-  } else {
-    t8 = $[37];
-  }
-  const t9 = descriptionVariant === "inline" ? "row" : "column";
-  let t10;
-  if ($[38] !== t9) {
-    t10 = {
-      "--main-content-flex-direction": t9
-    };
-    $[38] = t9;
-    $[39] = t10;
-  } else {
-    t10 = $[39];
-  }
-  const t11 = t10;
-  let t12;
-  if ($[40] !== labelId || $[41] !== text) {
-    t12 = text ? /*#__PURE__*/jsxRuntime.jsx(TextContainer, {
-      id: labelId,
-      children: text
-    }) : null;
-    $[40] = labelId;
-    $[41] = text;
-    $[42] = t12;
-  } else {
-    t12 = $[42];
-  }
-  let t13;
-  if ($[43] !== description || $[44] !== descriptionId || $[45] !== descriptionVariant || $[46] !== theme) {
-    t13 = description ? /*#__PURE__*/jsxRuntime.jsx(DescriptionContainer, {
-      id: descriptionId,
-      style: {
-        "--description-container-margin-left": descriptionVariant === "inline" ? constants.get("space.2")(theme) : 0,
-        "--description-container-flex-basis": descriptionVariant === "inline" ? 0 : "auto"
-      },
-      children: descriptionVariant === "block" ? description : /*#__PURE__*/jsxRuntime.jsx(Truncate, {
-        title: description,
-        inline: true,
-        maxWidth: "100%",
-        children: description
-      })
-    }) : null;
-    $[43] = description;
-    $[44] = descriptionId;
-    $[45] = descriptionVariant;
-    $[46] = theme;
-    $[47] = t13;
-  } else {
-    t13 = $[47];
-  }
-  let t14;
-  if ($[48] !== children || $[49] !== t11 || $[50] !== t12 || $[51] !== t13) {
-    t14 = /*#__PURE__*/jsxRuntime.jsxs(MainContent, {
-      style: t11,
-      children: [children, t12, t13]
-    });
-    $[48] = children;
-    $[49] = t11;
-    $[50] = t12;
-    $[51] = t13;
-    $[52] = t14;
-  } else {
-    t14 = $[52];
-  }
-  let t15;
-  if ($[53] !== TrailingIcon || $[54] !== TrailingVisual || $[55] !== disabled || $[56] !== trailingText || $[57] !== variant) {
-    t15 = TrailingVisual ? /*#__PURE__*/jsxRuntime.jsx(TrailingContent, {
-      variant: variant,
-      disabled: disabled,
-      children: typeof TrailingVisual !== "string" && reactIs.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {}) : TrailingVisual
-    }) : TrailingIcon || trailingText ? /*#__PURE__*/jsxRuntime.jsxs(TrailingContent, {
-      variant: variant,
-      disabled: disabled,
-      children: [trailingText, TrailingIcon && /*#__PURE__*/jsxRuntime.jsx(TrailingIcon, {})]
-    }) : null;
-    $[53] = TrailingIcon;
-    $[54] = TrailingVisual;
-    $[55] = disabled;
-    $[56] = trailingText;
-    $[57] = variant;
-    $[58] = t15;
-  } else {
-    t15 = $[58];
-  }
-  let t16;
-  if ($[59] !== t14 || $[60] !== t15) {
-    t16 = /*#__PURE__*/jsxRuntime.jsxs(DividedContent, {
-      children: [t14, t15]
-    });
-    $[59] = t14;
-    $[60] = t15;
-    $[61] = t16;
-  } else {
-    t16 = $[61];
-  }
-  let t17;
-  if ($[62] !== Component || $[63] !== clickHandler || $[64] !== id || $[65] !== keyPressHandler || $[66] !== props || $[67] !== ref || $[68] !== selected || $[69] !== showDivider || $[70] !== t16 || $[71] !== t4 || $[72] !== t5 || $[73] !== t6 || $[74] !== t7 || $[75] !== t8 || $[76] !== variant) {
-    t17 = /*#__PURE__*/jsxRuntime.jsxs(StyledItem, {
-      ref: ref,
-      as: Component,
-      tabIndex: t4,
-      variant: variant,
-      showDivider: showDivider,
-      "aria-selected": selected,
-      "aria-labelledby": t5,
-      "aria-describedby": t6,
-      ...props,
-      "data-id": id,
-      onKeyPress: keyPressHandler,
-      onClick: clickHandler,
-      children: [t7, t8, t16]
-    });
-    $[62] = Component;
-    $[63] = clickHandler;
-    $[64] = id;
-    $[65] = keyPressHandler;
-    $[66] = props;
-    $[67] = ref;
-    $[68] = selected;
-    $[69] = showDivider;
-    $[70] = t16;
-    $[71] = t4;
-    $[72] = t5;
-    $[73] = t6;
-    $[74] = t7;
-    $[75] = t8;
-    $[76] = variant;
-    $[77] = t17;
-  } else {
-    t17 = $[77];
-  }
-  return t17;
-});
-Item.displayName = 'ActionList.Item';
-
-exports.Item = Item;
-exports.TextContainer = TextContainer;

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

@@ -1,94 +0,0 @@
-import type { Key } from 'react';
-import React from 'react';
-import type { AriaRole } from '../../utils/types';
-import type { GroupProps } from './Group';
-import { Group } from './Group';
-import type { ItemProps } from './Item';
-import type { Merge } from '../../utils/types/Merge';
-export type RenderItemFn = (props: ItemProps) => React.ReactElement;
-export type ItemInput = Merge<React.ComponentPropsWithoutRef<'div'>, ItemProps> | ((Partial<ItemProps> & {
-    renderItem: RenderItemFn;
-}) & {
-    key?: Key;
-});
-/**
- * Contract for props passed to the `List` component.
- */
-export interface ListPropsBase {
-    /**
-     * A collection of `Item` props and `Item`-level custom `Item` renderers.
-     */
-    items: ItemInput[];
-    /**
-     * The ARIA role describing the function of `List` component. `listbox` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * id to attach to the base DOM node of the list
-     */
-    id?: string;
-    /**
-     * aria-label to attach to the base DOM node of the list
-     */
-    'aria-label'?: string;
-    /**
-     * A `List`-level custom `Item` renderer. Every `Item` within this `List`
-     * without a `Group`-level or `Item`-level custom `Item` renderer will be
-     * rendered using this function component.
-     */
-    renderItem?: RenderItemFn;
-    /**
-     * A `List`-level custom `Group` renderer. Every `Group` within this `List`
-     * without a `Group`-level custom `Item` renderer will be rendered using
-     * this function component.
-     */
-    renderGroup?: typeof Group;
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"inset"` - `List` children are offset (vertically and horizontally) from `List`’s edges
-     * - `"full"` - `List` children are flush (vertically and horizontally) with `List` edges
-     */
-    variant?: 'inset' | 'horizontal-inset' | 'full';
-    /**
-     *  For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected
-     */
-    selectionVariant?: 'single' | 'multiple' | 'radio';
-    /**
-     * Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
-     */
-    showItemDividers?: boolean;
-}
-/**
- * Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.
- */
-export interface GroupedListProps extends ListPropsBase {
-    /**
-     * A collection of `Group` props (except `items`), plus a unique group identifier
-     * and `Group`-level custom `Item` or `Group` renderers.
-     */
-    groupMetadata: ((Omit<GroupProps, 'items'> | Omit<Partial<GroupProps> & {
-        renderItem?: RenderItemFn;
-        renderGroup?: typeof Group;
-    }, 'items'>) & {
-        groupId: string;
-    })[];
-    /**
-     * A collection of `Item` props, plus associated group identifiers
-     * and `Item`-level custom `Item` renderers.
-     */
-    items: ((ItemProps | (Partial<ItemProps> & {
-        renderItem: RenderItemFn;
-    })) & {
-        groupId: string;
-    })[];
-}
-/**
- * Contract for props passed to the `List` component.
- */
-export type ListProps = ListPropsBase | GroupedListProps;
-/**
- * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
- */
-export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=List.d.ts.map

package/lib/deprecated/ActionList/List.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAOrC,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAA;AAEnE,MAAM,MAAM,SAAS,GACjB,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GACvD,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;IAAC,UAAU,EAAE,YAAY,CAAA;CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,EAAE,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,YAAY,CAAA;IAEzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,KAAK,CAAA;IAE1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,MAAM,CAAA;IAE/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAElD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,aAAa,EAAE,CAAC,CACZ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GACzB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG;QAAC,UAAU,CAAC,EAAE,YAAY,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,KAAK,CAAA;KAAC,EAAE,OAAO,CAAC,CAC/F,GAAG;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAA;IAExB;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAC,SAAS,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;QAAC,UAAU,EAAE,YAAY,CAAA;KAAC,CAAC,CAAC,GAAG;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAA;CAC/F;AAUD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AA0CxD;;GAEG;AACH,eAAO,MAAM,IAAI,kFA8Gf,CAAA"}