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

package/dist/deprecated/ActionList/Item.js

@@ -2,139 +2,23 @@ import { c } from 'react-compiler-runtime';
 import { CheckIcon } from '@primer/octicons-react';
 import React from 'react';
 import { isValidElementType } from 'react-is';
-import { get } from '../../constants.js';
-import sx from '../../sx.js';
-import styled from 'styled-components';
-import { StyledHeader } from './Header.js';
-import { StyledDivider } from './Divider.js';
 import { useTheme } from '../../ThemeProvider.js';
-import { isActiveDescendantAttribute, activeDescendantActivatedDirectly, activeDescendantActivatedIndirectly } from '@primer/behaviors';
 import { useId } from '../../hooks/useId.js';
+import classes from './Item.module.css.js';
+import { clsx } from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Truncate from '../../Truncate/Truncate.js';
 
-const getItemVariant = (variant = 'default', disabled) => {
-  if (disabled) {
-    return {
-      color: get('colors.primer.fg.disabled'),
-      iconColor: get('colors.primer.fg.disabled'),
-      annotationColor: get('colors.primer.fg.disabled'),
-      hoverCursor: 'default'
-    };
-  }
-  switch (variant) {
-    case 'danger':
-      return {
-        color: get('colors.danger.fg'),
-        iconColor: get('colors.danger.fg'),
-        annotationColor: get('colors.fg.muted'),
-        hoverCursor: 'pointer',
-        hoverBg: get('colors.actionListItem.danger.hoverBg'),
-        focusBg: get('colors.actionListItem.danger.activeBg'),
-        hoverText: get('colors.actionListItem.danger.hoverText')
-      };
-    default:
-      return {
-        color: get('colors.fg.default'),
-        iconColor: get('colors.fg.muted'),
-        annotationColor: get('colors.fg.muted'),
-        hoverCursor: 'pointer',
-        hoverBg: get('colors.actionListItem.default.hoverBg'),
-        focusBg: get('colors.actionListItem.default.activeBg')
-      };
-  }
-};
-const DividedContent = styled.div.withConfig({
-  displayName: "Item__DividedContent",
-  componentId: "sc-y6iv6t-0"
-})(["display:flex;min-width:0;position:relative;flex-grow:1;"]);
-const MainContent = styled.div.withConfig({
-  displayName: "Item__MainContent",
-  componentId: "sc-y6iv6t-1"
-})(["align-items:baseline;display:flex;min-width:0;flex-direction:var(--main-content-flex-direction);flex-grow:1;"]);
-const StyledItem = styled.div.withConfig({
-  displayName: "Item__StyledItem",
-  componentId: "sc-y6iv6t-2"
-})(["padding:6px ", ";display:flex;border-radius:", ";color:", ";transition:background 33.333ms linear;text-decoration:none;@media (hover:hover) and (pointer:fine){:hover{background:var( --item-hover-bg-override,", " );color:", ";cursor:", ";}}:not(:first-of-type):not(", " + &):not(", " + &){margin-top:", ";", "::before{content:' ';display:block;position:absolute;width:100%;top:-7px;border:0 solid ", ";border-top-width:", ";}}&:hover ", "::before,:hover + * ", "::before{border-color:var(--item-hover-divider-border-color-override,transparent) !important;}&:focus ", "::before,:focus + * ", "::before,&[", "] ", "::before,[", "] + & ", "::before{border-color:transparent !important;}&[", "='", "']{background:", ";}&[", "='", "']{background:", ";}&:focus{background:", ";outline:none;}&:active{background:", ";}", ""], get('space.2'), get('radii.2'), ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).color, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverText, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverCursor, StyledDivider, StyledHeader, ({
-  showDivider
-}) => showDivider ? `1px` : '0', DividedContent, get('colors.border.muted'), ({
-  showDivider
-}) => showDivider ? `1px` : '0', DividedContent, DividedContent, DividedContent, DividedContent, isActiveDescendantAttribute, DividedContent, isActiveDescendantAttribute, DividedContent, isActiveDescendantAttribute, activeDescendantActivatedDirectly, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, isActiveDescendantAttribute, activeDescendantActivatedIndirectly, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, ({
-  variant,
-  item
-}) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).focusBg, sx);
-const TextContainer = styled.span.withConfig({
-  displayName: "Item__TextContainer",
-  componentId: "sc-y6iv6t-3"
-})([""]);
-const BaseVisualContainer = styled.div.withConfig({
-  displayName: "Item__BaseVisualContainer",
-  componentId: "sc-y6iv6t-4"
-})(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;flex-shrink:0;"], get('space.3'), get('space.2'));
-const ColoredVisualContainer = styled(BaseVisualContainer).withConfig({
-  displayName: "Item__ColoredVisualContainer",
-  componentId: "sc-y6iv6t-5"
-})(["svg{fill:", ";font-size:", ";}"], ({
-  variant,
-  disabled
-}) => getItemVariant(variant, disabled).iconColor, get('fontSizes.0'));
-const LeadingVisualContainer = styled(ColoredVisualContainer).withConfig({
-  displayName: "Item__LeadingVisualContainer",
-  componentId: "sc-y6iv6t-6"
-})(["display:flex;flex-direction:column;justify-content:center;"]);
-const TrailingContent = styled(ColoredVisualContainer).withConfig({
-  displayName: "Item__TrailingContent",
-  componentId: "sc-y6iv6t-7"
-})(["color:", ";margin-left:", ";margin-right:0;width:auto;div:nth-child(2){margin-left:", ";}"], ({
-  variant,
-  disabled
-}) => getItemVariant(variant, disabled).annotationColor, get('space.2'), get('space.2'));
-const DescriptionContainer = styled.span.withConfig({
-  displayName: "Item__DescriptionContainer",
-  componentId: "sc-y6iv6t-8"
-})(["color:", ";font-size:", ";line-height:16px;margin-left:var(--description-container-margin-left);min-width:0;flex-grow:1;flex-basis:var(--description-container-flex-basis);"], get('colors.fg.muted'), get('fontSizes.0'));
-const MultiSelectIcon = styled.svg.withConfig({
-  displayName: "Item__MultiSelectIcon",
-  componentId: "sc-y6iv6t-9"
-})(["rect{fill:", ";stroke:", ";shape-rendering:auto;}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
-  selected
-}) => selected ? get('colors.accent.fg') : get('colors.canvas.default'), ({
-  selected
-}) => selected ? get('colors.accent.fg') : get('colors.border.default'), get('colors.fg.onEmphasis'), get('shadow.small'), ({
-  selected
-}) => selected ? 1 : 0);
-
 /**
  * An actionable or selectable `Item` with an optional icon and description.
  */
 const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
