react-magma-dom 3.7.0 → 3.9.0

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { ThemeInterface } from '../../theme/magma';
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * Customizable aria-label for accessibility.
+     */
+    ariaLabel: string;
+    /**
+     * Custom number for responsive styling, uses a minimum 'breakpoint' width from the set number.
+     */
+    breakpoint?: number;
+    /**
+     * Changes the Stepper view for responsive layouts, needs a minimum 'breakpoint' number.
+     */
+    breakpointLayout?: StepperLayout;
+    /**
+     * Sets the Stepper view
+     * @default StepperLayout.showLabels
+     */
+    layout?: StepperLayout;
+    /**
+     * Sets a custom label for the Step count # of #.
+     * @default 'Step'
+     */
+    stepLabel?: string;
+    /**
+     * Sets a custom label for the completed Step.
+     * @default 'All steps completed'
+     */
+    completionLabel?: string;
+    /**
+     * Current step value.
+     */
+    currentStep: number;
+    /**
+     * Inverse styling.
+     */
+    isInverse?: boolean;
+    /**
+     * @internal
+     */
+    theme?: ThemeInterface;
+}
+export declare enum StepperLayout {
+    showLabels = "showLabels",
+    hideLabels = "hideLabels",
+    summaryView = "summaryView"
+}
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import { StepperProps } 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: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
+export declare const RealWorldExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
+export declare const WithError: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;

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

@@ -0,0 +1,2 @@
+export * from './Step';
+export * from './Stepper';

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ThemeInterface } from '../../theme/magma';
 /**
  * @children required
  */
@@ -86,10 +87,10 @@ export declare const TableContainer: import("@emotion/styled-base").StyledCompon
     minWidth: number;
     hasSquareCorners?: boolean;
     isInverse?: boolean;
-}, import("../..").ThemeInterface>;
+}, ThemeInterface>;
 export declare const StyledTable: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
     isInverse?: boolean;
     minWidth: number;
-}, import("../..").ThemeInterface>;
+}, ThemeInterface>;
 export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
 export {};

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

@@ -33,7 +33,7 @@ export declare const ControlledPagination: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -69,27 +69,27 @@ export declare const ControlledPagination: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -106,7 +106,7 @@ export declare const ControlledPagination: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -114,7 +114,7 @@ export declare const ControlledPagination: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -317,7 +317,7 @@ export declare const PaginationInverse: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -353,27 +353,27 @@ export declare const PaginationInverse: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -390,7 +390,7 @@ export declare const PaginationInverse: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -398,7 +398,7 @@ export declare const PaginationInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -592,7 +592,7 @@ export declare const RowColors: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -628,27 +628,27 @@ export declare const RowColors: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -665,7 +665,7 @@ export declare const RowColors: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -673,7 +673,7 @@ export declare const RowColors: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -866,7 +866,7 @@ export declare const RowColorsInverse: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -902,27 +902,27 @@ export declare const RowColorsInverse: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -939,7 +939,7 @@ export declare const RowColorsInverse: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -947,7 +947,7 @@ export declare const RowColorsInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1140,7 +1140,7 @@ export declare const Sortable: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -1176,27 +1176,27 @@ export declare const Sortable: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -1213,7 +1213,7 @@ export declare const Sortable: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -1221,7 +1221,7 @@ export declare const Sortable: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1414,7 +1414,7 @@ export declare const WithDropdown: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -1450,27 +1450,27 @@ export declare const WithDropdown: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -1487,7 +1487,7 @@ export declare const WithDropdown: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -1495,7 +1495,7 @@ export declare const WithDropdown: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

package/dist/components/Tabs/TabScrollSpyPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface TabScrollSpyPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactElement<any> | React.ReactElement<any>[];
+    tabLabel: string;
+    /**
+     * @internal
+     */
+    testId?: string;
+}
+export declare const TabScrollSpyPanel: React.ForwardRefExoticComponent<TabScrollSpyPanelProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,5 +5,7 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
 export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const IconOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const Scrolling: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
+export declare const ScrollSpy: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
+export declare const ScrollSpyIcons: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const WithDropdown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;

package/dist/components/Tabs/TabsScrollSpyContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TabsScrollSpyContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    isInverse?: boolean;
+    /**
+     * @internal
+     */
+    testId?: string;
+}
+export declare const TabsScrollSpyContainer: React.ForwardRefExoticComponent<TabsScrollSpyContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -4,3 +4,5 @@ export * from './TabPanelsContainer';
 export * from './Tabs';
 export * from './TabsContainer';
 export * from './TabsScrollButtons';
+export * from './TabsScrollSpyContainer';
+export * from './TabScrollSpyPanel';

package/dist/components/Tabs/utils.d.ts

@@ -42,3 +42,6 @@ export declare function useTabsMeta(theme: any, orientation: any, backgroundColo
     handleTabsScroll?: undefined;
     scroll?: undefined;
 })[];
+export declare const ScrollSpy: ({ handleScroll }: {
+    handleScroll: any;
+}) => any;

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

@@ -46,7 +46,7 @@ export declare const WithDelete: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -81,27 +81,27 @@ export declare const WithDelete: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -118,7 +118,7 @@ export declare const WithDelete: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -126,7 +126,7 @@ export declare const WithDelete: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -313,7 +313,7 @@ export declare const WithDelete: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -348,27 +348,27 @@ export declare const WithDelete: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -385,7 +385,7 @@ export declare const WithDelete: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -393,7 +393,7 @@ export declare const WithDelete: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;