@auth0/quantum-product 2.8.1 → 2.8.3

package/stepper/step-label/step-label.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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/styles/classes.js

@@ -26,15 +26,26 @@ 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.useMergedClasses = exports.composeClasses = exports.generateUtilityClasses = exports.generateUtilityClass = void 0;
+exports.composeClasses = exports.generateUtilityClasses = exports.generateUtilityClass = void 0;
+exports.useMergedClasses = useMergedClasses;
 var composeClasses_1 = require("@mui/base/composeClasses");
 Object.defineProperty(exports, "composeClasses", { enumerable: true, get: function () { return composeClasses_1.unstable_composeClasses; } });
 var React = __importStar(require("react"));
@@ -52,4 +63,3 @@ function useMergedClasses(allClasses, getUtilityClass, propClasses) {
     }, [allClasses]);
     return (0, composeClasses_1.unstable_composeClasses)(slotMap, getUtilityClass, propClasses);
 }
-exports.useMergedClasses = useMergedClasses;

package/svg-icon/svg-icon.d.ts

@@ -13,5 +13,5 @@ export declare const SvgIcon: React.ForwardRefExoticComponent<{
     /** Shortcut prop for height and width.
      * @default "1em"
      */
-    size?: string | number | undefined;
+    size?: number | string;
 } & Omit<React.SVGProps<SVGSVGElement>, "ref" | "size"> & import("../styled").IStyledCommonProps & React.RefAttributes<SVGSVGElement>>;

package/svg-icon/svg-icon.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/switch/switch-classes.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.switchClasses = exports.getSwitchUtilityClass = exports.switchComponentName = void 0;
+exports.switchClasses = exports.switchComponentName = void 0;
+exports.getSwitchUtilityClass = getSwitchUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.switchComponentName = 'QuantumSwitch';
 function getSwitchUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.switchComponentName, slot);
 }
-exports.getSwitchUtilityClass = getSwitchUtilityClass;
 exports.switchClasses = (0, classes_1.generateUtilityClasses)(exports.switchComponentName, ['switch', 'formControlLabel']);

