@auth0/quantum-product 1.5.1

package/esm/input/input-base-overrides.js

@@ -0,0 +1,40 @@
+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);
+};
+import { inputBaseClasses } from '@mui/material/InputBase';
+export var createMuiInputBaseOverrides = function (_a) {
+    var _b;
+    var spacing = _a.spacing, typography = _a.typography, tokens = _a.tokens;
+    return {
+        defaultProps: {
+            color: 'primary',
+        },
+        styleOverrides: {
+            root: __assign(__assign({}, typography.input), (_b = {}, _b["&.".concat(inputBaseClasses.disabled)] = {
+                backgroundColor: tokens.color_bg_input_disabled,
+                color: tokens.color_fg_disabled,
+            }, _b)),
+            inputMultiline: __assign({}, typography.body2),
+            input: {
+                // use line height and padding for height
+                height: 'unset',
+                padding: spacing(1.125, 2),
+            },
+            sizeSmall: {
+                margin: 0,
+            },
+            inputSizeSmall: {
+                paddingTop: 5,
+                paddingBottom: 5,
+            },
+        },
+    };
+};

package/esm/input/input-label/index.js

@@ -0,0 +1 @@
+export { default as InputLabel } from '@mui/material/InputLabel';

package/esm/input/input-label/input-label-overrides.js

@@ -0,0 +1,26 @@
+import { inputLabelClasses } from '@mui/material/InputLabel';
+export var createMuiInputLabelOverrides = function (_a) {
+    var _b;
+    var spacing = _a.spacing, tokens = _a.tokens;
+    return {
+        defaultProps: {
+            shrink: true,
+            variant: 'outlined',
+        },
+        styleOverrides: {
+            formControl: {
+                position: 'static',
+            },
+            outlined: (_b = {
+                    marginBottom: spacing(1)
+                },
+                _b["&.".concat(inputLabelClasses.shrink)] = {
+                    transform: 'none',
+                },
+                _b),
+            asterisk: {
+                color: tokens.color_fg_state_danger,
+            },
+        },
+    };
+};

package/esm/input/input.js

@@ -0,0 +1,54 @@
+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 __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;
+};
+import * as React from 'react';
+import MuiOutlinedInput from '@mui/material/OutlinedInput';
+import { InputActions } from './input-actions';
+import { InputAdornment } from './input-adornment';
+import { styled } from '../styled';
+export var getMaskedInputProps = function (masked, inputProps) {
+    var maskedProps = {};
+    if (masked) {
+        var maskedValueKey = inputProps.value ? 'value' : 'defaultValue';
+        var length_1 = inputProps[maskedValueKey] ? String(inputProps[maskedValueKey]).length : 8;
+        maskedProps.placeholder = new Array(length_1 + 1).join('•');
+        maskedProps.disabled = true;
+        maskedProps[maskedValueKey] = '';
+    }
+    return maskedProps;
+};
+export var Root = styled(MuiOutlinedInput, { slot: 'Root', name: 'QuantumInput' })(function (_a) {
+    var theme = _a.theme, multiline = _a.multiline, ownerState = _a.ownerState;
+    return __assign({}, (ownerState.code && __assign(__assign({}, theme.typography.code1), { lineHeight: !multiline ? theme.typography.input.lineHeight : undefined })));
+});
+export var Input = React.forwardRef(function (props, ref) {
+    var actions = props.actions, icon = props.icon, code = props.code, masked = props.masked, multiline = props.multiline, _a = props.inputProps, inputPropsProp = _a === void 0 ? {} : _a, min = props.min, max = props.max, readOnly = props.readOnly, disabled = props.disabled, size = props.size, margin = props.margin, suffix = props.suffix, endAdornmentProp = props.endAdornment, startAdornmentProp = props.startAdornment, 
+    // remove to prevent passing through to the root
+    propClasses = props.classes, rootProps = __rest(props, ["actions", "icon", "code", "masked", "multiline", "inputProps", "min", "max", "readOnly", "disabled", "size", "margin", "suffix", "endAdornment", "startAdornment", "classes"]);
+    var endAdornment = endAdornmentProp ||
+        (actions && React.createElement(InputActions, { multiline: multiline, actions: actions })) ||
+        (suffix && React.createElement(InputAdornment, { position: "end" }, suffix));
+    var startAdornment = startAdornmentProp || (icon && React.createElement(InputAdornment, { position: "start" }, icon));
+    var maskedProps = getMaskedInputProps(masked, rootProps);
+    var inputProps = __assign({ min: min, max: max, readOnly: readOnly }, inputPropsProp);
+    return (React.createElement(Root, __assign({ ownerState: { code: code }, size: size, disabled: disabled || readOnly, multiline: multiline, endAdornment: endAdornment, startAdornment: startAdornment, inputProps: inputProps }, rootProps, maskedProps, { ref: ref })));
+});

