@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib-esm/hooks/useMnemonics.js

@@ -1,4 +1,3 @@
-import { c } from 'react-compiler-runtime';
 import React from 'react';
 import { iterateFocusableElements } from '@primer/behaviors/utils';
 import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
@@ -10,104 +9,65 @@ import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
  */
 
 const useMnemonics = (open, providedRef) => {
-  const $ = c(9);
   const containerRef = useProvidedRefOrCreate(providedRef);
-  let t0;
-  let t1;
-  if ($[0] !== containerRef || $[1] !== open) {
-    t0 = function addAriaKeyshortcuts() {
-      if (!open || !containerRef.current) {
-        return;
-      }
-      const container = containerRef.current;
-      const focusableItems = [...iterateFocusableElements(container)];
-      focusableItems.map(_temp);
-    };
-    t1 = [open, containerRef];
-    $[0] = containerRef;
-    $[1] = open;
-    $[2] = t0;
-    $[3] = t1;
-  } else {
-    t0 = $[2];
-    t1 = $[3];
-  }
-  React.useEffect(t0, t1);
-  let t2;
-  if ($[4] !== containerRef || $[5] !== open) {
-    t2 = [open, containerRef];
-    $[4] = containerRef;
-    $[5] = open;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
+  React.useEffect(function addAriaKeyshortcuts() {
+    if (!open || !containerRef.current) return;
+    const container = containerRef.current;
+    const focusableItems = [...iterateFocusableElements(container)];
+    focusableItems.map(item => {
+      // if item already has aria-keyshortcuts defined by user, skip
+      if (item.getAttribute('aria-keyshortcuts')) return;
+      const firstLetter = item.textContent.toLowerCase()[0];
+      if (firstLetter) item.setAttribute('aria-keyshortcuts', firstLetter);
+    });
+  }, [open, containerRef]);
   React.useEffect(function handleKeyDown() {
-    if (!open || !containerRef.current) {
-      return;
-    }
+    if (!open || !containerRef.current) return;
     const container_0 = containerRef.current;
     const handler = event => {
       var _elementToFocus;
+      // skip if a TextInput has focus
       const activeElement = document.activeElement;
-      if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") {
-        return;
-      }
+      if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') return;
+
+      // skip if used with modifier to preserve shortcuts like ⌘ + F
       const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
-      if (hasModifier) {
-        return;
-      }
-      if (!isAlphabetKey(event)) {
-        return;
-      }
+      if (hasModifier) return;
+
+      // skip if it's not a alphabet key
+      if (!isAlphabetKey(event)) return;
+
+      // if this is a typeahead event, don't propagate outside of menu
       event.stopPropagation();
       const query = event.key.toLowerCase();
       let elementToFocus;
       const focusableItems_0 = [...iterateFocusableElements(container_0)];
       const itemsMatchingKey = focusableItems_0.filter(item_0 => {
         var _item_0$getAttribute;
-        const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute("aria-keyshortcuts")) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(" ").map(_temp2);
+        const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute('aria-keyshortcuts')) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(' ').map(shortcut => shortcut.toLowerCase());
         return keyshortcuts && keyshortcuts.includes(query);
       });
       const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
+
+      // If the last element is already selected, cycle through the list
       if (currentActiveIndex === itemsMatchingKey.length - 1) {
         elementToFocus = itemsMatchingKey[0];
       } else {
-        elementToFocus = itemsMatchingKey.find((item_1, index) => index > currentActiveIndex);
+        elementToFocus = itemsMatchingKey.find((item_1, index) => {
+          return index > currentActiveIndex;
+        });
       }
       (_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
     };
-    container_0.addEventListener("keydown", handler);
-    return () => container_0.removeEventListener("keydown", handler);
-  }, t2);
-  const isAlphabetKey = _temp3;
-  let t3;
-  if ($[7] !== containerRef) {
-    t3 = {
-      containerRef
-    };
-    $[7] = containerRef;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
+    container_0.addEventListener('keydown', handler);
+    return () => container_0.removeEventListener('keydown', handler);
+  }, [open, containerRef]);
+  const isAlphabetKey = event_0 => {
+    return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
+  };
+  return {
+    containerRef
+  };
 };
