@auth0/quantum-product 2.8.2 → 2.9.0

package/empty-state/empty-state.d.ts

@@ -5,33 +5,33 @@ import { IRowLayoutProps } from '../row-layout';
 import { ITextProps } from '../text';
 import { EmptyStateClasses } from './empty-state-classes';
 export declare const StyledCard: import("styled-components").StyledComponent<import("../overridable-component").OverridableComponent<import("../card/card").ICardTypeMap<{}, "div">>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<import("@mui/material").TypographyOwnProps, "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "component" | "as"> & {
-    align?: "center" | "inherit" | "left" | "right" | "justify" | undefined;
+export declare const Subtitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<import("@mui/material").TypographyOwnProps, "color" | "as" | "align" | "classes" | "sx" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "component"> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify";
     children?: React.ReactNode;
-    classes?: Partial<Record<"type_code_50" | "type_code_100" | "type_code_200" | "type_code_300" | "type_heading_100" | "type_heading_200" | "type_heading_300" | "type_heading_400" | "type_heading_500" | "type_heading_600" | "type_heading_700" | "type_heading_800" | "type_heading_900" | "type_heading_1000" | "type_body_50" | "type_body_100" | "type_body_200" | "type_body_300" | "type_body_400" | "type_body_500" | "type_body_50_emphasis" | "type_body_50_emphasis_paragraph" | "type_body_100_emphasis" | "type_body_100_emphasis_paragraph" | "type_body_200_emphasis" | "type_body_200_emphasis_paragraph" | "type_body_300_emphasis" | "type_body_300_emphasis_paragraph" | "type_body_400_emphasis" | "type_body_400_emphasis_paragraph" | "type_body_500_emphasis" | "type_preset_page_title" | "type_preset_page_title_compact" | "type_preset_section_title" | "type_preset_section_subtitle" | "type_preset_button" | "type_preset_form_label" | "type_preset_form_text" | "type_preset_caption" | "type_preset_caption_emphasis" | "type_preset_menu_item" | "type_preset_overline" | "root", string>> | undefined;
-    color?: import("../text/text").LiteralUnion<import("@auth0/quantum-tokens").ThemeColorFGTokenName> | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("../styled").SxProps | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "code1" | "code2" | import("@auth0/quantum-tokens").ThemeTypeTokenName | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "ref" | "border" | "color" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "component"> & React.RefAttributes<HTMLAnchorElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
+    classes?: Partial<import("../text").TextClasses>;
+    color?: import("../text/text").LiteralUnion<import("@auth0/quantum-tokens").ThemeColorFGTokenName>;
+    component?: React.ElementType;
+    gutterBottom?: boolean;
+    noWrap?: boolean;
+    paragraph?: boolean;
+    sx?: import("../styled").SxProps;
+    variant?: import("@auth0/quantum-tokens").ThemeTypeTokenName | import("@mui/material").TypographyOwnProps["variant"];
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "ref" | "border" | "color" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "children" | "align" | "bgcolor" | "classes" | "sx" | "variant" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "component"> & React.RefAttributes<HTMLAnchorElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export declare const Content: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../utils/layouts").ILayoutComponentProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | keyof import("../utils/layouts").ILayoutComponentProps> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export declare const Actions: import("styled-components").StyledComponent<"div", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export declare const Icon: import("styled-components").StyledComponent<"div", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
-export declare const Message: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<import("@mui/material").TypographyOwnProps, "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "component" | "as"> & {
-    align?: "center" | "inherit" | "left" | "right" | "justify" | undefined;
+export declare const Message: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<import("@mui/material").TypographyOwnProps, "color" | "as" | "align" | "classes" | "sx" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "component"> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify";
     children?: React.ReactNode;