package/esm/input/outlined-input-overrides.js

@@ -0,0 +1,90 @@
+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);
+};
+import { outlinedInputClasses } from '@mui/material/OutlinedInput';
+export var createMuiOutlinedInputOverrides = function (_a) {
+    var _b, _c, _d, _e;
+    var spacing = _a.spacing, transitions = _a.transitions, mixins = _a.mixins, tokens = _a.tokens;
+    return {
+        defaultProps: {
+            color: 'primary',
+            fullWidth: false,
+            notched: false,
+        },
+        styleOverrides: {
+            root: (_b = {
+                    backgroundColor: tokens.color_bg_input
+                },
+                _b["& .".concat(outlinedInputClasses.notchedOutline)] = {
+                    borderColor: tokens.color_border_input,
+                },
+                _b["&.".concat(outlinedInputClasses.disabled)] = (_c = {},
+                    _c["& .".concat(outlinedInputClasses.notchedOutline, ", &:hover .").concat(outlinedInputClasses.notchedOutline)] = {
+                        borderColor: tokens.color_border_input_disabled,
+                    },
+                    _c["&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline)] = {
+                        borderColor: tokens.color_border_state_danger,
+                    },
+                    _c),
+                _b["&:hover .".concat(outlinedInputClasses.notchedOutline)] = {
+                    borderColor: tokens.color_border_input_hover,
+                },
+                _b["&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2 }, mixins.focusRing()),
+                _b["&.".concat(outlinedInputClasses.focused, ":hover .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
+                _b["&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline)] = {
+                    borderColor: tokens.color_border_state_danger,
+                    borderWidth: 2,
+                },
+                _b["&.".concat(outlinedInputClasses.error, "&.").concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_state_danger }, mixins.focusRing({ color: tokens.color_border_focus_state_danger })),
+                _b),
+            notchedOutline: {
+                top: 0,
+                transition: transitions.create(['box-shadow', 'border-color', 'border-width'], {
+                    duration: transitions.duration.shortest,
+                }),
+                '& legend': {
+                    display: 'none',
+                },
+            },
+            input: {
+                padding: spacing(1.125, 2),
+            },
+            multiline: (_d = {
+                    padding: 0
+                },
+                _d["&.".concat(outlinedInputClasses.adornedEnd)] = {
+                    // resetting the default
+                    paddingRight: 14,
+                },
+                _d),
+            inputMultiline: (_e = {
+                    padding: spacing(1, 2)
+                },
+                _e["&.".concat(outlinedInputClasses.inputAdornedEnd)] = {
+                    // resetting the default
+                    paddingRight: spacing(1),
+                },
+                _e),
+            inputSizeSmall: {
+                paddingTop: spacing(0.75),
+                paddingBottom: spacing(0.75),
+                paddingLeft: spacing(1.5),
+                paddingRight: spacing(1.5),
+                "&[type='number']": {
+                    paddingRight: spacing(0.5),
+                },
+            },
+            inputAdornedStart: {
+                paddingLeft: 0,
+            },
+        },
+    };
+};

package/esm/label/index.js

@@ -0,0 +1 @@
+export { Label } from './label';

package/esm/label/label.js

@@ -0,0 +1,69 @@
+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);
+};
+import { rootShouldForwardProp, styled } from '../styled';
+export var labelComponentName = 'QuantumLabel';
+export var Label = styled('span', {
+    name: labelComponentName,
+    slot: 'Root',
+    shouldForwardProp: function (prop) { return rootShouldForwardProp(prop) && prop !== 'color' && prop !== 'variant'; },
+})(function (_a) {
+    var theme = _a.theme, _b = _a.color, color = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c;
+    return (__assign(__assign(__assign(__assign(__assign({}, theme.typography.overline), { padding: theme.spacing(0.25, 0.75), borderRadius: 4, display: 'inline-block', verticalAlign: 'middle' }), (variant === 'default' && __assign(__assign(__assign(__assign(__assign(__assign({}, (color === 'default' && {
+        background: theme.tokens.color_bg_state_neutral_subtle,
+        color: theme.tokens.color_fg_on_state_neutral_subtle,
+    })), (color === 'primary' && {
+        background: theme.tokens.color_bg_brand_primary_subtle,
+        color: theme.tokens.color_fg_on_brand_primary_subtle,
+    })), (color === 'info' && {
+        background: theme.tokens.color_bg_state_info_subtle,
+        color: theme.tokens.color_fg_on_state_info_subtle,
+    })), (color === 'warning' && {
+        background: theme.tokens.color_bg_state_caution_subtle,
+        color: theme.tokens.color_fg_on_state_caution_subtle,
+    })), (color === 'success' && {
+        background: theme.tokens.color_bg_state_success_subtle,
+        color: theme.tokens.color_fg_on_state_success_subtle,
+    })), (color === 'danger' && {
+        background: theme.tokens.color_bg_state_danger_subtle,
+        color: theme.tokens.color_fg_on_state_danger_subtle,
+    })))), (variant === 'outlined' && __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent', color: theme.tokens.color_fg_state_neutral, boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_state_neutral) }, (color === 'primary' && {
+        boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_brand_primary),
+        color: theme.tokens.color_fg_brand_primary,
+    })), (color === 'info' && {
+        boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_state_info),
+        color: theme.tokens.color_fg_state_info,
+    })), (color === 'warning' && {
+        boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_state_caution),
+        color: theme.tokens.color_fg_state_caution,
+    })), (color === 'success' && {
+        boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_state_success),
+        color: theme.tokens.color_fg_state_success,
+    })), (color === 'danger' && {
+        boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_state_danger),
+        color: theme.tokens.color_fg_state_danger,
+    })))), (variant === 'filled' && __assign(__assign(__assign(__assign(__assign({ backgroundColor: theme.tokens.color_bg_state_neutral, color: theme.tokens.color_fg_on_state_neutral }, (color === 'primary' && {
+        backgroundColor: theme.tokens.color_bg_brand_primary,
+        color: theme.tokens.color_fg_on_brand_primary,
+    })), (color === 'info' && {
+        backgroundColor: theme.tokens.color_bg_state_info,
+        color: theme.tokens.color_fg_on_state_info,
+    })), (color === 'warning' && {
+        backgroundColor: theme.tokens.color_bg_state_caution,
+        color: theme.tokens.color_fg_on_state_caution,
+    })), (color === 'success' && {
+        backgroundColor: theme.tokens.color_bg_state_success,
+        color: theme.tokens.color_fg_on_state_success,
+    })), (color === 'danger' && {
+        backgroundColor: theme.tokens.color_bg_state_danger,
+        color: theme.tokens.color_fg_on_state_danger,
+    })))));
+});

