@primer/components 0.0.0-2021108175016 → 0.0.0-2021108205537

package/lib-esm/Token/Token.d.ts

@@ -11,5 +11,5 @@ export interface TokenProps extends TokenBaseProps {
      */
     hideRemoveButton?: boolean;
 }
-declare const Token: React.ForwardRefExoticComponent<Pick<TokenProps & SxProp, "default" | "muted" | "sizes" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "children" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "start" | "size" | "wrap" | "open" | "list" | "multiple" | "sx" | "role" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "step" | "disabled" | "selected" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "max" | "method" | "min" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "playsInline" | "preload" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "async" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "leadingVisual" | "onRemove" | "isSelected" | "hideRemoveButton"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
+declare const Token: React.ForwardRefExoticComponent<Pick<TokenProps & SxProp, "default" | "muted" | "sizes" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "children" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "list" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "start" | "step" | "size" | "wrap" | "open" | "sx" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "as" | "hrefLang" | "integrity" | "rel" | "charSet" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "leadingVisual" | "onRemove" | "isSelected" | "hideRemoveButton"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
 export default Token;

package/lib-esm/sx.d.ts

@@ -1,7 +1,6 @@
 import { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
 import { ThemeColorPaths, ThemeShadowPaths } from './theme';
 import { ColorProps, ShadowProps } from 'styled-system';
-import merge from 'deepmerge';
 export declare type BetterCssProperties = {
     [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
 };
@@ -11,4 +10,3 @@ export interface SxProp {
 }
 declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
 export default sx;
-export { merge };

package/lib-esm/sx.js

@@ -1,7 +1,5 @@
 import css from '@styled-system/css';
-import merge from 'deepmerge';
 
 const sx = props => css(props.sx);
 
-export default sx;
-export { merge };
+export default sx;

package/lib-esm/theme-preval.js

@@ -1,6 +1,5 @@
 // this file was prevaled
 // This file needs to be a JavaScript file using CommonJS to be compatiable with preval
-// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
 module.exports = {
   "theme": {
     "animation": {
@@ -390,19 +389,6 @@ module.exports = {
             "icon": "#6e7781",
             "borderHover": "rgba(175,184,193,0.2)"
           },
-          "actionListItem": {
-            "inlineDivider": "rgba(208,215,222,0.48)",
-            "default": {
-              "hoverBg": "rgba(208,215,222,0.32)",
-              "activeBg": "rgba(208,215,222,0.48)",
-              "selectedBg": "rgba(208,215,222,0.24)"
-            },
-            "danger": {
-              "hoverBg": "rgba(255,235,233,0.64)",
-              "activeBg": "#FFEBE9",
-              "hoverText": "#cf222e"
-            }
-          },
           "fg": {
             "default": "#24292f",
             "muted": "#57606a",
@@ -529,7 +515,7 @@ module.exports = {
           }
         }
       },
-      "light_colorblind": {
+      "light_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",
           "marketingIcon": {
@@ -886,19 +872,6 @@ module.exports = {
             "icon": "#6e7781",
             "borderHover": "rgba(175,184,193,0.2)"
           },
-          "actionListItem": {
-            "inlineDivider": "rgba(208,215,222,0.48)",
-            "default": {
-              "hoverBg": "rgba(208,215,222,0.32)",
-              "activeBg": "rgba(208,215,222,0.48)",
-              "selectedBg": "rgba(208,215,222,0.24)"
-            },
-            "danger": {
-              "hoverBg": "rgba(254,254,72,0.64)",
-              "activeBg": "#fefe48",
-              "hoverText": "#ac5e00"
-            }
-          },
           "fg": {
             "default": "#24292f",
             "muted": "#57606a",
@@ -1382,19 +1355,6 @@ module.exports = {
             "icon": "#484f58",
             "borderHover": "rgba(110,118,129,0.4)"
           },
-          "actionListItem": {
-            "inlineDivider": "rgba(48,54,61,0.48)",
-            "default": {
-              "hoverBg": "rgba(177,186,196,0.12)",
-              "activeBg": "rgba(177,186,196,0.2)",
-              "selectedBg": "rgba(177,186,196,0.08)"
-            },
-            "danger": {
-              "hoverBg": "rgba(248,81,73,0.16)",
-              "activeBg": "rgba(248,81,73,0.24)",
-              "hoverText": "#ff7b72"
-            }
-          },
           "fg": {
             "default": "#c9d1d9",
             "muted": "#8b949e",
@@ -1881,19 +1841,6 @@ module.exports = {
             "icon": "#545d68",
             "borderHover": "rgba(99,110,123,0.4)"
           },
-          "actionListItem": {
-            "inlineDivider": "rgba(68,76,86,0.48)",
-            "default": {
-              "hoverBg": "rgba(144,157,171,0.12)",
-              "activeBg": "rgba(144,157,171,0.2)",
-              "selectedBg": "rgba(144,157,171,0.08)"
-            },
-            "danger": {
-              "hoverBg": "rgba(229,83,75,0.16)",
-              "activeBg": "rgba(229,83,75,0.24)",
-              "hoverText": "#f47067"
-            }
-          },
           "fg": {
             "default": "#adbac7",
             "muted": "#768390",
@@ -2380,19 +2327,6 @@ module.exports = {
             "icon": "#f0f3f6",
             "borderHover": "#bdc4cc"
           },
-          "actionListItem": {
-            "inlineDivider": "#7a828e",
-            "default": {
-              "hoverBg": "rgba(217,222,227,0.12)",
-              "activeBg": "rgba(217,222,227,0.24)",
-              "selectedBg": "rgba(217,222,227,0.08)"
-            },
-            "danger": {
-              "hoverBg": "#ff6a69",
-              "activeBg": "#ff4445",
-              "hoverText": "#0a0c10"
-            }
-          },
           "fg": {
             "default": "#f0f3f6",
             "muted": "#f0f3f6",
@@ -2522,7 +2456,7 @@ module.exports = {
           }
         }
       },
-      "dark_colorblind": {
+      "dark_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(13,17,23,0)",
           "marketingIcon": {
@@ -2879,19 +2813,6 @@ module.exports = {
             "icon": "#484f58",
             "borderHover": "rgba(110,118,129,0.4)"
           },
-          "actionListItem": {
-            "inlineDivider": "rgba(48,54,61,0.48)",
-            "default": {
-              "hoverBg": "rgba(177,186,196,0.12)",
-              "activeBg": "rgba(177,186,196,0.2)",
-              "selectedBg": "rgba(177,186,196,0.08)"
-            },
-            "danger": {
-              "hoverBg": "rgba(195,128,0,0.16)",
-              "activeBg": "rgba(195,128,0,0.24)",
-              "hoverText": "#d69a00"
-            }
-          },
           "fg": {
             "default": "#c9d1d9",
             "muted": "#8b949e",

package/lib-esm/utils/testing.d.ts

@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
         xlarge: string;
     };
     space: string[];
-    colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
+    colorSchemes: Record<"light" | "light_protanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_protanopia", Record<"colors" | "shadows", Partial<{
         canvasDefaultTransparent: string;
         marketingIcon: {
             primary: string;
@@ -434,19 +434,6 @@ export declare function render(component: React.ReactElement, theme?: {
             icon: string;
             borderHover: string;
         };
-        actionListItem: {
-            inlineDivider: string;
-            default: {
-                hoverBg: string;
-                activeBg: string;
-                selectedBg: string;
-            };
-            danger: {
-                hoverBg: string;
-                activeBg: string;
-                hoverText: string;
-            };
-        };
         fg: {
             default: string;
             muted: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-2021108175016",
+  "version": "0.0.0-2021108205537",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -44,7 +44,7 @@
   "license": "MIT",
   "dependencies": {
     "@primer/octicons-react": "^13.0.0",
-    "@primer/primitives": "6.1.0",
+    "@primer/primitives": "5.1.0",
     "@radix-ui/react-polymorphic": "0.0.14",
     "@react-aria/ssr": "3.1.0",
     "@styled-system/css": "5.1.5",
@@ -124,8 +124,6 @@
     "lodash.isobject": "3.0.2",
     "prettier": "2.3.2",
     "react": "17.0.2",
-    "react-dnd": "14.0.4",
-    "react-dnd-html5-backend": "14.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
     "rollup": "2.56.3",

package/lib/ActionList2/Description.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SxProp } from '../sx';
-export declare type DescriptionProps = {
-    /**
-     * Secondary text style variations.
-     *
-     * - `"inline"` - Secondary text is positioned beside primary text.
-     * - `"block"` - Secondary text is positioned below primary text.
-     */
-    variant?: 'inline' | 'block';
-} & SxProp;
-export declare const Description: React.FC<DescriptionProps>;

package/lib/ActionList2/Description.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Description = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _sx = require("../sx");
-
-var _Truncate = _interopRequireDefault(require("../Truncate"));
-
-var _Item = require("./Item");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Description = ({
-  variant = 'inline',
-  sx = {},
-  ...props
-}) => {
-  const styles = {
-    color: 'fg.muted',
-    fontSize: 0,
-    lineHeight: '16px',
-    flexGrow: 1,
-    flexBasis: 0,
-    minWidth: 0,
-    marginLeft: variant === 'block' ? 0 : 2
-  };
-  return /*#__PURE__*/_react.default.createElement(_Item.Slot, {
-    name: variant === 'block' ? 'BlockDescription' : 'InlineDescription'
-  }, ({
-    blockDescriptionId,
-    inlineDescriptionId
-  }) => variant === 'block' ? /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: "span",
-    sx: (0, _sx.merge)(styles, sx),
-    id: blockDescriptionId
-  }, props.children) : /*#__PURE__*/_react.default.createElement(_Truncate.default, {
-    id: inlineDescriptionId,
-    sx: (0, _sx.merge)(styles, sx),
-    title: props.children,
-    inline: true,
-    maxWidth: "100%"
-  }, props.children));
-};
-
-exports.Description = Description;
-Description.displayName = "Description";

package/lib/ActionList2/Divider.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * Visually separates `Item`s or `Group`s in an `ActionList`.
- */
-export declare function Divider(): JSX.Element;

package/lib/ActionList2/Divider.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Divider = Divider;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _constants = require("../constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Visually separates `Item`s or `Group`s in an `ActionList`.
- */
-function Divider() {
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: "li",
-    role: "separator",
-    sx: {
-      height: 1,
-      backgroundColor: 'actionListItem.inlineDivider',
-      marginTop: theme => `calc(${(0, _constants.get)('space.2')(theme)} - 1px)`,
-      marginBottom: 2,
-      listStyle: 'none' // hide the ::marker inserted by browser's stylesheet
-
-    },
-    "data-component": "ActionList.Divider"
-  });
-}
-
-Divider.displayName = "Divider";

package/lib/ActionList2/Group.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { SxProp } from '../sx';
-import { HeaderProps } from './Header';
-import { ListProps } from './List';
-export declare type GroupProps = HeaderProps & SxProp & {
-    selectionVariant?: ListProps['selectionVariant'] | false;
-};
-declare type ContextProps = Pick<GroupProps, 'selectionVariant'>;
-export declare const GroupContext: React.Context<ContextProps>;
-export declare const Group: React.FC<GroupProps>;
-export {};

package/lib/ActionList2/Group.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Group = exports.GroupContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Header = require("./Header");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 GroupContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.GroupContext = GroupContext;
-
-const Group = ({
-  title,
-  variant,
-  auxiliaryText,
-  selectionVariant,
-  sx = {},
-  ...props
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
-    as: "li",
-    sx: {
-      '&:not(:first-child)': {
-        marginTop: 2
-      },
-      listStyle: 'none',
-      // hide the ::marker inserted by browser's stylesheet
-      ...sx
-    }
-  }, props), title && /*#__PURE__*/_react.default.createElement(_Header.Header, {
-    title: title,
-    variant: variant,
-    auxiliaryText: auxiliaryText
-  }), /*#__PURE__*/_react.default.createElement(GroupContext.Provider, {
-    value: {
-      selectionVariant
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: "ul",
-    sx: {
-      paddingInlineStart: 0
-    }
-  }, props.children)));
-};
-
-exports.Group = Group;
-Group.displayName = "Group";

package/lib/ActionList2/Header.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { SxProp } from '../sx';
-/**
- * Contract for props passed to the `Header` component.
- */
-export declare type HeaderProps = {
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"filled"` - Superimposed on a background, offset from nearby content
-     * - `"subtle"` - Relatively less offset from nearby content
-     */
-    variant?: 'subtle' | 'filled';
-    /**
-     * Primary text which names a `Group`.
-     */
-    title?: string;
-    /**
-     * Secondary text which provides additional information about a `Group`.
-     */
-    auxiliaryText?: string;
-} & SxProp;
-/**
- * Displays the name and description of a `Group`.
- */
-export declare const Header: ({ variant, title, auxiliaryText, sx, ...props }: HeaderProps) => JSX.Element;

package/lib/ActionList2/Header.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _List = require("./List");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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); }
-
-/**
- * Displays the name and description of a `Group`.
- */
-const Header = ({
-  variant = 'subtle',
-  title,
-  auxiliaryText,
-  sx = {},
-  ...props
-}) => {
-  const {
-    variant: listVariant
-  } = _react.default.useContext(_List.ListContext);
-
-  const styles = {
-    paddingY: '6px',
-    paddingX: listVariant === 'full' ? 2 : 3,
-    fontSize: 0,
-    fontWeight: 'bold',
-    color: 'fg.muted',
-    ...(variant === 'filled' && {
-      backgroundColor: 'canvas.subtle',
-      marginX: 0,
-      marginBottom: 2,
-      borderTop: '1px solid',
-      borderBottom: '1px solid',
-      borderColor: 'neutral.muted'
-    }),
-    ...sx
-  };
-  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
-    sx: styles,
-    role: "heading"
-  }, props), title, auxiliaryText && /*#__PURE__*/_react.default.createElement("span", null, auxiliaryText));
-};
-
-exports.Header = Header;
-Header.displayName = "Header";

package/lib/ActionList2/Item.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import { ForwardRefComponent as PolymorphicForwardRefComponent } from '@radix-ui/react-polymorphic';
-import { SxProp } from '../sx';
-import { AriaRole } from '../utils/types';
-export declare const getVariantStyles: (variant: ItemProps['variant'], disabled: ItemProps['disabled']) => {
-    color: string;
-    iconColor: string;
-    annotationColor: string;
-    hoverColor?: undefined;
-} | {
-    color: string;
-    iconColor: string;
-    annotationColor: string;
-    hoverColor: string;
-};
-export declare type ItemProps = {
-    /**
-     * Primary content for an Item
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback that will trigger both on click selection and keyboard selection.
-     */
-    onSelect?: (event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLLIElement>) => void;
-    /**
-     * Is the `Item` is currently selected?
-     */
-    selected?: boolean;
-    /**
-     * Style variations associated with various `Item` types.
-     *
-     * - `"default"` - An action `Item`.
-     * - `"danger"` - A destructive action `Item`.
-     */
-    variant?: 'default' | 'danger';
-    /**
-     * Items that are disabled can not be clicked, selected, or navigated through.
-     */
-    disabled?: boolean;
-    /**
-     * The ARIA role describing the function of `Item` component. `option` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * id to attach to the root element of the Item
-     */
-    id?: string;
-    /**
-     * Private API for use internally only. Used by LinkItem to wrap contents in an anchor
-     */
-    _PrivateItemWrapper?: React.FC;
-} & SxProp;
-declare const Slot: React.FC<{
-    name: "LeadingVisual" | "InlineDescription" | "BlockDescription" | "TrailingVisual";
-    children: React.ReactNode;
-}>;
-export { Slot };
-export declare type ItemContext = Pick<ItemProps, 'variant' | 'disabled'> & {
-    inlineDescriptionId: string;
-    blockDescriptionId: string;
-};
-export declare const TEXT_ROW_HEIGHT = "20px";
-export declare const Item: PolymorphicForwardRefComponent<"li", ItemProps>;