react-magma-dom 4.10.0-next.10 → 4.10.0-next.11

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ReferenceType } from '@floating-ui/react-dom';
 import { UseComboboxProps, UseComboboxState, UseMultipleSelectionProps } from 'downshift';
 import { InternalMultiProps, InternalSelectProps, SelectOptions } from '../Select';
 import { Omit, XOR } from '../../utils';
@@ -14,7 +13,7 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      */
     containerStyle?: React.CSSProperties;
     /**
-     * Default selectable options. Allows for uncontrolled component and internal creation of items. Can be an array of strings or objects
+     * Default selectable options. Allows for an uncontrolled component and internal creation of items. Can be an array of strings or objects
      */
     defaultItems?: T[];
     /**
@@ -22,10 +21,6 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      * @default false
      */
     disableCreateItem?: boolean;
-    /**
-     * @internal
-     */
-    floatingElementStyles?: React.CSSProperties;
     /**
      * @internal
      */
@@ -98,14 +93,6 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      * Event that fires when a new item is created with the create item option is clicked in the item list menu
      */
     onItemCreated?: (newItem: T) => void;
-    /**
-     * @internal
-     */
-    setFloating?: (node: ReferenceType) => void;
-    /**
-     * @internal
-     */
-    setReference?: (node: ReferenceType) => void;
     /**
      * Reference to the toggle button element wrapping the input in the combobox
      */

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

@@ -40,6 +40,7 @@ export interface SpanProps {
     hasIconLeading?: boolean;
     size?: ButtonSize;
 }
+export declare function getIconSize(size: any, theme: any): any;
 export declare function instanceOfIconOnly(object: any): object is IconOnlyButtonProps;
 export declare const IconButton: React.ForwardRefExoticComponent<({} & IconTextButtonProps & React.RefAttributes<HTMLButtonElement>) | ({
     children?: never;

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

@@ -96,5 +96,10 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
      * @internal
      */
     theme?: ThemeInterface;
+    /**
+     * Shows the drawer transition animation
+     * @internal
+     */
+    hasDrawerAnimation?: boolean;
 }
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
 import { UseMultipleSelectionProps, UseSelectProps } from 'downshift';
 import { Omit, XOR } from '../../utils';
 import { LabelPosition } from '../Label';
@@ -108,10 +107,6 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * Id of the element that describes the select trigger button
      */
     ariaDescribedBy?: string;
-    /**
-     * @internal
-     */
-    floatingElementStyles?: React.CSSProperties;
     /**
      * @internal
      */
@@ -148,14 +143,6 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * Event that will fire when a keypress is released while focused on the trigger button
      */
     onKeyUp?: (event: React.KeyboardEvent) => void;
-    /**
-     * @internal
-     */
-    setFloating?: (node: ReferenceType) => void;
-    /**
-     * @internal
-     */
-    setReference?: (node: ReferenceType) => void;
 }
 export interface MultiSelectProps<T extends SelectOptions> extends UseMultipleSelectionProps<T>, Omit<SelectProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>, InternalMultiProps<T> {
     /**

package/dist/components/Table/Table.d.ts

@@ -13,11 +13,21 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
      * @default false
      */
     hasHoverStyles?: boolean;
+    /**
+     *  If true, the table will have additional styles for table.
+     *  @default false
+     */
+    hasTablePagination?: boolean;
     /**
      * If true, the table will have square edges
      * @default false
      */
     hasSquareCorners?: boolean;
+    /**
+     * If true, the table will have outer border
+     * @default false
+     */
+    hasOutsideBorder?: boolean;
     /**
      * If true, columns will have vertical borders
      */
@@ -42,6 +52,12 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
     minWidth?: number;
     rowCount?: number;
     selectedItems?: Array<number>;
+    /**
+     * The title or caption of a table inside a <caption> HTML element that provides the table an accessible
+     * description.
+     * It can be a simple string or a React node, such as a heading element (e.g., <h1>, <h2>).
+     */
+    tableTitle?: React.ReactNode | string;
     /**
      * @internal
      */
@@ -74,6 +90,7 @@ interface TableContextInterface {
     density?: TableDensity;
     hasHoverStyles?: boolean;
     hasSquareCorners?: boolean;
+    hasTablePagination?: boolean;
     hasVerticalBorders?: boolean;
     hasZebraStripes?: boolean;
     isInverse?: boolean;
@@ -97,11 +114,20 @@ export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
 } & {
     minWidth: number;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTableTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & {
+    isInverse: boolean;
+    isTitleNode: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledTable: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType<any>;
 } & {
+    hasOutsideBorder?: boolean;
     hasSquareCorners?: boolean;
+    hasTablePagination?: boolean;
     isInverse?: boolean;
     minWidth: number;
 }, React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;

package/dist/components/Table/TablePagination.d.ts

@@ -35,6 +35,11 @@ export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivEl
      * @default true
      */
     hasSquareCorners?: boolean;
+    /**
+     * If true, the table paginator will have outer border
+     * @default false
+     */
+    hasOutsideBorder?: boolean;
 }
 export interface ControlledPageProps {
     /**

package/dist/components/Table/TableRow.d.ts

@@ -25,7 +25,7 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
     onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     rowIndex?: number;
     /**
-     * Unique name to be used to identify row for screenreaders
+     * Unique name to be used to identify row for screen readers
      */
     rowName?: string;
     /**

package/dist/components/Transition/Transition.d.ts

@@ -94,5 +94,10 @@ export interface TransitionProps extends HTMLMotionProps<'div'> {
      * @default false
      */
     rotate180?: boolean;
+    /**
+     * Shows the drawer transition animation
+     * @internal
+     */
+    hasDrawerAnimation?: boolean;
 }
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;