@primer/components 0.0.0-202111114116 → 0.0.0-2021111142050

package/lib/src/utils/test-deprecations.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/utils/test-matchers.d.ts

@@ -0,0 +1 @@
+import 'jest-styled-components';

package/lib-esm/ActionList2/Divider.js

@@ -1,26 +1,23 @@
 import React from 'react';
 import Box from '../Box';
 import { get } from '../constants';
-import { merge } from '../sx';
+
 /**
  * Visually separates `Item`s or `Group`s in an `ActionList`.
  */
-
-export const Divider = ({
-  sx = {}
-}) => {
+export function Divider() {
   return /*#__PURE__*/React.createElement(Box, {
     as: "li",
     role: "separator",
-    sx: merge({
+    sx: {
       height: 1,
       backgroundColor: 'actionListItem.inlineDivider',
       marginTop: theme => `calc(${get('space.2')(theme)} - 1px)`,
       marginBottom: 2,
       listStyle: 'none' // hide the ::marker inserted by browser's stylesheet
 
-    }, sx),
+    },
     "data-component": "ActionList.Divider"
   });
-};
+}
 Divider.displayName = "Divider";

package/lib-esm/ActionList2/Item.js

@@ -8,7 +8,6 @@ import Box from '../Box';
 import sx, { merge } from '../sx';
 import createSlots from '../utils/create-slots';
 import { ListContext } from './List';
