@primer/react 38.0.0-rc.6 → 38.0.0-rc.8

package/dist/UnderlineNav/styles.js

@@ -1,25 +1,10 @@
-import { getAnchoredPosition } from '@primer/behaviors';
-
-const getDividerStyle = theme => ({
+const dividerStyles = {
   display: 'inline-block',
   borderLeft: '1px solid',
   width: '1px',
-  borderLeftColor: `${theme === null || theme === void 0 ? void 0 : theme.colors.border.muted}`,
-  marginRight: '4px',
+  borderLeftColor: 'var(--borderColor-muted)',
+  marginRight: 'var(--base-size-4)',
   height: '24px' // The height of the divider - reference from Figma
-});
-const moreBtnStyles = {
-  //set margin 0 here because safari puts extra margin around the button, rest is to reset style to make it look like a list element
-  margin: 0,
-  border: 0,
-  background: 'transparent',
-  fontWeight: 'normal',
-  boxShadow: 'none',
-  paddingY: 1,
-  paddingX: 2,
-  '& > span[data-component="trailingVisual"]': {
-    marginLeft: 0
-  }
 };
 const menuItemStyles = {
   // This is needed to hide the selected check icon on the menu item. https://github.com/primer/react/tree/main/packages/react/src/ActionList/Selection.tsx#L32
@@ -30,45 +15,5 @@ const menuItemStyles = {
   textDecoration: 'none'
 };
 const baseMenuMinWidth = 192;
-const baseMenuStyles = {
-  position: 'absolute',
-  zIndex: 1,
-  top: '90%',
-  boxShadow: '0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)',
-  borderRadius: '12px',
-  backgroundColor: 'canvas.overlay',
-  listStyle: 'none',
-  // Values are from ActionMenu
-  minWidth: `${baseMenuMinWidth}px`,
-  maxWidth: '640px',
-  right: '0'
-};
-
-/**
- *
- * @param containerRef The Menu List Container Reference.
- * @param listRef The Underline Nav Container Reference.
- * @description This calculates the position of the menu
- */
-const menuStyles = (containerRef, listRef) => {
-  if (containerRef && listRef) {
-    const {
-      left
-    } = getAnchoredPosition(containerRef, listRef, {
-      align: 'start',
-      side: 'outside-bottom'
-    });
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const {
-      right,
-      ...rest
-    } = baseMenuStyles;
-    return {
-      ...rest,
-      left
-    };
-  }
-  return baseMenuStyles;
-};
 
-export { baseMenuMinWidth, baseMenuStyles, getDividerStyle, menuItemStyles, menuStyles, moreBtnStyles };
+export { baseMenuMinWidth, dividerStyles, menuItemStyles };

package/dist/constants.js

@@ -11,7 +11,7 @@ const get = key => themeGet(key, getKey(theme, key));
 
 // Common props
 
-const COMMON = compose(styledSystem.space, styledSystem.color, styledSystem.display);
+compose(styledSystem.space, styledSystem.color, styledSystem.display);
 // Typography props
 
 const whiteSpace = system({
@@ -20,9 +20,9 @@ const whiteSpace = system({
     // cssProperty: 'whiteSpace',
   }
 });
-const TYPOGRAPHY = compose(styledSystem.typography, whiteSpace);
+compose(styledSystem.typography, whiteSpace);
 // Border props
 
 compose(styledSystem.border, styledSystem.shadow);
 
-export { COMMON, TYPOGRAPHY, get };
+export { get };

package/dist/deprecated/ActionList/Divider-7c6b656a.css

@@ -0,0 +1,2 @@
+.prc-ActionList-Divider-e9gCq{background:var(--borderColor-muted,var(--color-border-muted));height:var(--borderWidth-thin,.0625rem);margin-bottom:var(--base-size-8,.5rem);margin-top:calc(var(--base-size-8,.5rem) - 1px)}
+/*# sourceMappingURL=Divider-7c6b656a.css.map */

package/dist/deprecated/ActionList/Divider-7c6b656a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/ActionList/Divider.module.css"],"names":[],"mappings":"AAAA,8BAGE,6DAAoC,CAFpC,uCAA+B,CAK/B,sCAAiC,CADjC,+CAEF","file":"Divider-7c6b656a.css","sourcesContent":[".Divider {\n  height: var(--borderWidth-thin);\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-muted);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: calc(var(--base-size-8) - 1px);\n  margin-bottom: var(--base-size-8);\n}\n"]}

package/dist/deprecated/ActionList/Divider.d.ts

@@ -1,6 +1,5 @@
-export declare const StyledDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
 /**
- * Visually separates `Item`s or `Group`s in an `ActionList`.
+ * Visually separates `Items or `Groups in an `ActionList`.
  */
 export declare function Divider(): JSX.Element;
 export declare namespace Divider {

package/dist/deprecated/ActionList/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Divider.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,oEAKzB,CAAA;AAED;;GAEG;AACH,wBAAgB,OAAO,IAAI,GAAG,CAAC,OAAO,CAErC;yBAFe,OAAO"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Divider.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,OAAO,IAAI,GAAG,CAAC,OAAO,CAErC;yBAFe,OAAO"}

package/dist/deprecated/ActionList/Divider.js

@@ -1,21 +1,15 @@
 import { c } from 'react-compiler-runtime';
-import styled from 'styled-components';
-import { get } from '../../constants.js';
+import classes from './Divider.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 
-const StyledDivider = styled.div.withConfig({
-  displayName: "Divider__StyledDivider",
-  componentId: "sc-1s7tlfq-0"
-})(["height:1px;background:", ";margin-top:calc(", " - 1px);margin-bottom:", ";"], get('colors.border.muted'), get('space.2'), get('space.2'));
-
-/**
- * Visually separates `Item`s or `Group`s in an `ActionList`.
- */
 function Divider() {
   const $ = c(1);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/jsx(StyledDivider, {});
+    t0 = /*#__PURE__*/jsx("div", {
+      "data-component": "ActionList.Divider",
+      className: classes.Divider
+    });
     $[0] = t0;
   } else {
     t0 = $[0];
@@ -31,4 +25,4 @@ function Divider() {
  */
 Divider.renderItem = Divider;
 
-export { Divider, StyledDivider };
+export { Divider };

package/dist/deprecated/ActionList/Divider.module.css.js

@@ -0,0 +1,5 @@
+import './Divider-7c6b656a.css';
+
+var classes = {"Divider":"prc-ActionList-Divider-e9gCq"};
+
+export { classes as default };

package/dist/deprecated/ActionList/Group.d.ts

@@ -1,10 +1,9 @@
 import type React from 'react';
-import type { SxProp } from '../../sx';
 import type { HeaderProps } from './Header';
 /**
  * Contract for props passed to the `Group` component.
  */
-export interface GroupProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
+export interface GroupProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
      * Props for a `Header` to render in the `Group`.
      */

package/dist/deprecated/ActionList/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAGzC;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM;IAC/E;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAMD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAOxE"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAGzC;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAOxE"}

package/dist/deprecated/ActionList/Group.js

@@ -1,14 +1,7 @@
 import { c } from 'react-compiler-runtime';
-import styled from 'styled-components';
-import sx from '../../sx.js';
 import { Header } from './Header.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-const StyledGroup = styled.div.withConfig({
-  displayName: "Group__StyledGroup",
-  componentId: "sc-1s2aw76-0"
-})(["", ""], sx);
-
 /**
  * Collects related `Items` in an `ActionList`.
  */
@@ -44,7 +37,7 @@ function Group(t0) {
   }
   let t2;
   if ($[6] !== items || $[7] !== props || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsxs(StyledGroup, {
+    t2 = /*#__PURE__*/jsxs("div", {
       ...props,
       children: [t1, items]
     });

package/dist/deprecated/ActionList/Header-493b1d76.css

@@ -0,0 +1,2 @@
+.prc-ActionList-Header-tbTgu{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);font-weight:var(--text-title-weight-large,600);padding:6px var(--base-size-16,1rem)}.prc-ActionList-Header-tbTgu:where([data-filled]){background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-top:var(--borderWidth-thin,.0625rem) solid var(--bgColor-neutral-muted,var(--color-neutral-subtle));margin:var(--base-size-8,.5rem) 0}.prc-ActionList-Header-tbTgu:where([data-filled]):first-child{margin-top:0}
+/*# sourceMappingURL=Header-493b1d76.css.map */

package/dist/deprecated/ActionList/Header-493b1d76.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/ActionList/Header.module.css"],"names":[],"mappings":"AAAA,6BAUE,gDAA2B,CAF3B,4CAAsC,CACtC,8CAA2C,CAF3C,oCAiBF,CAZE,kDACE,0DAAgC,CAKhC,6GAAyE,CAFzE,0GAAsE,CAFtE,iCASF,CAHE,8DACE,YACF","file":"Header-493b1d76.css","sourcesContent":[".Header {\n  /* 6px vertical padding + 20px line height = 32px total height\n   *\n   * TODO: When rem-based spacing on a 4px scale lands, replace\n   * hardcoded '6px' with 'calc((${get('space.s32')} - ${get('space.20')}) / 2)'.\n   */\n  /* stylelint-disable-next-line primer/spacing */\n  padding: 6px var(--base-size-16);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--text-title-weight-large);\n  color: var(--fgColor-muted);\n\n  &:where([data-filled]) {\n    background: var(--bgColor-muted);\n    margin: var(--base-size-8) 0;\n    /* stylelint-disable-next-line primer/colors */\n    border-top: var(--borderWidth-thin) solid var(--bgColor-neutral-muted);\n    /* stylelint-disable-next-line primer/colors */\n    border-bottom: var(--borderWidth-thin) solid var(--bgColor-neutral-muted);\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n}\n"]}

package/dist/deprecated/ActionList/Header.d.ts

@@ -1,9 +1,8 @@
 import type React from 'react';
-import type { SxProp } from '../../sx';
 /**
  * Contract for props passed to the `Header` component.
  */
-export interface HeaderProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
+export interface HeaderProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
      * Style variations. Usage is discretionary.
      *
@@ -20,11 +19,8 @@ export interface HeaderProps extends React.ComponentPropsWithoutRef<'div'>, SxPr
      */
     auxiliaryText?: string;
 }
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {
-    variant: HeaderProps["variant"];
-} & SxProp, never>;
 /**
  * Displays the name and description of a `Group`.
  */
-export declare function Header({ variant, title, auxiliaryText, children: _children, ...props }: HeaderProps): JSX.Element;
+export declare function Header({ variant, title, auxiliaryText, children: _children, className, ...props }: HeaderProps): JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/dist/deprecated/ActionList/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAGpC;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM;IAChF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,YAAY;aAAwB,WAAW,CAAC,SAAS,CAAC;kBA2BtE,CAAA;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,KAAK,EACL,aAAa,EACb,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAO3B"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,KAAK,EACL,aAAa,EACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAa3B"}

package/dist/deprecated/ActionList/Header.js

@@ -1,22 +1,15 @@
 import { c } from 'react-compiler-runtime';
-import styled, { css } from 'styled-components';
-import { get } from '../../constants.js';
-import sx from '../../sx.js';
+import { clsx } from 'clsx';
+import classes from './Header.module.css.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-const StyledHeader = styled.div.withConfig({
-  displayName: "Header__StyledHeader",
-  componentId: "sc-cjezay-0"
-})(["{}padding:6px ", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], get('space.3'), get('fontSizes.0'), get('fontWeights.bold'), get('colors.fg.muted'), ({
-  variant
-}) => variant === 'filled' && css(["background:", ";margin:", " 0;border-top:1px solid ", ";border-bottom:1px solid ", ";&:first-child{margin-top:0;}"], get('colors.canvas.subtle'), get('space.2'), get('colors.neutral.muted'), get('colors.neutral.muted')), sx);
-
 /**
  * Displays the name and description of a `Group`.
  */
 function Header(t0) {
-  const $ = c(12);
+  const $ = c(16);
   let auxiliaryText;
+  let className;
   let props;
   let t1;
   let title;
@@ -26,51 +19,67 @@ function Header(t0) {
       title: t3,
       auxiliaryText: t4,
       children: _children,
-      ...t5
+      className: t5,
+      ...t6
     } = t0;
     t1 = t2;
     title = t3;
     auxiliaryText = t4;
-    props = t5;
+    className = t5;
+    props = t6;
     $[0] = t0;
     $[1] = auxiliaryText;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = title;
+    $[2] = className;
+    $[3] = props;
+    $[4] = t1;
+    $[5] = title;
   } else {
     auxiliaryText = $[1];
-    props = $[2];
-    t1 = $[3];
-    title = $[4];
+    className = $[2];
+    props = $[3];
+    t1 = $[4];
+    title = $[5];
   }
   const variant = t1 === undefined ? "subtle" : t1;
   let t2;
