react-magma-dom 4.1.0-next.9 → 4.1.0

package/dist/components/CharacterCounter/CharacterCounter.d.ts

@@ -1,5 +1,12 @@
 import * as React from 'react';
 export interface CharacterCounterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Enables Character Counter by default.
+     * When set to false, the default HTML attribute of 'maxlength' will work.
+     * Note: This is a temporary prop and will be removed in future releases.
+      @default true
+    */
+    hasCharacterCounter?: boolean;
     /**
      * Identifier to associate Character Counter with Input.
      */
@@ -12,6 +19,11 @@ export interface CharacterCounterProps extends React.HTMLAttributes<HTMLDivEleme
     /**
      * Sets the maximum amount of characters allowed.
      */
+    maxCount: number;
+    /**
+     * Sets the maximum amount of characters allowed.
+     * @deprecated = true
+     */
     maxLength: number;
     /**
      * @internal

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

@@ -6,9 +6,11 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
 export declare const WithChildren: {
     (args: any): JSX.Element;
     args: {
+        hasCharacterCounter?: boolean;
         id?: string;
         inputLength?: number;
         isInverse?: boolean;
+        maxCount?: number;
         maxLength?: number;
         testId?: string;
         defaultChecked?: boolean;
@@ -272,9 +274,11 @@ export declare const WithChildren: {
 export declare const TextArea: {
     (args: any): JSX.Element;
     args: {
+        hasCharacterCounter?: boolean;
         id?: string;
         inputLength?: number;
         isInverse?: boolean;
+        maxCount?: number;
         maxLength?: number;
         testId?: string;
         defaultChecked?: boolean;
@@ -540,3 +544,15 @@ export declare const TextArea: {
         };
     };
 };
+export declare const MaxCountAndMaxLength: {
+    (args: any): JSX.Element;
+    args: {
+        maxCount: number;
+        maxLength: number;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

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

@@ -24,6 +24,13 @@ export interface FormFieldContainerBaseProps {
      * ID of the form field.  Also used in the descrption ID.
      */
     fieldId: string;
+    /**
+     * Enables Character Counter by default.
+     * When set to false, the default HTML attribute of 'maxlength' will work.
+     * Note: This is a temporary prop and will be removed in future releases.
+      @default true
+    */
+    hasCharacterCounter?: boolean;
     /**
      * Content of the helper message.
      */
@@ -68,6 +75,11 @@ export interface FormFieldContainerBaseProps {
     /**
      * Enables the Character Counter and sets the maximum amount of characters allowed within the Input.
      */
+    maxCount?: number;
+    /**
+     * Enables the Character Counter and sets the maximum amount of characters allowed within the Input.
+     * @deprecated = true
+     */
     maxLength?: number;
     /**
      * Style properties for the helper or error message

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

@@ -18,6 +18,7 @@ export declare const IconPositions: {
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         inputLength?: number;
         inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
@@ -25,6 +26,7 @@ export declare const IconPositions: {
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
+        maxCount?: number;
         maxLength?: number;
         messageStyle?: React.CSSProperties;
         hasError?: boolean;
@@ -344,6 +346,7 @@ export declare const WithChildren: {
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
         inputSize?: InputSize;
@@ -352,6 +355,7 @@ export declare const WithChildren: {
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
+        maxCount?: number;
         maxLength?: number;
         messageStyle?: React.CSSProperties;
         hasError?: boolean;

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

@@ -8,6 +8,6 @@ export interface InputMessageProps extends React.HTMLAttributes<HTMLDivElement>
      */
     inputSize?: InputSize;
     isInverse?: boolean;
-    maxLength?: number;
+    maxCount?: number;
 }
 export declare const InputMessage: React.FunctionComponent<InputMessageProps>;

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

@@ -23,6 +23,13 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
      * Style properties for the component container element
      */
     containerStyle?: React.CSSProperties;
+    /**
+     * Enables Character Counter by default.
+     * When set to false, the default HTML attribute of 'maxlength' will work.
+     * Note: This is a temporary prop and will be removed in future releases.
+      @default true
+    */
+    hasCharacterCounter?: boolean;
     /**
      * @internal
      */
@@ -74,6 +81,11 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
     /**
      * A number value which gives Character Counter the maximum length of allowable characters in an Input.
      */
+    maxCount?: number;
+    /**
+     * A number value which gives Character Counter the maximum length of allowable characters in an Input.
+     * @deprecated = true
+     */
     maxLength?: number;
     /**
      * Action that will fire when icon is clicked
@@ -118,6 +130,7 @@ export interface InputWrapperStylesProps {
 }
 export declare const inputWrapperStyles: (props: InputWrapperStylesProps) => import("@emotion/utils").SerializedStyles;
 export interface InputBaseStylesProps {
+    hasCharacterCounter?: boolean;
     isInverse?: boolean;
     iconPosition?: InputIconPosition;
     inputSize?: InputSize;

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

@@ -287,6 +287,15 @@ export declare const ControlledPagination: {
     };
 };
 export declare const UncontrolledPagination: (args: any) => JSX.Element;
+export declare const PaginationWithSquareCorners: {
+    (args: any): JSX.Element;
+    args: {
+        hasSquareCorners: boolean;
+        hasHoverStyles: boolean;
+        hasVerticalBorders: boolean;
+        hasZebraStripes: boolean;
+    };
+};
 export declare const PaginationInverse: {
     (args: any): JSX.Element;
     args: {

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

@@ -29,6 +29,11 @@ export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivEl
      * @internal
      */
     testId?: string;
+    /**
+     * If true, the table paginator will have square edges
+     * @default true
+     */
+    hasSquareCorners?: boolean;
 }
 export interface ControlledPageProps {
     /**

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

@@ -9,13 +9,14 @@ export declare const OnClear: {
     args: {
         containerStyle?: React.CSSProperties;
         isInverse?: boolean;
-        maxLength?: number;
+        maxCount?: number;
         testId?: string;
         textareaStyle?: React.CSSProperties;
         value?: string | number | readonly string[];
         iconPosition?: import("../InputBase").InputIconPosition;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
         isLabelVisuallyHidden?: boolean;
@@ -23,6 +24,7 @@ export declare const OnClear: {
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
+        maxLength?: number;
         messageStyle?: React.CSSProperties;
         autoComplete?: string;
         autoFocus?: boolean;

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

@@ -10,7 +10,7 @@ export interface TextareaProps extends Omit<FormFieldContainerBaseProps, 'inputS
     /**
      * A number value which gives Character Counter the maximum length of allowable characters in an Textarea.
      */
-    maxLength?: number;
+    maxCount?: number;
     /**
      * @internal
      */