react-magma-dom 3.0.0 → 3.1.0

package/dist/components/Dropdown/Dropdown.d.ts

@@ -17,24 +17,20 @@ export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
     activeIndex?: number;
     /**
      * Alignment of the dropdown content
-     * @default `DropdownAlignment.start`
+     * @default DropdownAlignment.start
      */
     alignment?: DropdownAlignment;
     /**
      * Position of the dropdown content
-     * @default `DropdownDropDirection.down`
+     * @default DropdownDropDirection.down
      */
     dropDirection?: DropdownDropDirection;
+    isInverse?: boolean;
     /**
      * Max-height of dropdown content
      * @default 250px
      */
     maxHeight?: string | number;
-    /**
-     * Function called on dropdown close before focusing the toggle button
-     * @deprecated true
-     */
-    onBeforeShiftFocus?: (event: React.SyntheticEvent) => void;
     /**
      * Function called when closing the dropdown menu
      */
@@ -43,6 +39,9 @@ export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
      * Function called when opening the dropdown menu
      */
     onOpen?: () => void;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Width of menu
@@ -59,6 +58,7 @@ interface DropdownContextInterface {
     handleDropdownBlur?: (event: React.FocusEvent) => void;
     itemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
     isFixedWidth?: boolean;
+    isInverse?: boolean;
     isOpen?: boolean;
     maxHeight?: string;
     menuRef?: any;

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -2,6 +2,7 @@ import { DropdownProps } from './index';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
+export declare const HeaderAndIcons: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const OnClickOutside: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const AlignmentButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const LargeButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
@@ -10,3 +11,4 @@ export declare const SmallButton: import("@storybook/csf").AnnotatedStoryFn<impo
 export declare const SplitButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const LinkMenu: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const Form: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
+export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;

package/dist/components/Dropdown/DropdownButton.d.ts

@@ -20,7 +20,7 @@ export interface IconTextDropdownButtonProps extends ButtonProps {
     icon?: React.ReactElement<IconProps>;
     /**
      * Position within the button for the icon to appear
-     * @default `ButtonIconPosition.right`
+     * @default ButtonIconPosition.right
      */
     iconPosition?: ButtonIconPosition;
     /**

package/dist/components/Dropdown/DropdownContent.d.ts

@@ -3,6 +3,10 @@ import * as React from 'react';
  * @children required
  */
 export interface DropdownContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const DropdownContent: React.ForwardRefExoticComponent<DropdownContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropdown/DropdownDivider.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 export interface DropdownDividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const DropdownDivider: React.FunctionComponent<DropdownDividerProps>;

package/dist/components/Dropdown/DropdownHeader.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
  * @children required
  */
 export interface DropdownHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const DropdownHeader: React.ForwardRefExoticComponent<DropdownHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropdown/DropdownMenuItem.d.ts

@@ -28,6 +28,10 @@ export interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDiv
      */
     value?: string | number;
 }
+export declare function menuColors(props: any): any;
+export declare function menuBackground(props: any): any;
 export declare const MenuItemStyles: (props: any) => import("@emotion/utils").SerializedStyles;
-export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "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">, import("../..").ThemeInterface>;
+export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    isInverse?: boolean;
+}, import("../..").ThemeInterface>;
 export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Flex/Flex.d.ts

@@ -63,6 +63,7 @@ export interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
     direction?: FlexDirection;
     /**
      * If true, the component will have the flex item behavior. You should be wrapping items with a container.
+     * @default FlexJustify.flexStart
      */
     justify?: FlexJustify;
     /**
@@ -70,6 +71,9 @@ export interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default 0
      */
     spacing?: number;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Defines the flex-wrap style property. It's applied for all screen sizes.

package/dist/components/Form/index.d.ts

@@ -36,7 +36,7 @@ export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
     headingVisualStyle?: TypographyVisualStyle;
     isInverse?: boolean;
     /**
-     * Handler for form submission
+     * @internal
      */
     testId?: string;
 }