package/switch/switch-field/switch-field.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/switch/switch.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)
@@ -66,7 +76,7 @@ var StyledFormControlLabel = (0, styled_1.styled)(form_1.FormControlLabel, {
     var theme = _a.theme, noWrap = _a.noWrap, labelPlacement = _a.labelPlacement;
     return __assign((_b = { paddingLeft: 0, paddingTop: 0, paddingBottom: 0, marginLeft: 0 }, _b["& .".concat(form_1.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/table/table-loading-state/table-loading-state-classes.js

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

package/table/table-loading-state/table-loading-state.d.ts

@@ -9,6 +9,6 @@ export type ITableLoadingStateProps = IStyledComponentProps<{
     defaultComponent: 'div';
 }>;
 export declare const TableLoadingState: React.ForwardRefExoticComponent<{
-    items?: any[] | undefined;
-    classes?: Partial<Record<"spinner" | "root", string>> | undefined;
+    items?: any[];
+    classes?: Partial<TableLoadingStateClasses>;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "classes" | "items"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/table/table-loading-state/table-loading-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/table/table-sort-label/index.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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/tabs/tab/tab.d.ts

@@ -6,5 +6,5 @@ type ITabTypeMap<ExtraPropsType = {}, DefaultElementType extends React.ElementTy
     analyticsId?: string;
 }, DefaultElementType>;
 export type ITabProps<D extends React.ElementType = ITabTypeMap['defaultComponent'], P = {}> = OverrideProps<ITabTypeMap<P, D>, D>;
-export declare const Tab: OverridableComponent<ITabTypeMap<{}, "div">>;
+export declare const Tab: OverridableComponent<ITabTypeMap>;
 export {};

package/tabs/tab/tab.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)
@@ -64,8 +74,8 @@ var AvailabilityLabel = (0, styled_1.styled)(label_1.Label)(function (_a) {
 var LabelContainer = (0, styled_1.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/tabs/tab-list/tab-list.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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/tabs/tab-panel/tab-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/tabs/tabs-context.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.useTabsContext = exports.TabsContext = void 0;
 var React = __importStar(require("react"));

package/tabs/tabs.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.Tabs = void 0;
 var React = __importStar(require("react"));

package/text/text-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.textClasses = exports.getTextUtilityClass = exports.textComponentName = void 0;
+exports.textClasses = exports.textComponentName = void 0;
+exports.getTextUtilityClass = getTextUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.textComponentName = 'QuantumText';
 function getTextUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.textComponentName, slot);
 }
-exports.getTextUtilityClass = getTextUtilityClass;
 exports.textClasses = (0, classes_1.generateUtilityClasses)(exports.textComponentName, [
     'root',
     'type_code_50',

package/text/text-overrides.d.ts

@@ -1,2 +1,2 @@
 import { TypographyProps } from '@mui/material/Typography';
-export declare const createMuiTypographyOverrides: import("../theme/create-component-overrides").ComponentOverrideCreator<TypographyProps<"span", {}>, keyof import("@mui/material/Typography").TypographyClasses>;
+export declare const createMuiTypographyOverrides: import("../theme/create-component-overrides").ComponentOverrideCreator<TypographyProps, keyof import("@mui/material/Typography").TypographyClasses>;

package/text/text.d.ts

@@ -55,12 +55,12 @@ export type ITextProps<RootComponent extends React.ElementType = 'span'> = Defau
     defaultComponent: RootComponent;
 }>;
 export declare const textVariantMapping: Partial<Record<ThemeTypeTokenName, React.ElementType>>;
-export declare const Text: React.ForwardRefExoticComponent<Omit<TypographyOwnProps, "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "component" | "as"> & {
+export declare const Text: React.ForwardRefExoticComponent<Omit<TypographyOwnProps, "color" | "as" | "align" | "classes" | "sx" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "component"> & {
     /**
      * Set the text-align on the component.
      * @default 'inherit'
      */
-    align?: "center" | "inherit" | "left" | "right" | "justify" | undefined;
+    align?: "inherit" | "left" | "center" | "right" | "justify";
     /**
      * The content of the component.
      */
@@ -68,21 +68,21 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<TypographyOwnPro
     /**
      * Override or extend the styles applied to the component.
      */
-    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;
+    classes?: Partial<TextClasses>;
     /**
      * The color of the text. Only foreground tokens are supported.
      */
-    color?: LiteralUnion<ThemeColorFGTokenName> | undefined;
+    color?: LiteralUnion<ThemeColorFGTokenName>;
     /**
      * The component used for the root node.
      * Either a string to use a HTML element or a component.
      */
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    component?: React.ElementType;
     /**
      * If `true`, the text will have a bottom margin.
      * @default false
      */
-    gutterBottom?: boolean | undefined;
+    gutterBottom?: boolean;
     /**
      * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
      *
@@ -90,15 +90,15 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<TypographyOwnPro
      * (the element needs to have a width in order to overflow).
      * @default false
      */
-    noWrap?: boolean | undefined;
+    noWrap?: boolean;
     /**
      * If `true`, the element will be a paragraph element.
      * @default false
      */
-    paragraph?: boolean | undefined;
-    sx?: SxProps | undefined;
+    paragraph?: boolean;
+    sx?: SxProps;
     /**
      * The color of the text. Only foreground tokens are supported.
      */
-    variant?: ThemeTypeTokenName | 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" | "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>>;
+    variant?: ThemeTypeTokenName | 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>>;

package/text/text.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)
@@ -118,5 +128,5 @@ exports.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: (0, clsx_1.default)([classes.root, className]) }, { component: component }, { sx: sx }, rootProps)));
+    return (React.createElement(Root, __assign({ ref: ref, variant: variant, className: (0, clsx_1.default)([classes.root, className]), component: component, sx: sx }, rootProps)));
 });