@auth0/quantum-product 1.5.1

package/tabs/tab-panel/tab-panel.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = void 0;
+var React = __importStar(require("react"));
+var tabs_context_1 = require("../tabs-context");
+var styled_1 = require("../../styled");
+var Root = (0, styled_1.styled)('div')({});
+var TabPanel = function (_a) {
+    var value = _a.value, children = _a.children, rootProps = __rest(_a, ["value", "children"]);
+    var _b = (0, tabs_context_1.useTabsContext)(), getTabPanelProps = _b.getTabPanelProps, isLazy = _b.isLazy, activeTabValue = _b.value;
+    var isActive = activeTabValue === value;
+    var shouldRenderChildren = !isLazy || isActive;
+    return (React.createElement(Root, __assign({}, rootProps, getTabPanelProps(value)), shouldRenderChildren && children));
+};
+exports.TabPanel = TabPanel;

package/tabs/tabs-context.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ITabsContextValue {
+    value?: any;
+    isLazy?: boolean;
+    fullWidth?: boolean;
+    onChange?(value: any): void;
+    getTabPanelProps(value: any): Pick<React.HTMLAttributes<any>, 'id' | 'role' | 'hidden' | 'aria-labelledby'>;
+    getTabProps(value: any): Pick<React.HTMLAttributes<any>, 'id' | 'aria-controls'>;
+}
+export declare const TabsContext: React.Context<ITabsContextValue>;
+export declare const useTabsContext: () => ITabsContextValue;

package/tabs/tabs-context.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsContext = exports.TabsContext = void 0;
+var React = __importStar(require("react"));
+exports.TabsContext = React.createContext({
+    value: 0,
+    isLazy: true,
+    fullWidth: false,
+    onChange: function () {
+        // ..
+    },
+    getTabPanelProps: function () {
+        return {};
+    },
+    getTabProps: function () {
+        return {};
+    },
+});
+var useTabsContext = function () { return React.useContext(exports.TabsContext); };
+exports.useTabsContext = useTabsContext;

package/tabs/tabs-overrides.d.ts

@@ -0,0 +1,3 @@
+import type { TabsProps, TabsClassKey } from '@mui/material/Tabs';
+import type { ComponentOverrideCreator } from '../theme/create-component-overrides';
+export declare const createMuiTabsOverrides: ComponentOverrideCreator<TabsProps, TabsClassKey>;

package/tabs/tabs-overrides.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMuiTabsOverrides = void 0;
+var createMuiTabsOverrides = function (_a) {
+    var tokens = _a.tokens;
+    return {
+        defaultProps: {
+            indicatorColor: 'primary',
+            textColor: 'primary',
+        },
+        styleOverrides: {
+            indicator: {
+                backgroundColor: tokens.color_border_selected,
+            },
+            flexContainer: {
+                display: 'block',
+            },
+            scroller: {
+                borderBottom: "1px solid ".concat(tokens.color_border_default),
+            },
+        },
+    };
+};
+exports.createMuiTabsOverrides = createMuiTabsOverrides;

package/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ITabsContextValue } from './tabs-context';
+export interface ITabsProps extends Pick<ITabsContextValue, 'onChange' | 'value' | 'isLazy'> {
+    baseId: string;
+    fullWidth?: boolean;
+}
+export declare const Tabs: React.FC<ITabsProps>;

package/tabs/tabs.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+var React = __importStar(require("react"));
+var tabs_context_1 = require("./tabs-context");
+var Tabs = function (_a) {
+    var baseId = _a.baseId, fullWidth = _a.fullWidth, onChange = _a.onChange, selectedValue = _a.value, isLazy = _a.isLazy, children = _a.children;
+    var getTabPanelId = function (value) { return "".concat(baseId, "-tabpanel-").concat(value); };
+    var getTabId = function (value) { return "".concat(baseId, "-tab-").concat(value); };
+    var getTabProps = function (value) {
+        return {
+            id: getTabId(value),
+            'aria-controls': getTabPanelId(value),
+        };
+    };
+    var getTabPanelProps = function (value) {
+        return {
+            role: 'tabpanel',
+            hidden: selectedValue !== value,
+            id: getTabPanelId(value),
+            'aria-labelledby': getTabId(value),
+        };
+    };
+    var ctxValue = React.useMemo(function () { return ({
+        onChange: onChange,
+        getTabProps: getTabProps,
+        getTabPanelProps: getTabPanelProps,
+        value: selectedValue,
+        isLazy: isLazy,
+        fullWidth: fullWidth,
+    }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedValue, baseId, onChange, isLazy, fullWidth]);
+    return React.createElement(tabs_context_1.TabsContext.Provider, { value: ctxValue }, children);
+};
+exports.Tabs = Tabs;

package/text/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { typographyClasses, TypographyTypeMap } from '@mui/material/Typography';
+import { OverridableComponent, OverrideProps } from '../overridable-component';
+export { typographyClasses };
+export declare type ITextProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = OverrideProps<TypographyTypeMap<P, D>, D>;
+export declare const Text: OverridableComponent<TypographyTypeMap<{}, "span">>;

package/text/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.typographyClasses = void 0;
+var Typography_1 = __importStar(require("@mui/material/Typography"));
+Object.defineProperty(exports, "typographyClasses", { enumerable: true, get: function () { return Typography_1.typographyClasses; } });
+exports.Text = Typography_1.default;

package/text/text-overrides.d.ts

@@ -0,0 +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>;

package/text/text-overrides.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMuiTypographyOverrides = void 0;
+var create_component_overrides_1 = require("../theme/create-component-overrides");
+exports.createMuiTypographyOverrides = (0, create_component_overrides_1.createComponentOverrides)(function (_a) {
+    var typography = _a.typography;
+    return ({
+        defaultProps: {
+            variant: 'body2',
+        },
+        variants: [
+            {
+                props: { variant: 'code1' },
+                style: __assign({}, typography.code1),
+            },
+            {
+                props: { variant: 'code2' },
+                style: __assign({}, typography.code2),
+            },
+        ],
+    });
+});

package/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField } from './text-field';
+export type { ITextFieldProps } from './text-field';

