react-magma-dom 4.10.0-next.16 → 4.10.0-next.18

package/dist/components/AIButton/StyledAIButton.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AIButtonSize, BaseAIButtonProps } from '.';
+export interface StyledAIButtonProps extends BaseAIButtonProps {
+    iconOnly?: boolean;
+    trailingIcon?: React.ReactElement;
+    leadingIcon?: boolean | React.ReactElement;
+}
+export declare function getIconSize(size: any, theme: any): any;
+export interface SpanProps {
+    hasIconLeading?: boolean;
+    size?: AIButtonSize;
+}
+export declare const StyledAIButton: React.ForwardRefExoticComponent<StyledAIButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/AIButton/StyledAIButtonTemplate.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyledAIButtonProps } from './StyledAIButton';
+export declare const buttonStyles: (props: any) => import("@emotion/react").SerializedStyles;
+export declare const BaseStyledAIButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & {
+    isLoading: boolean;
+    testId?: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledAIButtonTemplate: React.ForwardRefExoticComponent<StyledAIButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { IconProps } from 'react-magma-icons';
+import { ThemeInterface } from '../../theme/magma';
+import { XOR } from '../../utils';
+export declare enum AIButtonVariant {
+    variantA = "variantA",
+    variantB = "variantB"
+}
+export declare enum AIButtonShape {
+    fill = "fill",
+    leftCap = "leftCap",
+    rightCap = "rightCap",
+    round = "round"
+}
+export declare enum AIButtonSize {
+    large = "large",
+    medium = "medium",
+    small = "small"
+}
+export declare enum AIButtonTextTransform {
+    uppercase = "uppercase",
+    none = "none"
+}
+export declare enum AIButtonType {
+    button = "button",
+    submit = "submit",
+    reset = "reset"
+}
+export interface BaseAIButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Set the button to display full-width.
+     * @default false
+     */
+    isFullWidth?: boolean;
+    isInverse?: boolean;
+    /**
+     * Defines the border radius
+     * @default AIButtonShape.fill
+     */
+    shape?: AIButtonShape;
+    /**
+     *  Set the button to a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * The relative size of the button
+     * @default AIButtonSize.medium
+     */
+    size?: AIButtonSize;
+    /**
+     * Determines whether the button appears in all-caps
+     * @default AIButtonTextTransform.uppercase
+     */
+    textTransform?: AIButtonTextTransform;
+    /**
+     * The variant of the button
+     * @default AIButtonVariant.variantA
+     */
+    variant?: AIButtonVariant;
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * @internal
+     */
+    theme?: ThemeInterface;
+    /**
+     * The type attribute of the button
+     * @default AIButtonType.button
+     */
+    type?: AIButtonType;
+    /**
+     * Sets the color for the left side of the button gradient.
+     */
+    leftColor?: string;
+    /**
+     * Sets the color for the right side of the button gradient.
+     */
+    rightColor?: string;
+    /**
+     * Sets the color when the button is hovered.
+     */
+    hoverColor?: string;
+    /**
+     * Sets the color when the button is pressed (active).
+     */
+    pressedColor?: string;
+    /**
+     * Enables gradient animation for the button background.
+     * @default false
+     */
+    isAnimated?: boolean;
+}
+export interface TextAIButtonProps extends BaseAIButtonProps {
+    /**
+     * The content of the component
+     */
+    children: React.ReactChild | React.ReactChild[];
+    /**
+     * Icon to display on the right side within the component
+     */
+    trailingIcon?: React.ReactElement<IconProps>;
+    /**
+     * Leading icon to display on the left side within the component
+     */
+    leadingIcon?: boolean | React.ReactElement<IconProps>;
+}
+export interface IconOnlyAIButtonProps extends BaseAIButtonProps {
+    /**
+     * Icon to display on the right side within the component
+     */
+    leadingIcon?: true | React.ReactElement<IconProps>;
+    /**
+     * The text the screen reader will announce. Required for icon-only buttons
+     */
+    'aria-label': string;
+    children?: never;
+}
+export declare type AIButtonProps = XOR<TextAIButtonProps, IconOnlyAIButtonProps>;
+export declare const AIButton: React.ForwardRefExoticComponent<({
+    trailingIcon?: never;
+} & IconOnlyAIButtonProps & React.RefAttributes<HTMLButtonElement>) | ({} & TextAIButtonProps & React.RefAttributes<HTMLButtonElement>)>;

package/dist/components/AIButton/styles.d.ts

@@ -0,0 +1,14 @@
+export declare function buildPropsWithDefaultAIButtonStyles(props: any): any;
+export declare function buildAIButtonBorderRadius(props: any): any;
+export declare function buildAIButtonFontSize(props: any): any;
+export declare function buildAIButtonLineHeight(props: any): any;
+export declare function buildAIButtonSize(props: any): any;
+export declare function buildAIButtonPadding(props: any): string;
+export declare function buildAIButtonBackground(initialProps: any): any;
+export declare function buildAIBorderColor(initialProps: any): any;
+export declare function buildAIColor(initialProps: any): any;
+export declare function buildAIFocusBackground(initialProps: any): string;
+export declare function buildAIFocusColor(initialProps: any): any;
+export declare function buildAIActiveBackground(initialProps: any): string;
+export declare function buildAIActiveColor(initialProps: any): any;
+export declare function buildBoxShadow(props: any): string;

package/dist/components/Popover/Popover.d.ts

@@ -4,6 +4,12 @@ export declare enum PopoverPosition {
     bottom = "bottom",
     top = "top"
 }
+export declare enum PopoverAlignment {
+    center = "center",
+    start = "start",
+    end = "end"
+}
+export declare type PopoverPlacement = 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
 export interface PopoverApi {
     closePopoverManually(event: any): void;
     openPopoverManually(event: any): void;
@@ -74,10 +80,15 @@ export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default false
      */
     focusTrap?: boolean;
+    /**
+     * Alignment of the popover content
+     * @default PopoverAlignment.center
+     */
+    alignment?: PopoverAlignment;
 }
 export interface PopoverContextInterface {
     floatingStyles?: React.CSSProperties;
-    position?: PopoverPosition;
+    position?: PopoverPlacement;
     closePopover?: (event: React.SyntheticEvent | React.KeyboardEvent) => void;
     popoverTriggerId?: React.MutableRefObject<string>;
     popoverContentId?: React.MutableRefObject<string>;