@primer/react 36.7.2 → 36.8.0

package/lib/ActionList/Group.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SxProp } from '../sx';
-import { ActionListProps } from './List';
+import { type ActionListProps } from './shared';
 import { AriaRole } from '../utils/types';
 import type { ActionListHeadingProps } from './Heading';
 export type ActionListGroupProps = {

package/lib/ActionList/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAC,MAAM,EAAiC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAc,eAAe,EAAC,MAAM,QAAQ,CAAA;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAKrD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,GAAG,MAAM,GAAG;IACT;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAA;CAC/D,CAAA;AAEH,KAAK,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,GAAG;IAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAA;AACzG,eAAO,MAAM,YAAY,6BAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA2DzE,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,GAC/F,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAClC,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAkD7E,CAAA"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAC,MAAM,EAAiC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAKrD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,GAAG,MAAM,GAAG;IACT;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAA;CAC/D,CAAA;AAEH,KAAK,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,GAAG;IAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAA;AACzG,eAAO,MAAM,YAAY,6BAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA2DzE,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,GAC/F,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAClC,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAkD7E,CAAA"}

package/lib/ActionList/Group.js

@@ -5,7 +5,7 @@ var useId = require('../hooks/useId.js');
 var Box = require('../Box/Box.js');
 require('@styled-system/css');
 var merge = require('deepmerge');
-var List = require('./List.js');
+var shared = require('./shared.js');
 var Heading = require('../Heading/Heading.js');
 var useSlots = require('../hooks/useSlots.js');
 var defaultSxProp = require('../utils/defaultSxProp.js');
