@auth0/quantum-product 2.1.0 → 2.1.2

package/dialog/dialog-overrides.js

@@ -6,13 +6,13 @@ var createMuiDialogOverrides = function (_a) {
     return {
         styleOverrides: {
             paperWidthMd: {
-                'max-width': typography.pxToRem(800),
+                maxWidth: typography.pxToRem(800),
             },
             paperWidthSm: {
-                'max-width': typography.pxToRem(640),
+                maxWidth: typography.pxToRem(640),
             },
             paperWidthXs: {
-                'max-width': typography.pxToRem(448),
+                maxWidth: typography.pxToRem(448),
             },
         },
     };

package/dropdown-menu/dropdown-menu-divider/dropdown-menu-divider.js

@@ -58,5 +58,5 @@ var Root = (0, styled_1.styled)(divider_1.Divider, { name: dropdownMenuDividerCo
 });
 exports.DropdownMenuDivider = React.forwardRef(function (props, ref) {
     var rootProps = __rest(props, []);
-    return React.createElement(Root, __assign({ ref: ref, forwardedAs: "hr", role: "separator" }, rootProps));
+    return React.createElement(Root, __assign({ ref: ref, as: "hr", role: "separator" }, rootProps));
 });

package/dropdown-menu/dropdown-menu-list/dropdown-menu-list.d.ts

@@ -3,7 +3,7 @@ import { IDropdownMenuGroupProps } from '../dropdown-menu-group';
 import { IDropdownMenuListItemProps } from '../dropdown-menu-list-item';
 import { IMenuListProps } from '../../menu';
 export declare const dropdownMenuListComponentName: "QuantumDropdownMenuList";
-type DropdownMenuListItemValue = {
+export type DropdownMenuListItemValue = {
     type: 'divider';
 } | ({
     type: 'group';
@@ -14,4 +14,3 @@ export interface IDropdownMenuListProps extends IMenuListProps {
     items?: DropdownMenuListItemValue[];
 }
 export declare const DropdownMenuList: React.ForwardRefExoticComponent<Omit<IDropdownMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dropdown-menu/dropdown-menu-list/index.d.ts

@@ -1,2 +1,2 @@
 export { DropdownMenuList } from './dropdown-menu-list';
-export type { IDropdownMenuListProps } from './dropdown-menu-list';
+export type { IDropdownMenuListProps, DropdownMenuListItemValue } from './dropdown-menu-list';

package/esm/dialog/dialog-overrides.js

@@ -3,13 +3,13 @@ export var createMuiDialogOverrides = function (_a) {
     return {
         styleOverrides: {
             paperWidthMd: {
-                'max-width': typography.pxToRem(800),
+                maxWidth: typography.pxToRem(800),
             },
             paperWidthSm: {
-                'max-width': typography.pxToRem(640),
+                maxWidth: typography.pxToRem(640),
             },
             paperWidthXs: {
-                'max-width': typography.pxToRem(448),
+                maxWidth: typography.pxToRem(448),
             },
         },
     };

package/esm/dropdown-menu/dropdown-menu-divider/dropdown-menu-divider.js

@@ -32,5 +32,5 @@ var Root = styled(Divider, { name: dropdownMenuDividerComponentName, slot: 'Root
 });
 export var DropdownMenuDivider = React.forwardRef(function (props, ref) {
     var rootProps = __rest(props, []);
-    return React.createElement(Root, __assign({ ref: ref, forwardedAs: "hr", role: "separator" }, rootProps));
+    return React.createElement(Root, __assign({ ref: ref, as: "hr", role: "separator" }, rootProps));
 });

package/esm/region/flags.js

@@ -138,6 +138,11 @@ export var UkFlagSvg = function (props) {
             React.createElement("path", { d: "M0 6.37651H5.91655L0 2.15116V6.37651Z", fill: "#1A237B" }),
             React.createElement("path", { d: "M10.9835 0V7.45205H0V10.6019H10.9835V17.6698H13.1985V10.6019H24V7.45205H13.1985V0H10.9835Z", fill: "#BD0034" }))));
 };
+export var CaFlagSvg = function (props) {
+    return (React.createElement("svg", __assign({ width: "24", height: "18", viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("rect", { width: "24", height: "18", rx: "3", fill: "#D52B1E" }),
+        React.createElement("path", { d: "M6 0H18V18H6L6 0ZM12.225 14.075L12.1125 11.9175C12.1109 11.882 12.1172 11.8466 12.1311 11.8139C12.1449 11.7812 12.1659 11.752 12.1926 11.7285C12.2192 11.705 12.2507 11.6878 12.2849 11.6781C12.3191 11.6684 12.355 11.6665 12.39 11.6725L14.5375 12.05L14.2475 11.25C14.2357 11.2182 14.2342 11.1835 14.2432 11.1507C14.2522 11.118 14.2712 11.0889 14.2975 11.0675L16.65 9.1625L16.12 8.915C16.0842 8.89808 16.0558 8.86868 16.0402 8.83232C16.0245 8.79595 16.0227 8.75512 16.035 8.7175L16.5 7.2875L15.145 7.575C15.1083 7.58265 15.0701 7.57738 15.0368 7.56006C15.0035 7.54275 14.9773 7.51446 14.9625 7.48L14.7 6.8625L13.6425 7.9975C13.6183 8.023 13.5865 8.03998 13.5519 8.04589C13.5172 8.05179 13.4816 8.04631 13.4503 8.03025C13.4191 8.0142 13.3939 7.98844 13.3785 7.95684C13.3631 7.92525 13.3584 7.88951 13.365 7.855L13.875 5.225L13.0575 5.6975C13.0383 5.70875 13.017 5.71594 12.9949 5.71862C12.9728 5.7213 12.9504 5.71942 12.9291 5.71309C12.9078 5.70676 12.888 5.69612 12.8709 5.68183C12.8539 5.66754 12.84 5.6499 12.83 5.63L12 4L11.17 5.63C11.16 5.6499 11.1461 5.66754 11.1291 5.68183C11.112 5.69612 11.0922 5.70676 11.0709 5.71309C11.0496 5.71942 11.0272 5.7213 11.0051 5.71862C10.983 5.71594 10.9617 5.70875 10.9425 5.6975L10.125 5.225L10.635 7.855C10.6416 7.88951 10.6369 7.92525 10.6215 7.95684C10.6061 7.98844 10.5809 8.0142 10.5497 8.03025C10.5184 8.04631 10.4828 8.05179 10.4481 8.04589C10.4135 8.03998 10.3817 8.023 10.3575 7.9975L9.3 6.8625L9.0375 7.48C9.02271 7.51446 8.99646 7.54275 8.9632 7.56006C8.92994 7.57738 8.89171 7.58265 8.855 7.575L7.5 7.2875L7.965 8.7175C7.97732 8.75512 7.97549 8.79595 7.95984 8.83232C7.94418 8.86868 7.9158 8.89808 7.88 8.915L7.35 9.1625L9.7025 11.0675C9.72885 11.0889 9.74784 11.118 9.7568 11.1507C9.76577 11.1835 9.76427 11.2182 9.7525 11.25L9.4625 12.05L11.61 11.6725C11.645 11.6665 11.6809 11.6684 11.7151 11.6781C11.7493 11.6878 11.7808 11.705 11.8074 11.7285C11.8341 11.752 11.8551 11.7812 11.8689 11.8139C11.8828 11.8466 11.8891 11.882 11.8875 11.9175L11.775 14.075H12.225Z", fill: "#F6F8FB" })));
+};
 export var PiFlagSvg = function (props) {
     var id = useId(props.id);
     var clip0Id = "".concat(id, "-clip0");

package/esm/region/region.js

@@ -25,7 +25,7 @@ import clsx from '../utils/clsx';
 import { styled } from '../styled';
 import { useMergedClasses } from '../styles/classes';
 import { Text } from '../text';
-import { AuFlagSvg, EuFlagSvg, JpFlagSvg, PiFlagSvg, UsFlagSvg, UkFlagSvg } from './flags';
+import { AuFlagSvg, EuFlagSvg, JpFlagSvg, PiFlagSvg, UsFlagSvg, UkFlagSvg, CaFlagSvg } from './flags';
 import { regionComponentName, regionClasses, getRegionUtilityClass } from './region-classes';
 var Root = styled('span', { name: regionComponentName, slot: 'Root' })(function (_a) {
     var _b;
@@ -59,12 +59,14 @@ function localityIcon(locality) {
             return UkFlagSvg;
         case 'jp':
             return JpFlagSvg;
-        case 'pi':
-            return PiFlagSvg;
         case 'us':
             return UsFlagSvg;
         case 'tus':
             return UsFlagSvg;
+        case 'ca':
+            return CaFlagSvg;
+        case 'pi':
+            return PiFlagSvg;
         default:
             return UsFlagSvg;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {

package/region/flags.d.ts

@@ -4,4 +4,5 @@ export declare const UsFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.
 export declare const EuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
 export declare const AuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
 export declare const UkFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const CaFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
 export declare const PiFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/region/flags.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PiFlagSvg = exports.UkFlagSvg = exports.AuFlagSvg = exports.EuFlagSvg = exports.UsFlagSvg = exports.JpFlagSvg = void 0;
+exports.PiFlagSvg = exports.CaFlagSvg = exports.UkFlagSvg = exports.AuFlagSvg = exports.EuFlagSvg = exports.UsFlagSvg = exports.JpFlagSvg = void 0;
 var React = __importStar(require("react"));
 var use_id_1 = require("../utils/use-id");
 var JpFlagSvg = function (props) {
@@ -169,6 +169,12 @@ var UkFlagSvg = function (props) {
             React.createElement("path", { d: "M10.9835 0V7.45205H0V10.6019H10.9835V17.6698H13.1985V10.6019H24V7.45205H13.1985V0H10.9835Z", fill: "#BD0034" }))));
 };
 exports.UkFlagSvg = UkFlagSvg;
+var CaFlagSvg = function (props) {
+    return (React.createElement("svg", __assign({ width: "24", height: "18", viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("rect", { width: "24", height: "18", rx: "3", fill: "#D52B1E" }),
+        React.createElement("path", { d: "M6 0H18V18H6L6 0ZM12.225 14.075L12.1125 11.9175C12.1109 11.882 12.1172 11.8466 12.1311 11.8139C12.1449 11.7812 12.1659 11.752 12.1926 11.7285C12.2192 11.705 12.2507 11.6878 12.2849 11.6781C12.3191 11.6684 12.355 11.6665 12.39 11.6725L14.5375 12.05L14.2475 11.25C14.2357 11.2182 14.2342 11.1835 14.2432 11.1507C14.2522 11.118 14.2712 11.0889 14.2975 11.0675L16.65 9.1625L16.12 8.915C16.0842 8.89808 16.0558 8.86868 16.0402 8.83232C16.0245 8.79595 16.0227 8.75512 16.035 8.7175L16.5 7.2875L15.145 7.575C15.1083 7.58265 15.0701 7.57738 15.0368 7.56006C15.0035 7.54275 14.9773 7.51446 14.9625 7.48L14.7 6.8625L13.6425 7.9975C13.6183 8.023 13.5865 8.03998 13.5519 8.04589C13.5172 8.05179 13.4816 8.04631 13.4503 8.03025C13.4191 8.0142 13.3939 7.98844 13.3785 7.95684C13.3631 7.92525 13.3584 7.88951 13.365 7.855L13.875 5.225L13.0575 5.6975C13.0383 5.70875 13.017 5.71594 12.9949 5.71862C12.9728 5.7213 12.9504 5.71942 12.9291 5.71309C12.9078 5.70676 12.888 5.69612 12.8709 5.68183C12.8539 5.66754 12.84 5.6499 12.83 5.63L12 4L11.17 5.63C11.16 5.6499 11.1461 5.66754 11.1291 5.68183C11.112 5.69612 11.0922 5.70676 11.0709 5.71309C11.0496 5.71942 11.0272 5.7213 11.0051 5.71862C10.983 5.71594 10.9617 5.70875 10.9425 5.6975L10.125 5.225L10.635 7.855C10.6416 7.88951 10.6369 7.92525 10.6215 7.95684C10.6061 7.98844 10.5809 8.0142 10.5497 8.03025C10.5184 8.04631 10.4828 8.05179 10.4481 8.04589C10.4135 8.03998 10.3817 8.023 10.3575 7.9975L9.3 6.8625L9.0375 7.48C9.02271 7.51446 8.99646 7.54275 8.9632 7.56006C8.92994 7.57738 8.89171 7.58265 8.855 7.575L7.5 7.2875L7.965 8.7175C7.97732 8.75512 7.97549 8.79595 7.95984 8.83232C7.94418 8.86868 7.9158 8.89808 7.88 8.915L7.35 9.1625L9.7025 11.0675C9.72885 11.0889 9.74784 11.118 9.7568 11.1507C9.76577 11.1835 9.76427 11.2182 9.7525 11.25L9.4625 12.05L11.61 11.6725C11.645 11.6665 11.6809 11.6684 11.7151 11.6781C11.7493 11.6878 11.7808 11.705 11.8074 11.7285C11.8341 11.752 11.8551 11.7812 11.8689 11.8139C11.8828 11.8466 11.8891 11.882 11.8875 11.9175L11.775 14.075H12.225Z", fill: "#F6F8FB" })));
+};
+exports.CaFlagSvg = CaFlagSvg;
 var PiFlagSvg = function (props) {
     var id = (0, use_id_1.useId)(props.id);
     var clip0Id = "".concat(id, "-clip0");

package/region/region.d.ts

@@ -3,7 +3,7 @@ import { IStyledComponentProps } from '../styled';
 import { ITextProps } from '../text';
 import { RegionClasses } from './region-classes';
 export type RegionSize = 'small' | 'medium';
-export type RegionLocality = 'au' | 'eu' | 'us' | 'tus' | 'jp' | 'uk' | 'tuk' | 'pi';
+export type RegionLocality = 'au' | 'eu' | 'us' | 'tus' | 'jp' | 'uk' | 'tuk' | 'ca' | 'pi';
 export type IRegionProps = IStyledComponentProps<{
     props: {
         locality?: RegionLocality;

package/region/region.js

@@ -88,12 +88,14 @@ function localityIcon(locality) {
             return flags_1.UkFlagSvg;
         case 'jp':
             return flags_1.JpFlagSvg;
-        case 'pi':
-            return flags_1.PiFlagSvg;
         case 'us':
             return flags_1.UsFlagSvg;
         case 'tus':
             return flags_1.UsFlagSvg;
+        case 'ca':
+            return flags_1.CaFlagSvg;
+        case 'pi':
+            return flags_1.PiFlagSvg;
         default:
             return flags_1.UsFlagSvg;
     }