@auth0/quantum-product 1.12.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-details.d.ts +1 -1
- package/accordion/accordion-summary.d.ts +1 -1
- package/accordion/accordion.d.ts +4 -4
- package/alert/alert-classes.d.ts +2 -2
- package/alert/alert.d.ts +4 -4
- package/app-bar/app-bar-actions/app-bar-actions.d.ts +1 -1
- package/app-bar/app-bar-button/app-bar-button.d.ts +2 -2
- package/app-bar/app-bar-content/app-bar-content.d.ts +1 -1
- package/app-bar/app-bar-divider/app-bar-divider.d.ts +1 -1
- package/app-bar/app-bar-icon-button/app-bar-icon-button.d.ts +2 -2
- package/app-bar/app-bar.d.ts +1 -1
- package/app-layout/app-layout-classes.d.ts +3 -3
- package/app-layout/app-layout.d.ts +1 -1
- package/avatar/avatar-classes.d.ts +2 -2
- package/avatar/avatar-context.d.ts +3 -3
- package/avatar/avatar.d.ts +1 -1
- package/avatar-block/avatar-block-classes.d.ts +3 -3
- package/avatar-block/avatar-block.d.ts +2 -2
- package/badge/badge.d.ts +1 -1
- package/banner/banner-classes.d.ts +2 -2
- package/banner/banner.d.ts +1 -1
- package/breadcrumbs/breadcrumbs-item/breadcrumbs-item-classes.d.ts +2 -2
- package/breadcrumbs/breadcrumbs-item/breadcrumbs-item.d.ts +2 -2
- package/breadcrumbs/breadcrumbs.d.ts +1 -1
- package/button/button.d.ts +2 -2
- package/card/card-context.d.ts +1 -1
- package/card/card-header/card-header-classes.d.ts +2 -2
- package/card/card-header/card-header.d.ts +1 -1
- package/card/card.d.ts +1 -1
- package/checkbox/checkbox-classes.d.ts +2 -2
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox-field/checkbox-field.d.ts +3 -3
- package/chip/chip.d.ts +1 -1
- package/code/code.d.ts +1 -1
- package/column-layout/column-layout.d.ts +2 -2
- package/config-block/config-block-classes.d.ts +2 -2
- package/config-block/config-block.d.ts +2 -1
- package/copy-button/copy-button.d.ts +1 -1
- package/danger-zone/danger-zone-item/danger-zone-item.d.ts +1 -1
- package/danger-zone/danger-zone-item-action/danger-zone-item-action.d.ts +2 -2
- package/data-table/data-table-row.d.ts +1 -1
- package/data-table/data-table-types.d.ts +4 -4
- package/data-table/data-table.d.ts +1 -1
- package/description-block/description-block.d.ts +1 -1
- package/dialog/dialog-title/dialog-title-classes.d.ts +2 -2
- package/dialog/dialog-title/dialog-title.d.ts +1 -1
- package/dialog/dialog.d.ts +1 -1
- package/divider/index.d.ts +1 -1
- package/dropdown-menu/dropdown-menu-classes.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-divider/dropdown-menu-divider.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-group/dropdown-menu-group-classes.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts +1 -1
- package/dropdown-menu/dropdown-menu-list/dropdown-menu-list.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item-classes.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-search/dropdown-menu-search-classes.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-search/dropdown-menu-search.d.ts +2 -2
- package/dropdown-menu/dropdown-menu-state/dropdown-menu-state.d.ts +2 -2
- package/dropdown-menu/dropdown-menu.d.ts +1 -1
- package/empty-state/empty-state-action/empty-state-action.d.ts +1 -1
- package/empty-state/empty-state-classes.d.ts +2 -2
- package/expansion-panel/expansion-panel-details.d.ts +1 -1
- package/expansion-panel/expansion-panel-header.d.ts +1 -1
- package/expansion-panel/expansion-panel-summary.d.ts +1 -1
- package/expansion-panel/expansion-panel.d.ts +1 -1
- package/field-set/field-set-classes.d.ts +2 -2
- package/field-set/field-set.d.ts +2 -2
- package/floating-panel/floating-panel.d.ts +1 -1
- package/form/form-actions/form-actions-classes.d.ts +2 -2
- package/form/form-actions/form-actions.d.ts +2 -2
- package/form/form-control-label/form-control-label-classes.d.ts +2 -2
- package/form/form-control-label/form-control-label.d.ts +2 -2
- package/form/form-field/form-field-classes.d.ts +2 -2
- package/form/form-field/form-field.d.ts +2 -2
- package/form/form-helper-text/index.d.ts +1 -1
- package/form/form-layout/form-layout-context.d.ts +1 -1
- package/foundations/token-tables.d.ts +5 -5
- package/gallery-layout/gallery-layout-item/gallery-layout-item.d.ts +1 -1
- package/gallery-layout/gallery-layout.d.ts +2 -2
- package/icon/index.d.ts +344 -344
- package/icon/types.d.ts +1 -1
- package/icon-button/icon-button.d.ts +3 -3
- package/identicons/common.d.ts +1 -1
- package/identicons/icons/icon-access-token.d.ts +2 -2
- package/identicons/icons/icon-account-takeover.d.ts +2 -2
- package/identicons/icons/icon-actions.d.ts +2 -2
- package/identicons/icons/icon-activity.d.ts +2 -2
- package/identicons/icons/icon-advanced-options.d.ts +2 -2
- package/identicons/icons/icon-anticipation.d.ts +2 -2
- package/identicons/icons/icon-api-related.d.ts +2 -2
- package/identicons/icons/icon-api.d.ts +2 -2
- package/identicons/icons/icon-applications.d.ts +2 -2
- package/identicons/icons/icon-attributes.d.ts +2 -2
- package/identicons/icons/icon-auth0-authorization-server.d.ts +2 -2
- package/identicons/icons/icon-auth0-dashboard.d.ts +2 -2
- package/identicons/icons/icon-auth0-logo-dark.d.ts +2 -2
- package/identicons/icons/icon-auth0-logo-light.d.ts +2 -2
- package/identicons/icons/icon-authentication-a.d.ts +2 -2
- package/identicons/icons/icon-authentication-b.d.ts +2 -2
- package/identicons/icons/icon-authorization-server.d.ts +2 -2
- package/identicons/icons/icon-backend.d.ts +2 -2
- package/identicons/icons/icon-biometrics.d.ts +2 -2
- package/identicons/icons/icon-bot-detection.d.ts +2 -2
- package/identicons/icons/icon-boundary-protocol.d.ts +2 -2
- package/identicons/icons/icon-branding.d.ts +2 -2
- package/identicons/icons/icon-breached-password.d.ts +2 -2
- package/identicons/icons/icon-browser.d.ts +2 -2
- package/identicons/icons/icon-brute-force.d.ts +2 -2
- package/identicons/icons/icon-certificate.d.ts +2 -2
- package/identicons/icons/icon-cli-script.d.ts +2 -2
- package/identicons/icons/icon-cloud.d.ts +2 -2
- package/identicons/icons/icon-consistency.d.ts +2 -2
- package/identicons/icons/icon-cookies.d.ts +2 -2
- package/identicons/icons/icon-credential-application.d.ts +2 -2
- package/identicons/icons/icon-credential-stuffing.d.ts +2 -2
- package/identicons/icons/icon-credential-user.d.ts +2 -2
- package/identicons/icons/icon-customization.d.ts +2 -2
- package/identicons/icons/icon-dashboard.d.ts +2 -2
- package/identicons/icons/icon-database.d.ts +2 -2
- package/identicons/icons/icon-desktop-app.d.ts +2 -2
- package/identicons/icons/icon-device-biometrics.d.ts +2 -2
- package/identicons/icons/icon-efficiency.d.ts +2 -2
- package/identicons/icons/icon-empathy.d.ts +2 -2
- package/identicons/icons/icon-enterprise-directory.d.ts +2 -2
- package/identicons/icons/icon-extensions.d.ts +2 -2
- package/identicons/icons/icon-fine-grained-authorization.d.ts +2 -2
- package/identicons/icons/icon-getting-started.d.ts +2 -2
- package/identicons/icons/icon-guardian-push-notification.d.ts +2 -2
- package/identicons/icons/icon-help.d.ts +2 -2
- package/identicons/icons/icon-id-token.d.ts +2 -2
- package/identicons/icons/icon-identifier-first.d.ts +2 -2
- package/identicons/icons/icon-identifier-password.d.ts +2 -2
- package/identicons/icons/icon-integrations-marketplace.d.ts +2 -2
- package/identicons/icons/icon-ip-throttling.d.ts +2 -2
- package/identicons/icons/icon-login-customization.d.ts +2 -2
- package/identicons/icons/icon-login.d.ts +2 -2
- package/identicons/icons/icon-logout-token.d.ts +2 -2
- package/identicons/icons/icon-logs.d.ts +2 -2
- package/identicons/icons/icon-mail-message-a.d.ts +2 -2
- package/identicons/icons/icon-mail-message-b.d.ts +2 -2
- package/identicons/icons/icon-marketplace-approved.d.ts +2 -2
- package/identicons/icons/icon-marketplace-create.d.ts +2 -2
- package/identicons/icons/icon-mobile-app.d.ts +2 -2
- package/identicons/icons/icon-monitoring.d.ts +2 -2
- package/identicons/icons/icon-multifactor.d.ts +2 -2
- package/identicons/icons/icon-multiple-failed-logins.d.ts +2 -2
- package/identicons/icons/icon-one-time-password.d.ts +2 -2
- package/identicons/icons/icon-organizations.d.ts +2 -2
- package/identicons/icons/icon-phone-message-a.d.ts +2 -2
- package/identicons/icons/icon-phone-message-b.d.ts +2 -2
- package/identicons/icons/icon-pipeline-a.d.ts +2 -2
- package/identicons/icons/icon-pipeline-b.d.ts +2 -2
- package/identicons/icons/icon-refresh-token.d.ts +2 -2
- package/identicons/icons/icon-sdk.d.ts +2 -2
- package/identicons/icons/icon-security.d.ts +2 -2
- package/identicons/icons/icon-server.d.ts +2 -2
- package/identicons/icons/icon-settings.d.ts +2 -2
- package/identicons/icons/icon-social-providers.d.ts +2 -2
- package/identicons/icons/icon-spa.d.ts +2 -2
- package/identicons/icons/icon-teams.d.ts +2 -2
- package/identicons/icons/icon-tenant.d.ts +2 -2
- package/identicons/icons/icon-user-database.d.ts +2 -2
- package/identicons/icons/icon-user-management.d.ts +2 -2
- package/identicons/icons/icon-user.d.ts +2 -2
- package/identicons/icons/icon-users.d.ts +2 -2
- package/identicons/icons/icon-video.d.ts +2 -2
- package/identicons/icons/icon-web-app.d.ts +2 -2
- package/identicons/icons/icon-webauthn.d.ts +2 -2
- package/illustrations/common.d.ts +1 -1
- package/illustrations/components/experienced-user.d.ts +2 -2
- package/illustrations/components/new-auth0-user-a.d.ts +2 -2
- package/illustrations/components/notifications.d.ts +2 -2
- package/illustrations/components/roles.d.ts +2 -2
- package/illustrations/components/single-sign-on.d.ts +2 -2
- package/illustrations/components/streams-logs.d.ts +2 -2
- package/illustrations/components/users.d.ts +2 -2
- package/image/image.d.ts +2 -2
- package/image-preview-field/image-preview-field.d.ts +2 -1
- package/input/input-adornment/input-adornment.d.ts +1 -1
- package/input/input.d.ts +2 -2
- package/label/label.d.ts +2 -2
- package/link/link-classes.d.ts +2 -2
- package/link/link.d.ts +3 -3
- package/logo/logo-classes.d.ts +2 -2
- package/logo/logo.d.ts +3 -3
- package/overridable-component.d.ts +2 -2
- package/package.json +1 -1
- package/page/page-header/page-header-classes.d.ts +2 -2
- package/page/page-header/page-header.d.ts +1 -1
- package/page/page.d.ts +1 -1
- package/pagination/pager/pager-classes.d.ts +2 -2
- package/pagination/pagination-classes.d.ts +2 -2
- package/pagination/pagination.d.ts +1 -1
- package/panel/panel/panel-classes.d.ts +2 -2
- package/panel/panel/panel.d.ts +2 -2
- package/panel/panel-body/panel-body.d.ts +1 -1
- package/panel/panel-context.d.ts +3 -3
- package/panel/panel-footer/panel-footer.d.ts +1 -1
- package/panel/panel-header/panel-header-classes.d.ts +2 -2
- package/panel/panel-header/panel-header.d.ts +2 -2
- package/panel/panel-layout/panel-layout-classes.d.ts +2 -2
- package/panel/panel-layout/panel-layout.d.ts +1 -1
- package/promo-banner/promo-banner-classes.d.ts +2 -2
- package/promo-banner/promo-banner.d.ts +1 -1
- package/pulsing-dot/pulsing-dot.d.ts +2 -2
- package/quantum-provider/quantum-context.d.ts +1 -1
- package/radio/radio-classes.d.ts +2 -2
- package/radio/radio.d.ts +1 -1
- package/radio-field/radio-field.d.ts +3 -3
- package/region/flags.d.ts +6 -6
- package/region/region-classes.d.ts +2 -2
- package/region/region.d.ts +3 -3
- package/row-layout/row-layout.d.ts +1 -1
- package/select/select-classes.d.ts +2 -2
- package/select/select-menu/select-menu.d.ts +1 -1
- package/select/select-menu-actions/select-menu-actions.d.ts +1 -1
- package/select/select-menu-body/select-menu-body.d.ts +1 -1
- package/select/select-menu-header/select-menu-header.d.ts +1 -1
- package/select/select-options.d.ts +2 -2
- package/selectable-card/selectable-card-classes.d.ts +2 -2
- package/selectable-card/selectable-card-group/selectable-card-group-classes.d.ts +2 -2
- package/selectable-card/selectable-card-group/selectable-card-group.d.ts +2 -1
- package/selectable-card/selectable-card.d.ts +2 -2
- package/sidebar/sidebar-banner/sidebar-banner.d.ts +1 -1
- package/sidebar/sidebar-classes.d.ts +2 -2
- package/sidebar/sidebar-items/sidebar-items.d.ts +1 -1
- package/sidebar/sidebar-link/sidebar-link-classes.d.ts +2 -2
- package/sidebar/sidebar-link/sidebar-link.d.ts +1 -1
- package/sidebar/sidebar-menu/sidebar-menu-classes.d.ts +2 -2
- package/sidebar/sidebar-menu/sidebar-menu.d.ts +1 -1
- package/sidebar/sidebar-new.d.ts +1 -1
- package/sidebar/sidebar-old.d.ts +1 -1
- package/sidebar/sidebar.d.ts +1 -1
- package/spinner/spinner-classes.d.ts +2 -2
- package/spinner/spinner.d.ts +1 -1
- package/stack-layout/stack-layout-item/stack-layout-item.d.ts +1 -1
- package/stack-layout/stack-layout.d.ts +1 -1
- package/status/status-dot/status-dot-classes.d.ts +2 -2
- package/status/status-dot/status-dot.d.ts +2 -2
- package/status/status-icon/status-icon-classes.d.ts +2 -2
- package/status/status-icon/status-icon.d.ts +3 -3
- package/stepper/step-label/step-label.d.ts +1 -1
- package/styled.d.ts +2 -2
- package/svg-icon/svg-icon.d.ts +1 -1
- package/switch/switch-classes.d.ts +2 -2
- package/switch/switch-field/switch-field.d.ts +3 -2
- package/switch/switch.d.ts +1 -1
- package/table/table-empty-state/table-empty-state.d.ts +1 -1
- package/table/table-loading-state/table-loading-state-classes.d.ts +2 -2
- package/table/table-loading-state/table-loading-state.d.ts +1 -1
- package/table/table-sort-label/index.d.ts +2 -2
- package/tabs/tab/tab.d.ts +2 -2
- package/tabs/tab-list/tab-list.d.ts +1 -1
- package/tabs/tab-panel/tab-panel.d.ts +1 -1
- package/tabs/tabs.d.ts +1 -0
- package/text/index.d.ts +1 -1
- package/theme/colors.d.ts +4 -4
- package/theme/create-component-overrides.d.ts +1 -1
- package/theme/create-components.d.ts +1 -1
- package/theme/create-layout.d.ts +1 -1
- package/theme/create-mixins.d.ts +1 -1
- package/theme/create-palette.d.ts +7 -7
- package/theme/create-theme.d.ts +2 -2
- package/theme/create-typography.d.ts +2 -2
- package/theme/tokens.d.ts +15 -15
- package/title-block/title-block-classes.d.ts +3 -3
- package/toast/toast-classes.d.ts +2 -2
- package/toast/toast.d.ts +1 -1
- package/utils/layouts.d.ts +1 -1
- package/utils/responsive-style-value.d.ts +2 -2
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IFormFieldProps } from '../../form';
|
|
3
3
|
import { ISwitchProps } from '../switch';
|
|
4
|
-
|
|
4
|
+
type PickedSwitchPropKeys = 'onChange' | 'onValueChange' | 'onBlur' | 'checked' | 'value' | 'defaultValue' | 'defaultChecked';
|
|
5
5
|
export interface ISwitchFieldProps extends Omit<IFormFieldProps, PickedSwitchPropKeys>, Pick<ISwitchProps, PickedSwitchPropKeys> {
|
|
6
6
|
switchLabels?: ISwitchProps['labels'];
|
|
7
7
|
switchLabelPlacement?: ISwitchProps['labelPlacement'];
|
|
8
8
|
SwitchProps?: ISwitchProps;
|
|
9
|
+
children?: React.ReactNode;
|
|
9
10
|
}
|
|
10
|
-
export declare const SwitchField: React.ForwardRefExoticComponent<
|
|
11
|
+
export declare const SwitchField: React.ForwardRefExoticComponent<Omit<ISwitchFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
12
|
export {};
|
package/switch/switch.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ export interface ISwitchProps extends Omit<SwitchProps, 'size' | 'color' | 'clas
|
|
|
14
14
|
onValueChange?(newValue: boolean): void;
|
|
15
15
|
classes?: Partial<SwitchClasses>;
|
|
16
16
|
}
|
|
17
|
-
export declare const Switch: React.ForwardRefExoticComponent<
|
|
17
|
+
export declare const Switch: React.ForwardRefExoticComponent<Omit<ISwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const tableLoadingStateComponentName: "QuantumTableLoadingState";
|
|
2
2
|
export declare function getTableLoadingStateUtilityClass(slot: string): string;
|
|
3
3
|
export declare const tableLoadingStateClasses: Record<"spinner" | "root", string>;
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type TableLoadingStateClasses = typeof tableLoadingStateClasses;
|
|
5
|
+
export type TableLoadingStateClassKey = keyof TableLoadingStateClasses;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IStyledComponentProps } from '../../styled';
|
|
3
3
|
import { TableLoadingStateClasses } from './table-loading-state-classes';
|
|
4
|
-
export
|
|
4
|
+
export type ITableLoadingStateProps = IStyledComponentProps<{
|
|
5
5
|
props: {
|
|
6
6
|
items?: any[];
|
|
7
7
|
classes?: Partial<TableLoadingStateClasses>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TableSortLabelProps } from '@mui/material/TableSortLabel';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
export
|
|
4
|
-
export declare const TableSortLabel: React.ForwardRefExoticComponent<
|
|
3
|
+
export type ITableSortLabelProps = TableSortLabelProps;
|
|
4
|
+
export declare const TableSortLabel: React.ForwardRefExoticComponent<Omit<ITableSortLabelProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
package/tabs/tab/tab.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OverridableComponent, OverrideProps } from '../../overridable-component';
|
|
3
3
|
import { TabTypeMap } from '@mui/material/Tab';
|
|
4
|
-
|
|
4
|
+
type ITabTypeMap<ExtraPropsType = {}, DefaultElementType extends React.ElementType = TabTypeMap['defaultComponent']> = TabTypeMap<ExtraPropsType & {
|
|
5
5
|
productReleaseStage?: 'beta' | 'earlyAccess' | 'generalAvailability';
|
|
6
6
|
}, DefaultElementType>;
|
|
7
|
-
export
|
|
7
|
+
export type ITabProps<D extends React.ElementType = ITabTypeMap['defaultComponent'], P = {}> = OverrideProps<ITabTypeMap<P, D>, D>;
|
|
8
8
|
export declare const Tab: OverridableComponent<ITabTypeMap<{}, "div">>;
|
|
9
9
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TabsProps } from '@mui/material/Tabs';
|
|
3
|
-
export
|
|
3
|
+
export type ITabListProps = Omit<TabsProps, 'onChange' | 'value'>;
|
|
4
4
|
export declare const TabList: React.FC<ITabListProps>;
|
package/tabs/tabs.d.ts
CHANGED
|
@@ -3,5 +3,6 @@ import { ITabsContextValue } from './tabs-context';
|
|
|
3
3
|
export interface ITabsProps extends Pick<ITabsContextValue, 'onChange' | 'value' | 'isLazy'> {
|
|
4
4
|
baseId: string;
|
|
5
5
|
fullWidth?: boolean;
|
|
6
|
+
children?: React.ReactNode;
|
|
6
7
|
}
|
|
7
8
|
export declare const Tabs: React.FC<ITabsProps>;
|
package/text/index.d.ts
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import { typographyClasses, TypographyTypeMap } from '@mui/material/Typography';
|
|
3
3
|
import { OverridableComponent, OverrideProps } from '../overridable-component';
|
|
4
4
|
export { typographyClasses };
|
|
5
|
-
export
|
|
5
|
+
export type ITextProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = OverrideProps<TypographyTypeMap<P, D>, D>;
|
|
6
6
|
export declare const Text: OverridableComponent<TypographyTypeMap<{}, "span">>;
|
package/theme/colors.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Color as MuiColor } from '@mui/material';
|
|
2
2
|
import { ThemeTokens } from './tokens';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type Color = Omit<MuiColor, 'A100' | 'A200' | 'A400' | 'A700'>;
|
|
4
|
+
export type Shade = 'lightest' | 'lighter' | 'light' | 'base' | 'dark' | 'darker' | 'darkest';
|
|
5
5
|
/** @deprecated use tokens */
|
|
6
6
|
export declare const shadeMap: Record<Shade, keyof Color>;
|
|
7
|
-
export
|
|
7
|
+
export type ColorName = 'blue' | 'green' | 'magenta' | 'purple' | 'red' | 'yellow' | 'neutral';
|
|
8
8
|
export declare const getColorsFromTokens: (tokens: ThemeTokens) => Record<ColorName, Color>;
|
|
9
9
|
export declare const getBrandColor: (colors: Record<ColorName, Color>, mainBrandColor: string) => Color;
|
|
10
|
-
|
|
10
|
+
type BrandShadeMap = Record<'light' | 'main' | 'dark' | 'A400' | 'A200' | 'A700', string>;
|
|
11
11
|
export declare const getBrandShadeAliasMap: (color: Color, mainColor: string) => BrandShadeMap;
|
|
12
12
|
export {};
|
|
@@ -24,5 +24,5 @@ export interface IComponentOverrideMap<Props, ClassKey extends string = 'root'>
|
|
|
24
24
|
style: CSSObject;
|
|
25
25
|
}>;
|
|
26
26
|
}
|
|
27
|
-
export
|
|
27
|
+
export type ComponentOverrideCreator<ComponentProps, ClassKey extends string = 'root'> = (options: ICreateComponentOverridesOptions) => IComponentOverrideMap<ComponentProps, ClassKey>;
|
|
28
28
|
export declare const createComponentOverrides: <Props = {}, ClassKey extends string = "root">(creator: ComponentOverrideCreator<Props, ClassKey>) => ComponentOverrideCreator<Props, ClassKey>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Components } from '@mui/material/styles';
|
|
2
2
|
import type { ICreateComponentOverridesOptions } from './create-component-overrides';
|
|
3
|
-
export
|
|
3
|
+
export type IComponents = Components;
|
|
4
4
|
export interface IComponentsOptions extends ICreateComponentOverridesOptions {
|
|
5
5
|
components?: ((options: IComponentsOptions) => IComponents) | IComponents;
|
|
6
6
|
}
|
package/theme/create-layout.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export interface ILayout {
|
|
|
6
6
|
sidebarWidth: number;
|
|
7
7
|
sidebarWidthCollapsed: number;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type ILayoutOptions = Partial<ILayout> & {
|
|
10
10
|
tokens?: ThemeTokens;
|
|
11
11
|
};
|
|
12
12
|
export declare const createLayout: (options?: ILayoutOptions) => ILayout;
|
package/theme/create-mixins.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ export interface IMixins extends Omit<Mixins, 'toolbar'> {
|
|
|
26
26
|
dark?: DarkModeValue;
|
|
27
27
|
}): LightModeValue | DarkModeValue;
|
|
28
28
|
}
|
|
29
|
-
export
|
|
29
|
+
export type IMixinsOptions = Partial<IMixins>;
|
|
30
30
|
export interface ICreateMixinsOptions {
|
|
31
31
|
breakpoints: Breakpoints;
|
|
32
32
|
spacing: Spacing;
|
|
@@ -2,11 +2,11 @@ import { Palette, PaletteColor, PaletteOptions } from '@mui/material/styles';
|
|
|
2
2
|
import type { PropTypes, PaletteMode } from '@mui/material';
|
|
3
3
|
import { ThemeTokens } from './tokens';
|
|
4
4
|
export type { PaletteColor, PaletteMode };
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
5
|
+
export type IPalette = Palette;
|
|
6
|
+
export type IPaletteOptions = PaletteOptions;
|
|
7
|
+
export type ColorType = BaseColorType | ThemeColorType | StatusColorType | PaletteColor | 'danger';
|
|
8
|
+
export type PickColorType<Color extends ColorType = ColorType> = Color;
|
|
9
|
+
export type StatusColorType = keyof Pick<IPalette, 'warning' | 'danger' | 'success' | 'info'>;
|
|
10
|
+
export type ThemeColorType = keyof Pick<IPalette, 'primary'>;
|
|
11
|
+
export type BaseColorType = PropTypes.Color;
|
|
12
12
|
export declare const createPalette: ({ primary, secondary, mode, ...overrides }: PaletteOptions | undefined, tokens: ThemeTokens) => PaletteOptions;
|
package/theme/create-theme.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { ILayout } from './create-layout';
|
|
|
4
4
|
import { IComponentsOptions } from './create-components';
|
|
5
5
|
import { IMixins } from './create-mixins';
|
|
6
6
|
import { ITypography, ITypographyOptions } from './create-typography';
|
|
7
|
-
export
|
|
7
|
+
export type IThemeOptions = Omit<ThemeOptions, 'typography'> & {
|
|
8
8
|
components?: IComponentsOptions['components'];
|
|
9
9
|
typography?: ((partialTheme: {
|
|
10
10
|
palette: Palette;
|
|
@@ -20,6 +20,6 @@ interface IThemeCustomProps {
|
|
|
20
20
|
tokens: SemanticThemeTokens;
|
|
21
21
|
unsafe_globalTokens: GlobalThemeTokens;
|
|
22
22
|
}
|
|
23
|
-
export
|
|
23
|
+
export type ITheme = Theme & IThemeCustomProps;
|
|
24
24
|
export declare const createTheme: ({ layout: layoutOptions, components: componentsOptions, palette: paletteOptions, typography: typographyOptions, breakpoints: breakpointsOptions, tokens, ...options }?: IThemeOptions) => ITheme;
|
|
25
25
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TypographyVariants as Typography, TypographyVariantsOptions as TypographyOptions, TypographyStyle } from '@mui/material/styles';
|
|
2
2
|
import { ThemeTokens } from './tokens';
|
|
3
|
-
export
|
|
3
|
+
export type FontWeightKey = 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
|
|
4
4
|
export interface ITypography extends Typography {
|
|
5
5
|
fontFamilyMonospace: string;
|
|
6
6
|
code1: TypographyStyle;
|
|
@@ -9,5 +9,5 @@ export interface ITypography extends Typography {
|
|
|
9
9
|
input: TypographyStyle;
|
|
10
10
|
fontWeightSemibold: any;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type ITypographyOptions = TypographyOptions & Partial<ITypography>;
|
|
13
13
|
export declare const createTypography: (overrides: ITypographyOptions | undefined, tokens: ThemeTokens) => ITypographyOptions;
|
package/theme/tokens.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { okta, auth0 } from '@auth0/quantum-tokens';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
2
|
+
type GlobalTokenPatten = `${string}_global_${string}`;
|
|
3
|
+
type ColorTokenPattern = `color_${string}`;
|
|
4
|
+
type TypeTokenPattern = `type_${string}`;
|
|
5
|
+
export type ThemeTokens = typeof okta.light | typeof auth0.light;
|
|
6
|
+
export type ThemeTokenName = keyof ThemeTokens;
|
|
7
|
+
type FilterGlobalTokens<TokenKey extends string> = TokenKey extends GlobalTokenPatten ? never : TokenKey;
|
|
8
|
+
type PickTokenType<Pattern extends string, TokenKey extends string> = TokenKey extends Pattern ? TokenKey : never;
|
|
9
|
+
export type GlobalThemeTokenName = PickTokenType<GlobalTokenPatten, ThemeTokenName>;
|
|
10
|
+
export type GlobalThemeTokens = Pick<ThemeTokens, GlobalThemeTokenName>;
|
|
11
|
+
export type SemanticThemeTokenName = FilterGlobalTokens<ThemeTokenName>;
|
|
12
|
+
export type SemanticThemeTokens = Pick<ThemeTokens, SemanticThemeTokenName>;
|
|
13
|
+
export type ThemeColorTokenName = FilterGlobalTokens<PickTokenType<ColorTokenPattern, ThemeTokenName>>;
|
|
14
|
+
export type ThemeColorTokens = Pick<ThemeTokens, ThemeColorTokenName>;
|
|
15
|
+
export type ThemeTypeTokenName = FilterGlobalTokens<PickTokenType<TypeTokenPattern, ThemeTokenName>>;
|
|
16
|
+
export type ThemeTypeTokens = Pick<ThemeTokens, ThemeTypeTokenName>;
|
|
17
17
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const titleBlockComponentName: "QuantumTitleBlock";
|
|
2
|
-
export
|
|
2
|
+
export type TitleBlockSlotKey = 'root' | 'title' | 'description';
|
|
3
3
|
export declare function getTitleBlockUtilityClass(slot: string): string;
|
|
4
4
|
export declare const titleBlockClasses: Record<"title" | "root" | "description", string>;
|
|
5
|
-
export
|
|
6
|
-
export
|
|
5
|
+
export type TitleBlockClasses = typeof titleBlockClasses;
|
|
6
|
+
export type TitleBlockClassKey = keyof TitleBlockClasses;
|
package/toast/toast-classes.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const toastComponentName: "QuantumToast";
|
|
2
2
|
export declare function getToastUtilityClass(slot: string): string;
|
|
3
3
|
export declare const toastClasses: Record<"root" | "alert", string>;
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type ToastClasses = typeof toastClasses;
|
|
5
|
+
export type ToastClassKey = keyof ToastClasses;
|
package/toast/toast.d.ts
CHANGED
|
@@ -7,4 +7,4 @@ export interface IToastProps extends Omit<SnackbarProps, 'onClose' | 'title' | '
|
|
|
7
7
|
AlertProps?: Partial<Omit<IAlertProps, 'ref'>>;
|
|
8
8
|
onClose?(event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason | 'closeClick'): void;
|
|
9
9
|
}
|
|
10
|
-
export declare const Toast: React.ForwardRefExoticComponent<
|
|
10
|
+
export declare const Toast: React.ForwardRefExoticComponent<Omit<IToastProps, "ref"> & React.RefAttributes<unknown>>;
|
package/utils/layouts.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { ResponsiveStyleValue } from '@mui/system';
|
|
3
|
-
export
|
|
3
|
+
export type SpacingFactor = 0 | 0.25 | 0.5 | 0.75 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
4
4
|
export interface ILayoutComponentProps {
|
|
5
5
|
/** @deprecated use `as` prop instead */
|
|
6
6
|
component?: React.ElementType;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ResponsiveStyleValue } from '@mui/system/styleFunctionSx';
|
|
2
2
|
export type { ResponsiveStyleValue };
|
|
3
|
-
export
|
|
3
|
+
export type ResponsiveStyleValueMap<Value = any> = {
|
|
4
4
|
[key: string]: Value;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type ResponsiveStyleValueArray<Value = any> = Value[];
|
|
7
7
|
export declare const isBreakPointValueMap: <Value = any>(possibleMap: ResponsiveStyleValue<any>) => possibleMap is ResponsiveStyleValueMap<Value>;
|
|
8
8
|
export declare const isBreakPointValueArray: <Value = any>(possibleMap: ResponsiveStyleValue<any>) => possibleMap is ResponsiveStyleValueArray<Value>;
|
|
9
9
|
export declare const mapResponsiveStyleValue: <PropValue = any, StyleValue = any>(propValue: ResponsiveStyleValue<PropValue>, getStyleValueForPropValue: (value: PropValue | null) => StyleValue) => ResponsiveStyleValue<StyleValue>;
|