package/esm/link/index.js

@@ -0,0 +1,2 @@
+export { Link } from './link';
+export { linkClasses } from './link-classes';

package/esm/link/link-classes.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var linkComponentName = 'QuantumLink';
+export function getLinkUtilityClass(slot) {
+    return generateUtilityClass(linkComponentName, slot);
+}
+export var linkClasses = generateUtilityClasses(linkComponentName, ['root', 'icon', 'startIcon', 'endIcon']);

package/esm/link/link.js

@@ -0,0 +1,138 @@
+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 __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;
+};
+import * as React from 'react';
+import { useMergedClasses } from '../styles/classes';
+import { styled } from '../styled';
+import { Text } from '../text';
+import clsx from '../utils/clsx';
+import { getLinkUtilityClass, linkClasses, linkComponentName } from './link-classes';
+var Root = styled(Text, { name: linkComponentName, slot: 'Root' })(function (_a) {
+    var _b;
+    var theme = _a.theme, ownerState = _a.ownerState;
+    var colorStyleMap = {
+        danger: {
+            color: theme.tokens.color_fg_link_danger,
+            focusStyles: theme.mixins.focusRing({ color: theme.tokens.color_border_focus_state_danger }),
+            hoverStyles: {
+                color: theme.tokens.color_fg_link_danger_hover,
+            },
+            activeStyles: {
+                color: theme.tokens.color_fg_link_danger_pressed,
+            },
+        },
+        primary: {
+            color: theme.tokens.color_fg_link_primary,
+            hoverStyles: {
+                color: theme.tokens.color_fg_link_primary_hover,
+            },
+            activeStyles: {
+                color: theme.tokens.color_fg_link_primary_pressed,
+            },
+        },
+        textPrimary: {
+            color: theme.tokens.color_fg_link,
+            hoverStyles: {
+                color: theme.tokens.color_fg_link_hover,
+            },
+            activeStyles: {
+                color: theme.tokens.color_fg_link_pressed,
+            },
+        },
+        textSecondary: {
+            color: theme.tokens.color_fg_link_subtle,
+            hoverStyles: {
+                color: theme.tokens.color_fg_link_subtle_hover,
+            },
+            activeStyles: {
+                color: theme.tokens.color_fg_link_subtle_pressed,
+            },
+        },
+        inherit: {
+            color: 'inherit',
+        },
+    };
+    var colorStyles = colorStyleMap[ownerState.color];
+    return __assign(__assign({ display: 'inline', alignItems: 'center', textDecoration: 'none', borderRadius: 2, outline: 'none', color: colorStyles.color, '&:focus-visible': colorStyles.focusStyles || theme.mixins.focusRing(), '&:hover': __assign({ textDecoration: ownerState.underline === 'hover' ? 'underline' : 'none' }, colorStyles.hoverStyles), '&:active': __assign({}, colorStyles.activeStyles) }, (ownerState.component === 'button' && {
+        display: 'inline-flex',
+        verticalAlign: 'initial',
+        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',
+        // We disable the focus ring for mouse, touch and keyboard users.
+        outline: 0,
+        border: 0,
+        margin: 0,
+        borderRadius: 0,
+        padding: 0,
+        cursor: 'pointer',
+        userSelect: 'none',
+        MozAppearance: 'none',
+        WebkitAppearance: 'none',
+        '&::-moz-focus-inner': {
+            borderStyle: 'none', // Remove Firefox dotted outline.
+        },
+    })), (_b = {}, _b["& > .".concat(linkClasses.icon)] = {
+        lineHeight: 1,
+        display: 'inline-flex',
+        alignItems: 'center',
+    }, _b['& > svg'] = {
+        width: '1em',
+        height: '1em',
+        '&:first-child': {
+            marginInlineEnd: theme.spacing(1),
+        },
+    }, _b));
+});
+var StartIcon = styled('span', {
+    name: linkComponentName,
+    slot: 'StartIcon',
+})(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'text-top',
+        marginInlineEnd: theme.spacing(0.5),
+    });
+});
+var EndIcon = styled('span', { name: linkComponentName, slot: 'EndIcon' })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'text-top',
+        marginInlineStart: theme.spacing(0.5),
+    });
+});
+export var Link = React.forwardRef(function (props, ref) {
+    var className = props.className, children = props.children, startIcon = props.startIcon, endIcon = props.endIcon, _a = props.color, color = _a === void 0 ? 'primary' : _a, _b = props.component, component = _b === void 0 ? 'a' : _b, _c = props.underline, underline = _c === void 0 ? 'none' : _c, _d = props.variant, variant = _d === void 0 ? 'inherit' : _d, 
+    // remove to avoid forwarding
+    propClasses = props.classes, rootProps = __rest(props, ["className", "children", "startIcon", "endIcon", "color", "component", "underline", "variant", "classes"]);
+    var classes = useMergedClasses(linkClasses, getLinkUtilityClass, propClasses);
+    var ownerState = {
+        color: color,
+        component: component,
+        underline: underline,
+    };
+    return (React.createElement(Root, __assign({ color: color === 'inherit' ? color : undefined, component: component, className: clsx([classes.root, className]), ref: ref, ownerState: ownerState, variant: variant }, rootProps),
+        !!startIcon && (React.createElement(StartIcon, { className: clsx(classes.icon, classes.startIcon, classes.startIcon) }, startIcon)),
+        children,
+        !!endIcon && React.createElement(EndIcon, { className: clsx(classes.icon, classes.endIcon) }, endIcon)));
+});