package/text-field/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var text_field_1 = require("./text-field");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return text_field_1.TextField; } });

package/text-field/text-field-overrides.d.ts

@@ -0,0 +1,3 @@
+import type { TextFieldProps, TextFieldClassKey } from '@mui/material/TextField';
+import type { ComponentOverrideCreator } from '../theme/create-component-overrides';
+export declare const createMuiTextFieldOverrides: ComponentOverrideCreator<TextFieldProps, TextFieldClassKey>;

package/text-field/text-field-overrides.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMuiTextFieldOverrides = void 0;
+var createMuiTextFieldOverrides = function () {
+    return {
+        defaultProps: {
+            SelectProps: {
+                native: true,
+            },
+            variant: 'outlined',
+            fullWidth: false,
+        },
+    };
+};
+exports.createMuiTextFieldOverrides = createMuiTextFieldOverrides;

package/text-field/text-field.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { IFormFieldProps } from '../form';
+import { IInputProps } from '../input';
+export interface ITextFieldProps extends Omit<IInputProps, 'error' | 'classes' | 'ref'>, Omit<IFormFieldProps, 'onChange' | 'onBlur' | 'onKeyUp' | 'onFocus' | 'onKeyDown' | 'margin' | 'ref'> {
+    InputProps?: Partial<IInputProps>;
+    inputProps?: IInputProps['inputProps'];
+}
+export declare const TextField: React.ForwardRefExoticComponent<ITextFieldProps & React.RefAttributes<HTMLDivElement>>;

package/text-field/text-field.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var React = __importStar(require("react"));
+var form_1 = require("../form");
+var input_1 = require("../input");
+exports.TextField = React.forwardRef(function (props, ref) {
+    var actions = props.actions, autoComplete = props.autoComplete, autoFocus = props.autoFocus, code = props.code, defaultValue = props.defaultValue, endAdornment = props.endAdornment, icon = props.icon, inputProps = props.inputProps, inputRef = props.inputRef, margin = props.margin, masked = props.masked, max = props.max, maxRows = props.maxRows, min = props.min, minRows = props.minRows, multiline = props.multiline, name = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, placeholder = props.placeholder, rows = props.rows, size = props.size, startAdornment = props.startAdornment, suffix = props.suffix, type = props.type, value = props.value, _a = props.InputProps, InputProps = _a === void 0 ? {} : _a, rootProps = __rest(props, ["actions", "autoComplete", "autoFocus", "code", "defaultValue", "endAdornment", "icon", "inputProps", "inputRef", "margin", "masked", "max", "maxRows", "min", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "rows", "size", "startAdornment", "suffix", "type", "value", "InputProps"]);
+    return (React.createElement(form_1.FormField, __assign({ size: size, ref: ref }, rootProps),
+        React.createElement(input_1.Input, __assign({ actions: actions, autoComplete: autoComplete, autoFocus: autoFocus, code: code, defaultValue: defaultValue, endAdornment: endAdornment, icon: icon, inputRef: inputRef, size: size, masked: masked, max: max, min: min, multiline: multiline, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onKeyUp: onKeyUp, placeholder: placeholder, rows: rows, maxRows: maxRows, minRows: minRows, startAdornment: startAdornment, type: type, value: value, suffix: suffix }, InputProps, { inputProps: __assign(__assign({}, inputProps), InputProps.inputProps) }))));
+});

package/theme/colors.d.ts

