react-magma-dom 4.4.0 → 4.4.1-next.1

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

@@ -1,4 +1,32 @@
+import { HyperlinkIconPosition } from '.';
 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: () => JSX.Element;
-export declare const Inverse: () => JSX.Element;
+export declare const Default: {
+    (args: any): JSX.Element;
+    args: {
+        styledAs: string;
+        isInverse: boolean;
+        to: string;
+        hasUnderline: boolean;
+        icon: JSX.Element;
+        iconPosition: HyperlinkIconPosition;
+    };
+};
+export declare const All: {
+    (args: any): JSX.Element;
+    args: {};
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const Inverse: {
+    (args: any): JSX.Element;
+    args: {};
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

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

@@ -1,10 +1,16 @@
 import * as React from 'react';
 import { ButtonStyles } from '../Button';
 import { Omit } from '../../utils';
-/**
- * @children required
- */
+import { IconProps } from 'react-magma-icons';
+export declare enum HyperlinkIconPosition {
+    left = "left",
+    right = "right",
+    both = "both"
+}
 export interface HyperlinkProps extends ButtonStyles, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
+    /**
+     * @children required
+     */
     children: React.ReactNode;
     /**
      * How the hyperlink is styled (can look like either a plain link or a button)
@@ -19,5 +25,15 @@ export interface HyperlinkProps extends ButtonStyles, Omit<React.AnchorHTMLAttri
      * The href value of the link
      */
     to: string;
+    hasUnderline?: boolean;
+    /**
+     * Icon to display within the component
+     */
+    icon?: React.ReactElement<IconProps> | Array<React.ReactElement<IconProps>>;
+    /**
+     * Position within the link for the icon to appear
+     * @default HyperlinkIconPosition.right
+     */
+    iconPosition?: HyperlinkIconPosition;
 }
 export declare const Hyperlink: React.ForwardRefExoticComponent<HyperlinkProps & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -35,6 +35,7 @@ export declare const IconPositions: {
         iconAriaLabel?: string;
         iconRef?: React.Ref<HTMLButtonElement>;
         inputStyle?: React.CSSProperties;
+        inputWrapperStyle?: React.CSSProperties;
         isClearable?: boolean;
         onClear?: () => void;
         isPredictive?: boolean;
@@ -364,6 +365,7 @@ export declare const WithChildren: {
         iconAriaLabel?: string;
         iconRef?: React.Ref<HTMLButtonElement>;
         inputStyle?: React.CSSProperties;
+        inputWrapperStyle?: React.CSSProperties;
         isClearable?: boolean;
         onClear?: () => void;
         isPredictive?: boolean;
@@ -691,6 +693,7 @@ export declare const WithTwoIcons: {
         iconAriaLabel?: string;
         iconRef?: React.Ref<HTMLButtonElement>;
         inputStyle?: React.CSSProperties;
+        inputWrapperStyle?: React.CSSProperties;
         isClearable?: boolean;
         onClear?: () => void;
         isPredictive?: boolean;
@@ -991,3 +994,16 @@ export declare const WithTwoIcons: {
         };
     };
 };
+export declare const NumberInput: {
+    (args: any): JSX.Element;
+    args: {
+        disabled: boolean;
+        helperMessage: string;
+        isClearable: boolean;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

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

@@ -64,6 +64,10 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
      * Style properties for the input element
      */
     inputStyle?: React.CSSProperties;
+    /**
+     * Style properties for input wrapper element
+     */
+    inputWrapperStyle?: React.CSSProperties;
     /**
      * Total number of characters in an input.
      */

package/dist/components/TreeView/useTreeItem.d.ts

@@ -45,6 +45,8 @@ export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
      */
     itemDepth?: number;
     /**
+     * TODO: improve functionality (issue #1305)
+     * @internal
      * If true, element is disabled
      * @default false
      */