package/esm/list/index.js

@@ -0,0 +1,7 @@
+export * from './list';
+export * from './list-item';
+export * from './list-item-avatar';
+export * from './list-item-icon';
+export * from './list-item-secondary-action';
+export * from './list-item-text';
+export * from './list-subheader';

package/esm/list/list-item/index.js

@@ -0,0 +1,3 @@
+import MuiListItem from '@mui/material/ListItem';
+// Typings for this are not propegating correctly for the button prop. This works around it for now.
+export var ListItem = MuiListItem;

package/esm/list/list-item/list-item-overrides.js

@@ -0,0 +1,26 @@
+import { listItemClasses } from '@mui/material/ListItem';
+export var createMuiListItemOverrides = function (_a) {
+    var _b;
+    var tokens = _a.tokens, spacing = _a.spacing;
+    return {
+        styleOverrides: {
+            root: (_b = {
+                    paddingTop: spacing(1.25),
+                    paddingBottom: spacing(1.25),
+                    borderTop: "1px solid ".concat(tokens.color_border_default),
+                    '&:last-child': {
+                        borderBottom: "1px solid ".concat(tokens.color_border_default),
+                    }
+                },
+                _b["&.".concat(listItemClasses.selected)] = {
+                    backgroundColor: tokens.color_bg_interactive_pressed,
+                },
+                _b),
+            button: {
+                '&:hover': {
+                    backgroundColor: tokens.color_bg_interactive_hover,
+                },
+            },
+        },
+    };
+};

