@primer/react 38.1.0-rc.e96ea6506 → 38.1.0-rc.ee8ca60b6

package/CHANGELOG.md

@@ -4,8 +4,28 @@
 
 ### Minor Changes
 
+- [#7056](https://github.com/primer/react/pull/7056) [`6ff2797`](https://github.com/primer/react/commit/6ff2797662bf7ab8cf8575d13ad061923bf0d9c1) Thanks [@adierkens](https://github.com/adierkens)! - Update active indicators for ActionList & FilteredActionList to follow content height
+
 - [#7063](https://github.com/primer/react/pull/7063) [`247c66a`](https://github.com/primer/react/commit/247c66a3c297afba73c6e9e3842cc15ff8a845c1) Thanks [@francinelucca](https://github.com/francinelucca)! - Feat: popover implement click outside
 
+- [#7109](https://github.com/primer/react/pull/7109) [`34e7108`](https://github.com/primer/react/commit/34e71089ea7668d7b0ab4572f125d13b998e8754) Thanks [@adierkens](https://github.com/adierkens)! - Add support to ActionList for 'tablist' and 'tab' roles
+
+### Patch Changes
+
+- [#7114](https://github.com/primer/react/pull/7114) [`15a13c6`](https://github.com/primer/react/commit/15a13c64917676d47e4ce899ce1f96939cc754d6) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - ActionList: Fix trailing action button to take full height.
+
+- [#7124](https://github.com/primer/react/pull/7124) [`a746a83`](https://github.com/primer/react/commit/a746a83e68da54a7f66161b0f1d68bfbdc071ce6) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Fixed Timeline.Break when followed by a condensed item and clip sidebar for condensed items.
+
+- [#7060](https://github.com/primer/react/pull/7060) [`3468793`](https://github.com/primer/react/commit/3468793e15269d6d9f226ee7844921e44bfc4622) Thanks [@francinelucca](https://github.com/francinelucca)! - @primer/react: chore(Dialog): allow direct children
+
+- [#7061](https://github.com/primer/react/pull/7061) [`e58e102`](https://github.com/primer/react/commit/e58e1027d7f3cdae5223c08d83f7b86918db370b) Thanks [@francinelucca](https://github.com/francinelucca)! - PageLayout: update wrapper dimensions to match PageLayout's root element
+
+- [#7097](https://github.com/primer/react/pull/7097) [`12fad7a`](https://github.com/primer/react/commit/12fad7af4d9d31898dfff5d3419987100b398d9e) Thanks [@francinelucca](https://github.com/francinelucca)! - chore: fix UnderlineWrapper html structure
+
+- [#7101](https://github.com/primer/react/pull/7101) [`9382e52`](https://github.com/primer/react/commit/9382e529a8a4a0204ce0c412a0c8840cfbfe9f2c) Thanks [@hectahertz](https://github.com/hectahertz)! - Remove use of useResponsiveValue hook - PageLayout
+
+- [#7128](https://github.com/primer/react/pull/7128) [`4d0f08a`](https://github.com/primer/react/commit/4d0f08a24750704374655c3dc0450012f905bca0) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Link: Remove deprecated underline prop. (Not used in github-ui)
+
 ## 38.0.0
 
 ### Major Changes

package/README.md

@@ -28,20 +28,19 @@ To install `@primer/react` in your project, you will need to run the following
 command using [npm](https://www.npmjs.com/):
 
 ```bash
-npm install -S @primer/react @primer/primitives styled-components@5.x
+npm install -S @primer/react @primer/primitives
 ```
 
 If you prefer [Yarn](https://yarnpkg.com/), use the following command instead:
 
 ```bash
-yarn add @primer/react @primer/primitives styled-components@5.x
+yarn add @primer/react @primer/primitives
 ```
 
-This command will install three packages in your project:
+This command will install two packages in your project:
 
 - `@primer/react`: used to import and use all the components from Primer
 - `@primer/primitives`: used to include the design tokens from Primer
-- `styled-components`: used to style components
 
 To learn more about how to use `@primer/react`, visit our documentation site at:
 [primer.style](https://primer.style).
@@ -59,26 +58,32 @@ function App() {
 ```
 
 At the root of your application, you'll also want to include our
-`ThemeProvider` and `BaseStyles` components along with styles from the
+`BaseStyles` component along with styles from the
 `@primer/primitives` package. For example:
 
 ```tsx
 // Import each of the themes you would like to use, by default we are including
 // the light theme below
 import '@primer/primitives/dist/css/functional/themes/light.css'
-import {BaseStyles, ThemeProvider} from '@primer/react'
+import {BaseStyles} from '@primer/react'
 
 function RootLayout() {
   return (
-    <ThemeProvider>
-      <BaseStyles>
-        <App />
-      </BaseStyles>
-    </ThemeProvider>
+    <BaseStyles>
+      <App />
+    </BaseStyles>
   )
 }
 ```
 
+In addition, you will need to add the following attributes to your `html` element:
+
+```html
+<html data-light-theme="light" data-dark-theme="dark" data-color-mode="auto">
+  <!-- ... -->
+</html>
+```
+
 ## 📖 Documentation
 
 The documentation for `@primer/react` lives at [primer.style](https://primer.style). There, you'll find detailed documentation on getting started, all of the components, our theme, our principles, and more.

package/dist/ActionBar/ActionBar.js

@@ -1,5 +1,5 @@
 import { c } from 'react-compiler-runtime';
-import React, { forwardRef, useRef, useState, useCallback, useId } from 'react';
+import React, { forwardRef, useRef, useState, useId } from 'react';
 import { KebabHorizontalIcon } from '@primer/octicons-react';
 import { ActionList } from '../ActionList/index.js';
 import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
@@ -10,7 +10,7 @@ import { IconButton } from '../Button/IconButton.js';
 import { useFocusZone } from '../hooks/useFocusZone.js';
 import styles from './ActionBar.module.css.js';
 import { clsx } from 'clsx';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 import { FocusKeys } from '@primer/behaviors';
 import { ActionMenu } from '../ActionMenu/ActionMenu.js';
@@ -86,176 +86,330 @@ const getMenuItems = (navWidth, moreMenuWidth, childRegistry, hasActiveMenu, gap
   }
 };
 const ActionBar = props => {
+  const $ = c(43);
   const {
-    size = 'medium',
+    size: t0,
     children,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    flush = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    flush: t1,
     className,
-    gap = 'condensed'
+    gap: t2
   } = props;
-
-  // We derive the numeric gap from computed style so layout math stays in sync with CSS
+  const size = t0 === undefined ? "medium" : t0;
+  const flush = t1 === undefined ? false : t1;
+  const gap = t2 === undefined ? "condensed" : t2;
   const listRef = useRef(null);
   const [computedGap, setComputedGap] = useState(ACTIONBAR_ITEM_GAP);
-  const [childRegistry, setChildRegistry] = useState(() => new Map());
-  const registerChild = useCallback((id, childProps) => setChildRegistry(prev => new Map(prev).set(id, childProps)), []);
-  const unregisterChild = useCallback(id_0 => setChildRegistry(prev_0 => new Map(prev_0).set(id_0, null)), []);
-  const [menuItemIds, setMenuItemIds] = useState(() => new Set());
+  const [childRegistry, setChildRegistry] = useState(_temp);
+  let t3;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (id, childProps) => setChildRegistry(prev => new Map(prev).set(id, childProps));
+    $[0] = t3;
+  } else {
+    t3 = $[0];
+  }
+  const registerChild = t3;
+  let t4;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = id_0 => setChildRegistry(prev_0 => new Map(prev_0).set(id_0, null));
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const unregisterChild = t4;
+  const [menuItemIds, setMenuItemIds] = useState(_temp2);
   const navRef = useRef(null);
-  // measure gap after first render & whenever gap scale changes
-  useIsomorphicLayoutEffect(() => {
-    if (!listRef.current) return;
-    const g = window.getComputedStyle(listRef.current).gap;
-    const parsed = parseFloat(g);
-    if (!Number.isNaN(parsed)) setComputedGap(parsed);
-  }, [gap]);
+  let t5;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      if (!listRef.current) {
+        return;
+      }
+      const g = window.getComputedStyle(listRef.current).gap;
+      const parsed = parseFloat(g);
+      if (!Number.isNaN(parsed)) {
+        setComputedGap(parsed);
+      }
+    };
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  let t6;
+  if ($[3] !== gap) {
+    t6 = [gap];
+    $[3] = gap;
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  useIsomorphicLayoutEffect(t5, t6);
   const moreMenuRef = useRef(null);
   const moreMenuBtnRef = useRef(null);
   const containerRef = React.useRef(null);
-  useResizeObserver(resizeObserverEntries => {
-    var _moreMenuRef$current$, _moreMenuRef$current;
-    const navWidth = resizeObserverEntries[0].contentRect.width;
-    const moreMenuWidth = (_moreMenuRef$current$ = (_moreMenuRef$current = moreMenuRef.current) === null || _moreMenuRef$current === void 0 ? void 0 : _moreMenuRef$current.getBoundingClientRect().width) !== null && _moreMenuRef$current$ !== void 0 ? _moreMenuRef$current$ : 0;
-    const hasActiveMenu = menuItemIds.size > 0;
-    if (navWidth > 0) {
-      const newMenuItemIds = getMenuItems(navWidth, moreMenuWidth, childRegistry, hasActiveMenu, computedGap);
-      if (newMenuItemIds) setMenuItemIds(newMenuItemIds);
-    }
-  }, navRef);
-  const isVisibleChild = useCallback(id_1 => {
-    return !menuItemIds.has(id_1);
-  }, [menuItemIds]);
+  let t7;
+  if ($[5] !== childRegistry || $[6] !== computedGap || $[7] !== menuItemIds.size) {
+    t7 = resizeObserverEntries => {
+      var _moreMenuRef$current$, _moreMenuRef$current;
+      const navWidth = resizeObserverEntries[0].contentRect.width;
+      const moreMenuWidth = (_moreMenuRef$current$ = (_moreMenuRef$current = moreMenuRef.current) === null || _moreMenuRef$current === void 0 ? void 0 : _moreMenuRef$current.getBoundingClientRect().width) !== null && _moreMenuRef$current$ !== void 0 ? _moreMenuRef$current$ : 0;
+      const hasActiveMenu = menuItemIds.size > 0;
+      if (navWidth > 0) {
+        const newMenuItemIds = getMenuItems(navWidth, moreMenuWidth, childRegistry, hasActiveMenu, computedGap);
+        if (newMenuItemIds) {
+          setMenuItemIds(newMenuItemIds);
+        }
+      }
+    };
+    $[5] = childRegistry;
+    $[6] = computedGap;
+    $[7] = menuItemIds.size;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  useResizeObserver(t7, navRef);
+  let t8;
+  if ($[9] !== menuItemIds) {
+    t8 = id_1 => !menuItemIds.has(id_1);
+    $[9] = menuItemIds;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const isVisibleChild = t8;
   const [isWidgetOpen, setIsWidgetOpen] = useState(false);
-  const closeOverlay = React.useCallback(() => {
-    setIsWidgetOpen(false);
-  }, [setIsWidgetOpen]);
-  const focusOnMoreMenuBtn = React.useCallback(() => {
-    var _moreMenuBtnRef$curre;
-    (_moreMenuBtnRef$curre = moreMenuBtnRef.current) === null || _moreMenuBtnRef$curre === void 0 ? void 0 : _moreMenuBtnRef$curre.focus();
-  }, []);
-  useOnEscapePress(event => {
-    if (isWidgetOpen) {
-      event.preventDefault();
-      closeOverlay();
-      focusOnMoreMenuBtn();
-    }
-  }, [isWidgetOpen]);
-  useOnOutsideClick({
-    onClickOutside: closeOverlay,
-    containerRef,
-    ignoreClickRefs: [moreMenuBtnRef]
-  });
-  useFocusZone({
-    containerRef: listRef,
-    bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.HomeAndEnd,
-    focusOutBehavior: 'wrap'
-  });
-  const groupedItems = React.useMemo(() => {
-    const groupedItemsMap = new Map();
+  let t9;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = () => {
+      setIsWidgetOpen(false);
+    };
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  const closeOverlay = t9;
+  let t10;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = () => {
+      var _moreMenuBtnRef$curre;
+      (_moreMenuBtnRef$curre = moreMenuBtnRef.current) === null || _moreMenuBtnRef$curre === void 0 ? void 0 : _moreMenuBtnRef$curre.focus();
+    };
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  const focusOnMoreMenuBtn = t10;
+  let t11;
+  let t12;
+  if ($[13] !== isWidgetOpen) {
+    t11 = event => {
+      if (isWidgetOpen) {
+        event.preventDefault();
+        closeOverlay();
+        focusOnMoreMenuBtn();
+      }
+    };
+    t12 = [isWidgetOpen];
+    $[13] = isWidgetOpen;
+    $[14] = t11;
+    $[15] = t12;
+  } else {
+    t11 = $[14];
+    t12 = $[15];
+  }
+  useOnEscapePress(t11, t12);
+  let t13;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = {
+      onClickOutside: closeOverlay,
+      containerRef,
+      ignoreClickRefs: [moreMenuBtnRef]
+    };
+    $[16] = t13;
+  } else {
+    t13 = $[16];
+  }
+  useOnOutsideClick(t13);
+  let t14;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = {
+      containerRef: listRef,
+      bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.HomeAndEnd,
+      focusOutBehavior: "wrap"
+    };
+    $[17] = t14;
+  } else {
+    t14 = $[17];
+  }
+  useFocusZone(t14);
+  let groupedItemsMap;
+  if ($[18] !== childRegistry) {
+    groupedItemsMap = new Map();
     for (const [key, childProps_0] of childRegistry) {
-      if ((childProps_0 === null || childProps_0 === void 0 ? void 0 : childProps_0.type) === 'action' && childProps_0.groupId) {
+      if ((childProps_0 === null || childProps_0 === void 0 ? void 0 : childProps_0.type) === "action" && childProps_0.groupId) {
         const existingGroup = groupedItemsMap.get(childProps_0.groupId) || [];
         existingGroup.push([key, childProps_0]);
         groupedItemsMap.set(childProps_0.groupId, existingGroup);
       }
     }
-    return groupedItemsMap;
-  }, [childRegistry]);
-  return /*#__PURE__*/jsx(ActionBarContext.Provider, {
-    value: {
+    $[18] = childRegistry;
+    $[19] = groupedItemsMap;
+  } else {
+    groupedItemsMap = $[19];
+  }
+  const groupedItems = groupedItemsMap;
+  let t15;
+  if ($[20] !== isVisibleChild || $[21] !== size) {
+    t15 = {
       size,
       registerChild,
       unregisterChild,
       isVisibleChild
-    },
-    children: /*#__PURE__*/jsx("div", {
+    };
+    $[20] = isVisibleChild;
+    $[21] = size;
+    $[22] = t15;
+  } else {
+    t15 = $[22];
+  }
+  let t16;
+  if ($[23] !== className) {
+    t16 = clsx(className, styles.Nav);
+    $[23] = className;
+    $[24] = t16;
+  } else {
+    t16 = $[24];
+  }
+  let t17;
+  if ($[25] !== ariaLabel || $[26] !== childRegistry || $[27] !== groupedItems || $[28] !== menuItemIds) {
+    t17 = menuItemIds.size > 0 && /*#__PURE__*/jsxs(ActionMenu, {
+      children: [/*#__PURE__*/jsx(ActionMenu.Anchor, {
+        children: /*#__PURE__*/jsx(IconButton, {
+          variant: "invisible",
+          "aria-label": `More ${ariaLabel} items`,
+          icon: KebabHorizontalIcon
+        })
+      }), /*#__PURE__*/jsx(ActionMenu.Overlay, {
+        children: /*#__PURE__*/jsx(ActionList, {
+          children: Array.from(menuItemIds).map(id_2 => {
+            const menuItem = childRegistry.get(id_2);
+            if (!menuItem) {
+              return null;
+            }
+            if (menuItem.type === "divider") {
+              return /*#__PURE__*/jsx(ActionList.Divider, {}, id_2);
+            } else {
+              if (menuItem.type === "action") {
+                const {
+                  onClick,
+                  icon: Icon,
+                  label,
+                  disabled
+                } = menuItem;
+                return /*#__PURE__*/jsxs(ActionList.Item, {
+                  onClick: event_0 => {
+                    closeOverlay();
+                    focusOnMoreMenuBtn();
+                    typeof onClick === "function" && onClick(event_0);
+                  },
+                  disabled: disabled,
+                  children: [/*#__PURE__*/jsx(ActionList.LeadingVisual, {
+                    children: /*#__PURE__*/jsx(Icon, {})
+                  }), label]
+                }, label);
+              }
+            }
+            const groupedMenuItems = groupedItems.get(id_2) || [];
+            if (menuItem.type === "group") {
+              return /*#__PURE__*/jsx(React.Fragment, {
+                children: groupedMenuItems.map(t18 => {
+                  const [key_0, childProps_1] = t18;
+                  if (childProps_1.type === "action") {
+                    const {
+                      onClick: onClick_0,
+                      icon: Icon_0,
+                      label: label_0,
+                      disabled: disabled_0
+                    } = childProps_1;
+                    return /*#__PURE__*/jsxs(ActionList.Item, {
+                      onSelect: event_1 => {
+                        closeOverlay();
+                        focusOnMoreMenuBtn();
+                        typeof onClick_0 === "function" && onClick_0(event_1);
+                      },
+                      disabled: disabled_0,
+                      children: [/*#__PURE__*/jsx(ActionList.LeadingVisual, {
+                        children: /*#__PURE__*/jsx(Icon_0, {})
+                      }), label_0]
+                    }, key_0);
+                  }
+                  return null;
+                })
+              }, id_2);
+            }
+          })
+        })
+      })]
+    });
+    $[25] = ariaLabel;
+    $[26] = childRegistry;
+    $[27] = groupedItems;
+    $[28] = menuItemIds;
+    $[29] = t17;
+  } else {
+    t17 = $[29];
+  }
+  let t18;
+  if ($[30] !== ariaLabel || $[31] !== ariaLabelledBy || $[32] !== children || $[33] !== gap || $[34] !== t17) {
+    t18 = /*#__PURE__*/jsxs("div", {
+      ref: listRef,
+      role: "toolbar",
+      className: styles.List,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "data-gap": gap,
+      children: [children, t17]
+    });
+    $[30] = ariaLabel;
+    $[31] = ariaLabelledBy;
+    $[32] = children;
+    $[33] = gap;
+    $[34] = t17;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== flush || $[37] !== t16 || $[38] !== t18) {
+    t19 = /*#__PURE__*/jsx("div", {
       ref: navRef,
-      className: clsx(className, styles.Nav),
+      className: t16,
       "data-flush": flush,
-      children: /*#__PURE__*/jsxs("div", {
-        ref: listRef,
-        role: "toolbar",
-        className: styles.List,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "data-gap": gap,
-        children: [children, menuItemIds.size > 0 && /*#__PURE__*/jsxs(ActionMenu, {
-          children: [/*#__PURE__*/jsx(ActionMenu.Anchor, {
-            children: /*#__PURE__*/jsx(IconButton, {
-              variant: "invisible",
-              "aria-label": `More ${ariaLabel} items`,
-              icon: KebabHorizontalIcon
-            })
-          }), /*#__PURE__*/jsx(ActionMenu.Overlay, {
-            children: /*#__PURE__*/jsx(ActionList, {
-              children: Array.from(menuItemIds).map(id_2 => {
-                const menuItem = childRegistry.get(id_2);
-                if (!menuItem) return null;
-                if (menuItem.type === 'divider') {
-                  return /*#__PURE__*/jsx(ActionList.Divider, {}, id_2);
-                } else if (menuItem.type === 'action') {
-                  const {
-                    onClick,
-                    icon: Icon,
-                    label,
-                    disabled
-                  } = menuItem;
-                  return /*#__PURE__*/jsxs(ActionList.Item, {
-                    // eslint-disable-next-line primer-react/prefer-action-list-item-onselect
-                    onClick: event_0 => {
-                      closeOverlay();
-                      focusOnMoreMenuBtn();
-                      typeof onClick === 'function' && onClick(event_0);
-                    },
-                    disabled: disabled,
-                    children: [/*#__PURE__*/jsx(ActionList.LeadingVisual, {
-                      children: /*#__PURE__*/jsx(Icon, {})
-                    }), label]
-                  }, label);
-                }
-
-                // Use the memoized map instead of filtering each time
-                const groupedMenuItems = groupedItems.get(id_2) || [];
-
-                // If we ever add additional types, this condition will be necessary
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                if (menuItem.type === 'group') {
-                  return /*#__PURE__*/jsx(React.Fragment, {
-                    children: groupedMenuItems.map(([key_0, childProps_1]) => {
-                      if (childProps_1.type === 'action') {
-                        const {
-                          onClick: onClick_0,
-                          icon: Icon_0,
-                          label: label_0,
-                          disabled: disabled_0
-                        } = childProps_1;
-                        return /*#__PURE__*/jsxs(ActionList.Item, {
-                          onSelect: event_1 => {
-                            closeOverlay();
-                            focusOnMoreMenuBtn();
-                            typeof onClick_0 === 'function' && onClick_0(event_1);
-                          },
-                          disabled: disabled_0,
-                          children: [/*#__PURE__*/jsx(ActionList.LeadingVisual, {
-                            children: /*#__PURE__*/jsx(Icon_0, {})
-                          }), label_0]
-                        }, key_0);
-                      }
-                      return null;
-                    })
-                  }, id_2);
-                }
-              })
-            })
-          })]
-        })]
-      })
-    })
-  });
+      children: t18
+    });
+    $[36] = flush;
+    $[37] = t16;
+    $[38] = t18;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  let t20;
+  if ($[40] !== t15 || $[41] !== t19) {
+    t20 = /*#__PURE__*/jsx(ActionBarContext.Provider, {
+      value: t15,
+      children: t19
+    });
+    $[40] = t15;
+    $[41] = t19;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  return t20;
 };
-ActionBar.displayName = "ActionBar";
 const ActionBarIconButton = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(28);
   let disabled;
@@ -531,5 +685,11 @@ const VerticalDivider = () => {
   }
   return t2;
 };
+function _temp() {
+  return new Map();
+}
+function _temp2() {
+  return new Set();
+}
 
 export { ActionBar, ActionBarGroup, ActionBarIconButton, VerticalDivider };

package/dist/ActionList/ActionList-46e9c2db.css

@@ -0,0 +1,2 @@
+.prc-ActionList-ActionList-X4RiC,.prc-ActionList-ActionList-X4RiC ul{list-style:none;margin:0;padding:0}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset]){padding-block:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset],[data-variant=horizontal-inset]) .prc-ActionList-ActionListItem-uq6I7{margin-inline:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=horizontal-inset]){padding-bottom:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListSubContent-lP9xj:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:1px;position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]):before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--borderWidth-thin,.0625rem);position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]) .prc-ActionList-ActionListSubContent-lP9xj:before{content:unset}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type [data-description-variant=inline]:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC .prc-ActionList-Divider-rsZFG:first-child{display:none}.prc-ActionList-ActionList-X4RiC:has([data-has-description=true]):has([data-has-description=false]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-normal,400)}.prc-ActionList-ActionListItem-uq6I7{background-color:var(--control-transparent-bgColor-rest,transparent);border-radius:var(--borderRadius-medium,.375rem);list-style:none;position:relative}.prc-ActionList-ActionListItem-uq6I7:has(>.prc-ActionList-TrailingAction-RmUk1){display:flex;flex-wrap:nowrap}@media (forced-colors:active){.prc-ActionList-ActionListItem-uq6I7 :focus,.prc-ActionList-ActionListItem-uq6I7:focus-visible,.prc-ActionList-ActionListItem-uq6I7>a.prc-ActionList-focus-visible-o4yra,.prc-ActionList-ActionListItem-uq6I7[data-is-active-descendant]{outline:1px solid transparent!important}}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{cursor:pointer}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover:not([data-active],:focus-visible){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active:not([data-active]){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:0}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]) * :not([popover],.prc-ActionList-TrailingVisual-XocgV){color:var(--control-danger-fgColor-rest,var(--color-danger-fg))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover{background:var(--control-danger-bgColor-hover,var(--color-action-list-item-danger-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active{background:var(--control-danger-bgColor-active,var(--color-action-list-item-danger-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ItemLabel-TmBhn{color:var(--control-fgColor-rest,var(--color-fg-default));font-weight:var(--base-text-weight-semibold,600)}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]) * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover{background-color:transparent;cursor:not-allowed}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):active{background:transparent}:is(.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):has([data-loading=true])) *{color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover [data-description-variant=inline]:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x{z-index:1}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));cursor:pointer}}:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true] .prc-ActionList-Spacer-dydlX{display:block}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x *{color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}@media (hover:hover){:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x):hover{background-color:transparent;cursor:not-allowed}}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])):hover{background-color:transparent}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border))}:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg))}:is(:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-Description-G0lJ3{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7[aria-hidden]+.prc-ActionList-Divider-rsZFG{display:none}.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-emphasis,var(--color-switch-knob-border));border-radius:var(--borderRadius-small,.1875rem);cursor:pointer;display:grid;height:var(--base-size-16,1rem);margin:0;place-content:center;position:relative;transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1);width:var(--base-size-16,1rem)}:is(.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkOut-XHM8j 80ms cubic-bezier(.65,0,.35,1);background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;width:var(--base-size-16,1rem)}@media (forced-colors:active){.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:var(--borderWidth-thin,.0625rem)}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-borderColor-rest,var(--color-switch-track-checked-bg));transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkIn-Q8dLp 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;transition:visibility 0s linear 0s;visibility:visible}@media (forced-colors:active){:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:8px}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:visible}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{visibility:hidden}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x{--subitem-depth:0px;background-color:transparent;border:none;border-radius:var(--borderRadius-medium,.375rem);color:var(--control-fgColor-rest,var(--color-fg-default));display:grid;padding-block:var(--control-medium-paddingBlock,.375rem);padding-inline:var(--control-medium-paddingInline-condensed,.5rem);position:relative;text-align:left;touch-action:manipulation;transition:background 33.333ms linear;-webkit-user-select:none;user-select:none;width:100%;-webkit-tap-highlight-color:transparent;align-items:start;grid-template-areas:"spacer leadingAction leadingVisual content";grid-template-columns:min-content min-content min-content minmax(0,auto);grid-template-rows:min-content}.prc-ActionList-ActionListContent-sg9-x>:not(:last-child,.prc-ActionList-Spacer-dydlX){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-ActionListContent-sg9-x:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.prc-ActionList-ActionListContent-sg9-x[data-size=large]{padding-block:var(--control-large-paddingBlock,.625rem)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=true] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(-1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]+.prc-ActionList-SubGroup-24eK2{display:none}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListSubContent-lP9xj{align-items:start;display:grid;grid-area:content;grid-template-areas:"label trailingVisual trailingAction";grid-template-columns:minmax(0,auto) min-content min-content;grid-template-rows:min-content;position:relative;width:100%}.prc-ActionList-ActionListSubContent-lP9xj>:not(:last-child){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-Spacer-dydlX{display:none;grid-area:spacer;width:max(0px,var(--subitem-depth) * 8px)}.prc-ActionList-LeadingAction-Oy04M{grid-area:leadingAction}.prc-ActionList-LeadingVisual-dxXxW{grid-area:leadingVisual}.prc-ActionList-TrailingVisual-XocgV{font-size:var(--text-body-size-medium,.875rem);grid-area:trailingVisual}.prc-ActionList-TrailingAction-RmUk1{grid-area:trailingAction}.prc-ActionList-TrailingAction-RmUk1>[data-loading-wrapper]{height:100%}.prc-ActionList-ItemDescriptionWrap-VJA7h{display:flex;flex-direction:column;gap:var(--base-size-4,.25rem);grid-area:label}.prc-ActionList-ItemDescriptionWrap-VJA7h .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600);word-break:break-word}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]){align-items:baseline;flex-direction:row;gap:var(--base-size-8,.5rem);position:relative;word-break:normal}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]) .prc-ActionList-ItemLabel-TmBhn{word-break:normal}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]):has([data-truncate=true]) .prc-ActionList-ItemLabel-TmBhn{flex:1 0 auto}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]) .prc-ActionList-Description-G0lJ3{line-height:16px}.prc-ActionList-Description-G0lJ3{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);line-height:16px}.prc-ActionList-Description-G0lJ3,.prc-ActionList-VisualWrap-rfjV-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-VisualWrap-rfjV-{display:flex;line-height:20px;min-height:var(--control-medium-lineBoxHeight,1.25rem);min-width:max-content;pointer-events:none;fill:var(--fgColor-muted,var(--color-fg-muted));align-items:center}.prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default));font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:label;line-height:20px;position:relative;word-break:break-word}.prc-ActionList-SubGroup-24eK2 .prc-ActionList-ItemLabel-TmBhn{font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-SubGroup-24eK2 .prc-ActionList-ActionListItem-uq6I7{margin-inline:0}.prc-ActionList-TrailingActionButton-i2wnc{border-bottom-left-radius:0;border-top-left-radius:0;height:100%}.prc-ActionList-TrailingActionButton-i2wnc[data-loading=true]:has([data-component=buttonContent]){padding:0 0 0 calc(var(--base-size-12,.75rem)*2)}.prc-ActionList-TrailingActionButton-i2wnc[data-loading=true]:has([data-component=buttonContent]) [data-component=loadingSpinner]{align-items:center;display:flex;height:var(--control-medium-size,2rem);justify-content:center;place-self:end;width:var(--control-medium-size,2rem)}.prc-ActionList-InactiveButtonWrap-T6Jfa:has(.prc-ActionList-TrailingVisual-XocgV){grid-area:trailingVisual}.prc-ActionList-InactiveButtonWrap-T6Jfa:has(.prc-ActionList-LeadingVisual-dxXxW){grid-area:leadingVisual}.prc-ActionList-Divider-rsZFG{background:var(--borderColor-muted,var(--color-border-muted));border:0;display:block;height:var(--borderWidth-thin,.0625rem);list-style:none;margin-block-end:var(--base-size-8,.5rem);margin-block-start:calc(var(--base-size-8,.5rem) - var(--borderWidth-thin,.0625rem));padding:0}.prc-ActionList-InactiveButtonReset-3lIQX{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0}.prc-ActionList-InactiveWarning-YRMKV{color:var(--fgColor-attention,var(--color-attention-fg));font-size:var(--text-body-size-small,.75rem);grid-row:2/2;line-height:16px}@keyframes prc-ActionList-checkmarkIn-Q8dLp{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-ActionList-checkmarkOut-XHM8j{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
+/*# sourceMappingURL=ActionList-46e9c2db.css.map */