-    classes?: Partial<Record<"type_code_50" | "type_code_100" | "type_code_200" | "type_code_300" | "type_heading_100" | "type_heading_200" | "type_heading_300" | "type_heading_400" | "type_heading_500" | "type_heading_600" | "type_heading_700" | "type_heading_800" | "type_heading_900" | "type_heading_1000" | "type_body_50" | "type_body_100" | "type_body_200" | "type_body_300" | "type_body_400" | "type_body_500" | "type_body_50_emphasis" | "type_body_50_emphasis_paragraph" | "type_body_100_emphasis" | "type_body_100_emphasis_paragraph" | "type_body_200_emphasis" | "type_body_200_emphasis_paragraph" | "type_body_300_emphasis" | "type_body_300_emphasis_paragraph" | "type_body_400_emphasis" | "type_body_400_emphasis_paragraph" | "type_body_500_emphasis" | "type_preset_page_title" | "type_preset_page_title_compact" | "type_preset_section_title" | "type_preset_section_subtitle" | "type_preset_button" | "type_preset_form_label" | "type_preset_form_text" | "type_preset_caption" | "type_preset_caption_emphasis" | "type_preset_menu_item" | "type_preset_overline" | "root", string>> | undefined;
-    color?: import("../text/text").LiteralUnion<import("@auth0/quantum-tokens").ThemeColorFGTokenName> | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("../styled").SxProps | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "code1" | "code2" | import("@auth0/quantum-tokens").ThemeTypeTokenName | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "ref" | "border" | "color" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "component"> & React.RefAttributes<HTMLAnchorElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
+    classes?: Partial<import("../text").TextClasses>;
+    color?: import("../text/text").LiteralUnion<import("@auth0/quantum-tokens").ThemeColorFGTokenName>;
+    component?: React.ElementType;
+    gutterBottom?: boolean;
+    noWrap?: boolean;
+    paragraph?: boolean;
+    sx?: import("../styled").SxProps;
+    variant?: import("@auth0/quantum-tokens").ThemeTypeTokenName | import("@mui/material").TypographyOwnProps["variant"];
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "ref" | "border" | "color" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "children" | "align" | "bgcolor" | "classes" | "sx" | "variant" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "component"> & React.RefAttributes<HTMLAnchorElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export interface IEmptyStateProps extends Omit<IRowLayoutProps, 'title' | 'classes'> {
     /** Optional sibling breadcrumb content */
     breadcrumbs?: React.ReactNode;

package/empty-state/empty-state.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/esm/app-bar/app-bar-icon-button/app-bar-icon-button.js

@@ -35,5 +35,5 @@ var Root = styled(IconButton, { name: appBarIconButtonName, slot: 'Root' })(func
 });
 export var AppBarIconButton = React.forwardRef(function (props, ref) {
     var color = props.color, className = props.className, active = props.active, _a = props.variant, variant = _a === void 0 ? 'link' : _a, circular = props.circular, _b = props.IconButtonProps, IconButtonProps = _b === void 0 ? {} : _b, children = props.children, rootProps = __rest(props, ["color", "className", "active", "variant", "circular", "IconButtonProps", "children"]);
-    return (React.createElement(Root, __assign({}, { ref: ref }, { className: className, ownerState: { active: active, circular: circular } }, rootProps, { variant: variant, color: "inherit" }, IconButtonProps), children));
+    return (React.createElement(Root, __assign({ ref: ref, className: className, ownerState: { active: active, circular: circular } }, rootProps, { variant: variant, color: "inherit" }, IconButtonProps), children));
 });

package/esm/avatar/avatar.js

@@ -178,5 +178,5 @@ export var Avatar = React.forwardRef(function (props, ref) {
     else {
         children = React.createElement(FallbackIcon, { className: classes.fallbackIcon });
     }
-    return (React.createElement(Root, __assign({}, { ref: ref }, { ownerState: ownerState, className: clsx(classes.root, className) }, rootProps), children));
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: ownerState, className: clsx(classes.root, className) }, rootProps), children));
 });

package/esm/card/card-header/card-header.js

@@ -65,8 +65,8 @@ export var CardHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         }; // No additional styles when noWrap is false
     var subheaderStyles = noWrap