@@ -34,7 +34,7 @@ const Group = ({
   const id = useId.useId();
   const {
     role: listRole
-  } = React__default.default.useContext(List.ListContext);
+  } = React__default.default.useContext(shared.ListContext);
   const [slots, childrenWithoutSlots] = useSlots.useSlots(props.children, {
     groupHeading: GroupHeading
   });
@@ -105,7 +105,7 @@ const GroupHeading = ({
   const {
     variant: listVariant,
     role: listRole
-  } = React__default.default.useContext(List.ListContext);
+  } = React__default.default.useContext(shared.ListContext);
   const {
     groupHeadingId
   } = React__default.default.useContext(GroupContext);

package/lib/ActionList/Heading.js

@@ -8,7 +8,7 @@ require('@primer/behaviors/utils');
 require('@primer/behaviors');
 var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
 var Heading$1 = require('../Heading/Heading.js');
-var List = require('./List.js');
+var shared = require('./shared.js');
 var _VisuallyHidden = require('../_VisuallyHidden.js');
 var ActionListContainerContext = require('./ActionListContainerContext.js');
 var invariant = require('../utils/invariant.js');
@@ -32,7 +32,7 @@ const Heading = /*#__PURE__*/React.forwardRef(({
   const {
     headingId: headingId,
     variant: listVariant
-  } = React__default.default.useContext(List.ListContext);
+  } = React__default.default.useContext(shared.ListContext);
   const {
     container
   } = React__default.default.useContext(ActionListContainerContext.ActionListContainerContext);

package/lib/ActionList/Item.js

@@ -13,9 +13,8 @@ var defaultSxProp = require('../utils/defaultSxProp.js');
 var ActionListContainerContext = require('./ActionListContainerContext.js');
 var Description = require('./Description.js');
 var Group = require('./Group.js');
-var List = require('./List.js');
-var Selection = require('./Selection.js');
 var shared = require('./shared.js');
+var Selection = require('./Selection.js');
 var Visuals = require('./Visuals.js');
 var merge = require('deepmerge');
 
@@ -74,7 +73,7 @@ const Item = /*#__PURE__*/React__default.default.forwardRef(({
     role: listRole,
     showDividers,
     selectionVariant: listSelectionVariant
-  } = React__default.default.useContext(List.ListContext);
+  } = React__default.default.useContext(shared.ListContext);
   const {
     selectionVariant: groupSelectionVariant
   } = React__default.default.useContext(Group.GroupContext);

package/lib/ActionList/LinkItem.js

@@ -5,78 +5,7 @@ var Link = require('../Link/Link.js');
 require('@styled-system/css');
 var merge = require('deepmerge');
 var Item = require('./Item.js');
-require('../theme.js');
-require('../constants.js');
-require('../BaseStyles.js');
-require('../ThemeProvider.js');
 var Box = require('../Box/Box.js');
-require('../Button/types.js');
-require('../utils/defaultSxProp.js');
-require('../CounterLabel/CounterLabel.js');
-require('../Button/Button.js');
-require('../PageLayout/PageLayout.js');
-require('../SplitPageLayout/SplitPageLayout.js');
-require('@primer/behaviors/utils');
-require('../ConfirmationDialog/ConfirmationDialog.js');
-require('@primer/behaviors');
-require('../hooks/useMedia.js');
-require('../Radio/Radio.js');
-require('./index.js');
-require('../ActionMenu/ActionMenu.js');
-require('../AnchoredOverlay/AnchoredOverlay.js');
-require('../Autocomplete/Autocomplete.js');
-require('../Avatar/Avatar.js');
-require('../AvatarPair/AvatarPair.js');
-require('../AvatarStack/AvatarStack.js');
-require('../BranchName/BranchName.js');
-require('../Breadcrumbs/Breadcrumbs.js');
-require('../ButtonGroup/ButtonGroup.js');
-require('../Caret.js');
-require('../CircleOcticon/CircleOcticon.js');
-require('../CheckboxGroup/CheckboxGroup.js');
-require('../CircleBadge/CircleBadge.js');
-require('../Details/Details.js');
-require('../Dialog.js');
-require('../Flash/Flash.js');
-require('../FormControl/_FormControlContext.js');
-require('../FormControl/FormControl.js');
-require('../Header/Header.js');
-require('../Heading/Heading.js');
-require('../Label/Label.js');
-require('../LabelGroup/LabelGroup.js');
-require('../NavList/NavList.js');
-require('../Octicon/Octicon.js');
-require('../Overlay/Overlay.js');
-require('../Pagehead/Pagehead.js');
-require('../Pagination/Pagination.js');
-require('../PointerBox/PointerBox.js');
-require('../Popover/Popover.js');
-require('react-dom');
-require('../ProgressBar/index.js');
-require('../RadioGroup/RadioGroup.js');
-require('../RelativeTime/RelativeTime.js');
-require('../SegmentedControl/SegmentedControl.js');
-require('../Select.js');
-require('../SelectPanel/SelectPanel.js');
-require('../SideNav.js');
-require('../Spinner/Spinner.js');
-require('../StateLabel/StateLabel.js');
-require('../SubNav/SubNav.js');
-require('../ToggleSwitch/ToggleSwitch.js');
-require('../TabNav/TabNav.js');
-require('../TextInput/TextInput.js');
-require('../TextInputWithTokens/TextInputWithTokens.js');
-require('../Text/Text.js');
-require('../Timeline/Timeline.js');
-require('../Token/Token.js');
-require('../Token/IssueLabelToken.js');
-require('../Token/AvatarToken.js');
-require('../Tooltip/Tooltip.js');
-require('../Truncate/Truncate.js');
-require('../Checkbox/Checkbox.js');
-require('../Textarea/Textarea.js');
-require('../TreeView/TreeView.js');
-require('../UnderlineNav/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/lib/ActionList/List.d.ts

@@ -1,29 +1,4 @@
-import React from 'react';
 import { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-import { SxProp } from '../sx';
-import { AriaRole } from '../utils/types';
-export type ActionListProps = React.PropsWithChildren<{
-    /**
-     * `inset` children are offset (vertically and horizontally) from `List`’s edges, `full` children are flush (vertically and horizontally) with `List` edges
-     */
-    variant?: 'inset' | 'full';
-    /**
-     * Whether multiple Items or a single Item can be selected.
-     */
-    selectionVariant?: 'single' | 'multiple';
-    /**
-     * Display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
-     */
-    showDividers?: boolean;
-    /**
-     * The ARIA role describing the function of `List` component. `listbox` or `menu` are a common values.
-     */
-    role?: AriaRole;
-}> & SxProp;
-type ContextProps = Pick<ActionListProps, 'variant' | 'selectionVariant' | 'showDividers' | 'role'> & {
-    headingId?: string;
-};
-export declare const ListContext: React.Context<ContextProps>;
+import { type ActionListProps } from './shared';
 export declare const List: PolymorphicForwardRefComponent<"ul", ActionListProps>;
-export {};
 //# sourceMappingURL=List.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/ActionList/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE1F,OAAW,EAAC,MAAM,EAAQ,MAAM,OAAO,CAAA;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAOvC,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAC,GACA,MAAM,CAAA;AAER,KAAK,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,kBAAkB,GAAG,cAAc,GAAG,MAAM,CAAC,GAAG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,6BAAwC,CAAA;AAIhE,eAAO,MAAM,IAAI,uDAiDyC,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/ActionList/List.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ1F,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAI1D,eAAO,MAAM,IAAI,uDAiDyC,CAAA"}

package/lib/ActionList/List.js

@@ -8,6 +8,7 @@ var defaultSxProp = require('../utils/defaultSxProp.js');
 var useSlots = require('../hooks/useSlots.js');
 var Heading = require('./Heading.js');
 var useId = require('../hooks/useId.js');
+var shared = require('./shared.js');
 var merge = require('deepmerge');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -17,7 +18,6 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var merge__default = /*#__PURE__*/_interopDefault(merge);
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ListContext = /*#__PURE__*/React__default.default.createContext({});
 const ListBox = styled__default.default.ul.withConfig({
   displayName: "List__ListBox",
   componentId: "sc-1x7olzq-0"
@@ -49,7 +49,7 @@ const List = /*#__PURE__*/React__default.default.forwardRef(({
     selectionVariant: containerSelectionVariant // TODO: Remove after DropdownMenu2 deprecation
   } = React__default.default.useContext(ActionListContainerContext.ActionListContainerContext);
   const ariaLabelledBy = slots.heading ? (_slots$heading$props$ = slots.heading.props.id) !== null && _slots$heading$props$ !== void 0 ? _slots$heading$props$ : headingId : listLabelledBy;
-  return /*#__PURE__*/React__default.default.createElement(ListContext.Provider, {
+  return /*#__PURE__*/React__default.default.createElement(shared.ListContext.Provider, {
     value: {
       variant,
       selectionVariant: selectionVariant || containerSelectionVariant,
@@ -68,4 +68,3 @@ const List = /*#__PURE__*/React__default.default.forwardRef(({
 List.displayName = 'ActionList';
 
 exports.List = List;
-exports.ListContext = ListContext;

package/lib/ActionList/Selection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActionListItemProps } from './shared';
+import { type ActionListItemProps } from './shared';
 type SelectionProps = Pick<ActionListItemProps, 'selected'>;
 export declare const Selection: React.FC<React.PropsWithChildren<SelectionProps>>;
 export {};

package/lib/ActionList/Selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../src/ActionList/Selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AAI5C,KAAK,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAA;AAC3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA6FvE,CAAA"}
+{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../src/ActionList/Selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAuB,KAAK,mBAAmB,EAAc,MAAM,UAAU,CAAA;AAIpF,KAAK,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAA;AAC3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA6FvE,CAAA"}

package/lib/ActionList/Selection.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var octiconsReact = require('@primer/octicons-react');
-var List = require('./List.js');
 var Group = require('./Group.js');
+var shared = require('./shared.js');
 var Visuals = require('./Visuals.js');
 var Box = require('../Box/Box.js');
 
@@ -17,7 +17,7 @@ const Selection = ({
   const {
     selectionVariant: listSelectionVariant,
     role: listRole
-  } = React__default.default.useContext(List.ListContext);
+  } = React__default.default.useContext(shared.ListContext);
   const {
     selectionVariant: groupSelectionVariant
   } = React__default.default.useContext(Group.GroupContext);

package/lib/ActionList/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type { ActionListProps } from './List';
+export type { ActionListProps } from './shared';
 export type { ActionListGroupProps } from './Group';
 export type { ActionListItemProps } from './shared';
 export type { ActionListLinkItemProps } from './LinkItem';
@@ -10,7 +10,7 @@ export type { ActionListHeadingProps } from './Heading';
 /**
  * Collection of list-related components.
  */
-export declare const ActionList: import("../utils/polymorphic").ForwardRefComponent<"ul", import("./List").ActionListProps> & {
+export declare const ActionList: import("../utils/polymorphic").ForwardRefComponent<"ul", import("./shared").ActionListProps> & {
     /** Collects related `Items` in an `ActionList`. */
     Group: import("react").FC<import("react").PropsWithChildren<import("./Group").ActionListGroupProps>>;
     /** An actionable or selectable `Item` */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionList/index.ts"],"names":[],"mappings":";AASA,YAAY,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAA;AAC3C,YAAY,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AACjD,YAAY,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AACjD,YAAY,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAA;AACvD,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AACrD,YAAY,EAAC,0BAA0B,EAAC,MAAM,eAAe,CAAA;AAC7D,YAAY,EAAC,4BAA4B,EAAE,6BAA6B,EAAC,MAAM,WAAW,CAAA;AAC1F,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAErD;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,mDAAmD;;IAGnD,yCAAyC;;IAGzC,+DAA+D;;IAG/D,iEAAiE;;IAGjE,4EAA4E;;IAG5E,uDAAuD;;IAGvD,sDAAsD;;IAGtD,mCAAmC;;IAGnC,qCAAqC;;CAErC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionList/index.ts"],"names":[],"mappings":";AASA,YAAY,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AACjD,YAAY,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AACjD,YAAY,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAA;AACvD,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AACrD,YAAY,EAAC,0BAA0B,EAAC,MAAM,eAAe,CAAA;AAC7D,YAAY,EAAC,4BAA4B,EAAE,6BAA6B,EAAC,MAAM,WAAW,CAAA;AAC1F,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAErD;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,mDAAmD;;IAGnD,yCAAyC;;IAGzC,+DAA+D;;IAG/D,iEAAiE;;IAGjE,4EAA4E;;IAG5E,uDAAuD;;IAGvD,sDAAsD;;IAGtD,mCAAmC;;IAGnC,qCAAqC;;CAErC,CAAA"}

package/lib/ActionList/shared.d.ts

@@ -75,5 +75,27 @@ export declare const getVariantStyles: (variant: ActionListItemProps['variant'],
     hoverColor: string;
 };
 export declare const TEXT_ROW_HEIGHT = "20px";
+export type ActionListProps = React.PropsWithChildren<{
+    /**
+     * `inset` children are offset (vertically and horizontally) from `List`’s edges, `full` children are flush (vertically and horizontally) with `List` edges
+     */
+    variant?: 'inset' | 'full';
+    /**
+     * Whether multiple Items or a single Item can be selected.
+     */
+    selectionVariant?: 'single' | 'multiple';
+    /**
+     * Display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
+     */
+    showDividers?: boolean;
+    /**
+     * The ARIA role describing the function of `List` component. `listbox` or `menu` are a common values.
+     */
+    role?: AriaRole;
+}> & SxProp;
+type ContextProps = Pick<ActionListProps, 'variant' | 'selectionVariant' | 'showDividers' | 'role'> & {
+    headingId?: string;
+};
+export declare const ListContext: React.Context<ContextProps>;
 export {};
 //# sourceMappingURL=shared.d.ts.map

package/lib/ActionList/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/ActionList/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAChG;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAA;CACvE,GAAG,MAAM,CAAA;AAEV,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC3C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IACjD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,4BAAuC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,YAClB,mBAAmB,CAAC,SAAS,CAAC,YAC7B,mBAAmB,CAAC,UAAU,CAAC,aAC9B,OAAO;;;;;;;;;;CAkCnB,CAAA;AAED,eAAO,MAAM,eAAe,SAAS,CAAA"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/ActionList/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAChG;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAA;CACvE,GAAG,MAAM,CAAA;AAEV,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC3C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IACjD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,4BAAuC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,YAClB,mBAAmB,CAAC,SAAS,CAAC,YAC7B,mBAAmB,CAAC,UAAU,CAAC,aAC9B,OAAO;;;;;;;;;;CAkCnB,CAAA;AAED,eAAO,MAAM,eAAe,SAAS,CAAA;AAErC,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAC,GACA,MAAM,CAAA;AAER,KAAK,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,kBAAkB,GAAG,cAAc,GAAG,MAAM,CAAC,GAAG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,6BAAwC,CAAA"}

package/lib/ActionList/shared.js

@@ -41,6 +41,9 @@ const getVariantStyles = (variant, disabled, inactive) => {
 };
 const TEXT_ROW_HEIGHT = '20px'; // custom value off the scale
 
+const ListContext = /*#__PURE__*/React__default.default.createContext({});
+
 exports.ItemContext = ItemContext;
+exports.ListContext = ListContext;
 exports.TEXT_ROW_HEIGHT = TEXT_ROW_HEIGHT;
 exports.getVariantStyles = getVariantStyles;

package/lib/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,WAAW,wFA4BhB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,WAAW,wFAgChB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,eAAe,WAAW,CAAA"}

package/lib/ButtonGroup/ButtonGroup.js

@@ -11,6 +11,6 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 const ButtonGroup = styled__default.default.div.withConfig({
   displayName: "ButtonGroup",
   componentId: "sc-1gxhls1-0"
-})(["display:inline-flex;vertical-align:middle;isolation:isolate;&& > *{margin-inline-end:-1px;position:relative;border-radius:0;:first-child{border-top-left-radius:", ";border-bottom-left-radius:", ";}:last-child{border-top-right-radius:", ";border-bottom-right-radius:", ";}:focus,:active,:hover{z-index:1;}}", ";"], constants.get('radii.2'), constants.get('radii.2'), constants.get('radii.2'), constants.get('radii.2'), sx.default);
+})(["display:inline-flex;vertical-align:middle;isolation:isolate;&& > [type='button'],&& > span[role='tooltip'] > [type='button']{margin-inline-end:-1px;position:relative;border-radius:0;:focus,:active,:hover{z-index:1;}}&& > [type='button']:first-child,&& > span[role='tooltip']:first-of-type > [type='button']{border-top-left-radius:", ";border-bottom-left-radius:", ";}&& > [type='button']:last-of-type,&& > span[role='tooltip']:last-of-type > [type='button']{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 = ButtonGroup;

package/lib/Dialog/Dialog.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ButtonProps } from '../Button';
 import { SxProp } from '../sx';
+import { ResponsiveValue } from '../hooks/useResponsiveValue';
 /**
  * Props that characterize a button to be rendered into the footer of
  * a Dialog.
@@ -95,6 +96,10 @@ export interface DialogProps extends SxProp {
      * auto: variable based on contents
      */
     height?: DialogHeight;
+    /**
+     * The position of the dialog
+     */
+    position?: 'center' | 'left' | 'right' | ResponsiveValue<'left' | 'right' | 'bottom' | 'fullscreen' | 'center'>;
 }
 /**
  * Props that are passed to a component that serves as a dialog header

package/lib/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAA;AAK7C,OAAW,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAchC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAElF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAEnC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAA;IAErD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAE/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAwBD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAEV,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAA;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AA4PjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;iBAxEuC,iBAAiB,EAAE;;;iBA2Cf,MAAM,IAAI;;CAqCtE,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAA;AAK7C,OAAW,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAShC,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAI3D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAElF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAEnC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAA;IAErD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAE/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAA;CAChH;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAuDD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAEV,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAA;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AAmWjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;iBAxEuC,iBAAiB,EAAE;;;iBA2Cf,MAAM,IAAI;;CAqCtE,CAAA"}

package/lib/Dialog/Dialog.js

@@ -32,8 +32,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /* Dialog Version 2 */
 
-const ANIMATION_DURATION = '200ms';
-
 /**
  * Props that characterize a button to be rendered into the footer of
  * a Dialog.
@@ -50,7 +48,7 @@ const ANIMATION_DURATION = '200ms';
 const Backdrop = styled__default.default('div').withConfig({
   displayName: "Dialog__Backdrop",
   componentId: "sc-uaxjsn-0"
-})(["position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:", ";animation:dialog-backdrop-appear ", " ", ";@keyframes dialog-backdrop-appear{0%{opacity:0;}100%{opacity:1;}}"], constants.get('colors.primer.canvas.backdrop'), ANIMATION_DURATION, constants.get('animation.easeOutCubic'));
+})(["position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:", ";animation:dialog-backdrop-appear 200ms ", ";&[data-position-regular='center']{align-items:center;justify-content:center;}&[data-position-regular='left']{align-items:center;justify-content:flex-start;}&[data-position-regular='right']{align-items:center;justify-content:flex-end;}.DialogOverflowWrapper{flex-grow:1;}@media (max-width:767px){&[data-position-narrow='center']{align-items:center;justify-content:center;}&[data-position-narrow='bottom']{align-items:end;justify-content:center;}}@keyframes dialog-backdrop-appear{0%{opacity:0;}100%{opacity:1;}}"], constants.get('colors.primer.canvas.backdrop'), constants.get('animation.easeOutCubic'));
 const heightMap = {
   small: '480px',
   large: '640px',
@@ -65,13 +63,19 @@ const widthMap = {
 const StyledDialog = styled__default.default.div.withConfig({
   displayName: "Dialog__StyledDialog",
   componentId: "sc-uaxjsn-1"
-})(["display:flex;flex-direction:column;background-color:", ";box-shadow:", ";min-width:296px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);width:", ";height:", ";border-radius:12px;opacity:1;animation:overlay--dialog-appear ", " ", ";@keyframes overlay--dialog-appear{0%{opacity:0;transform:scale(0.5);}100%{opacity:1;transform:scale(1);}}", ";"], constants.get('colors.canvas.overlay'), constants.get('shadows.overlay.shadow'), props => {
+})(["display:flex;flex-direction:column;background-color:", ";box-shadow:", ";width:", ";height:", ";min-width:296px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);border-radius:12px;opacity:1;@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-scaleFade 0.2s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}&[data-position-regular='center']{border-radius:var(--borderRadius-large,0.75rem);@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-scaleFade 0.2s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}}&[data-position-regular='left']{height:100vh;max-height:unset;border-radius:var(--borderRadius-large,0.75rem);border-top-left-radius:0;border-bottom-left-radius:0;@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-slideInRight 0.25s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}}&[data-position-regular='right']{height:100vh;max-height:unset;border-radius:var(--borderRadius-large,0.75rem);border-top-right-radius:0;border-bottom-right-radius:0;@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}}@media (max-width:767px){&[data-position-narrow='center']{border-radius:var(--borderRadius-large,0.75rem);width:", ";height:", ";}&[data-position-narrow='bottom']{width:100vw;height:auto;max-width:100vw;max-height:calc(100vh - 64px);border-radius:var(--borderRadius-large,0.75rem);border-bottom-right-radius:0;border-bottom-left-radius:0;@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-slideUp 0.25s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}}&[data-position-narrow='fullscreen']{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1;@media screen and (prefers-reduced-motion:no-preference){animation:Overlay--motion-scaleFade 0.2s cubic-bezier(0.33,1,0.68,1) 0s 1 normal none running;}}}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(0.5);}100%{opacity:1;transform:scale(1);}}@keyframes Overlay--motion-slideUp{from{transform:translateY(100%);}}@keyframes Overlay--motion-slideInRight{from{transform:translateX(-100%);}}@keyframes Overlay--motion-slideInLeft{from{transform:translateX(100%);}}", ";"], constants.get('colors.canvas.overlay'), constants.get('shadows.overlay.shadow'), props => {
   var _props$width;
   return widthMap[(_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : 'xlarge'];
 }, props => {
   var _props$height;
   return heightMap[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : 'auto'];
-}, ANIMATION_DURATION, constants.get('animation.easeOutCubic'), sx.default);
+}, props => {
+  var _props$width2;
+  return widthMap[(_props$width2 = props.width) !== null && _props$width2 !== void 0 ? _props$width2 : 'xlarge'];
+}, props => {
+  var _props$height2;
+  return heightMap[(_props$height2 = props.height) !== null && _props$height2 !== void 0 ? _props$height2 : 'auto'];
+}, sx.default);
 const DefaultHeader = ({
   dialogLabelId,
   title,
@@ -120,6 +124,10 @@ const DefaultFooter = ({
     buttons: footerButtons
   })) : null;
 };
+const defaultPosition = {
+  narrow: 'center',
+  regular: 'center'
+};
 const _Dialog = /*#__PURE__*/React__default.default.forwardRef((props, forwardedRef) => {
   const {
     title = 'Dialog',
@@ -132,6 +140,7 @@ const _Dialog = /*#__PURE__*/React__default.default.forwardRef((props, forwarded
     width = 'xlarge',
     height = 'auto',
     footerButtons = [],
+    position = defaultPosition,
     sx
   } = props;
   const dialogLabelId = useId.useId();
@@ -178,18 +187,24 @@ const _Dialog = /*#__PURE__*/React__default.default.forwardRef((props, forwarded
   const header = (renderHeader !== null && renderHeader !== void 0 ? renderHeader : DefaultHeader)(defaultedProps);
   const body = (renderBody !== null && renderBody !== void 0 ? renderBody : DefaultBody)(defaultedProps);
   const footer = (renderFooter !== null && renderFooter !== void 0 ? renderFooter : DefaultFooter)(defaultedProps);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Portal.Portal, null, /*#__PURE__*/React__default.default.createElement(Backdrop, {
+  const positionDataAttributes = typeof position === 'string' ? {
+    'data-position-regular': position
+  } : Object.fromEntries(Object.entries(position).map(([key, value]) => {
+    return [`data-position-${key}`, value];
+  }));
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Portal.Portal, null, /*#__PURE__*/React__default.default.createElement(Backdrop, _extends({
     ref: backdropRef
-  }, /*#__PURE__*/React__default.default.createElement(StyledDialog, {
+  }, positionDataAttributes), /*#__PURE__*/React__default.default.createElement(StyledDialog, _extends({
     width: width,
     height: height,
     ref: dialogRef,
     role: role,
     "aria-labelledby": dialogLabelId,
     "aria-describedby": dialogDescriptionId,
-    "aria-modal": true,
+    "aria-modal": true
+  }, positionDataAttributes, {
     sx: sx
-  }, header, /*#__PURE__*/React__default.default.createElement(ScrollableRegion.ScrollableRegion, {
+  }), header, /*#__PURE__*/React__default.default.createElement(ScrollableRegion.ScrollableRegion, {
     "aria-labelledby": dialogLabelId,
     className: "DialogOverflowWrapper"
   }, body), footer))));

package/lib/LabelGroup/LabelGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAW,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,eAAe,GAAG;IAC5B,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpC,GAAG,MAAM,CAAA;AAiIV,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA4NlE,CAAA;AAID,eAAe,UAAU,CAAA"}
+{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAW,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,eAAe,GAAG;IAC5B,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpC,GAAG,MAAM,CAAA;AAiIV,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA4NlE,CAAA;AAID,eAAe,UAAU,CAAA"}

package/lib/LabelGroup/LabelGroup.js

@@ -6,78 +6,15 @@ var octiconsReact = require('@primer/octicons-react');
 var utils = require('@primer/behaviors/utils');
 var constants = require('../constants.js');
 var _VisuallyHidden = require('../_VisuallyHidden.js');
-require('../theme.js');
-require('../BaseStyles.js');
-var ThemeProvider = require('../ThemeProvider.js');
+var AnchoredOverlay = require('../AnchoredOverlay/AnchoredOverlay.js');
 var Box = require('../Box/Box.js');
 var IconButton = require('../Button/IconButton.js');
 var sx = require('../sx.js');
+var ThemeProvider = require('../ThemeProvider.js');
 require('../Button/types.js');
 require('../utils/defaultSxProp.js');
 require('../CounterLabel/CounterLabel.js');
 var Button = require('../Button/Button.js');
-require('../PageLayout/PageLayout.js');
-require('../SplitPageLayout/SplitPageLayout.js');
-require('../ConfirmationDialog/ConfirmationDialog.js');
-require('@primer/behaviors');
-require('../hooks/useMedia.js');
-require('../Radio/Radio.js');
-require('../ActionList/index.js');
-require('../ActionMenu/ActionMenu.js');
-var AnchoredOverlay = require('../AnchoredOverlay/AnchoredOverlay.js');
-require('../Autocomplete/Autocomplete.js');
-require('../Avatar/Avatar.js');
-require('../AvatarPair/AvatarPair.js');
-require('../AvatarStack/AvatarStack.js');
-require('../BranchName/BranchName.js');
-require('../Breadcrumbs/Breadcrumbs.js');
-require('../ButtonGroup/ButtonGroup.js');
-require('../Caret.js');
-require('../CircleOcticon/CircleOcticon.js');
-require('../CheckboxGroup/CheckboxGroup.js');
-require('../CircleBadge/CircleBadge.js');
-require('../Details/Details.js');
-require('../Dialog.js');
-require('../Flash/Flash.js');
-require('../FormControl/_FormControlContext.js');
-require('../FormControl/FormControl.js');
-require('../Header/Header.js');
-require('../Heading/Heading.js');
-require('../Label/Label.js');
-require('../Link/Link.js');
-require('../NavList/NavList.js');
-require('../Octicon/Octicon.js');
-require('../Overlay/Overlay.js');
-require('../Pagehead/Pagehead.js');
-require('../Pagination/Pagination.js');
-require('../PointerBox/PointerBox.js');
-require('../Popover/Popover.js');
-require('react-dom');
-require('../ProgressBar/index.js');
-require('../RadioGroup/RadioGroup.js');
-require('../RelativeTime/RelativeTime.js');
-require('../SegmentedControl/SegmentedControl.js');
-require('../Select.js');
-require('../SelectPanel/SelectPanel.js');
-require('../SideNav.js');
-require('../Spinner/Spinner.js');
-require('../StateLabel/StateLabel.js');
-require('../SubNav/SubNav.js');
-require('../ToggleSwitch/ToggleSwitch.js');
-require('../TabNav/TabNav.js');
-require('../TextInput/TextInput.js');
-require('../TextInputWithTokens/TextInputWithTokens.js');
-require('../Text/Text.js');
-require('../Timeline/Timeline.js');
-require('../Token/Token.js');
-require('../Token/IssueLabelToken.js');
-require('../Token/AvatarToken.js');
-require('../Tooltip/Tooltip.js');
-require('../Truncate/Truncate.js');
-require('../Checkbox/Checkbox.js');
-require('../Textarea/Textarea.js');
-require('../TreeView/TreeView.js');
-require('../UnderlineNav/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/lib/drafts/MarkdownEditor/Toolbar.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { IconButtonProps } from '../../Button';
-export declare const ToolbarButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import { ToolbarButton } from './_ToolbarButton';
 export declare const DefaultToolbarButtons: React.MemoExoticComponent<() => React.JSX.Element>;
 export declare const CoreToolbar: ({ children }: {
     children?: React.ReactNode;
@@ -11,4 +10,5 @@ export declare const Toolbar: {
     }): React.JSX.Element;
     displayName: string;
 };
+export { ToolbarButton };
 //# sourceMappingURL=Toolbar.d.ts.map

package/lib/drafts/MarkdownEditor/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/drafts/MarkdownEditor/Toolbar.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,OAAO,EAAa,eAAe,EAAC,MAAM,cAAc,CAAA;AAKxD,eAAO,MAAM,aAAa,2FAexB,CAAA;AAgBF,eAAO,MAAM,qBAAqB,oDA+EhC,CAAA;AAGF,eAAO,MAAM,WAAW;eAA4B,MAAM,SAAS;uBA+BlE,CAAA;AAED,eAAO,MAAM,OAAO;;mBAA4B,MAAM,SAAS;;;CAA2C,CAAA"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/drafts/MarkdownEditor/Toolbar.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAOrD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAe9C,eAAO,MAAM,qBAAqB,oDA+EhC,CAAA;AAGF,eAAO,MAAM,WAAW;eAA4B,MAAM,SAAS;uBA+BlE,CAAA;AAED,eAAO,MAAM,OAAO;;mBAA4B,MAAM,SAAS;;;CAA2C,CAAA;AAG1G,OAAO,EAAC,aAAa,EAAC,CAAA"}