@@ -0,0 +1,8 @@
+import type { Color as MuiColor } from '@mui/material';
+import { ThemeTokens } from './tokens';
+export declare type Color = Omit<MuiColor, 'A100' | 'A200' | 'A400' | 'A700'>;
+export declare type Shade = 'lightest' | 'lighter' | 'light' | 'base' | 'dark' | 'darker' | 'darkest';
+/** @deprecated use tokens */
+export declare const shadeMap: Record<Shade, keyof Color>;
+export declare type ColorName = 'blue' | 'green' | 'magenta' | 'purple' | 'red' | 'yellow' | 'neutral';
+export declare const getColorsFromTokens: (tokens: ThemeTokens) => Record<ColorName, Color>;

package/theme/colors.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColorsFromTokens = exports.shadeMap = void 0;
+/** @deprecated use tokens */
+exports.shadeMap = {
+    lightest: 50,
+    lighter: 300,
+    light: 400,
+    base: 500,
+    dark: 600,
+    darker: 700,
+    darkest: 1000,
+};
+var getColorFromTokens = function (color, tokens) {
+    // using light for these since mui doesnt handle inverse palettes.
+    return {
+        25: tokens["color_global_functional_light_".concat(color, "_25")],
+        50: tokens["color_global_functional_light_".concat(color, "_50")],
+        100: tokens["color_global_functional_light_".concat(color, "_100")],
+        200: tokens["color_global_functional_light_".concat(color, "_200")],
+        300: tokens["color_global_functional_light_".concat(color, "_300")],
+        400: tokens["color_global_functional_light_".concat(color, "_400")],
+        500: tokens["color_global_functional_light_".concat(color, "_500")],
+        600: tokens["color_global_functional_light_".concat(color, "_600")],
+        700: tokens["color_global_functional_light_".concat(color, "_700")],
+        800: tokens["color_global_functional_light_".concat(color, "_800")],
+        900: tokens["color_global_functional_light_".concat(color, "_900")],
+        1000: tokens["color_global_functional_light_".concat(color, "_1000")],
+    };
+};
+var getColorsFromTokens = function (tokens) {
+    return {
+        purple: getColorFromTokens('purple', tokens),
+        blue: getColorFromTokens('blue', tokens),
+        green: getColorFromTokens('green', tokens),
+        yellow: getColorFromTokens('yellow', tokens),
+        red: getColorFromTokens('red', tokens),
+        neutral: getColorFromTokens('neutral', tokens),
+        magenta: getColorFromTokens('magenta', tokens),
+    };
+};
+exports.getColorsFromTokens = getColorsFromTokens;

package/theme/create-component-overrides.d.ts

@@ -0,0 +1,28 @@
+import type { CSSObject, Breakpoints, Transitions } from '@mui/material/styles';
+import type { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ILayout } from './create-layout';
+import { IMixins } from './create-mixins';
+import { IPalette } from './create-palette';
+import { ITypography } from './create-typography';
+import { Spacing } from '@mui/system';
+import { SemanticThemeTokens } from './tokens';
+export interface ICreateComponentOverridesOptions {
+    palette: IPalette;
+    tokens: SemanticThemeTokens;
+    typography: ITypography;
+    mixins: IMixins;
+    breakpoints: Breakpoints;
+    spacing: Spacing;
+    layout: ILayout;
+    transitions: Transitions;
+}
+export interface IComponentOverrideMap<Props, ClassKey extends string = 'root'> {
+    defaultProps?: Partial<Props>;
+    styleOverrides?: Partial<OverridesStyleRules<ClassKey>>;
+    variants?: Array<{
+        props: Partial<Props>;
+        style: CSSObject;
+    }>;
+}
+export declare type ComponentOverrideCreator<ComponentProps, ClassKey extends string = 'root'> = (options: ICreateComponentOverridesOptions) => IComponentOverrideMap<ComponentProps, ClassKey>;
+export declare const createComponentOverrides: <Props = {}, ClassKey extends string = "root">(creator: ComponentOverrideCreator<Props, ClassKey>) => ComponentOverrideCreator<Props, ClassKey>;

package/theme/create-component-overrides.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createComponentOverrides = void 0;
+var createComponentOverrides = function (creator) { return creator; };
+exports.createComponentOverrides = createComponentOverrides;

package/theme/create-components.d.ts

@@ -0,0 +1,7 @@
+import type { Components } from '@mui/material/styles';
+import type { ICreateComponentOverridesOptions } from './create-component-overrides';
+export declare type IComponents = Components;
+export interface IComponentsOptions extends ICreateComponentOverridesOptions {
+    components?: ((options: IComponentsOptions) => IComponents) | IComponents;
+}
+export declare const createComponents: ({ components, ...options }: IComponentsOptions) => IComponents;