package/esm/list/list-item-avatar/index.js

@@ -0,0 +1 @@
+export { default as ListItemAvatar, listItemAvatarClasses } from '@mui/material/ListItemAvatar';

package/esm/list/list-item-icon/index.js

@@ -0,0 +1 @@
+export { default as ListItemIcon, listItemIconClasses } from '@mui/material/ListItemIcon';

package/esm/list/list-item-secondary-action/index.js

@@ -0,0 +1 @@
+export { default as ListItemSecondaryAction, listItemSecondaryActionClasses, } from '@mui/material/ListItemSecondaryAction';

package/esm/list/list-item-text/index.js

@@ -0,0 +1 @@
+export { default as ListItemText, listItemTextClasses } from '@mui/material/ListItemText';

package/esm/list/list-item-text/list-item-text-overrides.js

@@ -0,0 +1,14 @@
+export var createMuiListItemTextOverrides = function (_a) {
+    var typography = _a.typography;
+    return {
+        styleOverrides: {
+            primary: {
+                fontSize: typography.pxToRem(14),
+                fontWeight: typography.fontWeightBold,
+            },
+            secondary: {
+                fontSize: typography.pxToRem(13),
+            },
+        },
+    };
+};

package/esm/list/list-overrides.js

@@ -0,0 +1,9 @@
+export var createMuiListOverrides = function () {
+    return {
+        styleOverrides: {
+            root: {
+                outline: 0,
+            },
+        },
+    };
+};

package/esm/list/list-subheader/index.js

@@ -0,0 +1 @@
+export { default as ListSubheader, listSubheaderClasses } from '@mui/material/ListSubheader';

package/esm/list/list-subheader/list-subheader-overrides.js

@@ -0,0 +1,10 @@
+export var createMuiListSubheaderOverrides = function (_a) {
+    var tokens = _a.tokens;
+    return {
+        styleOverrides: {
+            sticky: {
+                backgroundColor: tokens.color_bg_layer,
+            },
+        },
+    };
+};

package/esm/list/list.js

@@ -0,0 +1 @@
+export { default as List, listClasses } from '@mui/material/List';

package/esm/logo/index.js

@@ -0,0 +1 @@
+export { Logo } from './logo';

package/esm/logo/logo-classes.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var logoComponentName = 'QuantumLogo';
+export function getLogoUtilityClass(slot) {
+    return generateUtilityClass(logoComponentName, slot);
+}
+export var logoClasses = generateUtilityClasses(logoComponentName, ['root', 'svg']);

package/esm/logo/logo.js