package/dist/components/FormFieldContainer/FormFieldContainer.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { InputIconPosition, InputSize } from '../InputBase';
 /**
+ * Interal use only: Wrapper for all field components
  * @children required
  */
 export interface FormFieldContainerProps extends FormFieldContainerBaseProps, React.HTMLAttributes<HTMLDivElement> {
@@ -49,6 +50,9 @@ export interface FormFieldContainerBaseProps {
      */
     iconPosition?: InputIconPosition;
     inputSize?: InputSize;
+    /**
+     * @internal
+     */
     testId?: string;
     isInverse?: boolean;
 }

package/dist/components/FormGroup/index.d.ts

@@ -33,6 +33,9 @@ export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
      * Content of label for form group; can be a node or a string. Alternatively, the labelledById prop can be used
      */
     labelText?: React.ReactNode;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export interface FormGroupContextInterface {

package/dist/components/Heading/Heading.stories.d.ts

@@ -5,4 +5,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const Colors: () => JSX.Element;
 export declare const Inverse: () => JSX.Element;

package/dist/components/Heading/index.d.ts

@@ -11,7 +11,7 @@ export interface HeadingProps extends TypographyProps<HTMLHeadingElement> {
     color?: TypographyColor;
     /**
      * Additional styles for typography based on the context of the content
-     * @default TypographyColor.default
+     * @default TypographyContextVariant.default
      */
     contextVariant?: TypographyContextVariant;
     isInverse?: boolean;
@@ -19,6 +19,9 @@ export interface HeadingProps extends TypographyProps<HTMLHeadingElement> {
      * Number to indicate which level heading will render (e.g. h1, h2 etc.)
      */
     level: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Applies visual styles including font-size, font-weight, line-height and margins

package/dist/components/HideAtBreakpoint/index.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
  * @children required
  */
 export interface HideAtBreakpointProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @default HideAtBreakpointDisplayType.block
+     */
     displayType?: HideAtBreakpointDisplayType;
     /**
      * Maximum width at which to hide the content
@@ -12,6 +15,9 @@ export interface HideAtBreakpointProps extends React.HTMLAttributes<HTMLDivEleme
      * Minimum width at which to hide the content
      */
     minWidth?: number;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare enum HideAtBreakpointDisplayType {

package/dist/components/Hyperlink/index.d.ts

@@ -10,6 +10,10 @@ export interface HyperlinkProps extends ButtonStyles, Omit<React.AnchorHTMLAttri
      * How the hyperlink is styled (can look like either a plain link or a button)
      */
     styledAs?: 'Button' | 'Link';
+    isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * The href value of the link

package/dist/components/IndeterminateCheckbox/index.d.ts

@@ -7,6 +7,9 @@ export interface IndeterminateCheckboxProps extends Omit<CheckboxProps, 'checked
      * @default IndeterminateCheckboxStatus.unchecked
      */
     status: IndeterminateCheckboxStatus;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare enum IndeterminateCheckboxStatus {

package/dist/components/Input/InputMessage.d.ts

@@ -3,6 +3,9 @@ import { InputSize } from '../InputBase';
 export interface InputMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     hasError?: boolean;
     id?: string;
+    /**
+     * @default InputSize.medium
+     */
     inputSize?: InputSize;
     isInverse?: boolean;
 }

package/dist/components/InputBase/InputBase.stories.d.ts

@@ -5,3 +5,4 @@ export declare const Default: {
     (args: any): JSX.Element;
     args: {};
 };
+export declare const Inverse: (args: any) => JSX.Element;

package/dist/components/InputBase/index.d.ts

@@ -75,6 +75,9 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
      * Action that will fire when icon receives keypress
      */
     onIconKeyDown?: (event: any) => void;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * @internal

package/dist/components/Label/index.d.ts

@@ -8,9 +8,18 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
     actionable?: boolean;
     iconPosition?: InputIconPosition;
     isInverse?: boolean;
+    /**
+     * @default LabelPosition.top
+     */
     labelPosition?: LabelPosition;
+    /**
+     * @default InputSize.medium
+     */
     size?: InputSize;
     theme?: any;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/List/List.d.ts

@@ -16,12 +16,12 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: React.ReactElement<any> | React.ReactElement<any>[];
     /**
      * Aligns the icon at the top, or center of each list item.
+     * @default IconAlignment.center
      */
     iconAlign?: IconAlignment;
     /**
      * Sizes the icon between small, medium, and large.
-     * @default 'medium'
-     *
+     * @default IconSizes.medium
      */
     iconSize?: IconSizes;
     isInverse?: boolean;
@@ -42,6 +42,9 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
      * Adds a bottom margin to each list item with the Magma space scale.
      */
     spacingStyle?: keyof typeof magma.spaceScale;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * @internal

package/dist/components/LoadingIndicator/LoadingIndicator.stories.d.ts

@@ -1,7 +1,34 @@
 import React from 'react';
+import { LoadingIndicatorType } from '.';
 declare const _default: {
     component: React.ForwardRefExoticComponent<import(".").LoadingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
     title: string;
+    argTypes: {
+        percentage: {
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+                options: typeof LoadingIndicatorType;
+            };
+        };
+        isInverse: {
+            defaultValue: boolean;
+            control: {
+                type: string;
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: {
+    (args: any): JSX.Element;
+    args: {
+        message1: string;
+        message2: string;
+        message3: string;
+    };
+};

package/dist/components/LoadingIndicator/index.d.ts

@@ -24,12 +24,16 @@ export interface LoadingIndicatorProps extends React.HTMLAttributes<HTMLDivEleme
      * @default 0
      */
     percentage?: number;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Type of loading indictor to display, can be progress bar or spinner
      * @default LoadingIndicatorType.spinner
      */
     type?: LoadingIndicatorType;
+    isInverse?: boolean;
 }
 export declare enum LoadingIndicatorType {
     progressbar = "progressbar",

package/dist/components/Modal/Modal.d.ts

@@ -71,6 +71,9 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default ModalSize.medium
      */
     size?: ModalSize;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * @internal

package/dist/components/Modal/Modal.stories.d.ts

@@ -9,6 +9,5 @@ export declare const LongContentWithScrolling: () => JSX.Element;
 export declare const RadioInModal: () => JSX.Element;
 export declare const ModalContentUpdate: () => JSX.Element;
 export declare const NoHeaderOrFocusableContent: () => JSX.Element;
-export declare const OnCloseBehavior: () => JSX.Element;
 export declare const ModalInAModal: () => JSX.Element;
 export declare const Inverse: () => JSX.Element;

package/dist/components/NativeSelect/NativeSelect.d.ts

@@ -4,6 +4,9 @@ import { FormFieldContainerBaseProps } from '../FormFieldContainer';
  * @children required
  */
 export interface NativeSelectProps extends Omit<FormFieldContainerBaseProps, 'inputSize'>, React.SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * @internal
+     */
     testId?: string;
     optionLabel?: string;
 }

package/dist/components/NavTabs/NavTab.d.ts

@@ -24,6 +24,9 @@ export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement>
      * @default TabsOrientation.horizontal
      */
     orientation?: TabsOrientation;
+    /**
+     * @internal
+     */
     testId?: string;
     to?: string;
     /**

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 export interface BasePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @internal
+     */
     testId?: string;
     isInverse?: boolean;
     page?: number;
@@ -39,6 +42,7 @@ export interface BasePaginationProps extends React.HTMLAttributes<HTMLDivElement
     onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;
     /**
      * Size toggles between default and large variant buttons.
+     * @default PageButtonSize.medium
      */
     size?: PageButtonSize;
     /**

package/dist/components/Pagination/usePagination.d.ts

@@ -7,6 +7,7 @@ export interface UsePaginationProps {
     count?: number;
     /**
      * Page selected by default when the component is uncontrolled
+     * @default 1
      */
     defaultPage?: number;
     /**

package/dist/components/Paragraph/index.d.ts

@@ -20,6 +20,9 @@ export interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElemen
      * @default false
      */
     noMargins?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * @internal

package/dist/components/PasswordInput/index.d.ts

@@ -29,6 +29,9 @@ export interface PasswordInputProps extends Omit<FormFieldContainerBaseProps, 'f
      * @default "Show"
      */
     showPasswordButtonText?: string;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ProgressBar/index.d.ts

@@ -30,6 +30,9 @@ export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default 0
      */
     percentage?: number;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare enum ProgressBarColor {

package/dist/components/ProgressRing/index.d.ts

@@ -6,6 +6,9 @@ export interface ProgressRingProps extends React.HTMLAttributes<HTMLDivElement>
     percentage?: number;
     radius?: number;
     strokeWidth?: number;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const ProgressRing: React.ForwardRefExoticComponent<ProgressRingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Radio/index.d.ts

@@ -10,7 +10,7 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>
     css?: any;
     /**
      * Hex code for the background color
-     * @default #0000FF
+     * @default theme.colors.primary
      */
     color?: string;
     /**
@@ -35,6 +35,9 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>
      * Content of label; can be node or string
      */
     labelText: React.ReactNode;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Whether the label appears to the left of the right of the radio button

package/dist/components/RadioGroup/index.d.ts

@@ -54,6 +54,9 @@ export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default false
      */
     required?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Value of the radio button that is the default selected value for the group

package/dist/components/Search/index.d.ts

@@ -39,6 +39,9 @@ export interface SearchProps extends InputBaseProps {
      * Action that will fire when search icon button is clicked
      */
     onSearch: (term: string) => void;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Value of the input element

package/dist/components/Select/ItemsList.d.ts

@@ -7,6 +7,7 @@ interface ItemsListProps<T> {
     getMenuProps: (options?: UseSelectGetMenuPropsOptions) => any;
     highlightedIndex?: number;
     isOpen?: boolean;
+    isInverse?: boolean;
     items: T[];
     itemToString: (item: T) => string;
     maxHeight?: number | string;

package/dist/components/Select/components.d.ts

@@ -6,6 +6,7 @@ import { ThemeInterface } from '../../theme/magma';
 export declare type ItemRenderOptions<T> = {
     key: string;
     isFocused?: boolean;
+    isInverse?: boolean;
     item: T;
     itemRef: React.Ref<HTMLLIElement>;
     itemString: string;
@@ -21,7 +22,7 @@ export declare type SelectComponents<T> = {
 export declare const DefaultClearIndicator: (props: any) => JSX.Element;
 export declare const DefaultDropdownIndicator: (props: any) => JSX.Element;
 export declare const DefaultLoadingIndicator: (props: any) => JSX.Element;
-export declare function DefaultItem<T>({ itemRef, itemString, ...props }: ItemRenderOptions<T>): JSX.Element;
+export declare function DefaultItem<T>({ itemRef, itemString, isInverse, ...props }: ItemRenderOptions<T>): JSX.Element;
 export declare function defaultComponents<T>(props: SelectComponents<T>): {
     ClearIndicator: React.FunctionComponent<({} & import("../IconButton").IconTextButtonProps) | ({
         children?: never;

package/dist/components/Select/index.d.ts

@@ -78,6 +78,9 @@ export interface InternalSelectProps<T> {
      * Text for select trigger button or combobox input placeholder
      */
     placeholder?: string;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export interface InternalMultiProps<T> {