-  if ($[5] !== auxiliaryText) {
-    t2 = auxiliaryText && /*#__PURE__*/jsx("span", {
+  if ($[6] !== className) {
+    t2 = clsx(className, classes.Header);
+    $[6] = className;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const t3 = variant === "filled" ? "" : undefined;
+  let t4;
+  if ($[8] !== auxiliaryText) {
+    t4 = auxiliaryText && /*#__PURE__*/jsx("span", {
       children: auxiliaryText
     });
-    $[5] = auxiliaryText;
-    $[6] = t2;
+    $[8] = auxiliaryText;
+    $[9] = t4;
   } else {
-    t2 = $[6];
+    t4 = $[9];
   }
-  let t3;
-  if ($[7] !== props || $[8] !== t2 || $[9] !== title || $[10] !== variant) {
-    t3 = /*#__PURE__*/jsxs(StyledHeader, {
+  let t5;
+  if ($[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== title) {
+    t5 = /*#__PURE__*/jsxs("div", {
       role: "heading",
-      variant: variant,
+      className: t2,
+      "data-filled": t3,
+      "data-component": "ActionList.Header",
       ...props,
-      children: [title, t2]
+      children: [title, t4]
     });
-    $[7] = props;
-    $[8] = t2;
-    $[9] = title;
-    $[10] = variant;
-    $[11] = t3;
+    $[10] = props;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = title;
+    $[15] = t5;
   } else {
-    t3 = $[11];
+    t5 = $[15];
   }
-  return t3;
+  return t5;
 }
 
-export { Header, StyledHeader };
+export { Header };

package/dist/deprecated/ActionList/Header.module.css.js

@@ -0,0 +1,5 @@
+import './Header-493b1d76.css';
+
+var classes = {"Header":"prc-ActionList-Header-tbTgu"};
+
+export { classes as default };

package/dist/deprecated/ActionList/Item-cf87f98a.css

@@ -0,0 +1,3 @@
+.prc-ActionList-DividedContent-8DEkl{position:relative}.prc-ActionList-DividedContent-8DEkl,.prc-ActionList-MainContent-hedcu{display:flex;flex-grow:1;min-width:0}.prc-ActionList-MainContent-hedcu{align-items:baseline;flex-direction:var(--main-content-flex-direction)}.prc-ActionList-Item-7tsoh{border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));display:flex;padding:6px var(--base-size-8,.5rem);-webkit-text-decoration:none;text-decoration:none;transition:background 33.333ms linear}.prc-ActionList-Item--danger-NZeC-{color:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-Item--disabled-vmKZN{color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}@media (hover:hover) and (pointer:fine){.prc-ActionList-Item-7tsoh:hover{background:var(--item-hover-bg-override,var(--bgColor-muted,var(--color-canvas-subtle)));cursor:pointer}.prc-ActionList-Item--danger-NZeC-:hover{background:var(--item-hover-bg-override,var(--bgColor-danger-muted,var(--color-danger-subtle)));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-Item--disabled-vmKZN:hover{background:transparent;cursor:default}}.prc-ActionList-Item-7tsoh:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*){margin-top:0}.prc-ActionList-Item-7tsoh:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*) :where([data-divider]){margin-top:1px}.prc-ActionList-Item-7tsoh:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*) .prc-ActionList-DividedContent-8DEkl:before{border-top-width:0;border:0 solid var(--borderColor-muted,var(--color-border-muted));content:" ";display:block;position:absolute;top:-7px;width:100%}:where([data-divider]) .prc-ActionList-DividedContent-8DEkl:before{border-top-width:1px}.prc-ActionList-Item-7tsoh:hover .prc-ActionList-DividedContent-8DEkl:before,:hover+.prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl:before{border-color:var(--item-hover-divider-border-color-override,transparent)!important}.prc-ActionList-Item-7tsoh:focus .prc-ActionList-DividedContent-8DEkl:before,.prc-ActionList-Item-7tsoh[data-is-active-descendant] .prc-ActionList-DividedContent-8DEkl:before,:focus+.prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl:before,[data-active-descendant]+.prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl:before{
+  /* !important because all the :not's above give higher specificity */border-color:transparent!important}.prc-ActionList-Item-7tsoh[data-is-active-descendant=activated-directly]{background:var(--bgColor-accent-muted,var(--color-accent-subtle))}.prc-ActionList-Item-7tsoh[data-is-active-descendant=activated-indirectly]{background:var(--bgColor-muted,var(--color-canvas-subtle))}.prc-ActionList-Item-7tsoh:focus{outline:none}.prc-ActionList-Item-7tsoh:active,.prc-ActionList-Item-7tsoh:focus{background:var(--bgColor-accent-muted,var(--color-accent-subtle))}.prc-ActionList-MainContent--inline-egOJK{flex-direction:row}.prc-ActionList-MainContent--block-Rwk5R{flex-direction:column}.prc-ActionList-BaseVisualContainer-V5nw2,.prc-ActionList-LeadingVisualContainer-akdrP{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:var(--base-size-8,.5rem);width:var(--base-size-16,1rem)}.prc-ActionList-LeadingVisualContainer-akdrP{flex-direction:column}.prc-ActionList-LeadingVisualContainer-akdrP svg{fill:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-LeadingVisualContainer-akdrP:where([data-variant=danger]) svg{fill:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-LeadingVisualContainer-akdrP:where([data-disabled]) svg{fill:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-TrailingContent-HCZJO{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:var(--base-size-8,.5rem);margin-right:0;width:auto}.prc-ActionList-TrailingContent-HCZJO:where([data-variant=danger]){color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-TrailingContent-HCZJO:where([data-disabled]){color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-TrailingContent-HCZJO div:nth-child(2){margin-left:var(--base-size-8,.5rem)}.prc-ActionList-TrailingContent-HCZJO svg{fill:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-TrailingContent-HCZJO:where([data-variant=danger]) svg{fill:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-TrailingContent-HCZJO:where([data-disabled]) svg{fill:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-DescriptionContainer-mEG-Z{flex-basis:var(--description-container-flex-basis);flex-grow:1;font-size:var(--text-body-size-small,.75rem);line-height:16px;margin-left:var(--description-container-margin-left);min-width:0}.prc-ActionList-DescriptionContainer-mEG-Z,.prc-ActionList-MultiSelectIcon-BOiIG{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-MultiSelectIcon-BOiIG rect{fill:var(--bgColor-default,var(--color-canvas-default));stroke:var(--borderColor-default,var(--color-border-default));shape-rendering:auto}.prc-ActionList-MultiSelectIcon-BOiIG path{fill:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));box-shadow:var(--shadow-resting-small,var(--color-shadow-small));opacity:0}.prc-ActionList-MultiSelectIcon-BOiIG:where([data-selected]) rect{fill:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));stroke:var(--bgColor-accent-emphasis,var(--color-accent-emphasis))}.prc-ActionList-MultiSelectIcon-BOiIG:where([data-selected]) path{opacity:1}.prc-ActionList-Item-7tsoh[data-divider]:not(:first-of-type):not([data-component="ActionList.Divider"]+.prc-ActionList-Item-7tsoh):not([data-component="ActionList.Header"]+.prc-ActionList-Item-7tsoh) .prc-ActionList-DividedContent-8DEkl:before{border-top-width:var(--borderWidth-thin,.0625rem)}.prc-ActionList-Item-7tsoh[data-divider]:not(:first-of-type):not([data-component="ActionList.Divider"]+.prc-ActionList-Item-7tsoh):not([data-component="ActionList.Header"]+.prc-ActionList-Item-7tsoh){margin-top:1px}
+/*# sourceMappingURL=Item-cf87f98a.css.map */

package/dist/deprecated/ActionList/Item-cf87f98a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/ActionList/Item.module.css"],"names":[],"mappings":"AACA,qCAKE,iBAEF,CAEA,uEARE,YAAa,CAKb,WAAY,CAJZ,WAaF,CANA,kCACE,oBAAqB,CAGrB,iDAEF,CAEA,2BAKE,gDAAyC,CACzC,oDAA6B,CAF7B,YAAa,CADb,oCAA+B,CAM/B,4BAAqB,CAArB,oBAAqB,CADrB,qCAEF,CAEA,mCACE,kDACF,CAEA,qCACE,6DAA8B,CAC9B,cACF,CAEA,wCACE,iCAEE,wFAA+D,CAC/D,cACF,CAEA,yCACE,+FAAsE,CACtE,kDACF,CAEA,2CACE,sBAAuB,CACvB,cACF,CACF,CAGA,wIACE,YAMF,CAJE,+JAEE,cACF,CAGF,oLAQE,kBAAwC,CACxC,iEAAmB,CAPnB,WAAY,CACZ,aAAc,CACd,iBAAkB,CAGlB,QAAS,CAFT,UAKF,CAGE,mEAEE,oBACF,CAIF,2JAIE,kFACF,CAGA;EAIE,oEAAoE,CACpE,kCACF,CAGA,yEACE,iEACF,CAEA,2EACE,0DACF,CAEA,iCAEE,YACF,CAEA,mEAJE,iEAMF,CAEA,0CACE,kBACF,CAEA,yCACE,qBACF,CAaA,uFAJE,kBAAmB,CAFnB,YAAa,CAGb,aAAc,CANd,WAAY,CAIZ,sBAAuB,CAFvB,qCAAgC,CADhC,8BAkBF,CAVA,6CAQE,qBAEF,CAEA,iDACE,+CAA0B,CAC1B,4CACF,CAEA,8EACE,iDACF,CAEA,wEACE,4DACF,CAEA,sCASE,kBAAmB,CAPnB,gDAA2B,CAK3B,YAAa,CAGb,aAAc,CAPd,WAAY,CAKZ,sBAAuB,CAHvB,oCAA+B,CAC/B,cAAe,CAFf,UAOF,CAEA,mEACE,gDACF,CAEA,6DACE,6DACF,CAEA,uDACE,oCACF,CAEA,0CACE,+CAA0B,CAC1B,4CACF,CAEA,uEACE,iDACF,CAEA,iEACE,4DACF,CAEA,2CASE,kDAAmD,CAHnD,WAAY,CAJZ,4CAAsC,CAEtC,gBAAiB,CAIjB,oDAAqD,CAHrD,WAKF,CAEA,iFAXE,gDAaF,CAEA,2CACE,uDAA4B,CAC5B,6DAAkC,CAClC,oBACF,CAEA,2CACE,0DAA+B,CAC/B,gEAAuC,CACvC,SACF,CAEA,kEACE,gEAAoC,CACpC,kEACF,CAEA,kEACE,SACF,CAEA,oPAIE,iDACF,CAEA,wMAIE,cACF","file":"Item-cf87f98a.css","sourcesContent":["/* stylelint-disable selector-max-specificity */\n.DividedContent {\n  display: flex;\n  min-width: 0;\n\n  /* Required for dividers */\n  position: relative;\n  flex-grow: 1;\n}\n\n.MainContent {\n  align-items: baseline;\n  display: flex;\n  min-width: 0;\n  flex-direction: var(--main-content-flex-direction);\n  flex-grow: 1;\n}\n\n.Item {\n  /* 6px vertical padding + 20px line height = 32px total height */\n  /* stylelint-disable-next-line primer/spacing */\n  padding: 6px var(--base-size-8);\n  display: flex;\n  border-radius: var(--borderRadius-medium);\n  color: var(--fgColor-default);\n  /* 2 frames on a 60hz monitor */\n  transition: background 33.333ms linear;\n  text-decoration: none;\n}\n\n.Item--danger {\n  color: var(--fgColor-danger);\n}\n\n.Item--disabled {\n  color: var(--fgColor-disabled);\n  cursor: default;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .Item:hover {\n    /* allow override in case another item in the list is active/focused */\n    background: var(--item-hover-bg-override, var(--bgColor-muted));\n    cursor: pointer;\n  }\n\n  .Item--danger:hover {\n    background: var(--item-hover-bg-override, var(--bgColor-danger-muted));\n    color: var(--fgColor-danger);\n  }\n\n  .Item--disabled:hover {\n    background: transparent;\n    cursor: default;\n  }\n}\n\n/* Item dividers */\n.Item:not(:first-of-type):not([data-component='ActionList.Divider'] + *):not([data-component='ActionList.Header'] + *) {\n  margin-top: 0;\n\n  :where([data-divider]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: 1px;\n  }\n}\n\n.Item:not(:first-of-type):not([data-component='ActionList.Divider'] + *):not([data-component='ActionList.Header'] + *)\n  .DividedContent::before {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  top: -7px;\n  border: 0 solid var(--borderColor-muted);\n  border-top-width: 0;\n}\n\n:where([data-divider]) {\n  .DividedContent::before {\n    /* stylelint-disable-next-line primer/borders */\n    border-top-width: 1px;\n  }\n}\n\n/* Item dividers should not be visible above/below hovered items */\n.Item:hover .DividedContent::before,\n:hover + .Item .DividedContent::before {\n  /* allow override in case another item in the list is active/focused */\n  /* stylelint-disable-next-line primer/colors */\n  border-color: var(--item-hover-divider-border-color-override, transparent) !important;\n}\n\n/* Item dividers should not be visible above/below focused items */\n.Item:focus .DividedContent::before,\n:focus + .Item .DividedContent::before,\n.Item[data-is-active-descendant] .DividedContent::before,\n[data-active-descendant] + .Item .DividedContent::before {\n  /* !important because all the :not's above give higher specificity */\n  border-color: transparent !important;\n}\n\n/* Active Descendant */\n.Item[data-is-active-descendant='activated-directly'] {\n  background: var(--bgColor-accent-muted);\n}\n\n.Item[data-is-active-descendant='activated-indirectly'] {\n  background: var(--bgColor-muted);\n}\n\n.Item:focus {\n  background: var(--bgColor-accent-muted);\n  outline: none;\n}\n\n.Item:active {\n  background: var(--bgColor-accent-muted);\n}\n\n.MainContent--inline {\n  flex-direction: row;\n}\n\n.MainContent--block {\n  flex-direction: column;\n}\n\n.BaseVisualContainer {\n  /* Match visual height to adjacent text line height. */\n  height: 20px;\n  width: var(--base-size-16);\n  margin-right: var(--base-size-8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.LeadingVisualContainer {\n  /* Match visual height to adjacent text line height. */\n  height: 20px;\n  width: var(--base-size-16);\n  margin-right: var(--base-size-8);\n  align-items: center;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.LeadingVisualContainer svg {\n  fill: var(--fgColor-muted);\n  font-size: var(--text-body-size-small);\n}\n\n.LeadingVisualContainer:where([data-variant='danger']) svg {\n  fill: var(--fgColor-danger);\n}\n\n.LeadingVisualContainer:where([data-disabled]) svg {\n  fill: var(--fgColor-disabled);\n}\n\n.TrailingContent {\n  /* Match visual height to adjacent text line height. */\n  color: var(--fgColor-muted);\n  height: 20px;\n  width: auto;\n  margin-left: var(--base-size-8);\n  margin-right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.TrailingContent:where([data-variant='danger']) {\n  color: var(--fgColor-muted);\n}\n\n.TrailingContent:where([data-disabled]) {\n  color: var(--fgColor-disabled);\n}\n\n.TrailingContent div:nth-child(2) {\n  margin-left: var(--base-size-8);\n}\n\n.TrailingContent svg {\n  fill: var(--fgColor-muted);\n  font-size: var(--text-body-size-small);\n}\n\n.TrailingContent:where([data-variant='danger']) svg {\n  fill: var(--fgColor-danger);\n}\n\n.TrailingContent:where([data-disabled]) svg {\n  fill: var(--fgColor-disabled);\n}\n\n.DescriptionContainer {\n  color: var(--fgColor-muted);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  min-width: 0;\n  flex-grow: 1;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: var(--description-container-margin-left);\n  flex-basis: var(--description-container-flex-basis);\n}\n\n.MultiSelectIcon {\n  color: var(--fgColor-muted);\n}\n\n.MultiSelectIcon rect {\n  fill: var(--bgColor-default);\n  stroke: var(--borderColor-default);\n  shape-rendering: auto; /* this is a workaround to override global style in github/github, see primer/react#1666 */\n}\n\n.MultiSelectIcon path {\n  fill: var(--fgColor-onEmphasis);\n  box-shadow: var(--shadow-resting-small);\n  opacity: 0;\n}\n\n.MultiSelectIcon:where([data-selected]) rect {\n  fill: var(--bgColor-accent-emphasis);\n  stroke: var(--bgColor-accent-emphasis);\n}\n\n.MultiSelectIcon:where([data-selected]) path {\n  opacity: 1;\n}\n\n.Item[data-divider]:not(:first-of-type):not([data-component='ActionList.Divider'] + .Item):not(\n    [data-component='ActionList.Header'] + .Item\n  )\n  .DividedContent::before {\n  border-top-width: var(--borderWidth-thin);\n}\n\n.Item[data-divider]:not(:first-of-type):not([data-component='ActionList.Divider'] + .Item):not(\n    [data-component='ActionList.Header'] + .Item\n  ) {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 1px;\n}\n"]}

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

@@ -1,12 +1,11 @@
 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 {
+export interface ItemProps {
     /**
      * Primary text which names an `Item`.
      */
@@ -88,9 +87,6 @@ export interface ItemProps extends SxProp {
      */
     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.
  */

package/dist/deprecated/ActionList/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAGpC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAWrC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;AAClG,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AAE/C;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,MAAM;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IAEpD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAElD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAEnH;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AA+ID,eAAO,MAAM,aAAa;8BACE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,yBAAyB,CAAC;SACtF,CAAA;AA+DJ;;GAEG;AACH,eAAO,MAAM,IAAI,EAuJX,8BAA8B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAGrC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;AAClG,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AAK/C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IAEpD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAElD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAEnH;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EA+JX,8BAA8B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA"}