@@ -0,0 +1,90 @@
+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 __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;
+};
+import * as React from 'react';
+import { styled } from '../styled';
+import { Image } from '../image';
+import { composeClasses } from '../styles/classes';
+import { getLogoUtilityClass, logoComponentName } from './logo-classes';
+import clsx from '../utils/clsx';
+import { useThemeProps } from '../theme/use-theme-props';
+export var Root = styled('div', {
+    name: logoComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return __assign(__assign({ color: {
+            dark: theme.tokens.color_fg_bold,
+            white: theme.tokens.color_fg_inverse_static,
+            light: theme.tokens.color_fg_default,
+            default: theme.tokens.color_fg_brand_primary,
+        }[ownerState.color || 'default'], display: 'inline-block', width: theme.typography.pxToRem(29), height: theme.typography.pxToRem(32) }, (ownerState.size === 'xsmall' && {
+        width: theme.typography.pxToRem(17),
+        height: theme.typography.pxToRem(19),
+    })), (ownerState.size === 'small' && {
+        width: theme.typography.pxToRem(25),
+        height: theme.typography.pxToRem(27),
+    }));
+});
+var StyledSvg = styled('svg', {
+    name: logoComponentName,
+    slot: 'Svg',
+})(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return __assign(__assign({ display: 'block', width: theme.typography.pxToRem(29), height: theme.typography.pxToRem(32) }, (ownerState.size === 'xsmall' && {
+        width: theme.typography.pxToRem(17),
+        height: theme.typography.pxToRem(19),
+    })), (ownerState.size === 'small' && {
+        width: theme.typography.pxToRem(25),
+        height: theme.typography.pxToRem(27),
+    }));
+});
+var LogoImage = styled(Image)(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return (__assign(__assign({ display: 'block', width: theme.typography.pxToRem(29), height: theme.typography.pxToRem(32) }, (ownerState.size === 'xsmall' && {
+        width: theme.typography.pxToRem(17),
+        height: theme.typography.pxToRem(19),
+    })), (ownerState.size === 'small' && {
+        width: theme.typography.pxToRem(25),
+        height: theme.typography.pxToRem(27),
+    })));
+});
+var useUtilityClasses = function (_a) {
+    var classes = _a.classes;
+    var slots = {
+        root: ['root'],
+        svg: ['svg'],
+    };
+    return composeClasses(slots, getLogoUtilityClass, classes);
+};
+export var Logo = React.forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: logoComponentName,
+    });
+    var classes = useUtilityClasses(props);
+    var size = props.size, color = props.color, className = props.className, iconSrc = props.iconSrc, rootProps = __rest(props, ["size", "color", "className", "iconSrc"]);
+    return (React.createElement(Root, __assign({ ref: ref, className: clsx(classes.root, className), ownerState: { size: size, color: color } }, rootProps), iconSrc ? (React.createElement(LogoImage, { src: iconSrc, ownerState: { size: size }, fit: "contain", alt: "Logo" })) : (React.createElement(StyledSvg, { className: classes.svg, ownerState: { size: size }, viewBox: "0 0 29 32" },
+        React.createElement("g", { transform: "translate(-100.000000, -88.000000)", fill: "currentColor" },
+            React.createElement("g", { transform: "translate(100.000000, 88.000000)" },
+                React.createElement("path", { d: "M22.9616476,25.864 L19.715652,15.9851429 L28.2126476,9.88133333 L17.7094918,9.88133333 L14.4633035,0.00285714286 L14.4623403,0.00019047619 L24.9670372,0.00019047619 L28.2139961,9.88038095 L28.2141888,9.88019048 L28.2168857,9.87866667 C30.1024528,15.6104762 28.160442,22.1297143 22.9616476,25.864 L22.9616476,25.864 L22.9616476,25.864 Z M5.96418875,25.864 L5.96149178,25.8659048 L14.4606065,31.9712381 L22.9616476,25.8641905 L14.4633035,19.7586667 L5.96418875,25.864 L5.96418875,25.864 L5.96418875,25.864 Z M0.711069704,9.87885714 L0.711069704,9.87885714 C-1.27389999,15.9209524 1.03027533,22.3232381 5.96245499,25.8651429 L5.96322555,25.8620952 L9.2096065,15.9838095 L0.714537237,9.88114286 L11.2151888,9.88114286 L14.4615697,0.00266666667 L14.4623403,0 L3.95706538,0 L0.711069704,9.87885714 L0.711069704,9.87885714 L0.711069704,9.87885714 Z" })))))));
+});

package/esm/menu/index.js

@@ -0,0 +1,3 @@
+export * from './menu';
+export * from './menu-list';
+export * from './menu-item';

package/esm/menu/menu-item/index.js

@@ -0,0 +1 @@
+export { default as MenuItem } from '@mui/material/MenuItem';