@auth0/quantum-product 2.8.2 → 2.9.0

package/label/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 __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/link/link-classes.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.linkClasses = exports.getLinkUtilityClass = exports.linkComponentName = void 0;
+exports.linkClasses = exports.linkComponentName = void 0;
+exports.getLinkUtilityClass = getLinkUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.linkComponentName = 'QuantumLink';
 function getLinkUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.linkComponentName, slot);
 }
-exports.getLinkUtilityClass = getLinkUtilityClass;
 exports.linkClasses = (0, classes_1.generateUtilityClasses)(exports.linkComponentName, ['root', 'icon', 'startIcon', 'endIcon']);

package/link/link.d.ts

@@ -59,4 +59,4 @@ export interface IExtendLinkTypeMap<M extends OverridableTypeMap> {
 }
 export type ExtendLink<M extends OverridableTypeMap> = ((props: OverrideProps<IExtendLinkTypeMap<M>, 'a'>) => JSX.Element) & OverridableComponent<IExtendLinkTypeMap<M>>;
 export type ILinkProps<D extends React.ElementType = ILinkTypeMap['defaultComponent'], P = {}> = OverrideProps<ILinkTypeMap<P, D>, D>;
-export declare const Link: OverridableComponent<ILinkTypeMap<{}, "a">>;
+export declare const Link: OverridableComponent<ILinkTypeMap>;

