@metamask/design-system-react 0.20.0 → 0.21.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/CHANGELOG.md +14 -1
- package/dist/components/AvatarGroup/AvatarGroup.cjs +18 -13
- package/dist/components/AvatarGroup/AvatarGroup.cjs.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.constants.cjs +16 -17
- package/dist/components/AvatarGroup/AvatarGroup.constants.cjs.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.constants.d.cts +1 -2
- package/dist/components/AvatarGroup/AvatarGroup.constants.d.cts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.constants.d.mts +1 -2
- package/dist/components/AvatarGroup/AvatarGroup.constants.d.mts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.constants.mjs +1 -2
- package/dist/components/AvatarGroup/AvatarGroup.constants.mjs.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.d.cts +8 -21
- package/dist/components/AvatarGroup/AvatarGroup.d.cts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.d.mts +8 -21
- package/dist/components/AvatarGroup/AvatarGroup.d.mts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.mjs +9 -4
- package/dist/components/AvatarGroup/AvatarGroup.mjs.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.types.cjs.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.types.d.cts +7 -24
- package/dist/components/AvatarGroup/AvatarGroup.types.d.cts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.types.d.mts +7 -24
- package/dist/components/AvatarGroup/AvatarGroup.types.d.mts.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.types.mjs.map +1 -1
- package/dist/components/AvatarGroup/index.cjs +3 -3
- package/dist/components/AvatarGroup/index.cjs.map +1 -1
- package/dist/components/AvatarGroup/index.d.cts +1 -1
- package/dist/components/AvatarGroup/index.d.cts.map +1 -1
- package/dist/components/AvatarGroup/index.d.mts +1 -1
- package/dist/components/AvatarGroup/index.d.mts.map +1 -1
- package/dist/components/AvatarGroup/index.mjs +1 -1
- package/dist/components/AvatarGroup/index.mjs.map +1 -1
- package/dist/components/Icon/icons/Merge.cjs +32 -0
- package/dist/components/Icon/icons/Merge.cjs.map +1 -0
- package/dist/components/Icon/icons/Merge.d.cts +4 -0
- package/dist/components/Icon/icons/Merge.d.cts.map +1 -0
- package/dist/components/Icon/icons/Merge.d.mts +4 -0
- package/dist/components/Icon/icons/Merge.d.mts.map +1 -0
- package/dist/components/Icon/icons/Merge.mjs +7 -0
- package/dist/components/Icon/icons/Merge.mjs.map +1 -0
- package/dist/components/Icon/icons/index.cjs +2 -0
- package/dist/components/Icon/icons/index.cjs.map +1 -1
- package/dist/components/Icon/icons/index.d.cts +1 -0
- package/dist/components/Icon/icons/index.d.cts.map +1 -1
- package/dist/components/Icon/icons/index.d.mts +1 -0
- package/dist/components/Icon/icons/index.d.mts.map +1 -1
- package/dist/components/Icon/icons/index.mjs +2 -0
- package/dist/components/Icon/icons/index.mjs.map +1 -1
- package/dist/components/Input/Input.cjs +4 -3
- package/dist/components/Input/Input.cjs.map +1 -1
- package/dist/components/Input/Input.d.cts +1 -5
- package/dist/components/Input/Input.d.cts.map +1 -1
- package/dist/components/Input/Input.d.mts +1 -5
- package/dist/components/Input/Input.d.mts.map +1 -1
- package/dist/components/Input/Input.mjs +4 -3
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Input/Input.types.cjs.map +1 -1
- package/dist/components/Input/Input.types.d.cts +2 -20
- package/dist/components/Input/Input.types.d.cts.map +1 -1
- package/dist/components/Input/Input.types.d.mts +2 -20
- package/dist/components/Input/Input.types.d.mts.map +1 -1
- package/dist/components/Input/Input.types.mjs.map +1 -1
- package/dist/components/ModalBody/ModalBody.cjs +32 -0
- package/dist/components/ModalBody/ModalBody.cjs.map +1 -0
- package/dist/components/ModalBody/ModalBody.d.cts +4 -0
- package/dist/components/ModalBody/ModalBody.d.cts.map +1 -0
- package/dist/components/ModalBody/ModalBody.d.mts +4 -0
- package/dist/components/ModalBody/ModalBody.d.mts.map +1 -0
- package/dist/components/ModalBody/ModalBody.mjs +13 -0
- package/dist/components/ModalBody/ModalBody.mjs.map +1 -0
- package/dist/components/ModalBody/ModalBody.types.cjs +3 -0
- package/dist/components/ModalBody/ModalBody.types.cjs.map +1 -0
- package/dist/components/ModalBody/ModalBody.types.d.cts +13 -0
- package/dist/components/ModalBody/ModalBody.types.d.cts.map +1 -0
- package/dist/components/ModalBody/ModalBody.types.d.mts +13 -0
- package/dist/components/ModalBody/ModalBody.types.d.mts.map +1 -0
- package/dist/components/ModalBody/ModalBody.types.mjs +2 -0
- package/dist/components/ModalBody/ModalBody.types.mjs.map +1 -0
- package/dist/components/ModalBody/index.cjs +6 -0
- package/dist/components/ModalBody/index.cjs.map +1 -0
- package/dist/components/ModalBody/index.d.cts +3 -0
- package/dist/components/ModalBody/index.d.cts.map +1 -0
- package/dist/components/ModalBody/index.d.mts +3 -0
- package/dist/components/ModalBody/index.d.mts.map +1 -0
- package/dist/components/ModalBody/index.mjs +2 -0
- package/dist/components/ModalBody/index.mjs.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.cjs +56 -0
- package/dist/components/ModalFocus/ModalFocus.cjs.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.d.cts +4 -0
- package/dist/components/ModalFocus/ModalFocus.d.cts.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.d.mts +4 -0
- package/dist/components/ModalFocus/ModalFocus.d.mts.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.mjs +34 -0
- package/dist/components/ModalFocus/ModalFocus.mjs.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.types.cjs +3 -0
- package/dist/components/ModalFocus/ModalFocus.types.cjs.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.types.d.cts +36 -0
- package/dist/components/ModalFocus/ModalFocus.types.d.cts.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.types.d.mts +36 -0
- package/dist/components/ModalFocus/ModalFocus.types.d.mts.map +1 -0
- package/dist/components/ModalFocus/ModalFocus.types.mjs +2 -0
- package/dist/components/ModalFocus/ModalFocus.types.mjs.map +1 -0
- package/dist/components/ModalFocus/index.cjs +6 -0
- package/dist/components/ModalFocus/index.cjs.map +1 -0
- package/dist/components/ModalFocus/index.d.cts +3 -0
- package/dist/components/ModalFocus/index.d.cts.map +1 -0
- package/dist/components/ModalFocus/index.d.mts +3 -0
- package/dist/components/ModalFocus/index.d.mts.map +1 -0
- package/dist/components/ModalFocus/index.mjs +2 -0
- package/dist/components/ModalFocus/index.mjs.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.cjs +44 -0
- package/dist/components/ModalFooter/ModalFooter.cjs.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.d.cts +4 -0
- package/dist/components/ModalFooter/ModalFooter.d.cts.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.d.mts +4 -0
- package/dist/components/ModalFooter/ModalFooter.d.mts.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.mjs +25 -0
- package/dist/components/ModalFooter/ModalFooter.mjs.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.types.cjs +14 -0
- package/dist/components/ModalFooter/ModalFooter.types.cjs.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.types.d.cts +63 -0
- package/dist/components/ModalFooter/ModalFooter.types.d.cts.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.types.d.mts +63 -0
- package/dist/components/ModalFooter/ModalFooter.types.d.mts.map +1 -0
- package/dist/components/ModalFooter/ModalFooter.types.mjs +11 -0
- package/dist/components/ModalFooter/ModalFooter.types.mjs.map +1 -0
- package/dist/components/ModalFooter/index.cjs +8 -0
- package/dist/components/ModalFooter/index.cjs.map +1 -0
- package/dist/components/ModalFooter/index.d.cts +4 -0
- package/dist/components/ModalFooter/index.d.cts.map +1 -0
- package/dist/components/ModalFooter/index.d.mts +4 -0
- package/dist/components/ModalFooter/index.d.mts.map +1 -0
- package/dist/components/ModalFooter/index.mjs +3 -0
- package/dist/components/ModalFooter/index.mjs.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.cjs +32 -0
- package/dist/components/ModalOverlay/ModalOverlay.cjs.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.d.cts +4 -0
- package/dist/components/ModalOverlay/ModalOverlay.d.cts.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.d.mts +4 -0
- package/dist/components/ModalOverlay/ModalOverlay.d.mts.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.mjs +13 -0
- package/dist/components/ModalOverlay/ModalOverlay.mjs.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.cjs +3 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.cjs.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.d.cts +9 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.d.cts.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.d.mts +9 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.d.mts.map +1 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.mjs +2 -0
- package/dist/components/ModalOverlay/ModalOverlay.types.mjs.map +1 -0
- package/dist/components/ModalOverlay/index.cjs +6 -0
- package/dist/components/ModalOverlay/index.cjs.map +1 -0
- package/dist/components/ModalOverlay/index.d.cts +3 -0
- package/dist/components/ModalOverlay/index.d.cts.map +1 -0
- package/dist/components/ModalOverlay/index.d.mts +3 -0
- package/dist/components/ModalOverlay/index.d.mts.map +1 -0
- package/dist/components/ModalOverlay/index.mjs +2 -0
- package/dist/components/ModalOverlay/index.mjs.map +1 -0
- package/dist/components/index.cjs +10 -1
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +8 -0
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +8 -0
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.mjs +4 -0
- package/dist/components/index.mjs.map +1 -1
- package/dist/types/index.cjs +3 -15
- package/dist/types/index.cjs.map +1 -1
- package/dist/types/index.d.cts +0 -10
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.mts +0 -10
- package/dist/types/index.d.mts.map +1 -1
- package/dist/types/index.mjs +0 -11
- package/dist/types/index.mjs.map +1 -1
- package/package.json +5 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFocus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,+BAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ModalFocus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus.types';\n"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalFooter = void 0;
|
|
27
|
+
const design_system_shared_1 = require("@metamask/design-system-shared");
|
|
28
|
+
const react_1 = __importStar(require("react"));
|
|
29
|
+
const tw_merge_1 = require("../../utils/tw-merge.cjs");
|
|
30
|
+
const Box_1 = require("../Box/index.cjs");
|
|
31
|
+
const Button_1 = require("../Button/index.cjs");
|
|
32
|
+
const ModalFooter_types_1 = require("./ModalFooter.types.cjs");
|
|
33
|
+
exports.ModalFooter = (0, react_1.forwardRef)(({ className, children, buttonsAlignment = ModalFooter_types_1.ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }, ref) => {
|
|
34
|
+
const isHorizontal = buttonsAlignment === ModalFooter_types_1.ButtonsAlignment.Horizontal;
|
|
35
|
+
const buttonClassName = isHorizontal ? 'flex-1' : 'w-full';
|
|
36
|
+
const hasButtons = Boolean(primaryButtonProps || secondaryButtonProps);
|
|
37
|
+
return (react_1.default.createElement("footer", { ref: ref, className: (0, tw_merge_1.twMerge)('px-4 pt-4', className), ...props },
|
|
38
|
+
children,
|
|
39
|
+
hasButtons && (react_1.default.createElement(Box_1.Box, { flexDirection: isHorizontal ? Box_1.BoxFlexDirection.Row : Box_1.BoxFlexDirection.Column, gap: 4 },
|
|
40
|
+
secondaryButtonProps && (react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Lg, ...secondaryButtonProps, variant: design_system_shared_1.ButtonVariant.Secondary, className: (0, tw_merge_1.twMerge)(buttonClassName, secondaryButtonProps.className) })),
|
|
41
|
+
primaryButtonProps && (react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Lg, ...primaryButtonProps, variant: design_system_shared_1.ButtonVariant.Primary, className: (0, tw_merge_1.twMerge)(buttonClassName, primaryButtonProps.className) }))))));
|
|
42
|
+
});
|
|
43
|
+
exports.ModalFooter.displayName = 'ModalFooter';
|
|
44
|
+
//# sourceMappingURL=ModalFooter.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAA2E;AAC3E,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAA+C;AAC/C,gDAAmC;AAEnC,+DAAuD;AAG1C,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,SAAS,EACT,QAAQ,EACR,gBAAgB,GAAG,oCAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,gBAAgB,KAAK,oCAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,CAAC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC;IAEvE,OAAO,CACL,0CAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,kBAAO,EAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK;QACpE,QAAQ;QACR,UAAU,IAAI,CACb,8BAAC,SAAG,IACF,aAAa,EACX,YAAY,CAAC,CAAC,CAAC,sBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,sBAAgB,CAAC,MAAM,EAE/D,GAAG,EAAE,CAAC;YAEL,oBAAoB,IAAI,CACvB,8BAAC,eAAM,IACL,IAAI,EAAE,iCAAU,CAAC,EAAE,KACf,oBAAoB,EACxB,OAAO,EAAE,oCAAa,CAAC,SAAS,EAChC,SAAS,EAAE,IAAA,kBAAO,EAChB,eAAe,EACf,oBAAoB,CAAC,SAAS,CAC/B,GACD,CACH;YACA,kBAAkB,IAAI,CACrB,8BAAC,eAAM,IACL,IAAI,EAAE,iCAAU,CAAC,EAAE,KACf,kBAAkB,EACtB,OAAO,EAAE,oCAAa,CAAC,OAAO,EAC9B,SAAS,EAAE,IAAA,kBAAO,EAChB,eAAe,EACf,kBAAkB,CAAC,SAAS,CAC7B,GACD,CACH,CACG,CACP,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { ButtonSize, ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxFlexDirection } from '../Box';\nimport { Button } from '../Button';\n\nimport { ButtonsAlignment } from './ModalFooter.types';\nimport type { ModalFooterProps } from './ModalFooter.types';\n\nexport const ModalFooter = forwardRef<HTMLElement, ModalFooterProps>(\n (\n {\n className,\n children,\n buttonsAlignment = ButtonsAlignment.Horizontal,\n primaryButtonProps,\n secondaryButtonProps,\n ...props\n },\n ref,\n ) => {\n const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n const buttonClassName = isHorizontal ? 'flex-1' : 'w-full';\n const hasButtons = Boolean(primaryButtonProps || secondaryButtonProps);\n\n return (\n <footer ref={ref} className={twMerge('px-4 pt-4', className)} {...props}>\n {children}\n {hasButtons && (\n <Box\n flexDirection={\n isHorizontal ? BoxFlexDirection.Row : BoxFlexDirection.Column\n }\n gap={4}\n >\n {secondaryButtonProps && (\n <Button\n size={ButtonSize.Lg}\n {...secondaryButtonProps}\n variant={ButtonVariant.Secondary}\n className={twMerge(\n buttonClassName,\n secondaryButtonProps.className,\n )}\n />\n )}\n {primaryButtonProps && (\n <Button\n size={ButtonSize.Lg}\n {...primaryButtonProps}\n variant={ButtonVariant.Primary}\n className={twMerge(\n buttonClassName,\n primaryButtonProps.className,\n )}\n />\n )}\n </Box>\n )}\n </footer>\n );\n },\n);\n\nModalFooter.displayName = 'ModalFooter';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.cts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAO1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,mGAqDvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAO1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,mGAqDvB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
function $importDefault(module) {
|
|
2
|
+
if (module?.__esModule) {
|
|
3
|
+
return module.default;
|
|
4
|
+
}
|
|
5
|
+
return module;
|
|
6
|
+
}
|
|
7
|
+
import { ButtonSize, ButtonVariant } from "@metamask/design-system-shared";
|
|
8
|
+
import $React, { forwardRef } from "react";
|
|
9
|
+
const React = $importDefault($React);
|
|
10
|
+
import { twMerge } from "../../utils/tw-merge.mjs";
|
|
11
|
+
import { Box, BoxFlexDirection } from "../Box/index.mjs";
|
|
12
|
+
import { Button } from "../Button/index.mjs";
|
|
13
|
+
import { ButtonsAlignment } from "./ModalFooter.types.mjs";
|
|
14
|
+
export const ModalFooter = forwardRef(({ className, children, buttonsAlignment = ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }, ref) => {
|
|
15
|
+
const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;
|
|
16
|
+
const buttonClassName = isHorizontal ? 'flex-1' : 'w-full';
|
|
17
|
+
const hasButtons = Boolean(primaryButtonProps || secondaryButtonProps);
|
|
18
|
+
return (React.createElement("footer", { ref: ref, className: twMerge('px-4 pt-4', className), ...props },
|
|
19
|
+
children,
|
|
20
|
+
hasButtons && (React.createElement(Box, { flexDirection: isHorizontal ? BoxFlexDirection.Row : BoxFlexDirection.Column, gap: 4 },
|
|
21
|
+
secondaryButtonProps && (React.createElement(Button, { size: ButtonSize.Lg, ...secondaryButtonProps, variant: ButtonVariant.Secondary, className: twMerge(buttonClassName, secondaryButtonProps.className) })),
|
|
22
|
+
primaryButtonProps && (React.createElement(Button, { size: ButtonSize.Lg, ...primaryButtonProps, variant: ButtonVariant.Primary, className: twMerge(buttonClassName, primaryButtonProps.className) }))))));
|
|
23
|
+
});
|
|
24
|
+
ModalFooter.displayName = 'ModalFooter';
|
|
25
|
+
//# sourceMappingURL=ModalFooter.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.mjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,uCAAuC;AAC3E,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,yBAAe;AAC/C,OAAO,EAAE,MAAM,EAAE,4BAAkB;AAEnC,OAAO,EAAE,gBAAgB,EAAE,gCAA4B;AAGvD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,SAAS,EACT,QAAQ,EACR,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,gBAAgB,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,CAAC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC;IAEvE,OAAO,CACL,gCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK;QACpE,QAAQ;QACR,UAAU,IAAI,CACb,oBAAC,GAAG,IACF,aAAa,EACX,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAE/D,GAAG,EAAE,CAAC;YAEL,oBAAoB,IAAI,CACvB,oBAAC,MAAM,IACL,IAAI,EAAE,UAAU,CAAC,EAAE,KACf,oBAAoB,EACxB,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,SAAS,EAAE,OAAO,CAChB,eAAe,EACf,oBAAoB,CAAC,SAAS,CAC/B,GACD,CACH;YACA,kBAAkB,IAAI,CACrB,oBAAC,MAAM,IACL,IAAI,EAAE,UAAU,CAAC,EAAE,KACf,kBAAkB,EACtB,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,SAAS,EAAE,OAAO,CAChB,eAAe,EACf,kBAAkB,CAAC,SAAS,CAC7B,GACD,CACH,CACG,CACP,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { ButtonSize, ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxFlexDirection } from '../Box';\nimport { Button } from '../Button';\n\nimport { ButtonsAlignment } from './ModalFooter.types';\nimport type { ModalFooterProps } from './ModalFooter.types';\n\nexport const ModalFooter = forwardRef<HTMLElement, ModalFooterProps>(\n (\n {\n className,\n children,\n buttonsAlignment = ButtonsAlignment.Horizontal,\n primaryButtonProps,\n secondaryButtonProps,\n ...props\n },\n ref,\n ) => {\n const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n const buttonClassName = isHorizontal ? 'flex-1' : 'w-full';\n const hasButtons = Boolean(primaryButtonProps || secondaryButtonProps);\n\n return (\n <footer ref={ref} className={twMerge('px-4 pt-4', className)} {...props}>\n {children}\n {hasButtons && (\n <Box\n flexDirection={\n isHorizontal ? BoxFlexDirection.Row : BoxFlexDirection.Column\n }\n gap={4}\n >\n {secondaryButtonProps && (\n <Button\n size={ButtonSize.Lg}\n {...secondaryButtonProps}\n variant={ButtonVariant.Secondary}\n className={twMerge(\n buttonClassName,\n secondaryButtonProps.className,\n )}\n />\n )}\n {primaryButtonProps && (\n <Button\n size={ButtonSize.Lg}\n {...primaryButtonProps}\n variant={ButtonVariant.Primary}\n className={twMerge(\n buttonClassName,\n primaryButtonProps.className,\n )}\n />\n )}\n </Box>\n )}\n </footer>\n );\n },\n);\n\nModalFooter.displayName = 'ModalFooter';\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonsAlignment = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Layout direction for the action button row.
|
|
6
|
+
*
|
|
7
|
+
* Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
|
|
8
|
+
* the modal/sheet families share semantics.
|
|
9
|
+
*/
|
|
10
|
+
exports.ButtonsAlignment = {
|
|
11
|
+
Horizontal: 'horizontal',
|
|
12
|
+
Vertical: 'vertical',
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=ModalFooter.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.types.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":";;;AAIA;;;;;GAKG;AACU,QAAA,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport type { ButtonProps } from '../Button';\n\n/**\n * Layout direction for the action button row.\n *\n * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so\n * the modal/sheet families share semantics.\n */\nexport const ButtonsAlignment = {\n Horizontal: 'horizontal',\n Vertical: 'vertical',\n} as const;\nexport type ButtonsAlignment =\n (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];\n\n/**\n * Button props accepted by `ModalFooter`. The `variant` is enforced internally\n * by the component (Primary or Secondary, depending on slot), so consumers\n * cannot override it. The `data-*` index signature is preserved so test ids\n * and other dataset attributes can be passed through `Partial`/`Omit`\n * indirection.\n */\nexport type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {\n [key: `data-${string}`]: string | undefined;\n};\n\nexport type ModalFooterProps = ComponentProps<'footer'> & {\n /**\n * Optional custom content rendered above the action button row. Use this\n * for inline form controls (e.g. a \"do not show again\" checkbox) or to\n * fully replace the built-in button row by omitting both\n * `primaryButtonProps` and `secondaryButtonProps`.\n */\n children?: ReactNode;\n /**\n * Optional layout direction for the action button row.\n *\n * - `Horizontal` — buttons share the row, each takes `flex-1`.\n * - `Vertical` — buttons stack with full width.\n *\n * @default ButtonsAlignment.Horizontal\n */\n buttonsAlignment?: ButtonsAlignment;\n /**\n * Optional props for the primary action button. Renders with\n * `ButtonVariant.Primary` automatically. Appears second (right in\n * horizontal layout, bottom in vertical layout).\n *\n * Pass the localized label as `children`. Wire the click handler via\n * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull\n * strings from any translation context.\n */\n primaryButtonProps?: ModalFooterButtonProps;\n /**\n * Optional props for the secondary action button. Renders with\n * `ButtonVariant.Secondary` automatically. Appears first (left in\n * horizontal layout, top in vertical layout).\n */\n secondaryButtonProps?: ModalFooterButtonProps;\n /**\n * Optional prop for additional CSS classes to be applied to the\n * ModalFooter root. Merged with the component's defaults via `twMerge`.\n */\n className?: string;\n};\n"]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { ComponentProps, ReactNode } from "react";
|
|
2
|
+
import type { ButtonProps } from "../Button/index.cjs";
|
|
3
|
+
/**
|
|
4
|
+
* Layout direction for the action button row.
|
|
5
|
+
*
|
|
6
|
+
* Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
|
|
7
|
+
* the modal/sheet families share semantics.
|
|
8
|
+
*/
|
|
9
|
+
export declare const ButtonsAlignment: {
|
|
10
|
+
readonly Horizontal: "horizontal";
|
|
11
|
+
readonly Vertical: "vertical";
|
|
12
|
+
};
|
|
13
|
+
export type ButtonsAlignment = (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];
|
|
14
|
+
/**
|
|
15
|
+
* Button props accepted by `ModalFooter`. The `variant` is enforced internally
|
|
16
|
+
* by the component (Primary or Secondary, depending on slot), so consumers
|
|
17
|
+
* cannot override it. The `data-*` index signature is preserved so test ids
|
|
18
|
+
* and other dataset attributes can be passed through `Partial`/`Omit`
|
|
19
|
+
* indirection.
|
|
20
|
+
*/
|
|
21
|
+
export type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {
|
|
22
|
+
[key: `data-${string}`]: string | undefined;
|
|
23
|
+
};
|
|
24
|
+
export type ModalFooterProps = ComponentProps<'footer'> & {
|
|
25
|
+
/**
|
|
26
|
+
* Optional custom content rendered above the action button row. Use this
|
|
27
|
+
* for inline form controls (e.g. a "do not show again" checkbox) or to
|
|
28
|
+
* fully replace the built-in button row by omitting both
|
|
29
|
+
* `primaryButtonProps` and `secondaryButtonProps`.
|
|
30
|
+
*/
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Optional layout direction for the action button row.
|
|
34
|
+
*
|
|
35
|
+
* - `Horizontal` — buttons share the row, each takes `flex-1`.
|
|
36
|
+
* - `Vertical` — buttons stack with full width.
|
|
37
|
+
*
|
|
38
|
+
* @default ButtonsAlignment.Horizontal
|
|
39
|
+
*/
|
|
40
|
+
buttonsAlignment?: ButtonsAlignment;
|
|
41
|
+
/**
|
|
42
|
+
* Optional props for the primary action button. Renders with
|
|
43
|
+
* `ButtonVariant.Primary` automatically. Appears second (right in
|
|
44
|
+
* horizontal layout, bottom in vertical layout).
|
|
45
|
+
*
|
|
46
|
+
* Pass the localized label as `children`. Wire the click handler via
|
|
47
|
+
* `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull
|
|
48
|
+
* strings from any translation context.
|
|
49
|
+
*/
|
|
50
|
+
primaryButtonProps?: ModalFooterButtonProps;
|
|
51
|
+
/**
|
|
52
|
+
* Optional props for the secondary action button. Renders with
|
|
53
|
+
* `ButtonVariant.Secondary` automatically. Appears first (left in
|
|
54
|
+
* horizontal layout, top in vertical layout).
|
|
55
|
+
*/
|
|
56
|
+
secondaryButtonProps?: ModalFooterButtonProps;
|
|
57
|
+
/**
|
|
58
|
+
* Optional prop for additional CSS classes to be applied to the
|
|
59
|
+
* ModalFooter root. Merged with the component's defaults via `twMerge`.
|
|
60
|
+
*/
|
|
61
|
+
className?: string;
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=ModalFooter.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.types.d.cts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAE7C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAClE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { ComponentProps, ReactNode } from "react";
|
|
2
|
+
import type { ButtonProps } from "../Button/index.mjs";
|
|
3
|
+
/**
|
|
4
|
+
* Layout direction for the action button row.
|
|
5
|
+
*
|
|
6
|
+
* Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
|
|
7
|
+
* the modal/sheet families share semantics.
|
|
8
|
+
*/
|
|
9
|
+
export declare const ButtonsAlignment: {
|
|
10
|
+
readonly Horizontal: "horizontal";
|
|
11
|
+
readonly Vertical: "vertical";
|
|
12
|
+
};
|
|
13
|
+
export type ButtonsAlignment = (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];
|
|
14
|
+
/**
|
|
15
|
+
* Button props accepted by `ModalFooter`. The `variant` is enforced internally
|
|
16
|
+
* by the component (Primary or Secondary, depending on slot), so consumers
|
|
17
|
+
* cannot override it. The `data-*` index signature is preserved so test ids
|
|
18
|
+
* and other dataset attributes can be passed through `Partial`/`Omit`
|
|
19
|
+
* indirection.
|
|
20
|
+
*/
|
|
21
|
+
export type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {
|
|
22
|
+
[key: `data-${string}`]: string | undefined;
|
|
23
|
+
};
|
|
24
|
+
export type ModalFooterProps = ComponentProps<'footer'> & {
|
|
25
|
+
/**
|
|
26
|
+
* Optional custom content rendered above the action button row. Use this
|
|
27
|
+
* for inline form controls (e.g. a "do not show again" checkbox) or to
|
|
28
|
+
* fully replace the built-in button row by omitting both
|
|
29
|
+
* `primaryButtonProps` and `secondaryButtonProps`.
|
|
30
|
+
*/
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Optional layout direction for the action button row.
|
|
34
|
+
*
|
|
35
|
+
* - `Horizontal` — buttons share the row, each takes `flex-1`.
|
|
36
|
+
* - `Vertical` — buttons stack with full width.
|
|
37
|
+
*
|
|
38
|
+
* @default ButtonsAlignment.Horizontal
|
|
39
|
+
*/
|
|
40
|
+
buttonsAlignment?: ButtonsAlignment;
|
|
41
|
+
/**
|
|
42
|
+
* Optional props for the primary action button. Renders with
|
|
43
|
+
* `ButtonVariant.Primary` automatically. Appears second (right in
|
|
44
|
+
* horizontal layout, bottom in vertical layout).
|
|
45
|
+
*
|
|
46
|
+
* Pass the localized label as `children`. Wire the click handler via
|
|
47
|
+
* `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull
|
|
48
|
+
* strings from any translation context.
|
|
49
|
+
*/
|
|
50
|
+
primaryButtonProps?: ModalFooterButtonProps;
|
|
51
|
+
/**
|
|
52
|
+
* Optional props for the secondary action button. Renders with
|
|
53
|
+
* `ButtonVariant.Secondary` automatically. Appears first (left in
|
|
54
|
+
* horizontal layout, top in vertical layout).
|
|
55
|
+
*/
|
|
56
|
+
secondaryButtonProps?: ModalFooterButtonProps;
|
|
57
|
+
/**
|
|
58
|
+
* Optional prop for additional CSS classes to be applied to the
|
|
59
|
+
* ModalFooter root. Merged with the component's defaults via `twMerge`.
|
|
60
|
+
*/
|
|
61
|
+
className?: string;
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=ModalFooter.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.types.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAE7C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAClE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Layout direction for the action button row.
|
|
3
|
+
*
|
|
4
|
+
* Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
|
|
5
|
+
* the modal/sheet families share semantics.
|
|
6
|
+
*/
|
|
7
|
+
export const ButtonsAlignment = {
|
|
8
|
+
Horizontal: 'horizontal',
|
|
9
|
+
Vertical: 'vertical',
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=ModalFooter.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.types.mjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport type { ButtonProps } from '../Button';\n\n/**\n * Layout direction for the action button row.\n *\n * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so\n * the modal/sheet families share semantics.\n */\nexport const ButtonsAlignment = {\n Horizontal: 'horizontal',\n Vertical: 'vertical',\n} as const;\nexport type ButtonsAlignment =\n (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];\n\n/**\n * Button props accepted by `ModalFooter`. The `variant` is enforced internally\n * by the component (Primary or Secondary, depending on slot), so consumers\n * cannot override it. The `data-*` index signature is preserved so test ids\n * and other dataset attributes can be passed through `Partial`/`Omit`\n * indirection.\n */\nexport type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {\n [key: `data-${string}`]: string | undefined;\n};\n\nexport type ModalFooterProps = ComponentProps<'footer'> & {\n /**\n * Optional custom content rendered above the action button row. Use this\n * for inline form controls (e.g. a \"do not show again\" checkbox) or to\n * fully replace the built-in button row by omitting both\n * `primaryButtonProps` and `secondaryButtonProps`.\n */\n children?: ReactNode;\n /**\n * Optional layout direction for the action button row.\n *\n * - `Horizontal` — buttons share the row, each takes `flex-1`.\n * - `Vertical` — buttons stack with full width.\n *\n * @default ButtonsAlignment.Horizontal\n */\n buttonsAlignment?: ButtonsAlignment;\n /**\n * Optional props for the primary action button. Renders with\n * `ButtonVariant.Primary` automatically. Appears second (right in\n * horizontal layout, bottom in vertical layout).\n *\n * Pass the localized label as `children`. Wire the click handler via\n * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull\n * strings from any translation context.\n */\n primaryButtonProps?: ModalFooterButtonProps;\n /**\n * Optional props for the secondary action button. Renders with\n * `ButtonVariant.Secondary` automatically. Appears first (left in\n * horizontal layout, top in vertical layout).\n */\n secondaryButtonProps?: ModalFooterButtonProps;\n /**\n * Optional prop for additional CSS classes to be applied to the\n * ModalFooter root. Merged with the component's defaults via `twMerge`.\n */\n className?: string;\n};\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonsAlignment = exports.ModalFooter = void 0;
|
|
4
|
+
var ModalFooter_1 = require("./ModalFooter.cjs");
|
|
5
|
+
Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return ModalFooter_1.ModalFooter; } });
|
|
6
|
+
var ModalFooter_types_1 = require("./ModalFooter.types.cjs");
|
|
7
|
+
Object.defineProperty(exports, "ButtonsAlignment", { enumerable: true, get: function () { return ModalFooter_types_1.ButtonsAlignment; } });
|
|
8
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,6DAAuD;AAA9C,qHAAA,gBAAgB,OAAA","sourcesContent":["export { ModalFooter } from './ModalFooter';\nexport { ButtonsAlignment } from './ModalFooter.types';\nexport type {\n ModalFooterButtonProps,\n ModalFooterProps,\n} from './ModalFooter.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B;AACvD,YAAY,EACV,sBAAsB,EACtB,gBAAgB,GACjB,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B;AACvD,YAAY,EACV,sBAAsB,EACtB,gBAAgB,GACjB,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B","sourcesContent":["export { ModalFooter } from './ModalFooter';\nexport { ButtonsAlignment } from './ModalFooter.types';\nexport type {\n ModalFooterButtonProps,\n ModalFooterProps,\n} from './ModalFooter.types';\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalOverlay = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const tw_merge_1 = require("../../utils/tw-merge.cjs");
|
|
29
|
+
const Box_1 = require("../Box/index.cjs");
|
|
30
|
+
exports.ModalOverlay = (0, react_1.forwardRef)(({ className, ...props }, ref) => (react_1.default.createElement(Box_1.Box, { ref: ref, backgroundColor: Box_1.BoxBackgroundColor.OverlayDefault, "aria-hidden": "true", className: (0, tw_merge_1.twMerge)('fixed inset-0 z-[1050] motion-safe:animate-fade-in', className), ...props })));
|
|
31
|
+
exports.ModalOverlay.displayName = 'ModalOverlay';
|
|
32
|
+
//# sourceMappingURL=ModalOverlay.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAAiD;AAIpC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,8BAAC,SAAG,IACF,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,wBAAkB,CAAC,cAAc,iBACtC,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAO,EAChB,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxBackgroundColor } from '../Box';\n\nimport type { ModalOverlayProps } from './ModalOverlay.types';\n\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, ...props }, ref) => (\n <Box\n ref={ref}\n backgroundColor={BoxBackgroundColor.OverlayDefault}\n aria-hidden=\"true\"\n className={twMerge(\n 'fixed inset-0 z-[1050] motion-safe:animate-fade-in',\n className,\n )}\n {...props}\n />\n ),\n);\n\nModalOverlay.displayName = 'ModalOverlay';\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ModalOverlayProps } from "./ModalOverlay.types.cjs";
|
|
3
|
+
export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=ModalOverlay.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,uGAaxB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ModalOverlayProps } from "./ModalOverlay.types.mjs";
|
|
3
|
+
export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=ModalOverlay.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,uGAaxB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function $importDefault(module) {
|
|
2
|
+
if (module?.__esModule) {
|
|
3
|
+
return module.default;
|
|
4
|
+
}
|
|
5
|
+
return module;
|
|
6
|
+
}
|
|
7
|
+
import $React, { forwardRef } from "react";
|
|
8
|
+
const React = $importDefault($React);
|
|
9
|
+
import { twMerge } from "../../utils/tw-merge.mjs";
|
|
10
|
+
import { Box, BoxBackgroundColor } from "../Box/index.mjs";
|
|
11
|
+
export const ModalOverlay = forwardRef(({ className, ...props }, ref) => (React.createElement(Box, { ref: ref, backgroundColor: BoxBackgroundColor.OverlayDefault, "aria-hidden": "true", className: twMerge('fixed inset-0 z-[1050] motion-safe:animate-fade-in', className), ...props })));
|
|
12
|
+
ModalOverlay.displayName = 'ModalOverlay';
|
|
13
|
+
//# sourceMappingURL=ModalOverlay.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,yBAAe;AAIjD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,kBAAkB,CAAC,cAAc,iBACtC,MAAM,EAClB,SAAS,EAAE,OAAO,CAChB,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxBackgroundColor } from '../Box';\n\nimport type { ModalOverlayProps } from './ModalOverlay.types';\n\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, ...props }, ref) => (\n <Box\n ref={ref}\n backgroundColor={BoxBackgroundColor.OverlayDefault}\n aria-hidden=\"true\"\n className={twMerge(\n 'fixed inset-0 z-[1050] motion-safe:animate-fade-in',\n className,\n )}\n {...props}\n />\n ),\n);\n\nModalOverlay.displayName = 'ModalOverlay';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.types.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type ModalOverlayProps = ComponentProps<'div'> & {\n /**\n * Optional prop for additional CSS classes to be applied to the ModalOverlay component.\n * These classes will be merged with the component's default classes using twMerge.\n */\n className?: string;\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentProps } from "react";
|
|
2
|
+
export type ModalOverlayProps = ComponentProps<'div'> & {
|
|
3
|
+
/**
|
|
4
|
+
* Optional prop for additional CSS classes to be applied to the ModalOverlay component.
|
|
5
|
+
* These classes will be merged with the component's default classes using twMerge.
|
|
6
|
+
*/
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ModalOverlay.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.types.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentProps } from "react";
|
|
2
|
+
export type ModalOverlayProps = ComponentProps<'div'> & {
|
|
3
|
+
/**
|
|
4
|
+
* Optional prop for additional CSS classes to be applied to the ModalOverlay component.
|
|
5
|
+
* These classes will be merged with the component's default classes using twMerge.
|
|
6
|
+
*/
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ModalOverlay.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.types.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.types.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type ModalOverlayProps = ComponentProps<'div'> & {\n /**\n * Optional prop for additional CSS classes to be applied to the ModalOverlay component.\n * These classes will be merged with the component's default classes using twMerge.\n */\n className?: string;\n};\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ModalOverlay = void 0;
|
|
4
|
+
var ModalOverlay_1 = require("./ModalOverlay.cjs");
|
|
5
|
+
Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return ModalOverlay_1.ModalOverlay; } });
|
|
6
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB","sourcesContent":["export { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay.types';\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.IconColor = exports.IconSize = exports.IconName = exports.Icon = exports.Checkbox = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Blockies = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
|
|
4
|
-
exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextButtonSize = exports.TextButton = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.Maskicon = exports.Jazzicon = exports.Input = void 0;
|
|
4
|
+
exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextButtonSize = exports.TextButton = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.ModalFooter = exports.ButtonsAlignment = exports.ModalFocus = exports.ModalBody = exports.ModalOverlay = exports.Maskicon = exports.Jazzicon = exports.Input = void 0;
|
|
5
5
|
var AvatarAccount_1 = require("./AvatarAccount/index.cjs");
|
|
6
6
|
Object.defineProperty(exports, "AvatarAccount", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccount; } });
|
|
7
7
|
Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountSize; } });
|
|
@@ -83,6 +83,15 @@ var Jazzicon_1 = require("./temp-components/Jazzicon/index.cjs");
|
|
|
83
83
|
Object.defineProperty(exports, "Jazzicon", { enumerable: true, get: function () { return Jazzicon_1.Jazzicon; } });
|
|
84
84
|
var Maskicon_1 = require("./temp-components/Maskicon/index.cjs");
|
|
85
85
|
Object.defineProperty(exports, "Maskicon", { enumerable: true, get: function () { return Maskicon_1.Maskicon; } });
|
|
86
|
+
var ModalOverlay_1 = require("./ModalOverlay/index.cjs");
|
|
87
|
+
Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return ModalOverlay_1.ModalOverlay; } });
|
|
88
|
+
var ModalBody_1 = require("./ModalBody/index.cjs");
|
|
89
|
+
Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return ModalBody_1.ModalBody; } });
|
|
90
|
+
var ModalFocus_1 = require("./ModalFocus/index.cjs");
|
|
91
|
+
Object.defineProperty(exports, "ModalFocus", { enumerable: true, get: function () { return ModalFocus_1.ModalFocus; } });
|
|
92
|
+
var ModalFooter_1 = require("./ModalFooter/index.cjs");
|
|
93
|
+
Object.defineProperty(exports, "ButtonsAlignment", { enumerable: true, get: function () { return ModalFooter_1.ButtonsAlignment; } });
|
|
94
|
+
Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return ModalFooter_1.ModalFooter; } });
|
|
86
95
|
var Text_1 = require("./Text/index.cjs");
|
|
87
96
|
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
|
|
88
97
|
var Text_2 = require("./Text/index.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,2DAIyB;AAHvB,8GAAA,aAAa,OAAA;AACb,kHAAA,iBAAiB,OAAA;AACjB,qHAAA,oBAAoB,OAAA;AAItB,qDAA2E;AAAlE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,6GAAA,eAAe,OAAA;AAGpD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAIuB;AAHrB,0GAAA,WAAW,OAAA;AACX,8GAAA,eAAe,OAAA;AACf,iHAAA,kBAAkB,OAAA;AAIpB,qDAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAGvD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGrC,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,uDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,uDAAmE;AAA1D,gHAAA,iBAAiB,OAAA;AAAE,8GAAA,eAAe,OAAA;AAE3C,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,yDAGwB;AAFtB,oHAAA,oBAAoB,OAAA;AACpB,+HAAA,+BAA+B,OAAA;AAIjC,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,uCAQe;AAPb,uGAAA,gBAAgB,OAAA;AAChB,kGAAA,WAAW,OAAA;AACX,oGAAA,aAAa,OAAA;AACb,wGAAA,iBAAiB,OAAA;AACjB,yGAAA,kBAAkB,OAAA;AAClB,qGAAA,cAAc,OAAA;AACd,0FAAA,GAAG,OAAA;AAIL,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,qDAA6E;AAApE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,+GAAA,iBAAiB,OAAA;AAGtD,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAAuD;AAA9C,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAGtC,2CAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCASgB;AARd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,uDAAiE;AAAxD,0GAAA,WAAW,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AAGzC,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,yDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n"]}
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,2DAIyB;AAHvB,8GAAA,aAAa,OAAA;AACb,kHAAA,iBAAiB,OAAA;AACjB,qHAAA,oBAAoB,OAAA;AAItB,qDAA2E;AAAlE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,6GAAA,eAAe,OAAA;AAGpD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAIuB;AAHrB,0GAAA,WAAW,OAAA;AACX,8GAAA,eAAe,OAAA;AACf,iHAAA,kBAAkB,OAAA;AAIpB,qDAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAGvD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGrC,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,uDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,uDAAmE;AAA1D,gHAAA,iBAAiB,OAAA;AAAE,8GAAA,eAAe,OAAA;AAE3C,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,yDAGwB;AAFtB,oHAAA,oBAAoB,OAAA;AACpB,+HAAA,+BAA+B,OAAA;AAIjC,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,uCAQe;AAPb,uGAAA,gBAAgB,OAAA;AAChB,kGAAA,WAAW,OAAA;AACX,oGAAA,aAAa,OAAA;AACb,wGAAA,iBAAiB,OAAA;AACjB,yGAAA,kBAAkB,OAAA;AAClB,qGAAA,cAAc,OAAA;AACd,0FAAA,GAAG,OAAA;AAIL,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,qDAA6E;AAApE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,+GAAA,iBAAiB,OAAA;AAGtD,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAAuD;AAA9C,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAGtC,2CAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,uDAA8D;AAArD,+GAAA,gBAAgB,OAAA;AAAE,0GAAA,WAAW,OAAA;AAGtC,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCASgB;AARd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,uDAAiE;AAAxD,0GAAA,WAAW,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AAGzC,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,yDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay';\nexport { ModalBody } from './ModalBody';\nexport type { ModalBodyProps } from './ModalBody';\nexport { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus';\nexport { ButtonsAlignment, ModalFooter } from './ModalFooter';\nexport type { ModalFooterButtonProps, ModalFooterProps } from './ModalFooter';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n"]}
|
|
@@ -50,6 +50,14 @@ export { Jazzicon } from "./temp-components/Jazzicon/index.cjs";
|
|
|
50
50
|
export type { JazziconProps } from "./temp-components/Jazzicon/index.cjs";
|
|
51
51
|
export { Maskicon } from "./temp-components/Maskicon/index.cjs";
|
|
52
52
|
export type { MaskiconProps } from "./temp-components/Maskicon/index.cjs";
|
|
53
|
+
export { ModalOverlay } from "./ModalOverlay/index.cjs";
|
|
54
|
+
export type { ModalOverlayProps } from "./ModalOverlay/index.cjs";
|
|
55
|
+
export { ModalBody } from "./ModalBody/index.cjs";
|
|
56
|
+
export type { ModalBodyProps } from "./ModalBody/index.cjs";
|
|
57
|
+
export { ModalFocus } from "./ModalFocus/index.cjs";
|
|
58
|
+
export type { FocusableElement, ModalFocusProps } from "./ModalFocus/index.cjs";
|
|
59
|
+
export { ButtonsAlignment, ModalFooter } from "./ModalFooter/index.cjs";
|
|
60
|
+
export type { ModalFooterButtonProps, ModalFooterProps } from "./ModalFooter/index.cjs";
|
|
53
61
|
export { Text } from "./Text/index.cjs";
|
|
54
62
|
export { TextVariant, TextColor, TextAlign, FontWeight, FontFamily, FontStyle, TextTransform, OverflowWrap, } from "./Text/index.cjs";
|
|
55
63
|
export type { TextProps } from "./Text/index.cjs";
|