-function _temp(item) {
-  var _item$textContent;
-  if (item.getAttribute("aria-keyshortcuts")) {
-    return;
-  }
-  const firstLetter = (_item$textContent = item.textContent) === null || _item$textContent === void 0 ? void 0 : _item$textContent.toLowerCase()[0];
-  if (firstLetter) {
-    item.setAttribute("aria-keyshortcuts", firstLetter);
-  }
-}
-function _temp2(shortcut) {
-  return shortcut.toLowerCase();
-}
-function _temp3(event_0) {
-  return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
-}
 
 export { useMnemonics };

package/lib-esm/hooks/useOpenAndCloseFocus.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import { iterateFocusableElements } from '@primer/behaviors/utils';
 
 function useOpenAndCloseFocus(t0) {
-  const $ = c(10);
+  const $ = c(6);
   const {
     initialFocusRef,
     returnFocusRef,
@@ -11,7 +11,8 @@ function useOpenAndCloseFocus(t0) {
     preventFocusOnOpen
   } = t0;
   let t1;
-  if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef.current) {
+  let t2;
+  if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
     t1 = () => {
       if (!preventFocusOnOpen) {
         if (initialFocusRef && initialFocusRef.current) {
@@ -28,24 +29,16 @@ function useOpenAndCloseFocus(t0) {
         returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 ? void 0 : returnFocusRefCurrent.focus();
       };
     };
+    t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
     $[0] = containerRef;
     $[1] = initialFocusRef;
     $[2] = preventFocusOnOpen;
-    $[3] = returnFocusRef.current;
+    $[3] = returnFocusRef;
     $[4] = t1;
+    $[5] = t2;
   } else {
     t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== containerRef || $[6] !== initialFocusRef || $[7] !== preventFocusOnOpen || $[8] !== returnFocusRef) {
-    t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
-    $[5] = containerRef;
-    $[6] = initialFocusRef;
-    $[7] = preventFocusOnOpen;
-    $[8] = returnFocusRef;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
+    t2 = $[5];
   }
   useEffect(t1, t2);
 }

package/lib-esm/hooks/useOverflow.js

@@ -2,10 +2,11 @@ import { c } from 'react-compiler-runtime';
 import { useState, useEffect } from 'react';
 
 function useOverflow(ref) {
-  const $ = c(4);
+  const $ = c(3);
   const [hasOverflow, setHasOverflow] = useState(false);
   let t0;
-  if ($[0] !== ref.current) {
+  let t1;
+  if ($[0] !== ref) {
     t0 = () => {
       if (ref.current === null) {
         return;
@@ -23,18 +24,13 @@ function useOverflow(ref) {
         observer.disconnect();
       };
     };
-    $[0] = ref.current;
+    t1 = [ref];
+    $[0] = ref;
     $[1] = t0;
+    $[2] = t1;
   } else {
     t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== ref) {
-    t1 = [ref];
-    $[2] = ref;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   useEffect(t0, t1);
   return hasOverflow;

package/lib-esm/hooks/useScrollFlash.js

@@ -1,3 +1,4 @@
+import { c } from 'react-compiler-runtime';
 import { useEffect } from 'react';
 
 /**
@@ -5,20 +6,30 @@ import { useEffect } from 'react';
  * @param scrollContainerRef The ref of the scrollable content
  */
 function useScrollFlash(scrollContainerRef) {
-  // https://adxlv.computer/projects/flash-scrollers/
-  useEffect(() => {
-    const scrollContainer = scrollContainerRef.current;
-    if (!scrollContainer) {
-      return;
-    }
-    const currentScroll = scrollContainer.scrollTop;
-    const maxScroll = scrollContainer.scrollHeight;
-    const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
-
-    // eslint-disable-next-line react-compiler/react-compiler
-    scrollContainer.scrollTop = altScroll;
-    scrollContainer.scrollTop = currentScroll;
-  }, [scrollContainerRef]);
+  const $ = c(3);
+  let t0;
+  let t1;
+  if ($[0] !== scrollContainerRef) {
+    t0 = () => {
+      const scrollContainer = scrollContainerRef.current;
+      if (!scrollContainer) {
+        return;
+      }
+      const currentScroll = scrollContainer.scrollTop;
+      const maxScroll = scrollContainer.scrollHeight;
+      const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
+      scrollContainer.scrollTop = altScroll;
+      scrollContainer.scrollTop = currentScroll;
+    };
+    t1 = [scrollContainerRef];
+    $[0] = scrollContainerRef;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
 }
 
 export { useScrollFlash as default };

package/lib-esm/index.d.ts

@@ -41,22 +41,18 @@ export { default as Autocomplete } from './Autocomplete';
 export type { AutocompleteMenuProps, AutocompleteInputProps, AutocompleteOverlayProps } from './Autocomplete';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
-export { default as AvatarPair } from './AvatarPair';
-export type { AvatarPairProps } from './AvatarPair';
 export { default as AvatarStack } from './AvatarStack';
 export type { AvatarStackProps } from './AvatarStack';
+export { Banner } from './Banner';
+export type { BannerProps } from './Banner';
 export { default as BranchName } from './BranchName';
 export type { BranchNameProps } from './BranchName';
 export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
 export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumbs';
 export { default as ButtonGroup } from './ButtonGroup';
 export type { ButtonGroupProps } from './ButtonGroup';
-export { default as Caret } from './Caret';
 export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
-export { default as CircleOcticon } from './CircleOcticon';
-export type { CircleOcticonProps } from './CircleOcticon';
 export { default as CheckboxGroup } from './CheckboxGroup';
-export type { CaretProps } from './Caret';
 export { default as CircleBadge } from './CircleBadge';
 export { default as CounterLabel } from './CounterLabel';
 export type { CounterLabelProps } from './CounterLabel';
@@ -93,7 +89,7 @@ export type { PopoverProps, PopoverContentProps } from './Popover';
 export { default as Portal, registerPortalRoot } from './Portal';
 export type { PortalProps } from './Portal';
 export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProps } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
 export { default as RadioGroup } from './RadioGroup';
 export type { RelativeTimeProps } from './RelativeTime';
 export { default as RelativeTime } from './RelativeTime';
@@ -101,7 +97,7 @@ export { SegmentedControl } from './SegmentedControl';
 export { default as Select } from './Select';
 export type { SelectProps } from './Select';
 export { SelectPanel } from './SelectPanel';
-export type { SelectPanelProps } from './SelectPanel';
+export type { SelectPanelProps, ItemProps as SelectPanelItemProps, GroupedListProps as SelectPanelGroupedListProps, ItemInput as SelectPanelItemInput, } from './SelectPanel';
 export { default as SideNav } from './SideNav';
 export type { SideNavProps, SideNavLinkProps } from './SideNav';
 export { default as Spinner } from './Spinner';
@@ -111,6 +107,7 @@ export type { StateLabelProps } from './StateLabel';
 export { default as SubNav } from './SubNav';
 export type { SubNavProps, SubNavLinkProps, SubNavLinksProps } from './SubNav';
 export { default as ToggleSwitch } from './ToggleSwitch';
+export type { ToggleSwitchProps } from './ToggleSwitch';
 export { default as TextInput } from './TextInput';
 export type { TextInputProps } from './TextInput';
 export { default as TextInputWithTokens } from './TextInputWithTokens';
@@ -119,7 +116,7 @@ export { default as Text } from './Text';
 export type { TextProps } from './Text';
 export { default as Timeline } from './Timeline';
 export type { TimelineProps, TimelineBadgeProps, TimelineBodyProps, TimelineBreakProps, TimelineItemsProps, } from './Timeline';
-export { default as Token, IssueLabelToken, AvatarToken } from './Token';
+export { default as Token, IssueLabelToken } from './Token';
 export type { TokenProps, IssueLabelTokenProps } from './Token';
 export { Tooltip } from './TooltipV2';
 export type { TooltipProps } from './TooltipV2';

package/lib-esm/index.js

@@ -19,7 +19,7 @@ export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayou
 export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
 export { createComponent } from './utils/create-component.js';
 export { ActionList } from './ActionList/index.js';
-export { default as Caret } from './Caret.js';
+export { Banner } from './Banner/index.js';
 export { Dialog } from './Dialog/Dialog.js';
 export { default as Label } from './Label/Label.js';
 export { default as Pagination } from './Pagination/Pagination.js';
@@ -33,10 +33,8 @@ export { default as sx } from './sx.js';
 export { default as Box } from './Box/Box.js';
 export { default as Radio } from './Radio/Radio.js';
 export { default as Avatar } from './Avatar/Avatar.js';
-export { default as AvatarPair } from './AvatarPair/AvatarPair.js';
 export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
 export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.js';
-export { default as CircleOcticon } from './CircleOcticon/CircleOcticon.js';
 export { default as CounterLabel } from './CounterLabel/CounterLabel.js';
 export { default as Details } from './Details/Details.js';
 export { default as Flash } from './Flash/Flash.js';
@@ -53,7 +51,6 @@ export { default as TextInputWithTokens } from './TextInputWithTokens/TextInputW
 export { default as Text } from './Text/Text.js';
 export { default as Token } from './Token/Token.js';
 export { default as IssueLabelToken } from './Token/IssueLabelToken.js';
-export { default as AvatarToken } from './Token/AvatarToken.js';
 export { default as Truncate } from './Truncate/Truncate.js';
 export { default as Checkbox } from './Checkbox/Checkbox.js';
 export { default as Textarea } from './Textarea/Textarea.js';

package/lib-esm/internal/components/BoxWithFallback.js

@@ -6,60 +6,65 @@ import { jsx } from 'react/jsx-runtime';
 import Box from '../../Box/Box.js';
 
 const BoxWithFallback = /*#__PURE__*/React.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = c(13);
+  const $ = c(14);
+  let BaseComponent;
   let rest;
+  let sx;
   let t1;
-  let t2;
   if ($[0] !== t0) {
-    ({
-      as: t1,
-      sx: t2,
-      ...rest
-    } = t0);
+    const {
+      as: t2,
+      sx: t3,
+      ...t4
+    } = t0;
+    rest = t4;
+    BaseComponent = t2 === undefined ? "div" : t2;
+    sx = t3 === undefined ? defaultSxProp : t3;
+    t1 = sx !== defaultSxProp || includesSystemProps(rest);
     $[0] = t0;
-    $[1] = rest;
-    $[2] = t1;
-    $[3] = t2;
+    $[1] = BaseComponent;
+    $[2] = rest;
+    $[3] = sx;
+    $[4] = t1;
   } else {
-    rest = $[1];
-    t1 = $[2];
-    t2 = $[3];
+    BaseComponent = $[1];
+    rest = $[2];
+    sx = $[3];
+    t1 = $[4];
   }
-  const BaseComponent = t1 === undefined ? "div" : t1;
-  const sx = t2 === undefined ? defaultSxProp : t2;
-  if (sx !== defaultSxProp || includesSystemProps(rest)) {
-    let t3;
-    if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
-      t3 = /*#__PURE__*/jsx(Box, {
+  if (t1) {
+    let t2;
+    if ($[5] !== BaseComponent || $[6] !== ref || $[7] !== rest || $[8] !== sx) {
+      t2 = /*#__PURE__*/jsx(Box, {
         ...rest,
         ref: ref,
         as: BaseComponent,
         sx: sx
       });
-      $[4] = BaseComponent;
-      $[5] = ref;
-      $[6] = rest;
-      $[7] = sx;
-      $[8] = t3;
+      $[5] = BaseComponent;
+      $[6] = ref;
+      $[7] = rest;
+      $[8] = sx;
+      $[9] = t2;
     } else {
-      t3 = $[8];
+      t2 = $[9];
     }
-    return t3;
+    return t2;
   }
-  let t3;
-  if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
-    t3 = /*#__PURE__*/jsx(BaseComponent, {
+  let t2;
+  if ($[10] !== BaseComponent || $[11] !== ref || $[12] !== rest) {
+    t2 = /*#__PURE__*/jsx(BaseComponent, {
       ...rest,
       ref: ref
     });
-    $[9] = BaseComponent;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = t3;
+    $[10] = BaseComponent;
+    $[11] = ref;
+    $[12] = rest;
+    $[13] = t2;
   } else {
-    t3 = $[12];
+    t2 = $[13];
   }
-  return t3;
+  return t2;
 });
 
 export { BoxWithFallback };

package/lib-esm/internal/components/ButtonReset-904f2483.css

@@ -0,0 +1,2 @@
+.prc-components-ButtonReset-9kafa{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.prc-components-ButtonReset-9kafa::-moz-focus-inner{border:0}
+/*# sourceMappingURL=ButtonReset-904f2483.css.map */

package/lib-esm/internal/components/ButtonReset-904f2483.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/internal/components/ButtonReset.module.css"],"names":[],"mappings":"AAAA,kCAWE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBAQF,CAHE,oDACE,QACF","file":"ButtonReset-904f2483.css","sourcesContent":[".ButtonReset {\n  margin: 0;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  font: inherit;\n  color: inherit;\n  align-items: center;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n"]}

package/lib-esm/internal/components/ButtonReset.d.ts

@@ -1,6 +1,5 @@
-import type { SxProp } from '../../sx';
 /**
  * Provides an unstyled button that can be styled as-needed for components
  */
-export declare const Button: import("styled-components").StyledComponent<"button", any, SxProp, never>;
+export declare const Button: ({ children, className, ...rest }: React.ComponentPropsWithoutRef<"button">) => import("react").JSX.Element;
 //# sourceMappingURL=ButtonReset.d.ts.map

package/lib-esm/internal/components/ButtonReset.js

@@ -1,12 +1,52 @@
-import styled from 'styled-components';
-import sx from '../../sx.js';
+import { c } from 'react-compiler-runtime';
+import classes from './ButtonReset.module.css.js';
+import { clsx } from 'clsx';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-const Button = styled.button.withConfig({
-  displayName: "ButtonReset__Button",
-  componentId: "sc-1yqlmwf-0"
-})(["padding:0;border:0;margin:0;display:inline-flex;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;align-items:center;&::-moz-focus-inner{border:0;}", ""], sx);
+const Button = t0 => {
+  const $ = c(10);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx(className, classes.ButtonReset);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+    t2 = /*#__PURE__*/jsx("button", {
+      className: t1,
+      type: "button",
+      ...rest,
+      children: children
+    });
+    $[6] = children;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};
 
 export { Button };

package/lib-esm/internal/components/ButtonReset.module.css.js

@@ -0,0 +1,5 @@
+import './ButtonReset-904f2483.css';
+
+var classes = {"ButtonReset":"prc-components-ButtonReset-9kafa"};
+
+export { classes as default };

package/lib-esm/internal/components/Caret-e686f04c.css

@@ -0,0 +1,2 @@
+.prc-components-Caret-PNu-B{pointer-events:none;position:absolute}.prc-components-CaretTriangle-Iu0GY{fill:var(--caret-bg,var(--bgColor-default,var(--color-canvas-default)))}.prc-components-CaretBorder-o3vP2{fill:none;stroke:var(--caret-border-color,var(--borderColor-default,var(--color-border-default)));stroke-width:var(--caret-border-width,var(--borderWidth-thin,.0625rem))}
+/*# sourceMappingURL=Caret-e686f04c.css.map */

package/lib-esm/internal/components/Caret-e686f04c.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/internal/components/Caret.module.css"],"names":[],"mappings":"AAAA,4BACE,mBAAoB,CACpB,iBACF,CAEA,oCAEE,uEACF,CAEA,kCACE,SAAU,CAEV,uFAA6D,CAC7D,uEACF","file":"Caret-e686f04c.css","sourcesContent":[".Caret {\n  pointer-events: none;\n  position: absolute;\n}\n\n.CaretTriangle {\n  /* stylelint-disable-next-line primer/colors */\n  fill: var(--caret-bg, var(--bgColor-default));\n}\n\n.CaretBorder {\n  fill: none;\n  /* stylelint-disable-next-line primer/colors */\n  stroke: var(--caret-border-color, var(--borderColor-default));\n  stroke-width: var(--caret-border-width, var(--borderWidth-thin));\n}\n"]}

package/{lib → lib-esm/internal/components}/Caret.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { Theme } from './ThemeProvider';
+import type React from 'react';
 type Location = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
 export type CaretProps = {
     bg?: string;
@@ -7,7 +6,6 @@ export type CaretProps = {
     borderWidth?: string | number;
     size?: number;
     location?: Location;
-    theme?: Theme;
 };
 declare function Caret(props: CaretProps): React.JSX.Element;
 declare namespace Caret {