package/link/link.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)
@@ -107,17 +117,17 @@ var Root = (0, styled_1.styled)(text_1.Text, { name: link_classes_1.linkComponen
         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/list/list-item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListItemProps } from '@mui/material/ListItem';
 export interface IListItemProps extends Omit<ListItemProps, 'button'> {
     /**
@@ -11,4 +10,4 @@ export interface IListItemProps extends Omit<ListItemProps, 'button'> {
     button?: boolean;
     component?: React.ElementType;
 }
-export declare const ListItem: import("react").ForwardRefExoticComponent<IListItemProps>;
+export declare const ListItem: React.ForwardRefExoticComponent<IListItemProps>;

package/logo/logo-classes.js

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

package/logo/logo.d.ts

@@ -14,9 +14,9 @@ export type ILogoProps = IStyledComponentProps<{
     defaultComponent: 'div';
 }>;
 export declare const Logo: React.ForwardRefExoticComponent<{
-    color?: "light" | "dark" | "default" | "white" | "decorative" | undefined;
-    size?: "small" | "medium" | "xsmall" | undefined;
-    classes?: Partial<Record<"svg" | "root", string>> | undefined;
+    color?: "default" | "dark" | "light" | "white" | "decorative";
+    size?: "xsmall" | "small" | "medium";
+    classes?: Partial<LogoClasses>;
     /** allows loading external logos */
-    iconSrc?: string | undefined;
+    iconSrc?: string;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "color" | "size" | "classes" | "iconSrc"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/logo/logo.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {
@@ -28,8 +28,8 @@
     "artifactory": "cd ./build && npm publish",
     "build-storybook": "storybook build",
     "build": "yarn clean && yarn build:cjs && yarn build:esm && yarn copy:files",
-    "build:cjs": "tsc --project ./tsconfig.publish.json",
-    "build:esm": "tsc --project ./tsconfig.publish.esm.json",
+    "build:cjs": "node --max-old-space-size=8192 ../../node_modules/.bin/tsc --project ./tsconfig.publish.json",
+    "build:esm": "node --max-old-space-size=8192 ../../node_modules/.bin/tsc --project ./tsconfig.publish.esm.json",
     "identicons": "rm -rf src/identicons/icons && yarn svgr --config-file .svgr.identicon.js -d src/identicons/icons src/identicons/svg",
     "illustrations": "rm -rf src/illustrations/components && yarn svgr --config-file .svgr.illustration.js -d src/illustrations/components src/illustrations/svg",
     "clean": "rm -rf ./build",

package/page/page-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.usePageContext = exports.PageContext = exports.defaultCompactSize = exports.defaultPageSize = void 0;
 var React = __importStar(require("react"));

package/page/page-header/page-header-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pageHeaderClasses = exports.getPageHeaderUtilityClass = exports.pageHeaderComponentName = void 0;
+exports.pageHeaderClasses = exports.pageHeaderComponentName = void 0;
+exports.getPageHeaderUtilityClass = getPageHeaderUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.pageHeaderComponentName = 'QuantumPageHeader';
 function getPageHeaderUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.pageHeaderComponentName, slot);
 }
-exports.getPageHeaderUtilityClass = getPageHeaderUtilityClass;
 exports.pageHeaderClasses = (0, classes_1.generateUtilityClasses)(exports.pageHeaderComponentName, [
     'root',
     'actions',

package/page/page-header/page-header.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/page/page.d.ts

@@ -9,6 +9,6 @@ export type IPageProps = IStyledComponentProps<{
     defaultComponent: 'div';
 }>;
 export declare const Page: React.ForwardRefExoticComponent<{
-    fullWidth?: boolean | undefined;
-    compact?: boolean | undefined;
+    fullWidth?: boolean;
+    compact?: boolean;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "compact" | "fullWidth"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/page/page.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/pagination/checkpoint-pagination/CheckpointPagination.d.ts

@@ -20,9 +20,9 @@ export declare const CheckpointPagination: React.ForwardRefExoticComponent<{
     hasMore: boolean;
     hasPrevious: boolean;
     onNext: (newCursor: string) => void;
-    onPrevious?: ((previousCursor: string) => void) | undefined;
-    classes?: Partial<Record<"root" | "previousButton" | "nextButton", string>> | undefined;
-    nextButtonLabel?: string | undefined;
-    previousButtonLabel?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    onPrevious?: (previousCursor: string) => void;
+    classes?: Partial<CheckpointPaginationClasses>;
+    nextButtonLabel?: string;
+    previousButtonLabel?: string;
+    size?: "small" | "medium" | "large";
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "size" | "cursor" | "classes" | "previousButtonLabel" | "nextButtonLabel" | "hasMore" | "hasPrevious" | "onNext" | "onPrevious"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/pagination/checkpoint-pagination/CheckpointPagination.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/pagination/checkpoint-pagination/checkpoint-pagination-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkpointPaginationClasses = exports.getCheckpointPaginationUtilityClass = exports.checkpointPaginationComponentName = void 0;
+exports.checkpointPaginationClasses = exports.checkpointPaginationComponentName = void 0;
+exports.getCheckpointPaginationUtilityClass = getCheckpointPaginationUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.checkpointPaginationComponentName = 'QuantumCheckpointPagination';
 function getCheckpointPaginationUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.checkpointPaginationComponentName, slot);
 }
-exports.getCheckpointPaginationUtilityClass = getCheckpointPaginationUtilityClass;
 exports.checkpointPaginationClasses = (0, classes_1.generateUtilityClasses)(exports.checkpointPaginationComponentName, [
     'root',
     'previousButton',

package/pagination/pager/pager-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pagerClasses = exports.getPagerUtilityClass = exports.pagerComponentName = void 0;
+exports.pagerClasses = exports.pagerComponentName = void 0;
+exports.getPagerUtilityClass = getPagerUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.pagerComponentName = 'QuantumPager';
 function getPagerUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.pagerComponentName, slot);
 }
-exports.getPagerUtilityClass = getPagerUtilityClass;
 exports.pagerClasses = (0, classes_1.generateUtilityClasses)(exports.pagerComponentName, [
     'root',
     'previousPageButton',

package/pagination/pager/pager.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/pagination/pagination-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.paginationClasses = exports.getPaginationUtilityClass = exports.paginationComponentName = void 0;
+exports.paginationClasses = exports.paginationComponentName = void 0;
+exports.getPaginationUtilityClass = getPaginationUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.paginationComponentName = 'QuantumPagination';
 function getPaginationUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.paginationComponentName, slot);
 }
-exports.getPaginationUtilityClass = getPaginationUtilityClass;
 exports.paginationClasses = (0, classes_1.generateUtilityClasses)(exports.paginationComponentName, [
     'root',
     'pageSelect',

package/pagination/pagination.d.ts

@@ -19,13 +19,13 @@ export type IPaginationProps = IStyledComponentProps<{
 }>;
 export declare const Pagination: React.ForwardRefExoticComponent<{
     items: number;
-    showPageSelection?: boolean | undefined;
+    showPageSelection?: boolean;
     page: number;
     perPage: number;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     onPageChanged(page: number): void;
-    PagerProps?: Partial<IPagerProps> | undefined;
-    classes?: Partial<Record<"root" | "pageSelect" | "pageLabelText" | "pager", string>> | undefined;
-    nextButtonLabel?: string | undefined;
-    previousButtonLabel?: string | undefined;
+    PagerProps?: Partial<IPagerProps>;
+    classes?: Partial<PaginationClasses>;
+    nextButtonLabel?: string;
+    previousButtonLabel?: string;
 } & Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref" | "disabled" | "page" | "classes" | "items" | "previousButtonLabel" | "nextButtonLabel" | "showPageSelection" | "perPage" | "onPageChanged" | "PagerProps"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLFieldSetElement>>;

package/pagination/pagination.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/panel/panel/panel-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.panelClasses = exports.getPanelUtilityClass = exports.panelComponentName = void 0;
+exports.panelClasses = exports.panelComponentName = void 0;
+exports.getPanelUtilityClass = getPanelUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.panelComponentName = 'QuantumPanel';
 function getPanelUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.panelComponentName, slot);
 }
-exports.getPanelUtilityClass = getPanelUtilityClass;
 exports.panelClasses = (0, classes_1.generateUtilityClasses)(exports.panelComponentName, [
     'root',
     'content',

package/panel/panel/panel.d.ts

@@ -30,10 +30,10 @@ export declare const Panel: React.ForwardRefExoticComponent<Partial<IPanelOwnerS
     /** Main content. Recommended content is PanelHeader, PanelBody, and PanelFooter. */
     children?: React.ReactNode;
     /** Event fired when panel tries to close. */
-    onClose?(event: React.MouseEvent<HTMLButtonElement>, reason: 'closeButtonClick'): void;
+    onClose?(event: React.MouseEvent<HTMLButtonElement>, reason: "closeButtonClick"): void;
     /** convenience prop for rendering the label for close button with a Panel component */
-    closeButtonLabel?: string | undefined;
-    classes?: Partial<Record<"fixed" | "content" | "open" | "root" | "sizeSmall" | "sizeMedium" | "sizeLarge" | "closeButton" | "variantFloating" | "variantPersistent" | "variantPermanent" | "sizeXLarge" | "placementStart" | "placementEnd", string>> | undefined;
-    closeIconButtonProps?: Partial<IIconButtonProps<"button", {}>> | undefined;
-    PanelHeaderProps?: Partial<IPanelHeaderProps> | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "size" | "classes" | "children" | "variant" | "onClose" | "placement" | "offsetTop" | "closeButtonLabel" | "isOpen" | "isFixed" | "closeIconButtonProps" | "PanelHeaderProps"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;
+    closeButtonLabel?: string;
+    classes?: Partial<PanelClasses>;
+    closeIconButtonProps?: Partial<IIconButtonProps>;
+    PanelHeaderProps?: Partial<IPanelHeaderProps>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "size" | "children" | "onClose" | "classes" | "variant" | "placement" | "closeButtonLabel" | "isOpen" | "isFixed" | "offsetTop" | "closeIconButtonProps" | "PanelHeaderProps"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/panel/panel/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/panel/panel-body/panel-body.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)