@@ -76,13 +76,13 @@ export var CardHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         };
     return (React.createElement(Root, __assign({ ref: ref, ownerState: { size: size }, classes: {
             action: classes.action,
             avatar: classes.avatar,
             content: classes.content,
-        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary" }, { component: 'p' }, { role: "heading", display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size }, noWrap: noWrap, sx: titleStyles, title: noWrap ? title : '' }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p", noWrap: noWrap, sx: subheaderStyles, title: noWrap ? subheader : '' }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
+        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary", component: 'p', role: "heading", display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size }, noWrap: noWrap, sx: titleStyles, title: noWrap ? title : '' }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p", noWrap: noWrap, sx: subheaderStyles, title: noWrap ? subheader : '' }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
 });

package/esm/card/card.js

@@ -39,7 +39,7 @@ var Root = styled(MuiCard, {
             boxShadow: theme.mixins.borderAsBoxShadow(selectedBorderColor, 1),
             borderColor: selectedBorderColor,
         },
-        '&$disabled': {
+        '&[aria-disabled="true"]': {
             boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_disabled_selected, 2),
             borderColor: 'transparent',
         },
@@ -94,7 +94,7 @@ export var Card = React.forwardRef(function (props, ref) {
     // remove to prevent passing through to the root
     propClasses = props.classes, analyticsId = props.analyticsId, rootProps = __rest(props, ["button", "component", "disabled", "className", "selected", "selectableButton", "size", "classes", "analyticsId"]);
     return (React.createElement(CardContext.Provider, { value: { size: size } },
-        React.createElement(Root, __assign({}, { component: component }, { ownerState: {
+        React.createElement(Root, __assign({ component: component, ownerState: {
                 size: size,
                 disabled: disabled,
                 selectableButton: selectableButton,

package/esm/code/code.js

@@ -37,5 +37,5 @@ var Root = styled(Text, { name: CodeComponentName, slot: 'Root' })(function (_a)
 });
 export var Code = React.forwardRef(function (props, ref) {
     var children = props.children, _a = props.variant, variant = _a === void 0 ? 'code2' : _a, _b = props.noWrap, noWrap = _b === void 0 ? true : _b, textProps = __rest(props, ["children", "variant", "noWrap"]);
-    return (React.createElement(Root, __assign({ ref: ref }, { component: 'span' }, { color: "textSecondary", variant: variant, noWrap: noWrap }, textProps), children));
+    return (React.createElement(Root, __assign({ ref: ref, component: 'span', color: "textSecondary", variant: variant, noWrap: noWrap }, textProps), children));
 });

package/esm/data-table/data-table-row.js

@@ -46,12 +46,14 @@ import { TableCell, TableRow } from '../table';
 import { Box } from '../box';
 var Row = styled(TableRow, { name: 'QuantumDataTableRow', slot: 'row' })(function (_a) {
     var ownerState = _a.ownerState, theme = _a.theme;
-    return (__assign(__assign({}, (ownerState.expandable && {
+    return (__assign(__assign(__assign({}, (ownerState.expandable && {
         '& > *': {
             borderBottom: 'none',
         },
     })), (ownerState.expanded && {
         backgroundColor: fade(theme.tokens.color_bg_interactive_hover, 0.5),
+    })), (ownerState.clickable && {
+        cursor: 'pointer',
     })));
 });
 export var isRenderableColumn = function (column) {
@@ -61,11 +63,20 @@ export function DataTableRow(props) {
     var _a = __read(React.useState(false), 2), isExpanded = _a[0], setIsExpanded = _a[1];
     var item = props.item, index = props.index, columns = props.columns, onRowClick = props.onRowClick, renderItemDetails = props.renderItemDetails, componentRenderer = props.componentRenderer, hover = props.hover, hideHeader = props.hideHeader, rowProps = __rest(props, ["item", "index", "columns", "onRowClick", "renderItemDetails", "componentRenderer", "hover", "hideHeader"]);
     var detailsContent = null;
+    var isClickable = !!onRowClick;
+    // If hover is explicitly passed, respect it. Otherwise, enable hover when clickable.
+    var showHover = hover !== undefined ? hover : isClickable;
     if (renderItemDetails) {
         detailsContent = renderItemDetails(item);
     }
+    var handleRowClick = function (event) {
+        if (onRowClick) {
+            onRowClick(event, { item: item, index: index });
+        }
+    };
+    var rowClickProps = isClickable ? { onClick: handleRowClick } : {};
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, __assign({}, { component: componentRenderer ? componentRenderer(item, index) : 'tr' }, { hover: hover, ownerState: { expandable: !!detailsContent, expanded: isExpanded } }, rowProps),
+        React.createElement(Row, __assign({}, rowProps, { component: componentRenderer ? componentRenderer(item, index) : 'tr', hover: showHover, ownerState: { expandable: !!detailsContent, expanded: isExpanded, clickable: isClickable } }, rowClickProps),
             columns.map(function (column, colIndex) {
                 if (!column) {
                     return null;
@@ -79,7 +90,10 @@ export function DataTableRow(props) {
                 }
                 return hideHeader ? (React.createElement(TableCell, { width: column.width, key: colIndex, align: column.align, padding: column.padding }, content)) : (React.createElement(TableCell, { key: colIndex, align: column.align, padding: column.padding }, content));
             }),
-            !!renderItemDetails && (React.createElement(TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)))))),
+            !!renderItemDetails && (React.createElement(TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(IconButton, { onClick: function (event) {
+                    event.stopPropagation();
+                    setIsExpanded(!isExpanded);
+                }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)))))),
         !!detailsContent && (React.createElement(Row, { ownerState: { expanded: true } },
             React.createElement(TableCell, { padding: "none", colSpan: columns.length + 1 },
                 React.createElement(Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true },

package/esm/data-table/data-table.js

@@ -28,7 +28,7 @@ var isSortableColumn = function (column) {
     return !!column.sortable;
 };
 var DataTableImpl = function (props, ref) {
-    var items = props.items, hover = props.hover, columns = props.columns, onRowClick = props.onRowClick, onSort = props.onSort, sortDirection = props.sortDirection, sortOn = props.sortOn, _a = props.emptyMessage, emptyMessage = _a === void 0 ? 'There are no items to display.' : _a, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, _c = props.hideHeader, hideHeader = _c === void 0 ? false : _c, renderItemDetails = props.renderItemDetails, rowRenderer = props.rowRenderer, _d = props.keyExtractor, keyExtractor = _d === void 0 ? function (_item, index) { return index; } : _d, containerProps = __rest(props, ["items", "hover", "columns", "onRowClick", "onSort", "sortDirection", "sortOn", "emptyMessage", "isLoading", "hideHeader", "renderItemDetails", "rowRenderer", "keyExtractor"]);
+    var items = props.items, hover = props.hover, columns = props.columns, onRowClick = props.onRowClick, onSort = props.onSort, sortDirection = props.sortDirection, sortOn = props.sortOn, _a = props.emptyMessage, emptyMessage = _a === void 0 ? 'There are no items to display.' : _a, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, _c = props.hideHeader, hideHeader = _c === void 0 ? false : _c, renderItemDetails = props.renderItemDetails, rowRenderer = props.rowRenderer, _d = props.keyExtractor, keyExtractor = _d === void 0 ? function (_item, index) { return index; } : _d, getRowProps = props.getRowProps, containerProps = __rest(props, ["items", "hover", "columns", "onRowClick", "onSort", "sortDirection", "sortOn", "emptyMessage", "isLoading", "hideHeader", "renderItemDetails", "rowRenderer", "keyExtractor", "getRowProps"]);
     var showEmptyState = !isLoading && !items.length;
     return (React.createElement(TableContainer, __assign({}, containerProps, { ref: ref }),
         React.createElement(Table, null,
@@ -46,7 +46,8 @@ var DataTableImpl = function (props, ref) {
                     }),
                     !!renderItemDetails && React.createElement(TableCell, null)))),
             React.createElement(TableBody, null, props.items.map(function (item, index) {
-                return (React.createElement(DataTableRow, { hideHeader: hideHeader, hover: hover, columns: columns, key: keyExtractor(item, index), item: item, index: index, componentRenderer: rowRenderer, onRowClick: onRowClick, renderItemDetails: renderItemDetails }));
+                var rowProps = getRowProps ? getRowProps(item, index) : undefined;
+                return (React.createElement(DataTableRow, __assign({ hideHeader: hideHeader, hover: hover, columns: columns, key: keyExtractor(item, index), item: item, index: index, componentRenderer: rowRenderer, onRowClick: onRowClick, renderItemDetails: renderItemDetails }, rowProps)));
             }))),
         isLoading && React.createElement(TableLoadingState, { items: items }),
         showEmptyState && (React.createElement(TableEmptyState, null,

package/esm/date-picker/date-picker-popover.js

@@ -76,7 +76,7 @@ var Content = styled(Card, { name: datePickerPopoverComponentName, slot: 'Conten
                 : 'auto'
             : ownerState.showTwoMonths
                 ? theme.typography.pxToRem(514) // Width for two months calendar view
-                : theme.typography.pxToRem(256),
+                : theme.typography.pxToRem(256), // Width for single month calendar view
         WebkitOverflowScrolling: 'touch',
         padding: theme.spacing(1),
         border: "1px solid ".concat(theme.tokens.color_border_default),

package/esm/dropdown-menu/dropdown-menu-list/dropdown-menu-list.js

@@ -42,5 +42,5 @@ export var DropdownMenuList = React.forwardRef(function (props, ref) {
             return React.createElement(DropdownMenuListItem, __assign({ key: index }, itemProps));
         })
         : children;
-    return (React.createElement(Root, __assign({}, { component: 'div' }, { "aria-orientation": "vertical", disablePadding: true, autoFocus: true, ref: ref }, rootProps), content));
+    return (React.createElement(Root, __assign({ component: 'div', "aria-orientation": "vertical", disablePadding: true, autoFocus: true, ref: ref }, rootProps), content));
 });

package/esm/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item.js

@@ -70,7 +70,6 @@ var Root = styled(MenuItem, { name: dropdownMenuListItemComponentName, slot: 'Ro
             backgroundColor: theme.tokens.color_bg_link_danger_hover,
         },
         _b['&:focus:not(:active)'] = __assign({ backgroundColor: 'transparent' }, theme.mixins.focusRing({ color: theme.tokens.color_border_focus_state_danger })),
-        _b['&:$disabled'] = {},
         _b))), (ownerState.selected && (_c = {},
         _c["& .".concat(dropdownMenuListItemClasses.selected)] = {},
         _c))), (ownerState.disabled && (_d = {},

package/esm/form/form.js

@@ -30,5 +30,5 @@ export var Form = React.forwardRef(function (props, ref) {
             onSubmit(e);
         }
     };
-    return (React.createElement(FormLayout, __assign({ ref: ref }, { noValidate: true }, rootProps, { as: "form", onSubmit: onSubmit ? handleSubmit : undefined }), children));
+    return (React.createElement(FormLayout, __assign({ ref: ref, noValidate: true }, rootProps, { as: "form", onSubmit: onSubmit ? handleSubmit : undefined }), children));
 });

package/esm/link/link.js

@@ -78,17 +78,17 @@ var Root = styled(Text, { name: linkComponentName, slot: 'Root' })(function (_a)
         position: 'relative',
         // pulled from MUI: https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Link/Link.js#L63-L85
         WebkitTapHighlightColor: 'transparent',
-        backgroundColor: 'transparent',
+        backgroundColor: 'transparent', // Reset default value
         // We disable the focus ring for mouse, touch and keyboard users.
         outline: 0,
         border: 0,
-        margin: 0,
+        margin: 0, // Remove the margin in Safari
         borderRadius: 0,
-        padding: 0,
+        padding: 0, // Remove the padding in Firefox
         cursor: 'pointer',
         userSelect: 'none',
-        MozAppearance: 'none',
-        WebkitAppearance: 'none',
+        MozAppearance: 'none', // Reset
+        WebkitAppearance: 'none', // Reset
         '&::-moz-focus-inner': {
             borderStyle: 'none', // Remove Firefox dotted outline.
         },

package/esm/panel/panel-header/panel-header.js

@@ -61,8 +61,8 @@ export var PanelHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         };
     return (React.createElement(Root, __assign({ className: clsx(classes.root, className), ownerState: { isCloseButtonVisible: panelContext.isCloseButtonVisible }, ref: ref }, rootProps),

package/esm/selectable-card/selectable-card.js

@@ -67,7 +67,7 @@ export var SelectableCard = React.forwardRef(function (props, ref) {
     var content = children || React.createElement(CardHeader, { avatar: avatar, title: title, subheader: description, noWrap: noWrap });
     var Control = type === 'radio' ? ControlRadio : ControlCheckbox;
     var control = (React.createElement(Control, __assign({ value: value, inputRef: inputRef, onChange: onChange, disabled: disabled, className: type === 'radio' ? classes.controlRadio : classes.controlCheckbox, ownerState: { hidden: hideControl }, checked: checked }, (type === 'radio' ? RadioProps : CheckboxProps))));
-    return (React.createElement(Root, __assign({}, { ref: ref }, { size: size, selected: checked, disabled: disabled, button: true, className: clsx(classes.root, className), component: "label" }, rootProps),
+    return (React.createElement(Root, __assign({ ref: ref, size: size, selected: checked, disabled: disabled, button: true, className: clsx(classes.root, className), component: "label" }, rootProps),
         controlPlacement === 'start' && control,
         React.createElement(Content, null, content),
         controlPlacement === 'end' && control));

package/esm/sidebar/sidebar-menu/sidebar-menu.js

@@ -95,7 +95,7 @@ export function SidebarMenuImpl(props, ref) {
             sidebarCtx.onCollapseChange();
         }
     };
-    return (React.createElement(Root, __assign({}, rootProps, { id: id, ref: ref }, { component: 'button' }, { className: clsx(classes.root, className), "aria-current": undefined, onClick: handleExpandChange, titleId: titleId, endIcon: React.createElement(Icon, { ownerState: { expanded: isExpandedFinal }, className: clsx(classes.icon, isExpandedFinal && classes.iconExpanded) }), shouldCollapseSidebarOnClick: false, "aria-expanded": isExpandedFinal, "aria-controls": accordionId }),
+    return (React.createElement(Root, __assign({}, rootProps, { id: id, ref: ref, component: 'button', className: clsx(classes.root, className), "aria-current": undefined, onClick: handleExpandChange, titleId: titleId, endIcon: React.createElement(Icon, { ownerState: { expanded: isExpandedFinal }, className: clsx(classes.icon, isExpandedFinal && classes.iconExpanded) }), shouldCollapseSidebarOnClick: false, "aria-expanded": isExpandedFinal, "aria-controls": accordionId }),
         React.createElement(Collapse, { in: isExpandedFinal },
             React.createElement("div", { className: classes.region, role: "region", id: accordionId, "aria-labelledby": titleId },
                 React.createElement(Items, { className: classes.items }, items

package/esm/switch/switch.js

@@ -37,7 +37,7 @@ var StyledFormControlLabel = styled(BaseFormControlLabel, {
     var theme = _a.theme, noWrap = _a.noWrap, labelPlacement = _a.labelPlacement;
     return __assign((_b = { paddingLeft: 0, paddingTop: 0, paddingBottom: 0, marginLeft: 0 }, _b["& .".concat(formControlLabelClasses.container)] = {
         lineHeight: theme.typography.pxToRem(SwitchHeight),
-        minWidth: noWrap ? 0 : undefined,
+        minWidth: noWrap ? 0 : undefined, // prevents overflow of parent flex container
         marginLeft: theme.spacing(2),
         '& > *:first-of-type': {
             marginLeft: 0,

package/esm/tabs/tab/tab.js

@@ -35,8 +35,8 @@ var AvailabilityLabel = styled(Label)(function (_a) {
 var LabelContainer = styled('div')(function (_a) {
     var width = _a.width, maxWidth = _a.maxWidth;
     return ({
-        width: width || 'auto',
-        maxWidth: maxWidth || 'none',
+        width: width || 'auto', // Use width from props or fallback to auto
+        maxWidth: maxWidth || 'none', // Use maxWidth from props or fallback to none
         overflow: 'hidden',
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis',

package/esm/text/text.js

@@ -89,5 +89,5 @@ export var Text = React.forwardRef(function (props, ref) {
     var variant = props.variant, propClasses = props.classes, propComponent = props.component, className = props.className, sx = props.sx, rootProps = __rest(props, ["variant", "classes", "component", "className", "sx"]);
     var classes = useUtilityClasses(variant, propClasses);
     var component = propComponent || getComponentForVariant({ variant: variant });
-    return (React.createElement(Root, __assign({ ref: ref, variant: variant, className: clsx([classes.root, className]) }, { component: component }, { sx: sx }, rootProps)));
+    return (React.createElement(Root, __assign({ ref: ref, variant: variant, className: clsx([classes.root, className]), component: component, sx: sx }, rootProps)));
 });

package/expansion-panel/expansion-panel-header.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import { ICardHeaderProps } from '../card';
 export type IExpansionPanelHeaderProps = ICardHeaderProps;
 export declare const ExpansionPanelHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<import("../card").ICardContextValue> & {
-    action?: import("react").ReactNode;
-    avatar?: import("react").ReactNode;
-    classes?: Partial<Record<"title" | "action" | "content" | "root" | "avatar" | "subheader", string>> | undefined;
-    disableTypography?: boolean | undefined;
-    subheader?: import("react").ReactNode;
-    subheaderTypographyProps?: import("..").ITextProps<any> | undefined;
-    title?: import("react").ReactNode;
-    titleTypographyProps?: import("..").ITextProps<any> | undefined;
-    noWrap?: boolean | undefined;
+    action?: React.ReactNode;
+    avatar?: React.ReactNode;
+    classes?: Partial<import("../card/card-header/card-header-classes").CardHeaderClasses>;
+    disableTypography?: boolean;
+    subheader?: React.ReactNode;
+    subheaderTypographyProps?: import("..").ITextProps<any>;
+    title?: React.ReactNode;
+    titleTypographyProps?: import("..").ITextProps<any>;
+    noWrap?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "action" | "size" | "classes" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "noWrap"> & import("../styled").IStyledCommonProps & import("react").RefAttributes<HTMLDivElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;

package/expansion-panel/expansion-panel-summary.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionPanelSummary = void 0;
 var React = __importStar(require("react"));

package/expansion-panel/expansion-panel.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionPanel = void 0;
 var Accordion_1 = __importStar(require("@mui/material/Accordion"));

package/field-set/field-set-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldSetClasses = exports.getFieldSetUtilityClass = exports.fieldSetComponentName = void 0;
+exports.fieldSetClasses = exports.fieldSetComponentName = void 0;
+exports.getFieldSetUtilityClass = getFieldSetUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.fieldSetComponentName = 'QuantumFieldSet';
 function getFieldSetUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.fieldSetComponentName, slot);
 }
-exports.getFieldSetUtilityClass = getFieldSetUtilityClass;
 exports.fieldSetClasses = (0, classes_1.generateUtilityClasses)(exports.fieldSetComponentName, [
     'root',
     'labelContent',

package/field-set/field-set.d.ts

@@ -21,9 +21,9 @@ export declare const FieldSet: React.ForwardRefExoticComponent<Pick<IFormLayoutP
     label?: React.ReactNode;
     description?: React.ReactNode;
     /** specifies the spacing between the fields */
-    margin?: "default" | "dense" | undefined;
+    margin?: "default" | "dense";
     /**
      * Override or extend the styles applied to the component.
      */
-    classes?: Partial<Record<"root" | "availabilityLabel" | "labelContent" | "labelText" | "descriptionText" | "contentWrapper", string>> | undefined;
+    classes?: Partial<FieldSetClasses>;
 } & Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "label" | "ref" | "layout" | "margin" | "classes" | "productReleaseStage" | "description"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLFieldSetElement>>;

package/field-set/field-set.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/floating-panel/floating-panel.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/form/form-actions/form-actions-classes.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formActionsClasses = exports.getFormActionsUtilityClass = exports.formActionsComponentName = void 0;
+exports.formActionsClasses = exports.formActionsComponentName = void 0;
+exports.getFormActionsUtilityClass = getFormActionsUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.formActionsComponentName = 'QuantumFormActions';
 function getFormActionsUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.formActionsComponentName, slot);
 }
-exports.getFormActionsUtilityClass = getFormActionsUtilityClass;
 exports.formActionsClasses = (0, classes_1.generateUtilityClasses)(exports.formActionsComponentName, ['root', 'actions']);