-import { MenuContext } from './MenuContext';
 import { Selection } from './Selection';
 export const getVariantStyles = (variant, disabled) => {
   if (disabled) {
@@ -55,7 +54,6 @@ export const Item = /*#__PURE__*/React.forwardRef(({
   onSelect,
   sx: sxProp = {},
   id,
-  role,
   _PrivateItemWrapper,
   ...props
 }, forwardedRef) => {
@@ -63,10 +61,6 @@ export const Item = /*#__PURE__*/React.forwardRef(({
     variant: listVariant,
     showDividers
   } = React.useContext(ListContext);
-  const {
-    itemRole,
-    afterSelect
-  } = React.useContext(MenuContext);
   const {
     theme
   } = useTheme();
@@ -141,23 +135,16 @@ export const Item = /*#__PURE__*/React.forwardRef(({
   const clickHandler = React.useCallback(event => {
     if (typeof onSelect !== 'function') return;
     if (disabled) return;
-
-    if (!event.defaultPrevented) {
-      onSelect(event); // if this Item is inside a Menu, close the Menu
-
-      if (typeof afterSelect === 'function') afterSelect();
-    }
-  }, [onSelect, disabled, afterSelect]);
+    if (!event.defaultPrevented) onSelect(event);
+  }, [onSelect, disabled]);
   const keyPressHandler = React.useCallback(event => {
     if (typeof onSelect !== 'function') return;
     if (disabled) return;
 
     if (!event.defaultPrevented && [' ', 'Enter'].includes(event.key)) {
-      onSelect(event); // if this Item is inside a Menu, close the Menu
-
-      if (typeof afterSelect === 'function') afterSelect();
+      onSelect(event);
     }
-  }, [onSelect, disabled, afterSelect]); // use props.id if provided, otherwise generate one.
+  }, [onSelect, disabled]); // use props.id if provided, otherwise generate one.
 
   const labelId = useSSRSafeId(id);
   const inlineDescriptionId = useSSRSafeId(id && `${id}--inline-description`);
@@ -179,8 +166,7 @@ export const Item = /*#__PURE__*/React.forwardRef(({
     "aria-disabled": disabled ? true : undefined,
     tabIndex: disabled || _PrivateItemWrapper ? undefined : 0,
     "aria-labelledby": `${labelId} ${slots.InlineDescription ? inlineDescriptionId : ''}`,
-    "aria-describedby": slots.BlockDescription ? blockDescriptionId : undefined,
-    role: role || itemRole
+    "aria-describedby": slots.BlockDescription ? blockDescriptionId : undefined
   }, props), /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Selection, {
     selected: selected
   }), slots.LeadingVisual, /*#__PURE__*/React.createElement(Box, {

package/lib-esm/ActionList2/List.js

@@ -3,7 +3,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import styled from 'styled-components';
 import sx, { merge } from '../sx';
-import { MenuContext } from './MenuContext';
 export const ListContext = /*#__PURE__*/React.createContext({});
 const ListBox = styled.ul.withConfig({
   displayName: "List__ListBox",
@@ -13,7 +12,6 @@ export const List = /*#__PURE__*/React.forwardRef(({
   variant = 'inset',
   selectionVariant,
   showDividers = false,
-  role,
   sx: sxProp = {},
   ...props
 }, forwardedRef) => {
@@ -23,14 +21,8 @@ export const List = /*#__PURE__*/React.forwardRef(({
     // reset ul styles
     paddingY: variant === 'inset' ? 2 : 0
   };
-  /** if list is inside a Menu, it will get a role from the Menu */
-
-  const {
-    listRole
-  } = React.useContext(MenuContext);
   return /*#__PURE__*/React.createElement(ListBox, _extends({
-    sx: merge(styles, sxProp),
-    role: role || listRole
+    sx: merge(styles, sxProp)
   }, props, {
     ref: forwardedRef
   }), /*#__PURE__*/React.createElement(ListContext.Provider, {

package/lib-esm/ActionList2/Selection.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { CheckIcon } from '@primer/octicons-react';
 import { ListContext } from './List';
 import { GroupContext } from './Group';
-import { MenuContext } from './MenuContext';
 import { LeadingVisualContainer } from './Visuals';
 export const Selection = ({
   selected
@@ -13,9 +12,6 @@ export const Selection = ({
   const {
     selectionVariant: groupSelectionVariant
   } = React.useContext(GroupContext);
-  const {
-    parent
-  } = React.useContext(MenuContext);
   /** selectionVariant in Group can override the selectionVariant in List root */
 
   const selectionVariant = typeof groupSelectionVariant !== 'undefined' ? groupSelectionVariant : listSelectionVariant; // if selectionVariant is not set on List, don't show selection
@@ -26,11 +22,6 @@ export const Selection = ({
     return null;
   }
 
-  if (parent === 'ActionMenu') {
-    throw new Error('ActionList cannot have a selectionVariant inside ActionMenu, please use DropdownMenu or SelectPanel instead. More information: https://primer.style/design/components/action-list#application');
-    return null;
-  }
-
   if (selectionVariant === 'single') {
     return /*#__PURE__*/React.createElement(LeadingVisualContainer, null, selected && /*#__PURE__*/React.createElement(CheckIcon, null));
   }

package/lib-esm/drafts.js

@@ -6,5 +6,4 @@
  */
 // Components
 export * from './ActionList2';
-export * from './NewButton';
-export * from './ActionMenu2';
+export * from './NewButton';

package/lib-esm/index.js

@@ -17,7 +17,6 @@ export { useOnEscapePress } from './hooks/useOnEscapePress';
 export { useOverlay } from './hooks/useOverlay';
 export { useConfirm } from './Dialog/ConfirmationDialog'; // Components
 
-export { default as RadioButton } from './RadioButton';
 export { ActionList } from './ActionList';
 export { ActionMenu } from './ActionMenu';
 export { default as Autocomplete } from './Autocomplete';

package/lib-esm/src/ActionList2/Divider.d.ts

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

package/lib-esm/{ActionList2 → src/ActionList2}/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Divider } from './Divider';
 export type { ListProps as ActionListProps } from './List';
 export type { GroupProps } from './Group';
 export type { ItemProps } from './Item';
@@ -25,7 +26,7 @@ export declare const ActionList: import("@radix-ui/react-polymorphic").ForwardRe
         referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     }>;
     /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-    Divider: import("react").FC<import("../sx").SxProp>;
+    Divider: typeof Divider;
     /** Secondary text which provides additional information about an `Item`. */
     Description: import("react").FC<import("./Description").DescriptionProps>;
     /** Icon (or similar) positioned before `Item` text. */

package/lib-esm/{Autocomplete → src/Autocomplete}/Autocomplete.d.ts

@@ -26,6 +26,7 @@ declare const _default: React.FC<{
             className?: string | undefined;
         }> | undefined;
     } & Pick<{
+        title?: string | undefined;
         color?: string | undefined;
         maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -36,7 +37,6 @@ declare const _default: React.FC<{
         ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
         slot?: string | undefined;
         style?: React.CSSProperties | undefined;
-        title?: string | undefined;
         block?: boolean | undefined;
         variant?: "small" | "large" | undefined;
         role?: React.AriaRole | undefined;

package/{lib → lib-esm/src}/Autocomplete/AutocompleteInput.d.ts

@@ -18,6 +18,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
         className?: string | undefined;
     }> | undefined;
 } & Pick<{
+    title?: string | undefined;
     color?: string | undefined;
     maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -28,7 +29,6 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
-    title?: string | undefined;
     block?: boolean | undefined;
     variant?: "small" | "large" | undefined;
     role?: React.AriaRole | undefined;

package/{lib → lib-esm/src}/Button/Button.d.ts

@@ -5,6 +5,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     variant?: "small" | "medium" | "large" | undefined;
 } & {
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -14,7 +15,6 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     variant?: "small" | "medium" | "large" | undefined;
     role?: import("react").AriaRole | undefined;
     type?: "button" | "reset" | "submit" | undefined;

package/lib-esm/{Button → src/Button}/ButtonClose.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ComponentProps } from '../utils/types';
 declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -10,7 +11,6 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
     form?: string | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
-    title?: string | undefined;
     role?: React.AriaRole | undefined;
     sx?: import("../sx").BetterSystemStyleObject | undefined;
     type?: "button" | "reset" | "submit" | undefined;
@@ -274,6 +274,6 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
     formTarget?: string | undefined;
 } & {
     theme?: any;
-}, "color" | "translate" | "hidden" | "children" | "theme" | "value" | "form" | "slot" | "style" | "title" | "role" | "sx" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
+}, "title" | "color" | "translate" | "hidden" | "children" | "theme" | "value" | "form" | "slot" | "style" | "role" | "sx" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
 export declare type ButtonCloseProps = ComponentProps<typeof ButtonClose>;
 export default ButtonClose;

package/lib-esm/{Button → src/Button}/ButtonDanger.d.ts

@@ -5,6 +5,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     variant?: "small" | "medium" | "large" | undefined;
 } & {
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -14,7 +15,6 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     variant?: "small" | "medium" | "large" | undefined;
     role?: import("react").AriaRole | undefined;
     type?: "button" | "reset" | "submit" | undefined;

package/{lib → lib-esm/src}/Button/ButtonInvisible.d.ts

@@ -5,6 +5,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     variant?: "small" | "medium" | "large" | undefined;
 } & {
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -14,7 +15,6 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     variant?: "small" | "medium" | "large" | undefined;
     role?: import("react").AriaRole | undefined;
     type?: "button" | "reset" | "submit" | undefined;

package/{lib → lib-esm/src}/Button/ButtonOutline.d.ts

@@ -5,6 +5,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     variant?: "small" | "medium" | "large" | undefined;
 } & {
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -14,7 +15,6 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     variant?: "small" | "medium" | "large" | undefined;
     role?: import("react").AriaRole | undefined;
     type?: "button" | "reset" | "submit" | undefined;

package/{lib → lib-esm/src}/Button/ButtonPrimary.d.ts

@@ -5,6 +5,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     variant?: "small" | "medium" | "large" | undefined;
 } & {
+    title?: string | undefined;
     color?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
@@ -14,7 +15,6 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     variant?: "small" | "medium" | "large" | undefined;
     role?: import("react").AriaRole | undefined;
     type?: "button" | "reset" | "submit" | undefined;

package/{lib → lib-esm/src}/Checkbox.d.ts

@@ -25,5 +25,5 @@ export declare type CheckboxProps = {
 /**
  * An accessible, native checkbox component
  */
-declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "validationStatus" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "indeterminate" | "validationStatus"> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/{lib → lib-esm/src}/CircleOcticon.d.ts

@@ -12,6 +12,7 @@ declare function CircleOcticon(props: CircleOcticonProps): JSX.Element;
 declare namespace CircleOcticon {
     var defaultProps: {
         size: number;
+        title?: string | undefined;
         lineHeight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         alignContent?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignContent, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -113,7 +114,6 @@ declare namespace CircleOcticon {
         p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         slot?: string | undefined;
         style?: React.CSSProperties | undefined;
-        title?: string | undefined;
         bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
         mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;