@metamask/design-system-react-native 0.19.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 +35 -3
- package/dist/components/AvatarIcon/AvatarIcon.cjs +2 -1
- package/dist/components/AvatarIcon/AvatarIcon.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.cjs +16 -16
- package/dist/components/AvatarIcon/AvatarIcon.constants.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.mjs +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.mjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.mjs +2 -1
- package/dist/components/AvatarIcon/AvatarIcon.mjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.d.cts +3 -13
- package/dist/components/AvatarIcon/AvatarIcon.types.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.d.mts +3 -13
- package/dist/components/AvatarIcon/AvatarIcon.types.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.mjs.map +1 -1
- package/dist/components/AvatarIcon/index.cjs +4 -4
- package/dist/components/AvatarIcon/index.cjs.map +1 -1
- package/dist/components/AvatarIcon/index.d.cts +1 -1
- package/dist/components/AvatarIcon/index.d.cts.map +1 -1
- package/dist/components/AvatarIcon/index.d.mts +1 -1
- package/dist/components/AvatarIcon/index.d.mts.map +1 -1
- package/dist/components/AvatarIcon/index.mjs +1 -1
- package/dist/components/AvatarIcon/index.mjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.cjs +2 -1
- package/dist/components/BadgeIcon/BadgeIcon.cjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.d.cts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.d.mts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.mjs +2 -1
- package/dist/components/BadgeIcon/BadgeIcon.mjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.cjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.d.cts +5 -7
- package/dist/components/BadgeIcon/BadgeIcon.types.d.cts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.d.mts +5 -7
- package/dist/components/BadgeIcon/BadgeIcon.types.d.mts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.mjs.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.cjs +8 -8
- package/dist/components/BannerAlert/BannerAlert.constants.cjs.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.d.cts +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.d.cts.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.d.mts +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.d.mts.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.mjs +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.mjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.cjs +1 -1
- package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
- package/dist/components/BannerBase/BannerBase.mjs +2 -2
- package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
- package/dist/components/Box/Box.cjs +35 -12
- package/dist/components/Box/Box.cjs.map +1 -1
- package/dist/components/Box/Box.constants.cjs.map +1 -1
- package/dist/components/Box/Box.constants.d.cts +1 -1
- package/dist/components/Box/Box.constants.d.cts.map +1 -1
- package/dist/components/Box/Box.constants.d.mts +1 -1
- package/dist/components/Box/Box.constants.d.mts.map +1 -1
- package/dist/components/Box/Box.constants.mjs.map +1 -1
- package/dist/components/Box/Box.d.cts +4 -2
- package/dist/components/Box/Box.d.cts.map +1 -1
- package/dist/components/Box/Box.d.mts +4 -2
- package/dist/components/Box/Box.d.mts.map +1 -1
- package/dist/components/Box/Box.mjs +13 -9
- package/dist/components/Box/Box.mjs.map +1 -1
- package/dist/components/Box/Box.types.cjs.map +1 -1
- package/dist/components/Box/Box.types.d.cts +3 -107
- package/dist/components/Box/Box.types.d.cts.map +1 -1
- package/dist/components/Box/Box.types.d.mts +3 -107
- package/dist/components/Box/Box.types.d.mts.map +1 -1
- package/dist/components/Box/Box.types.mjs.map +1 -1
- package/dist/components/Box/index.cjs +7 -7
- package/dist/components/Box/index.cjs.map +1 -1
- package/dist/components/Box/index.d.cts +1 -2
- package/dist/components/Box/index.d.cts.map +1 -1
- package/dist/components/Box/index.d.mts +1 -2
- package/dist/components/Box/index.d.mts.map +1 -1
- package/dist/components/Box/index.mjs +1 -1
- package/dist/components/Box/index.mjs.map +1 -1
- package/dist/components/BoxColumn/BoxColumn.cjs +2 -2
- package/dist/components/BoxColumn/BoxColumn.cjs.map +1 -1
- package/dist/components/BoxColumn/BoxColumn.d.cts.map +1 -1
- package/dist/components/BoxColumn/BoxColumn.d.mts.map +1 -1
- package/dist/components/BoxColumn/BoxColumn.mjs +1 -1
- package/dist/components/BoxColumn/BoxColumn.mjs.map +1 -1
- package/dist/components/BoxRow/BoxRow.cjs +2 -2
- package/dist/components/BoxRow/BoxRow.cjs.map +1 -1
- package/dist/components/BoxRow/BoxRow.d.cts.map +1 -1
- package/dist/components/BoxRow/BoxRow.d.mts.map +1 -1
- package/dist/components/BoxRow/BoxRow.mjs +1 -1
- package/dist/components/BoxRow/BoxRow.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs +2 -3
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs +2 -3
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs.map +1 -1
- package/dist/components/Icon/Icon.assets.cjs +284 -283
- package/dist/components/Icon/Icon.assets.cjs.map +1 -1
- package/dist/components/Icon/Icon.assets.d.cts.map +1 -1
- package/dist/components/Icon/Icon.assets.d.mts.map +1 -1
- package/dist/components/Icon/Icon.assets.mjs +284 -283
- package/dist/components/Icon/Icon.assets.mjs.map +1 -1
- package/dist/components/Icon/Icon.types.cjs.map +1 -1
- package/dist/components/Icon/Icon.types.d.cts +2 -19
- package/dist/components/Icon/Icon.types.d.cts.map +1 -1
- package/dist/components/Icon/Icon.types.d.mts +2 -19
- package/dist/components/Icon/Icon.types.d.mts.map +1 -1
- package/dist/components/Icon/Icon.types.mjs.map +1 -1
- package/dist/components/Icon/assets/after-hours.svg +1 -1
- package/dist/components/Icon/assets/telegram.svg +3 -0
- package/dist/components/TabEmptyState/TabEmptyState.cjs +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.cjs.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.d.cts.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.d.mts.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.mjs +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.mjs.map +1 -1
- package/dist/components/Tag/Tag.cjs +45 -0
- package/dist/components/Tag/Tag.cjs.map +1 -0
- package/dist/components/Tag/Tag.constants.cjs +27 -0
- package/dist/components/Tag/Tag.constants.cjs.map +1 -0
- package/dist/components/Tag/Tag.constants.d.cts +6 -0
- package/dist/components/Tag/Tag.constants.d.cts.map +1 -0
- package/dist/components/Tag/Tag.constants.d.mts +6 -0
- package/dist/components/Tag/Tag.constants.d.mts.map +1 -0
- package/dist/components/Tag/Tag.constants.mjs +24 -0
- package/dist/components/Tag/Tag.constants.mjs.map +1 -0
- package/dist/components/Tag/Tag.d.cts +4 -0
- package/dist/components/Tag/Tag.d.cts.map +1 -0
- package/dist/components/Tag/Tag.d.mts +4 -0
- package/dist/components/Tag/Tag.d.mts.map +1 -0
- package/dist/components/Tag/Tag.mjs +45 -0
- package/dist/components/Tag/Tag.mjs.map +1 -0
- package/dist/components/Tag/Tag.types.cjs +3 -0
- package/dist/components/Tag/Tag.types.cjs.map +1 -0
- package/dist/components/Tag/Tag.types.d.cts +38 -0
- package/dist/components/Tag/Tag.types.d.cts.map +1 -0
- package/dist/components/Tag/Tag.types.d.mts +38 -0
- package/dist/components/Tag/Tag.types.d.mts.map +1 -0
- package/dist/components/Tag/Tag.types.mjs +2 -0
- package/dist/components/Tag/Tag.types.mjs.map +1 -0
- package/dist/components/Tag/index.cjs +8 -0
- package/dist/components/Tag/index.cjs.map +1 -0
- package/dist/components/Tag/index.d.cts +4 -0
- package/dist/components/Tag/index.d.cts.map +1 -0
- package/dist/components/Tag/index.d.mts +4 -0
- package/dist/components/Tag/index.d.mts.map +1 -0
- package/dist/components/Tag/index.mjs +3 -0
- package/dist/components/Tag/index.mjs.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.cjs +58 -0
- package/dist/components/TitleStandard/TitleStandard.cjs.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.d.cts +23 -0
- package/dist/components/TitleStandard/TitleStandard.d.cts.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.d.mts +23 -0
- package/dist/components/TitleStandard/TitleStandard.d.mts.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.mjs +58 -0
- package/dist/components/TitleStandard/TitleStandard.mjs.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.types.cjs +3 -0
- package/dist/components/TitleStandard/TitleStandard.types.cjs.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.types.d.cts +31 -0
- package/dist/components/TitleStandard/TitleStandard.types.d.cts.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.types.d.mts +31 -0
- package/dist/components/TitleStandard/TitleStandard.types.d.mts.map +1 -0
- package/dist/components/TitleStandard/TitleStandard.types.mjs +2 -0
- package/dist/components/TitleStandard/TitleStandard.types.mjs.map +1 -0
- package/dist/components/TitleStandard/index.cjs +6 -0
- package/dist/components/TitleStandard/index.cjs.map +1 -0
- package/dist/components/TitleStandard/index.d.cts +3 -0
- package/dist/components/TitleStandard/index.d.cts.map +1 -0
- package/dist/components/TitleStandard/index.d.mts +3 -0
- package/dist/components/TitleStandard/index.d.mts.map +1 -0
- package/dist/components/TitleStandard/index.mjs +2 -0
- package/dist/components/TitleStandard/index.mjs.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.cjs +85 -0
- package/dist/components/TitleSubpage/TitleSubpage.cjs.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.d.cts +30 -0
- package/dist/components/TitleSubpage/TitleSubpage.d.cts.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.d.mts +30 -0
- package/dist/components/TitleSubpage/TitleSubpage.d.mts.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.mjs +85 -0
- package/dist/components/TitleSubpage/TitleSubpage.mjs.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.cjs +3 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.cjs.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.d.cts +44 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.d.cts.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.d.mts +44 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.d.mts.map +1 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.mjs +2 -0
- package/dist/components/TitleSubpage/TitleSubpage.types.mjs.map +1 -0
- package/dist/components/TitleSubpage/index.cjs +6 -0
- package/dist/components/TitleSubpage/index.cjs.map +1 -0
- package/dist/components/TitleSubpage/index.d.cts +3 -0
- package/dist/components/TitleSubpage/index.d.cts.map +1 -0
- package/dist/components/TitleSubpage/index.d.mts +3 -0
- package/dist/components/TitleSubpage/index.d.mts.map +1 -0
- package/dist/components/TitleSubpage/index.mjs +2 -0
- package/dist/components/TitleSubpage/index.mjs.map +1 -0
- package/dist/components/Toast/Toast.d.cts +1 -1
- package/dist/components/Toast/Toast.d.mts +1 -1
- package/dist/components/Toast/Toast.types.cjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.cts +1 -2
- package/dist/components/Toast/Toast.types.d.cts.map +1 -1
- package/dist/components/Toast/Toast.types.d.mts +1 -2
- package/dist/components/Toast/Toast.types.d.mts.map +1 -1
- package/dist/components/Toast/Toast.types.mjs.map +1 -1
- package/dist/components/index.cjs +9 -2
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +6 -0
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +6 -0
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.mjs +3 -0
- package/dist/components/index.mjs.map +1 -1
- package/dist/types/index.cjs +8 -542
- package/dist/types/index.cjs.map +1 -1
- package/dist/types/index.d.cts +4 -531
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.mts +4 -531
- package/dist/types/index.d.mts.map +1 -1
- package/dist/types/index.mjs +4 -540
- package/dist/types/index.mjs.map +1 -1
- package/package.json +3 -4
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.TitleSubpage = void 0;
|
|
7
|
+
// Third party dependencies.
|
|
8
|
+
const design_system_shared_1 = require("@metamask/design-system-shared");
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
10
|
+
// Internal dependencies.
|
|
11
|
+
const Box_1 = require("../Box/index.cjs");
|
|
12
|
+
const BoxRow_1 = require("../BoxRow/index.cjs");
|
|
13
|
+
/**
|
|
14
|
+
* Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.
|
|
15
|
+
* Remaining `View` props are forwarded to the root `Box`.
|
|
16
|
+
*
|
|
17
|
+
* @param props - Component props
|
|
18
|
+
* @param props.title - Title row content (required)
|
|
19
|
+
* @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)
|
|
20
|
+
* @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)
|
|
21
|
+
* @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)
|
|
22
|
+
* @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)
|
|
23
|
+
* @param props.titleEndAccessory - Optional inline accessory to the right of `title`
|
|
24
|
+
* @param props.subtitle - Optional subtitle row below the title and above the amount
|
|
25
|
+
* @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`
|
|
26
|
+
* @param props.amount - Optional primary amount below the title
|
|
27
|
+
* @param props.amountEndAccessory - Optional inline accessory to the right of the amount
|
|
28
|
+
* @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown
|
|
29
|
+
* @param props.bottomLabel - Optional secondary label below the amount row
|
|
30
|
+
* @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`
|
|
31
|
+
* @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
|
|
32
|
+
* @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string
|
|
33
|
+
* @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
|
|
34
|
+
* @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
|
|
35
|
+
* @param props.twClassName - Optional Tailwind classes on the root container
|
|
36
|
+
*
|
|
37
|
+
* @returns The rendered TitleSubpage layout.
|
|
38
|
+
*/
|
|
39
|
+
const TitleSubpage = ({ amount, amountEndAccessory, title, titleAvatar, titleEndAccessory, subtitle, subtitleEndAccessory, bottomAccessory, bottomLabel, bottomLabelEndAccessory, amountProps, titleProps, subtitleProps, bottomLabelProps, identityRowProps, titleColumnProps, bottomLabelWrapperProps, twClassName = '', ...props }) => {
|
|
40
|
+
return (<Box_1.Box twClassName={twClassName} gap={1} {...props}>
|
|
41
|
+
{/* Identity Row */}
|
|
42
|
+
<BoxRow_1.BoxRow gap={4} twClassName="h-14" {...identityRowProps} startAccessory={titleAvatar}>
|
|
43
|
+
{/* Title and Subtitle Column */}
|
|
44
|
+
<Box_1.Box {...titleColumnProps}>
|
|
45
|
+
{/* Title Row */}
|
|
46
|
+
{title && (<BoxRow_1.BoxRow endAccessory={titleEndAccessory} textProps={{
|
|
47
|
+
variant: design_system_shared_1.TextVariant.HeadingSm,
|
|
48
|
+
color: design_system_shared_1.TextColor.TextDefault,
|
|
49
|
+
...titleProps,
|
|
50
|
+
}}>
|
|
51
|
+
{title}
|
|
52
|
+
</BoxRow_1.BoxRow>)}
|
|
53
|
+
{/* Subtitle Row */}
|
|
54
|
+
{subtitle && (<BoxRow_1.BoxRow endAccessory={subtitleEndAccessory} textProps={{
|
|
55
|
+
variant: design_system_shared_1.TextVariant.BodySm,
|
|
56
|
+
fontWeight: design_system_shared_1.FontWeight.Medium,
|
|
57
|
+
color: design_system_shared_1.TextColor.TextAlternative,
|
|
58
|
+
...subtitleProps,
|
|
59
|
+
}}>
|
|
60
|
+
{subtitle}
|
|
61
|
+
</BoxRow_1.BoxRow>)}
|
|
62
|
+
</Box_1.Box>
|
|
63
|
+
</BoxRow_1.BoxRow>
|
|
64
|
+
{/* Amount Row */}
|
|
65
|
+
{amount && (<BoxRow_1.BoxRow endAccessory={amountEndAccessory} textProps={{
|
|
66
|
+
variant: design_system_shared_1.TextVariant.DisplayLg,
|
|
67
|
+
...amountProps,
|
|
68
|
+
}}>
|
|
69
|
+
{amount}
|
|
70
|
+
</BoxRow_1.BoxRow>)}
|
|
71
|
+
{/* Bottom Label Row */}
|
|
72
|
+
{bottomLabel && (<BoxRow_1.BoxRow {...bottomLabelWrapperProps} endAccessory={bottomLabelEndAccessory} textProps={{
|
|
73
|
+
variant: design_system_shared_1.TextVariant.BodySm,
|
|
74
|
+
fontWeight: design_system_shared_1.FontWeight.Medium,
|
|
75
|
+
color: design_system_shared_1.TextColor.TextAlternative,
|
|
76
|
+
...bottomLabelProps,
|
|
77
|
+
}}>
|
|
78
|
+
{bottomLabel}
|
|
79
|
+
</BoxRow_1.BoxRow>)}
|
|
80
|
+
{!bottomLabel && bottomAccessory}
|
|
81
|
+
</Box_1.Box>);
|
|
82
|
+
};
|
|
83
|
+
exports.TitleSubpage = TitleSubpage;
|
|
84
|
+
exports.TitleSubpage.displayName = 'TitleSubpage';
|
|
85
|
+
//# sourceMappingURL=TitleSubpage.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.cjs","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,yEAIwC;AACxC,kDAA0B;AAE1B,yBAAyB;AACzB,0CAA6B;AAC7B,gDAAmC;AAInC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,uBAAuB,EACvB,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,EACvB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,SAAG,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC/C;MAAA,CAAC,kBAAkB,CACnB;MAAA,CAAC,eAAM,CACL,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,MAAM,CAClB,IAAI,gBAAgB,CAAC,CACrB,cAAc,CAAC,CAAC,WAAW,CAAC,CAE5B;QAAA,CAAC,+BAA+B,CAChC;QAAA,CAAC,SAAG,CAAC,IAAI,gBAAgB,CAAC,CACxB;UAAA,CAAC,eAAe,CAChB;UAAA,CAAC,KAAK,IAAI,CACR,CAAC,eAAM,CACL,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,SAAS;gBAC9B,KAAK,EAAE,gCAAS,CAAC,WAAW;gBAC5B,GAAG,UAAU;aACd,CAAC,CAEF;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,eAAM,CAAC,CACV,CACD;UAAA,CAAC,kBAAkB,CACnB;UAAA,CAAC,QAAQ,IAAI,CACX,CAAC,eAAM,CACL,YAAY,CAAC,CAAC,oBAAoB,CAAC,CACnC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,MAAM;gBAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM;gBAC7B,KAAK,EAAE,gCAAS,CAAC,eAAe;gBAChC,GAAG,aAAa;aACjB,CAAC,CAEF;cAAA,CAAC,QAAQ,CACX;YAAA,EAAE,eAAM,CAAC,CACV,CACH;QAAA,EAAE,SAAG,CACP;MAAA,EAAE,eAAM,CACR;MAAA,CAAC,gBAAgB,CACjB;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,eAAM,CACL,YAAY,CAAC,CAAC,kBAAkB,CAAC,CACjC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,SAAS;gBAC9B,GAAG,WAAW;aACf,CAAC,CAEF;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,eAAM,CAAC,CACV,CACD;MAAA,CAAC,sBAAsB,CACvB;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,eAAM,CACL,IAAI,uBAAuB,CAAC,CAC5B,YAAY,CAAC,CAAC,uBAAuB,CAAC,CACtC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,MAAM;gBAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM;gBAC7B,KAAK,EAAE,gCAAS,CAAC,eAAe;gBAChC,GAAG,gBAAgB;aACpB,CAAC,CAEF;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,eAAM,CAAC,CACV,CACD;MAAA,CAAC,CAAC,WAAW,IAAI,eAAe,CAClC;IAAA,EAAE,SAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AA3FW,QAAA,YAAY,gBA2FvB;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["// Third party dependencies.\nimport {\n FontWeight,\n TextColor,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\n// Internal dependencies.\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleSubpageProps } from './TitleSubpage.types';\n\n/**\n * Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.\n * Remaining `View` props are forwarded to the root `Box`.\n *\n * @param props - Component props\n * @param props.title - Title row content (required)\n * @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)\n * @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)\n * @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)\n * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)\n * @param props.titleEndAccessory - Optional inline accessory to the right of `title`\n * @param props.subtitle - Optional subtitle row below the title and above the amount\n * @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`\n * @param props.amount - Optional primary amount below the title\n * @param props.amountEndAccessory - Optional inline accessory to the right of the amount\n * @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown\n * @param props.bottomLabel - Optional secondary label below the amount row\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`\n * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string\n * @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string\n * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string\n * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleSubpage layout.\n */\nexport const TitleSubpage: React.FC<TitleSubpageProps> = ({\n amount,\n amountEndAccessory,\n title,\n titleAvatar,\n titleEndAccessory,\n subtitle,\n subtitleEndAccessory,\n bottomAccessory,\n bottomLabel,\n bottomLabelEndAccessory,\n amountProps,\n titleProps,\n subtitleProps,\n bottomLabelProps,\n identityRowProps,\n titleColumnProps,\n bottomLabelWrapperProps,\n twClassName = '',\n ...props\n}) => {\n return (\n <Box twClassName={twClassName} gap={1} {...props}>\n {/* Identity Row */}\n <BoxRow\n gap={4}\n twClassName=\"h-14\"\n {...identityRowProps}\n startAccessory={titleAvatar}\n >\n {/* Title and Subtitle Column */}\n <Box {...titleColumnProps}>\n {/* Title Row */}\n {title && (\n <BoxRow\n endAccessory={titleEndAccessory}\n textProps={{\n variant: TextVariant.HeadingSm,\n color: TextColor.TextDefault,\n ...titleProps,\n }}\n >\n {title}\n </BoxRow>\n )}\n {/* Subtitle Row */}\n {subtitle && (\n <BoxRow\n endAccessory={subtitleEndAccessory}\n textProps={{\n variant: TextVariant.BodySm,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n ...subtitleProps,\n }}\n >\n {subtitle}\n </BoxRow>\n )}\n </Box>\n </BoxRow>\n {/* Amount Row */}\n {amount && (\n <BoxRow\n endAccessory={amountEndAccessory}\n textProps={{\n variant: TextVariant.DisplayLg,\n ...amountProps,\n }}\n >\n {amount}\n </BoxRow>\n )}\n {/* Bottom Label Row */}\n {bottomLabel && (\n <BoxRow\n {...bottomLabelWrapperProps}\n endAccessory={bottomLabelEndAccessory}\n textProps={{\n variant: TextVariant.BodySm,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n ...bottomLabelProps,\n }}\n >\n {bottomLabel}\n </BoxRow>\n )}\n {!bottomLabel && bottomAccessory}\n </Box>\n );\n};\n\nTitleSubpage.displayName = 'TitleSubpage';\n"]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TitleSubpageProps } from "./TitleSubpage.types.cjs";
|
|
3
|
+
/**
|
|
4
|
+
* Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.
|
|
5
|
+
* Remaining `View` props are forwarded to the root `Box`.
|
|
6
|
+
*
|
|
7
|
+
* @param props - Component props
|
|
8
|
+
* @param props.title - Title row content (required)
|
|
9
|
+
* @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)
|
|
10
|
+
* @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)
|
|
11
|
+
* @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)
|
|
12
|
+
* @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)
|
|
13
|
+
* @param props.titleEndAccessory - Optional inline accessory to the right of `title`
|
|
14
|
+
* @param props.subtitle - Optional subtitle row below the title and above the amount
|
|
15
|
+
* @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`
|
|
16
|
+
* @param props.amount - Optional primary amount below the title
|
|
17
|
+
* @param props.amountEndAccessory - Optional inline accessory to the right of the amount
|
|
18
|
+
* @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown
|
|
19
|
+
* @param props.bottomLabel - Optional secondary label below the amount row
|
|
20
|
+
* @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`
|
|
21
|
+
* @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
|
|
22
|
+
* @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string
|
|
23
|
+
* @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
|
|
24
|
+
* @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
|
|
25
|
+
* @param props.twClassName - Optional Tailwind classes on the root container
|
|
26
|
+
*
|
|
27
|
+
* @returns The rendered TitleSubpage layout.
|
|
28
|
+
*/
|
|
29
|
+
export declare const TitleSubpage: React.FC<TitleSubpageProps>;
|
|
30
|
+
//# sourceMappingURL=TitleSubpage.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.d.cts","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2FpD,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TitleSubpageProps } from "./TitleSubpage.types.mjs";
|
|
3
|
+
/**
|
|
4
|
+
* Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.
|
|
5
|
+
* Remaining `View` props are forwarded to the root `Box`.
|
|
6
|
+
*
|
|
7
|
+
* @param props - Component props
|
|
8
|
+
* @param props.title - Title row content (required)
|
|
9
|
+
* @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)
|
|
10
|
+
* @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)
|
|
11
|
+
* @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)
|
|
12
|
+
* @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)
|
|
13
|
+
* @param props.titleEndAccessory - Optional inline accessory to the right of `title`
|
|
14
|
+
* @param props.subtitle - Optional subtitle row below the title and above the amount
|
|
15
|
+
* @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`
|
|
16
|
+
* @param props.amount - Optional primary amount below the title
|
|
17
|
+
* @param props.amountEndAccessory - Optional inline accessory to the right of the amount
|
|
18
|
+
* @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown
|
|
19
|
+
* @param props.bottomLabel - Optional secondary label below the amount row
|
|
20
|
+
* @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`
|
|
21
|
+
* @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
|
|
22
|
+
* @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string
|
|
23
|
+
* @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
|
|
24
|
+
* @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
|
|
25
|
+
* @param props.twClassName - Optional Tailwind classes on the root container
|
|
26
|
+
*
|
|
27
|
+
* @returns The rendered TitleSubpage layout.
|
|
28
|
+
*/
|
|
29
|
+
export declare const TitleSubpage: React.FC<TitleSubpageProps>;
|
|
30
|
+
//# sourceMappingURL=TitleSubpage.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.d.mts","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2FpD,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
function $importDefault(module) {
|
|
2
|
+
if (module?.__esModule) {
|
|
3
|
+
return module.default;
|
|
4
|
+
}
|
|
5
|
+
return module;
|
|
6
|
+
}
|
|
7
|
+
// Third party dependencies.
|
|
8
|
+
import { FontWeight, TextColor, TextVariant } from "@metamask/design-system-shared";
|
|
9
|
+
import $React from "react";
|
|
10
|
+
const React = $importDefault($React);
|
|
11
|
+
// Internal dependencies.
|
|
12
|
+
import { Box } from "../Box/index.mjs";
|
|
13
|
+
import { BoxRow } from "../BoxRow/index.mjs";
|
|
14
|
+
/**
|
|
15
|
+
* Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.
|
|
16
|
+
* Remaining `View` props are forwarded to the root `Box`.
|
|
17
|
+
*
|
|
18
|
+
* @param props - Component props
|
|
19
|
+
* @param props.title - Title row content (required)
|
|
20
|
+
* @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)
|
|
21
|
+
* @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)
|
|
22
|
+
* @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)
|
|
23
|
+
* @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)
|
|
24
|
+
* @param props.titleEndAccessory - Optional inline accessory to the right of `title`
|
|
25
|
+
* @param props.subtitle - Optional subtitle row below the title and above the amount
|
|
26
|
+
* @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`
|
|
27
|
+
* @param props.amount - Optional primary amount below the title
|
|
28
|
+
* @param props.amountEndAccessory - Optional inline accessory to the right of the amount
|
|
29
|
+
* @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown
|
|
30
|
+
* @param props.bottomLabel - Optional secondary label below the amount row
|
|
31
|
+
* @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`
|
|
32
|
+
* @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
|
|
33
|
+
* @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string
|
|
34
|
+
* @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
|
|
35
|
+
* @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
|
|
36
|
+
* @param props.twClassName - Optional Tailwind classes on the root container
|
|
37
|
+
*
|
|
38
|
+
* @returns The rendered TitleSubpage layout.
|
|
39
|
+
*/
|
|
40
|
+
export const TitleSubpage = ({ amount, amountEndAccessory, title, titleAvatar, titleEndAccessory, subtitle, subtitleEndAccessory, bottomAccessory, bottomLabel, bottomLabelEndAccessory, amountProps, titleProps, subtitleProps, bottomLabelProps, identityRowProps, titleColumnProps, bottomLabelWrapperProps, twClassName = '', ...props }) => {
|
|
41
|
+
return (<Box twClassName={twClassName} gap={1} {...props}>
|
|
42
|
+
{/* Identity Row */}
|
|
43
|
+
<BoxRow gap={4} twClassName="h-14" {...identityRowProps} startAccessory={titleAvatar}>
|
|
44
|
+
{/* Title and Subtitle Column */}
|
|
45
|
+
<Box {...titleColumnProps}>
|
|
46
|
+
{/* Title Row */}
|
|
47
|
+
{title && (<BoxRow endAccessory={titleEndAccessory} textProps={{
|
|
48
|
+
variant: TextVariant.HeadingSm,
|
|
49
|
+
color: TextColor.TextDefault,
|
|
50
|
+
...titleProps,
|
|
51
|
+
}}>
|
|
52
|
+
{title}
|
|
53
|
+
</BoxRow>)}
|
|
54
|
+
{/* Subtitle Row */}
|
|
55
|
+
{subtitle && (<BoxRow endAccessory={subtitleEndAccessory} textProps={{
|
|
56
|
+
variant: TextVariant.BodySm,
|
|
57
|
+
fontWeight: FontWeight.Medium,
|
|
58
|
+
color: TextColor.TextAlternative,
|
|
59
|
+
...subtitleProps,
|
|
60
|
+
}}>
|
|
61
|
+
{subtitle}
|
|
62
|
+
</BoxRow>)}
|
|
63
|
+
</Box>
|
|
64
|
+
</BoxRow>
|
|
65
|
+
{/* Amount Row */}
|
|
66
|
+
{amount && (<BoxRow endAccessory={amountEndAccessory} textProps={{
|
|
67
|
+
variant: TextVariant.DisplayLg,
|
|
68
|
+
...amountProps,
|
|
69
|
+
}}>
|
|
70
|
+
{amount}
|
|
71
|
+
</BoxRow>)}
|
|
72
|
+
{/* Bottom Label Row */}
|
|
73
|
+
{bottomLabel && (<BoxRow {...bottomLabelWrapperProps} endAccessory={bottomLabelEndAccessory} textProps={{
|
|
74
|
+
variant: TextVariant.BodySm,
|
|
75
|
+
fontWeight: FontWeight.Medium,
|
|
76
|
+
color: TextColor.TextAlternative,
|
|
77
|
+
...bottomLabelProps,
|
|
78
|
+
}}>
|
|
79
|
+
{bottomLabel}
|
|
80
|
+
</BoxRow>)}
|
|
81
|
+
{!bottomLabel && bottomAccessory}
|
|
82
|
+
</Box>);
|
|
83
|
+
};
|
|
84
|
+
TitleSubpage.displayName = 'TitleSubpage';
|
|
85
|
+
//# sourceMappingURL=TitleSubpage.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.mjs","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport {\n FontWeight,\n TextColor,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\n// Internal dependencies.\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleSubpageProps } from './TitleSubpage.types';\n\n/**\n * Displays a required identity row (avatar + title stack) with optional subtitle, amount, inline accessories, and bottom rows in a left-aligned layout.\n * Remaining `View` props are forwarded to the root `Box`.\n *\n * @param props - Component props\n * @param props.title - Title row content (required)\n * @param props.titleAvatar - Leading visual for the identity row (required); passed through as the identity `BoxRow` `startAccessory` so callers control layout and composition (for example badges that extend past the token)\n * @param props.identityRowProps - Optional props spread onto the identity `BoxRow` after defaults (`children`, `startAccessory`, and `textProps` are reserved)\n * @param props.titleColumnProps - Optional props spread onto the title/subtitle column `Box` (`children` is reserved)\n * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label `BoxRow` after defaults (`children`, `endAccessory`, and `textProps` are reserved)\n * @param props.titleEndAccessory - Optional inline accessory to the right of `title`\n * @param props.subtitle - Optional subtitle row below the title and above the amount\n * @param props.subtitleEndAccessory - Optional inline accessory to the right of `subtitle`\n * @param props.amount - Optional primary amount below the title\n * @param props.amountEndAccessory - Optional inline accessory to the right of the amount\n * @param props.bottomAccessory - Optional custom bottom row when the bottom label row is not shown\n * @param props.bottomLabel - Optional secondary label below the amount row\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel`\n * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string\n * @param props.subtitleProps - Optional props merged into subtitle row `Text` when `subtitle` is a string\n * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string\n * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleSubpage layout.\n */\nexport const TitleSubpage: React.FC<TitleSubpageProps> = ({\n amount,\n amountEndAccessory,\n title,\n titleAvatar,\n titleEndAccessory,\n subtitle,\n subtitleEndAccessory,\n bottomAccessory,\n bottomLabel,\n bottomLabelEndAccessory,\n amountProps,\n titleProps,\n subtitleProps,\n bottomLabelProps,\n identityRowProps,\n titleColumnProps,\n bottomLabelWrapperProps,\n twClassName = '',\n ...props\n}) => {\n return (\n <Box twClassName={twClassName} gap={1} {...props}>\n {/* Identity Row */}\n <BoxRow\n gap={4}\n twClassName=\"h-14\"\n {...identityRowProps}\n startAccessory={titleAvatar}\n >\n {/* Title and Subtitle Column */}\n <Box {...titleColumnProps}>\n {/* Title Row */}\n {title && (\n <BoxRow\n endAccessory={titleEndAccessory}\n textProps={{\n variant: TextVariant.HeadingSm,\n color: TextColor.TextDefault,\n ...titleProps,\n }}\n >\n {title}\n </BoxRow>\n )}\n {/* Subtitle Row */}\n {subtitle && (\n <BoxRow\n endAccessory={subtitleEndAccessory}\n textProps={{\n variant: TextVariant.BodySm,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n ...subtitleProps,\n }}\n >\n {subtitle}\n </BoxRow>\n )}\n </Box>\n </BoxRow>\n {/* Amount Row */}\n {amount && (\n <BoxRow\n endAccessory={amountEndAccessory}\n textProps={{\n variant: TextVariant.DisplayLg,\n ...amountProps,\n }}\n >\n {amount}\n </BoxRow>\n )}\n {/* Bottom Label Row */}\n {bottomLabel && (\n <BoxRow\n {...bottomLabelWrapperProps}\n endAccessory={bottomLabelEndAccessory}\n textProps={{\n variant: TextVariant.BodySm,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n ...bottomLabelProps,\n }}\n >\n {bottomLabel}\n </BoxRow>\n )}\n {!bottomLabel && bottomAccessory}\n </Box>\n );\n};\n\nTitleSubpage.displayName = 'TitleSubpage';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.types.cjs","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleSubpagePropsShared } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n// Internal dependencies.\nimport type { BoxProps } from '../Box/Box.types';\nimport type { BoxRowProps } from '../BoxRow/BoxRow.types';\nimport type { TextProps } from '../Text/Text.types';\n\n/**\n * TitleSubpage component props (React Native).\n * Extends {@link TitleSubpagePropsShared} (requires `title` and `titleAvatar`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleSubpageProps = TitleSubpagePropsShared & {\n /**\n * Optional props spread onto the identity {@link BoxRow} (excluding `children`, `startAccessory`, and `textProps`, which the component owns).\n */\n identityRowProps?: Omit<\n Partial<BoxRowProps>,\n 'children' | 'startAccessory' | 'textProps'\n >;\n /**\n * Optional props spread onto the title/subtitle column {@link Box} (excluding `children`, which the component owns).\n */\n titleColumnProps?: Omit<Partial<BoxProps>, 'children'>;\n /**\n * Optional props spread onto the bottom label {@link BoxRow} (excluding `children`, `endAccessory`, and `textProps`, which the component owns).\n */\n bottomLabelWrapperProps?: Omit<\n Partial<BoxRowProps>,\n 'children' | 'endAccessory' | 'textProps'\n >;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.\n */\n amountProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.\n */\n titleProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `subtitle` is a string.\n */\n subtitleProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.\n */\n bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional Tailwind class name to apply to the container.\n */\n twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { TitleSubpagePropsShared } from "@metamask/design-system-shared";
|
|
2
|
+
import type { ViewProps } from "react-native/index.js";
|
|
3
|
+
import type { BoxProps } from "../Box/Box.types.cjs";
|
|
4
|
+
import type { BoxRowProps } from "../BoxRow/BoxRow.types.cjs";
|
|
5
|
+
import type { TextProps } from "../Text/Text.types.cjs";
|
|
6
|
+
/**
|
|
7
|
+
* TitleSubpage component props (React Native).
|
|
8
|
+
* Extends {@link TitleSubpagePropsShared} (requires `title` and `titleAvatar`) with platform `Text` passthroughs, `twClassName`, and `View` props.
|
|
9
|
+
*/
|
|
10
|
+
export type TitleSubpageProps = TitleSubpagePropsShared & {
|
|
11
|
+
/**
|
|
12
|
+
* Optional props spread onto the identity {@link BoxRow} (excluding `children`, `startAccessory`, and `textProps`, which the component owns).
|
|
13
|
+
*/
|
|
14
|
+
identityRowProps?: Omit<Partial<BoxRowProps>, 'children' | 'startAccessory' | 'textProps'>;
|
|
15
|
+
/**
|
|
16
|
+
* Optional props spread onto the title/subtitle column {@link Box} (excluding `children`, which the component owns).
|
|
17
|
+
*/
|
|
18
|
+
titleColumnProps?: Omit<Partial<BoxProps>, 'children'>;
|
|
19
|
+
/**
|
|
20
|
+
* Optional props spread onto the bottom label {@link BoxRow} (excluding `children`, `endAccessory`, and `textProps`, which the component owns).
|
|
21
|
+
*/
|
|
22
|
+
bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
|
|
23
|
+
/**
|
|
24
|
+
* Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.
|
|
25
|
+
*/
|
|
26
|
+
amountProps?: Omit<Partial<TextProps>, 'children'>;
|
|
27
|
+
/**
|
|
28
|
+
* Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
|
|
29
|
+
*/
|
|
30
|
+
titleProps?: Omit<Partial<TextProps>, 'children'>;
|
|
31
|
+
/**
|
|
32
|
+
* Optional props merged into {@link BoxRow} `textProps` when `subtitle` is a string.
|
|
33
|
+
*/
|
|
34
|
+
subtitleProps?: Omit<Partial<TextProps>, 'children'>;
|
|
35
|
+
/**
|
|
36
|
+
* Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
|
|
37
|
+
*/
|
|
38
|
+
bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
|
|
39
|
+
/**
|
|
40
|
+
* Optional Tailwind class name to apply to the container.
|
|
41
|
+
*/
|
|
42
|
+
twClassName?: string;
|
|
43
|
+
} & Omit<ViewProps, 'children'>;
|
|
44
|
+
//# sourceMappingURL=TitleSubpage.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.types.d.cts","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uCAAuC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG;IACxD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,gBAAgB,GAAG,WAAW,CAC5C,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACrD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { TitleSubpagePropsShared } from "@metamask/design-system-shared";
|
|
2
|
+
import type { ViewProps } from "react-native/index.js";
|
|
3
|
+
import type { BoxProps } from "../Box/Box.types.mjs";
|
|
4
|
+
import type { BoxRowProps } from "../BoxRow/BoxRow.types.mjs";
|
|
5
|
+
import type { TextProps } from "../Text/Text.types.mjs";
|
|
6
|
+
/**
|
|
7
|
+
* TitleSubpage component props (React Native).
|
|
8
|
+
* Extends {@link TitleSubpagePropsShared} (requires `title` and `titleAvatar`) with platform `Text` passthroughs, `twClassName`, and `View` props.
|
|
9
|
+
*/
|
|
10
|
+
export type TitleSubpageProps = TitleSubpagePropsShared & {
|
|
11
|
+
/**
|
|
12
|
+
* Optional props spread onto the identity {@link BoxRow} (excluding `children`, `startAccessory`, and `textProps`, which the component owns).
|
|
13
|
+
*/
|
|
14
|
+
identityRowProps?: Omit<Partial<BoxRowProps>, 'children' | 'startAccessory' | 'textProps'>;
|
|
15
|
+
/**
|
|
16
|
+
* Optional props spread onto the title/subtitle column {@link Box} (excluding `children`, which the component owns).
|
|
17
|
+
*/
|
|
18
|
+
titleColumnProps?: Omit<Partial<BoxProps>, 'children'>;
|
|
19
|
+
/**
|
|
20
|
+
* Optional props spread onto the bottom label {@link BoxRow} (excluding `children`, `endAccessory`, and `textProps`, which the component owns).
|
|
21
|
+
*/
|
|
22
|
+
bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
|
|
23
|
+
/**
|
|
24
|
+
* Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.
|
|
25
|
+
*/
|
|
26
|
+
amountProps?: Omit<Partial<TextProps>, 'children'>;
|
|
27
|
+
/**
|
|
28
|
+
* Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
|
|
29
|
+
*/
|
|
30
|
+
titleProps?: Omit<Partial<TextProps>, 'children'>;
|
|
31
|
+
/**
|
|
32
|
+
* Optional props merged into {@link BoxRow} `textProps` when `subtitle` is a string.
|
|
33
|
+
*/
|
|
34
|
+
subtitleProps?: Omit<Partial<TextProps>, 'children'>;
|
|
35
|
+
/**
|
|
36
|
+
* Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
|
|
37
|
+
*/
|
|
38
|
+
bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
|
|
39
|
+
/**
|
|
40
|
+
* Optional Tailwind class name to apply to the container.
|
|
41
|
+
*/
|
|
42
|
+
twClassName?: string;
|
|
43
|
+
} & Omit<ViewProps, 'children'>;
|
|
44
|
+
//# sourceMappingURL=TitleSubpage.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.types.d.mts","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uCAAuC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG;IACxD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,gBAAgB,GAAG,WAAW,CAC5C,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACrD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitleSubpage.types.mjs","sourceRoot":"","sources":["../../../src/components/TitleSubpage/TitleSubpage.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleSubpagePropsShared } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n// Internal dependencies.\nimport type { BoxProps } from '../Box/Box.types';\nimport type { BoxRowProps } from '../BoxRow/BoxRow.types';\nimport type { TextProps } from '../Text/Text.types';\n\n/**\n * TitleSubpage component props (React Native).\n * Extends {@link TitleSubpagePropsShared} (requires `title` and `titleAvatar`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleSubpageProps = TitleSubpagePropsShared & {\n /**\n * Optional props spread onto the identity {@link BoxRow} (excluding `children`, `startAccessory`, and `textProps`, which the component owns).\n */\n identityRowProps?: Omit<\n Partial<BoxRowProps>,\n 'children' | 'startAccessory' | 'textProps'\n >;\n /**\n * Optional props spread onto the title/subtitle column {@link Box} (excluding `children`, which the component owns).\n */\n titleColumnProps?: Omit<Partial<BoxProps>, 'children'>;\n /**\n * Optional props spread onto the bottom label {@link BoxRow} (excluding `children`, `endAccessory`, and `textProps`, which the component owns).\n */\n bottomLabelWrapperProps?: Omit<\n Partial<BoxRowProps>,\n 'children' | 'endAccessory' | 'textProps'\n >;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.\n */\n amountProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.\n */\n titleProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `subtitle` is a string.\n */\n subtitleProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.\n */\n bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional Tailwind class name to apply to the container.\n */\n twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TitleSubpage = void 0;
|
|
4
|
+
var TitleSubpage_1 = require("./TitleSubpage.cjs");
|
|
5
|
+
Object.defineProperty(exports, "TitleSubpage", { enumerable: true, get: function () { return TitleSubpage_1.TitleSubpage; } });
|
|
6
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/TitleSubpage/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export { TitleSubpage } from './TitleSubpage';\nexport type { TitleSubpageProps } from './TitleSubpage.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TitleSubpage/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/TitleSubpage/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/TitleSubpage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB","sourcesContent":["export { TitleSubpage } from './TitleSubpage';\nexport type { TitleSubpageProps } from './TitleSubpage.types';\n"]}
|
|
@@ -2,6 +2,6 @@ import React from "react";
|
|
|
2
2
|
import type { ToastRef } from "./Toast.types.cjs";
|
|
3
3
|
export declare const Toast: React.ForwardRefExoticComponent<{
|
|
4
4
|
twClassName?: string | undefined;
|
|
5
|
-
labelsContainerProps?: Omit<import("react-native").ViewProps, "
|
|
5
|
+
labelsContainerProps?: Omit<import("react-native").ViewProps, "children" | "style"> | undefined;
|
|
6
6
|
} & Omit<import("react-native").ViewProps, "style"> & React.RefAttributes<ToastRef>>;
|
|
7
7
|
//# sourceMappingURL=Toast.d.cts.map
|
|
@@ -2,6 +2,6 @@ import React from "react";
|
|
|
2
2
|
import type { ToastRef } from "./Toast.types.mjs";
|
|
3
3
|
export declare const Toast: React.ForwardRefExoticComponent<{
|
|
4
4
|
twClassName?: string | undefined;
|
|
5
|
-
labelsContainerProps?: Omit<import("react-native").ViewProps, "
|
|
5
|
+
labelsContainerProps?: Omit<import("react-native").ViewProps, "children" | "style"> | undefined;
|
|
6
6
|
} & Omit<import("react-native").ViewProps, "style"> & React.RefAttributes<ToastRef>>;
|
|
7
7
|
//# sourceMappingURL=Toast.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;AAcA;;GAEG;AACH,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACf,CAAC,EANW,YAAY,4BAAZ,YAAY,QAMvB;AA4CD,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IACjC,wCAAa,CAAA;AACf,CAAC,EAFW,uBAAuB,uCAAvB,uBAAuB,QAElC","sourcesContent":["// Third party dependencies.\nimport type {\n AvatarIconSeverity,\n IconName,\n} from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type { ViewProps } from 'react-native';\n\n// External Dependencies.\nimport type { AvatarAccountVariant } from '../AvatarAccount';\nimport type { ButtonProps } from '../Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';\n\n/**\n * Toast variants.\n */\nexport enum ToastVariant {\n Plain = 'Plain',\n Account = 'Account',\n Network = 'Network',\n App = 'App',\n Icon = 'Icon',\n}\n\n/**\n * Options for the main text in the toast.\n */\nexport type ToastLabelOptions = {\n label: string;\n isBold?: boolean;\n}[];\n\n/**\n * Options for the description text in the toast.\n */\nexport type ToastDescriptionOptions = {\n description: string;\n};\n\n/**\n * Options for displaying a Link in the toast.\n */\nexport type ToastLinkButtonOptions = {\n label: string;\n onPress: () => void;\n};\n\n/**\n * Common toast option shared between all other options.\n */\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {\n variant: ToastCloseButtonVariant;\n};\n\nexport type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon = 'Icon',\n}\n\n/**\n * Plain toast option.\n */\ntype PlainToastOption = {\n variant: ToastVariant.Plain;\n} & BaseToastVariants;\n\n/**\n * Account toast option.\n */\ntype AccountToastOption = {\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/**\n * Network toast option.\n */\ntype NetworkToastOption = {\n variant: ToastVariant.Network;\n networkName?: string;\n networkImageSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\n/**\n * App toast option.\n */\ntype AppToastOption = {\n variant: ToastVariant.App;\n appIconSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\ntype IconToastOption = {\n variant: ToastVariant.Icon;\n iconName: IconName;\n severity?: AvatarIconSeverity;\n} & BaseToastVariants;\n\n/**\n * Different toast options combined in a union type.\n */\nexport type ToastOptions =\n | PlainToastOption\n | AccountToastOption\n | NetworkToastOption\n | AppToastOption\n | IconToastOption;\n\n/**\n * Toast component reference.\n */\nexport type ToastRef = {\n showToast: (toastOptions: ToastOptions) => void;\n closeToast: () => void;\n};\n\n/**\n * Toast component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToastProps = {\n /**\n * Optional Tailwind CSS classes for the toast container.\n */\n twClassName?: string;\n /**\n * Props spread to the labels container View (e.g., testID for testing).\n */\n labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;\n} & Omit<ViewProps, 'style'>;\n\n/**\n * Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> | undefined;\n};\n"]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ReactElement } from "react";
|
|
2
3
|
import type { ViewProps } from "react-native/index.js";
|
|
3
|
-
import type { AvatarIconSeverity } from "../../types/index.cjs";
|
|
4
4
|
import type { AvatarAccountVariant } from "../AvatarAccount/index.cjs";
|
|
5
5
|
import type { ButtonProps } from "../Button/index.cjs";
|
|
6
6
|
import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
|
|
7
|
-
import type { IconName } from "../Icon/index.cjs";
|
|
8
7
|
import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.cjs";
|
|
9
8
|
/**
|
|
10
9
|
* Toast variants.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ReactElement } from "react";
|
|
2
3
|
import type { ViewProps } from "react-native/index.js";
|
|
3
|
-
import type { AvatarIconSeverity } from "../../types/index.mjs";
|
|
4
4
|
import type { AvatarAccountVariant } from "../AvatarAccount/index.mjs";
|
|
5
5
|
import type { ButtonProps } from "../Button/index.mjs";
|
|
6
6
|
import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
|
|
7
|
-
import type { IconName } from "../Icon/index.mjs";
|
|
8
7
|
import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.mjs";
|
|
9
8
|
/**
|
|
10
9
|
* Toast variants.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACf,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB;AA4CD,MAAM,CAAN,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IACjC,wCAAa,CAAA;AACf,CAAC,EAFW,uBAAuB,KAAvB,uBAAuB,QAElC","sourcesContent":["// Third party dependencies.\nimport type {\n AvatarIconSeverity,\n IconName,\n} from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type { ViewProps } from 'react-native';\n\n// External Dependencies.\nimport type { AvatarAccountVariant } from '../AvatarAccount';\nimport type { ButtonProps } from '../Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';\n\n/**\n * Toast variants.\n */\nexport enum ToastVariant {\n Plain = 'Plain',\n Account = 'Account',\n Network = 'Network',\n App = 'App',\n Icon = 'Icon',\n}\n\n/**\n * Options for the main text in the toast.\n */\nexport type ToastLabelOptions = {\n label: string;\n isBold?: boolean;\n}[];\n\n/**\n * Options for the description text in the toast.\n */\nexport type ToastDescriptionOptions = {\n description: string;\n};\n\n/**\n * Options for displaying a Link in the toast.\n */\nexport type ToastLinkButtonOptions = {\n label: string;\n onPress: () => void;\n};\n\n/**\n * Common toast option shared between all other options.\n */\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {\n variant: ToastCloseButtonVariant;\n};\n\nexport type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon = 'Icon',\n}\n\n/**\n * Plain toast option.\n */\ntype PlainToastOption = {\n variant: ToastVariant.Plain;\n} & BaseToastVariants;\n\n/**\n * Account toast option.\n */\ntype AccountToastOption = {\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/**\n * Network toast option.\n */\ntype NetworkToastOption = {\n variant: ToastVariant.Network;\n networkName?: string;\n networkImageSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\n/**\n * App toast option.\n */\ntype AppToastOption = {\n variant: ToastVariant.App;\n appIconSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\ntype IconToastOption = {\n variant: ToastVariant.Icon;\n iconName: IconName;\n severity?: AvatarIconSeverity;\n} & BaseToastVariants;\n\n/**\n * Different toast options combined in a union type.\n */\nexport type ToastOptions =\n | PlainToastOption\n | AccountToastOption\n | NetworkToastOption\n | AppToastOption\n | IconToastOption;\n\n/**\n * Toast component reference.\n */\nexport type ToastRef = {\n showToast: (toastOptions: ToastOptions) => void;\n closeToast: () => void;\n};\n\n/**\n * Toast component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToastProps = {\n /**\n * Optional Tailwind CSS classes for the toast container.\n */\n twClassName?: string;\n /**\n * Props spread to the labels container View (e.g., testID for testing).\n */\n labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;\n} & Omit<ViewProps, 'style'>;\n\n/**\n * Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> | undefined;\n};\n"]}
|