-  const $ = c(78);
-  let Component;
+  const $ = c(83);
   let LeadingVisual;
   let TrailingIcon;
   let TrailingVisual;
   let children;
+  let className;
   let description;
   let disabled;
   let id;
@@ -147,21 +31,22 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
   let showDivider;
   let t0;
   let t1;
+  let t2;
   let text;
   let trailingText;
   if ($[0] !== itemProps) {
     ({
-      as: Component,
+      as: t0,
       text,
       description,
-      descriptionVariant: t0,
+      descriptionVariant: t1,
       selected,
       selectionVariant,
       leadingVisual: LeadingVisual,
       trailingIcon: TrailingIcon,
       trailingVisual: TrailingVisual,
       trailingText,
-      variant: t1,
+      variant: t2,
       showDivider,
       disabled,
       onAction,
@@ -169,14 +54,15 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
       children,
       onClick,
       id,
+      className,
       ...props
     } = itemProps);
     $[0] = itemProps;
-    $[1] = Component;
-    $[2] = LeadingVisual;
-    $[3] = TrailingIcon;
-    $[4] = TrailingVisual;
-    $[5] = children;
+    $[1] = LeadingVisual;
+    $[2] = TrailingIcon;
+    $[3] = TrailingVisual;
+    $[4] = children;
+    $[5] = className;
     $[6] = description;
     $[7] = disabled;
     $[8] = id;
@@ -189,14 +75,15 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
     $[15] = showDivider;
     $[16] = t0;
     $[17] = t1;
-    $[18] = text;
-    $[19] = trailingText;
+    $[18] = t2;
+    $[19] = text;
+    $[20] = trailingText;
   } else {
-    Component = $[1];
-    LeadingVisual = $[2];
-    TrailingIcon = $[3];
-    TrailingVisual = $[4];
-    children = $[5];
+    LeadingVisual = $[1];
+    TrailingIcon = $[2];
+    TrailingVisual = $[3];
+    children = $[4];
+    className = $[5];
     description = $[6];
     disabled = $[7];
     id = $[8];
@@ -209,16 +96,18 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
     showDivider = $[15];
     t0 = $[16];
     t1 = $[17];
-    text = $[18];
-    trailingText = $[19];
+    t2 = $[18];
+    text = $[19];
+    trailingText = $[20];
   }
