react-magma-dom 3.6.0 → 3.7.0

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

@@ -13,21 +13,21 @@ export declare const IconPositions: {
         placeholder: string;
         helperMessage: any;
         isInverse?: boolean;
-        maxLength?: number;
-        hasCharacterCounter?: boolean;
-        iconPosition?: InputIconPosition;
-        inputSize?: InputSize;
         testId?: string;
+        iconPosition?: InputIconPosition;
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         inputLength?: number;
+        inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
         labelPosition?: LabelPosition;
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
         maxCount?: number;
+        maxLength?: number;
         messageStyle?: React.CSSProperties;
         children?: any;
         hasError?: boolean;
@@ -58,10 +58,10 @@ export declare const IconPositions: {
         formMethod?: string;
         formNoValidate?: boolean;
         formTarget?: string;
-        height?: string | number;
+        height?: React.ReactText;
         list?: string;
-        max?: string | number;
-        min?: string | number;
+        max?: React.ReactText;
+        min?: React.ReactText;
         minLength?: number;
         multiple?: boolean;
         name?: string;
@@ -70,7 +70,7 @@ export declare const IconPositions: {
         required?: boolean;
         size?: number;
         src?: string;
-        step?: string | number;
+        step?: React.ReactText;
         value?: string | number | readonly string[];
         onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
         defaultChecked?: boolean;
@@ -125,7 +125,7 @@ export declare const IconPositions: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -159,7 +159,7 @@ export declare const IconPositions: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -341,22 +341,22 @@ export declare const WithChildren: {
     (args: any): JSX.Element;
     args: {
         isInverse?: boolean;
-        maxLength?: number;
-        hasCharacterCounter?: boolean;
-        iconPosition?: InputIconPosition;
-        inputSize?: InputSize;
         testId?: string;
+        iconPosition?: InputIconPosition;
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
+        inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
         labelPosition?: LabelPosition;
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
         maxCount?: number;
+        maxLength?: number;
         messageStyle?: React.CSSProperties;
         children?: any;
         hasError?: boolean;
@@ -387,10 +387,10 @@ export declare const WithChildren: {
         formMethod?: string;
         formNoValidate?: boolean;
         formTarget?: string;
-        height?: string | number;
+        height?: React.ReactText;
         list?: string;
-        max?: string | number;
-        min?: string | number;
+        max?: React.ReactText;
+        min?: React.ReactText;
         minLength?: number;
         multiple?: boolean;
         name?: string;
@@ -400,7 +400,7 @@ export declare const WithChildren: {
         required?: boolean;
         size?: number;
         src?: string;
-        step?: string | number;
+        step?: React.ReactText;
         value?: string | number | readonly string[];
         onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
         defaultChecked?: boolean;
@@ -455,7 +455,7 @@ export declare const WithChildren: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -489,7 +489,7 @@ export declare const WithChildren: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -668,22 +668,22 @@ export declare const WithTwoIcons: {
     (args: any): JSX.Element;
     args: {
         isInverse?: boolean;
-        maxLength?: number;
-        hasCharacterCounter?: boolean;
-        iconPosition?: InputIconPosition;
-        inputSize?: InputSize;
         testId?: string;
+        iconPosition?: InputIconPosition;
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
+        inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
         labelPosition?: LabelPosition;
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
         maxCount?: number;
+        maxLength?: number;
         messageStyle?: React.CSSProperties;
         children?: any;
         hasError?: boolean;
@@ -714,10 +714,10 @@ export declare const WithTwoIcons: {
         formMethod?: string;
         formNoValidate?: boolean;
         formTarget?: string;
-        height?: string | number;
+        height?: React.ReactText;
         list?: string;
-        max?: string | number;
-        min?: string | number;
+        max?: React.ReactText;
+        min?: React.ReactText;
         minLength?: number;
         multiple?: boolean;
         name?: string;
@@ -727,7 +727,7 @@ export declare const WithTwoIcons: {
         required?: boolean;
         size?: number;
         src?: string;
-        step?: string | number;
+        step?: React.ReactText;
         value?: string | number | readonly string[];
         onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
         defaultChecked?: boolean;
@@ -782,7 +782,7 @@ export declare const WithTwoIcons: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -816,7 +816,7 @@ export declare const WithTwoIcons: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -147,4 +147,11 @@ export interface InputBaseStylesProps {
 }
 export declare const inputBaseStyles: (props: InputBaseStylesProps) => import("@emotion/utils").SerializedStyles;
 export declare const InputWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperStylesProps, ThemeInterface>;
+export declare const IconButtonContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    iconPosition?: InputIconPosition;
+    inputSize?: InputSize;
+    theme: ThemeInterface;
+    isClickable?: boolean;
+    hasChildren?: boolean;
+}, ThemeInterface>;
 export declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -4,6 +4,10 @@ import { FormFieldContainerBaseProps } from '../FormFieldContainer';
  * @children required
  */
 export interface NativeSelectProps extends Omit<FormFieldContainerBaseProps, 'inputSize'>, React.SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Content above the select. For use with Icon Buttons to relay information.
+     */
+    additionalContent?: React.ReactNode;
     /**
      * @internal
      */

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

@@ -3,6 +3,7 @@ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@s
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;
 export declare const Disabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;
+export declare const WithContent: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;
 export declare const HasError: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;
 export declare const HelperMessage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, NativeSelectProps>;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 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 Default: (args: any) => JSX.Element;

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

@@ -20,6 +20,16 @@ export interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElemen
      * @default false
      */
     noMargins?: boolean;
+    /**
+     * If true, the component will not have the default bottom margin and instead will have a value of 0
+     * @default false
+     */
+    noBottomMargin?: boolean;
+    /**
+     * If true, the component will not have the default top margin and instead will have a value of 0
+     * @default false
+     */
+    noTopMargin?: boolean;
     /**
      * @internal
      */

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

@@ -5,6 +5,7 @@ export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, SelectProps<any>>;
 export declare const Disabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, SelectProps<any>>;
 export declare const Multi: (props: MultiSelectProps<SelectOptions>) => JSX.Element;
+export declare const WithContent: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, any>;
 export declare const ErrorMessage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, SelectProps<any>>;
 export declare const HelperMessage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, SelectProps<any>>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, SelectProps<any>>;

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

@@ -2,10 +2,12 @@ import React from 'react';
 import { LabelPosition } from '../Label';
 import { UseSelectGetLabelPropsOptions } from 'downshift';
 export declare const SelectContainerElement: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isLabelVisuallyHidden?: boolean;
     labelPosition?: LabelPosition;
     labelWidth?: number;
 }, object>;
 interface SelectContainerInterface<T> {
+    additionalContent?: React.ReactNode;
     children: React.ReactNode[];
     containerStyle?: React.CSSProperties;
     errorMessage?: React.ReactNode;

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

@@ -94,6 +94,10 @@ export interface InternalMultiProps<T> {
     onRemoveSelectedItem?: (removedItem: T) => void;
 }
 export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>, InternalSelectProps<T> {
+    /**
+     * Content above the select. For use with Icon Buttons to relay information.
+     */
+    additionalContent?: React.ReactNode;
     /**
      * Id of the element that describes the select trigger button
      */

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

@@ -80,7 +80,7 @@ export declare const ControlledPagination: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -114,7 +114,7 @@ export declare const ControlledPagination: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -364,7 +364,7 @@ export declare const PaginationInverse: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -398,7 +398,7 @@ export declare const PaginationInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -639,7 +639,7 @@ export declare const RowColors: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -673,7 +673,7 @@ export declare const RowColors: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -913,7 +913,7 @@ export declare const RowColorsInverse: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -947,7 +947,7 @@ export declare const RowColorsInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1187,7 +1187,7 @@ export declare const Sortable: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -1221,7 +1221,7 @@ export declare const Sortable: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1461,7 +1461,7 @@ export declare const WithDropdown: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -1495,7 +1495,7 @@ export declare const WithDropdown: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -92,7 +92,7 @@ export declare const WithDelete: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -126,7 +126,7 @@ export declare const WithDelete: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -359,7 +359,7 @@ export declare const WithDelete: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -393,7 +393,7 @@ export declare const WithDelete: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -13,11 +13,10 @@ export declare const OnClear: {
         testId?: string;
         textareaStyle?: React.CSSProperties;
         value?: string | number | readonly string[];
-        maxLength?: number;
-        hasCharacterCounter?: boolean;
         iconPosition?: import("../InputBase").InputIconPosition;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
+        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
         isLabelVisuallyHidden?: boolean;
@@ -25,6 +24,7 @@ export declare const OnClear: {
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
+        maxLength?: number;
         messageStyle?: React.CSSProperties;
         autoComplete?: string;
         autoFocus?: boolean;
@@ -92,7 +92,7 @@ export declare const OnClear: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -126,7 +126,7 @@ export declare const OnClear: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -79,7 +79,7 @@ export declare const Text: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -112,7 +112,7 @@ export declare const Text: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -358,7 +358,7 @@ export declare const Text: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -392,7 +392,7 @@ export declare const Text: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -643,7 +643,7 @@ export declare const TextAndIcon: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -676,7 +676,7 @@ export declare const TextAndIcon: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -922,7 +922,7 @@ export declare const TextAndIcon: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -956,7 +956,7 @@ export declare const TextAndIcon: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -74,7 +74,7 @@ export declare const AlignmentExample: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -108,7 +108,7 @@ export declare const AlignmentExample: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -349,7 +349,7 @@ export declare const DifferentToggleButtons: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -383,7 +383,7 @@ export declare const DifferentToggleButtons: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-sort'?: "none" | "other" | "ascending" | "descending";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

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

@@ -7,6 +7,8 @@ export interface TypographyProps<T = HTMLParagraphElement> extends React.HTMLAtt
     element?: string;
     isInverse?: boolean;
     noMargins?: boolean;
+    noBottomMargin?: boolean;
+    noTopMargin?: boolean;
     ref?: any;
     /**
      * @internal
@@ -40,7 +42,8 @@ export declare enum TypographyVisualStyle {
     bodyXSmall = "bodyXSmall"
 }
 export declare function getBodyFontFamily(props: any): any;
-export declare const colorStyles: (props: any) => import("@emotion/utils").SerializedStyles;
+export declare function getBaseFontColor(props: any, isHeading?: boolean): any;
+export declare const colorStyles: (props: any, isHeading: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const paragraphLargeStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const paragraphMediumStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const paragraphSmallStyles: (props: any) => import("@emotion/utils").SerializedStyles;