-  const descriptionVariant = t0 === undefined ? "inline" : t0;
-  const variant = t1 === undefined ? "default" : t1;
+  const Component = t0 === undefined ? "div" : t0;
+  const descriptionVariant = t1 === undefined ? "inline" : t1;
+  const variant = t2 === undefined ? "default" : t2;
   const labelId = useId();
   const descriptionId = useId();
-  let t2;
-  if ($[20] !== disabled || $[21] !== itemProps || $[22] !== onAction || $[23] !== onKeyPress) {
-    t2 = event => {
+  let t3;
+  if ($[21] !== disabled || $[22] !== itemProps || $[23] !== onAction || $[24] !== onKeyPress) {
+    t3 = event => {
       var _onKeyPress;
       if (disabled) {
         return;
@@ -229,18 +118,18 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
         (_onAction = onAction) === null || _onAction === void 0 ? void 0 : _onAction(itemProps, event);
       }
     };
-    $[20] = disabled;
-    $[21] = itemProps;
-    $[22] = onAction;
-    $[23] = onKeyPress;
-    $[24] = t2;
+    $[21] = disabled;
+    $[22] = itemProps;
+    $[23] = onAction;
+    $[24] = onKeyPress;
+    $[25] = t3;
   } else {
-    t2 = $[24];
+    t3 = $[25];
   }
-  const keyPressHandler = t2;
-  let t3;
-  if ($[25] !== disabled || $[26] !== itemProps || $[27] !== onAction || $[28] !== onClick) {
-    t3 = event_0 => {
+  const keyPressHandler = t3;
+  let t4;
+  if ($[26] !== disabled || $[27] !== itemProps || $[28] !== onAction || $[29] !== onClick) {
+    t4 = event_0 => {
       var _onClick;
       if (disabled) {
         return;
@@ -251,27 +140,42 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
         (_onAction2 = onAction) === null || _onAction2 === void 0 ? void 0 : _onAction2(itemProps, event_0);
       }
     };
-    $[25] = disabled;
-    $[26] = itemProps;
-    $[27] = onAction;
-    $[28] = onClick;
-    $[29] = t3;
+    $[26] = disabled;
+    $[27] = itemProps;
+    $[28] = onAction;
+    $[29] = onClick;
+    $[30] = t4;
   } else {
-    t3 = $[29];
+    t4 = $[30];
   }
-  const clickHandler = t3;
+  const clickHandler = t4;
   const {
     theme
   } = useTheme();
-  const t4 = disabled ? undefined : -1;
-  const t5 = text ? labelId : undefined;
-  const t6 = description ? descriptionId : undefined;
-  let t7;
-  if ($[30] !== selected || $[31] !== selectionVariant || $[32] !== (theme === null || theme === void 0 ? void 0 : theme.colors)) {
-    t7 = !!selected === selected && /*#__PURE__*/jsx(BaseVisualContainer, {
+  const t5 = disabled ? undefined : -1;
+  const t6 = text ? labelId : undefined;
+  const t7 = description ? descriptionId : undefined;
+  const t8 = showDivider ? "" : undefined;
+  const t9 = variant === "danger" && classes["Item--danger"];
+  const t10 = disabled && classes["Item--disabled"];
+  let t11;
+  if ($[31] !== className || $[32] !== t10 || $[33] !== t9) {
+    t11 = clsx(classes.Item, t9, t10, className);
+    $[31] = className;
+    $[32] = t10;
+    $[33] = t9;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+  let t12;
+  if ($[35] !== selected || $[36] !== selectionVariant || $[37] !== (theme === null || theme === void 0 ? void 0 : theme.colors)) {
+    t12 = !!selected === selected && /*#__PURE__*/jsx("div", {
+      className: classes.BaseVisualContainer,
       children: selectionVariant === "multiple" ? /*#__PURE__*/jsx(Fragment, {
-        children: /*#__PURE__*/jsxs(MultiSelectIcon, {
-          selected: selected,
+        children: /*#__PURE__*/jsxs("svg", {
+          className: classes.MultiSelectIcon,
+          "data-selected": selected ? "" : undefined,
           width: "16",
           height: "16",
           viewBox: "0 0 16 16",
@@ -293,59 +197,61 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
         fill: theme === null || theme === void 0 ? void 0 : theme.colors.fg.default
       })
     });
-    $[30] = selected;
-    $[31] = selectionVariant;
-    $[32] = theme === null || theme === void 0 ? void 0 : theme.colors;
-    $[33] = t7;
+    $[35] = selected;
+    $[36] = selectionVariant;
+    $[37] = theme === null || theme === void 0 ? void 0 : theme.colors;
+    $[38] = t12;
   } else {
-    t7 = $[33];
+    t12 = $[38];
   }
-  let t8;
-  if ($[34] !== LeadingVisual || $[35] !== disabled || $[36] !== variant) {
-    t8 = LeadingVisual && /*#__PURE__*/jsx(LeadingVisualContainer, {
-      variant: variant,
-      disabled: disabled,
+  let t13;
+  if ($[39] !== LeadingVisual || $[40] !== disabled || $[41] !== variant) {
+    t13 = LeadingVisual && /*#__PURE__*/jsx("div", {
+      className: classes.LeadingVisualContainer,
+      "data-variant": variant,
+      "data-disabled": disabled ? "" : undefined,
       children: /*#__PURE__*/jsx(LeadingVisual, {})
     });
-    $[34] = LeadingVisual;
-    $[35] = disabled;
-    $[36] = variant;
-    $[37] = t8;
+    $[39] = LeadingVisual;
+    $[40] = disabled;
+    $[41] = variant;
+    $[42] = t13;
   } else {
-    t8 = $[37];
+    t13 = $[42];
   }
-  const t9 = descriptionVariant === "inline" ? "row" : "column";
-  let t10;
-  if ($[38] !== t9) {
-    t10 = {
-      "--main-content-flex-direction": t9
+  const t14 = descriptionVariant === "inline" ? "row" : "column";
+  let t15;
+  if ($[43] !== t14) {
+    t15 = {
+      "--main-content-flex-direction": t14
     };
-    $[38] = t9;
-    $[39] = t10;
+    $[43] = t14;
+    $[44] = t15;
   } else {
-    t10 = $[39];
+    t15 = $[44];
   }
-  const t11 = t10;
-  let t12;
-  if ($[40] !== labelId || $[41] !== text) {
-    t12 = text ? /*#__PURE__*/jsx(TextContainer, {
+  const t16 = t15;
+  let t17;
+  if ($[45] !== labelId || $[46] !== text) {
+    t17 = text ? /*#__PURE__*/jsx("span", {
       id: labelId,
       children: text
     }) : null;
-    $[40] = labelId;
-    $[41] = text;
-    $[42] = t12;
+    $[45] = labelId;
+    $[46] = text;
+    $[47] = t17;
   } else {
-    t12 = $[42];
+    t17 = $[47];
   }
-  let t13;
-  if ($[43] !== description || $[44] !== descriptionId || $[45] !== descriptionVariant || $[46] !== theme) {
-    t13 = description ? /*#__PURE__*/jsx(DescriptionContainer, {
+  let t18;
+  if ($[48] !== description || $[49] !== descriptionId || $[50] !== descriptionVariant) {
+    t18 = description ? /*#__PURE__*/jsx("span", {
       id: descriptionId,
       style: {
-        "--description-container-margin-left": descriptionVariant === "inline" ? get("space.2")(theme) : 0,
+        "--description-container-margin-left": descriptionVariant === "inline" ? "var(--base-size-8)" : 0,
         "--description-container-flex-basis": descriptionVariant === "inline" ? 0 : "auto"
       },
+      className: classes.DescriptionContainer,
       children: descriptionVariant === "block" ? description : /*#__PURE__*/jsx(Truncate, {
         title: description,
         inline: true,
@@ -353,97 +259,102 @@ const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
         children: description
       })
     }) : null;
-    $[43] = description;
-    $[44] = descriptionId;
-    $[45] = descriptionVariant;
-    $[46] = theme;
-    $[47] = t13;
+    $[48] = description;
+    $[49] = descriptionId;
+    $[50] = descriptionVariant;
+    $[51] = t18;
   } else {
-    t13 = $[47];
+    t18 = $[51];
   }
-  let t14;
-  if ($[48] !== children || $[49] !== t11 || $[50] !== t12 || $[51] !== t13) {
-    t14 = /*#__PURE__*/jsxs(MainContent, {
-      style: t11,
-      children: [children, t12, t13]
+  let t19;
+  if ($[52] !== children || $[53] !== t16 || $[54] !== t17 || $[55] !== t18) {
+    t19 = /*#__PURE__*/jsxs("div", {
+      style: t16,
+      className: classes.MainContent,
+      children: [children, t17, t18]
     });
-    $[48] = children;
-    $[49] = t11;
-    $[50] = t12;
-    $[51] = t13;
-    $[52] = t14;
+    $[52] = children;
+    $[53] = t16;
+    $[54] = t17;
+    $[55] = t18;
+    $[56] = t19;
   } else {
-    t14 = $[52];
+    t19 = $[56];
   }
-  let t15;
-  if ($[53] !== TrailingIcon || $[54] !== TrailingVisual || $[55] !== disabled || $[56] !== trailingText || $[57] !== variant) {
-    t15 = TrailingVisual ? /*#__PURE__*/jsx(TrailingContent, {
-      variant: variant,
-      disabled: disabled,
+  let t20;
+  if ($[57] !== TrailingIcon || $[58] !== TrailingVisual || $[59] !== disabled || $[60] !== trailingText || $[61] !== variant) {
+    t20 = TrailingVisual ? /*#__PURE__*/jsx("div", {
+      className: classes.TrailingContent,
+      "data-variant": variant,
+      "data-disabled": disabled ? "" : undefined,
       children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual
-    }) : TrailingIcon || trailingText ? /*#__PURE__*/jsxs(TrailingContent, {
-      variant: variant,
-      disabled: disabled,
+    }) : TrailingIcon || trailingText ? /*#__PURE__*/jsxs("div", {
+      className: classes.TrailingContent,
+      "data-variant": variant,
+      "data-disabled": disabled ? "" : undefined,
       children: [trailingText, TrailingIcon && /*#__PURE__*/jsx(TrailingIcon, {})]
     }) : null;
-    $[53] = TrailingIcon;
-    $[54] = TrailingVisual;
-    $[55] = disabled;
-    $[56] = trailingText;
-    $[57] = variant;
-    $[58] = t15;
+    $[57] = TrailingIcon;
+    $[58] = TrailingVisual;
+    $[59] = disabled;
+    $[60] = trailingText;
+    $[61] = variant;
+    $[62] = t20;
   } else {
-    t15 = $[58];
+    t20 = $[62];
   }
-  let t16;
-  if ($[59] !== t14 || $[60] !== t15) {
-    t16 = /*#__PURE__*/jsxs(DividedContent, {
-      children: [t14, t15]
+  let t21;
+  if ($[63] !== t19 || $[64] !== t20) {
+    t21 = /*#__PURE__*/jsxs("div", {
+      className: classes.DividedContent,
+      "data-component": "ActionList.DividedContent",
+      children: [t19, t20]
     });
-    $[59] = t14;
-    $[60] = t15;
-    $[61] = t16;
+    $[63] = t19;
+    $[64] = t20;
+    $[65] = t21;
   } else {
-    t16 = $[61];
+    t21 = $[65];
   }
-  let t17;
-  if ($[62] !== Component || $[63] !== clickHandler || $[64] !== id || $[65] !== keyPressHandler || $[66] !== props || $[67] !== ref || $[68] !== selected || $[69] !== showDivider || $[70] !== t16 || $[71] !== t4 || $[72] !== t5 || $[73] !== t6 || $[74] !== t7 || $[75] !== t8 || $[76] !== variant) {
-    t17 = /*#__PURE__*/jsxs(StyledItem, {
+  let t22;
+  if ($[66] !== Component || $[67] !== clickHandler || $[68] !== id || $[69] !== keyPressHandler || $[70] !== props || $[71] !== ref || $[72] !== selected || $[73] !== t11 || $[74] !== t12 || $[75] !== t13 || $[76] !== t21 || $[77] !== t5 || $[78] !== t6 || $[79] !== t7 || $[80] !== t8 || $[81] !== variant) {
+    t22 = /*#__PURE__*/jsxs(Component, {
       ref: ref,
-      as: Component,
-      tabIndex: t4,
-      variant: variant,
-      showDivider: showDivider,
+      tabIndex: t5,
+      "data-variant": variant,
       "aria-selected": selected,
-      "aria-labelledby": t5,
-      "aria-describedby": t6,
+      "aria-labelledby": t6,
+      "aria-describedby": t7,
+      "data-divider": t8,
       ...props,
       "data-id": id,
       onKeyPress: keyPressHandler,
       onClick: clickHandler,
-      children: [t7, t8, t16]
+      className: t11,
+      children: [t12, t13, t21]
     });
-    $[62] = Component;
-    $[63] = clickHandler;
-    $[64] = id;
-    $[65] = keyPressHandler;
-    $[66] = props;
-    $[67] = ref;
-    $[68] = selected;
-    $[69] = showDivider;
-    $[70] = t16;
-    $[71] = t4;
-    $[72] = t5;
-    $[73] = t6;
-    $[74] = t7;
-    $[75] = t8;
-    $[76] = variant;
-    $[77] = t17;
+    $[66] = Component;
+    $[67] = clickHandler;
+    $[68] = id;
+    $[69] = keyPressHandler;
+    $[70] = props;
+    $[71] = ref;
+    $[72] = selected;
+    $[73] = t11;
+    $[74] = t12;
+    $[75] = t13;
+    $[76] = t21;
+    $[77] = t5;
+    $[78] = t6;
+    $[79] = t7;
+    $[80] = t8;
+    $[81] = variant;
+    $[82] = t22;
   } else {
-    t17 = $[77];
+    t22 = $[82];
   }
-  return t17;
+  return t22;
 });
 Item.displayName = 'ActionList.Item';
 
-export { Item, TextContainer };
+export { Item };

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

@@ -0,0 +1,5 @@
+import './Item-cf87f98a.css';
+
+var classes = {"DividedContent":"prc-ActionList-DividedContent-8DEkl","MainContent":"prc-ActionList-MainContent-hedcu","Item":"prc-ActionList-Item-7tsoh","Item--danger":"prc-ActionList-Item--danger-NZeC-","Item--disabled":"prc-ActionList-Item--disabled-vmKZN","BaseVisualContainer":"prc-ActionList-BaseVisualContainer-V5nw2","LeadingVisualContainer":"prc-ActionList-LeadingVisualContainer-akdrP","TrailingContent":"prc-ActionList-TrailingContent-HCZJO","DescriptionContainer":"prc-ActionList-DescriptionContainer-mEG-Z","MultiSelectIcon":"prc-ActionList-MultiSelectIcon-BOiIG"};
+
+export { classes as default };

package/dist/deprecated/ActionList/List-1ec9d6d9.css

@@ -0,0 +1,2 @@
+.prc-ActionList-List-bKPOb:focus-within,.prc-ActionList-List-bKPOb[data-has-active-descendant]{--item-hover-bg-override:none;--item-hover-divider-border-color-override:var(--borderColor-muted,var(--color-border-muted))}
+/*# sourceMappingURL=List-1ec9d6d9.css.map */

package/dist/deprecated/ActionList/List-1ec9d6d9.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/ActionList/List.module.css"],"names":[],"mappings":"AAAA,+FAEE,6BAA8B,CAC9B,6FACF","file":"List-1ec9d6d9.css","sourcesContent":[".List[data-has-active-descendant],\n.List:focus-within {\n  --item-hover-bg-override: none;\n  --item-hover-divider-border-color-override: var(--borderColor-muted);\n}\n"]}

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

@@ -58,6 +58,7 @@ export interface ListPropsBase {
      * Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
      */
     showItemDividers?: boolean;
+    className?: string;
 }
 /**
  * Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.

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

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