@metamask-previews/design-system-shared 0.1.2-preview.abc15cd → 0.4.0-preview.23cc337
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 +41 -1
- package/dist/index.cjs +11 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -0
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +6 -0
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +6 -0
- package/dist/index.mjs.map +1 -1
- package/dist/types/AvatarNetwork/AvatarNetwork.types.cjs +3 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.cjs.map +1 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.d.cts +20 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.d.cts.map +1 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.d.mts +20 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.d.mts.map +1 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.mjs +2 -0
- package/dist/types/AvatarNetwork/AvatarNetwork.types.mjs.map +1 -0
- package/dist/types/AvatarNetwork/index.cjs +3 -0
- package/dist/types/AvatarNetwork/index.cjs.map +1 -0
- package/dist/types/AvatarNetwork/index.d.cts +2 -0
- package/dist/types/AvatarNetwork/index.d.cts.map +1 -0
- package/dist/types/AvatarNetwork/index.d.mts +2 -0
- package/dist/types/AvatarNetwork/index.d.mts.map +1 -0
- package/dist/types/AvatarNetwork/index.mjs +2 -0
- package/dist/types/AvatarNetwork/index.mjs.map +1 -0
- package/dist/types/BadgeCount/BadgeCount.types.cjs +18 -0
- package/dist/types/BadgeCount/BadgeCount.types.cjs.map +1 -0
- package/dist/types/BadgeCount/BadgeCount.types.d.cts +40 -0
- package/dist/types/BadgeCount/BadgeCount.types.d.cts.map +1 -0
- package/dist/types/BadgeCount/BadgeCount.types.d.mts +40 -0
- package/dist/types/BadgeCount/BadgeCount.types.d.mts.map +1 -0
- package/dist/types/BadgeCount/BadgeCount.types.mjs +15 -0
- package/dist/types/BadgeCount/BadgeCount.types.mjs.map +1 -0
- package/dist/types/BadgeCount/index.cjs +6 -0
- package/dist/types/BadgeCount/index.cjs.map +1 -0
- package/dist/types/BadgeCount/index.d.cts +2 -0
- package/dist/types/BadgeCount/index.d.cts.map +1 -0
- package/dist/types/BadgeCount/index.d.mts +2 -0
- package/dist/types/BadgeCount/index.d.mts.map +1 -0
- package/dist/types/BadgeCount/index.mjs +2 -0
- package/dist/types/BadgeCount/index.mjs.map +1 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.cjs +44 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.cjs.map +1 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.d.cts +74 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.d.cts.map +1 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.d.mts +74 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.d.mts.map +1 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.mjs +41 -0
- package/dist/types/BadgeStatus/BadgeStatus.types.mjs.map +1 -0
- package/dist/types/BadgeStatus/index.cjs +7 -0
- package/dist/types/BadgeStatus/index.cjs.map +1 -0
- package/dist/types/BadgeStatus/index.d.cts +2 -0
- package/dist/types/BadgeStatus/index.d.cts.map +1 -0
- package/dist/types/BadgeStatus/index.d.mts +2 -0
- package/dist/types/BadgeStatus/index.d.mts.map +1 -0
- package/dist/types/BadgeStatus/index.mjs +2 -0
- package/dist/types/BadgeStatus/index.mjs.map +1 -0
- package/dist/types/BannerAlert/BannerAlert.types.cjs +18 -0
- package/dist/types/BannerAlert/BannerAlert.types.cjs.map +1 -0
- package/dist/types/BannerAlert/BannerAlert.types.d.cts +29 -0
- package/dist/types/BannerAlert/BannerAlert.types.d.cts.map +1 -0
- package/dist/types/BannerAlert/BannerAlert.types.d.mts +29 -0
- package/dist/types/BannerAlert/BannerAlert.types.d.mts.map +1 -0
- package/dist/types/BannerAlert/BannerAlert.types.mjs +15 -0
- package/dist/types/BannerAlert/BannerAlert.types.mjs.map +1 -0
- package/dist/types/BannerAlert/index.cjs +6 -0
- package/dist/types/BannerAlert/index.cjs.map +1 -0
- package/dist/types/BannerAlert/index.d.cts +2 -0
- package/dist/types/BannerAlert/index.d.cts.map +1 -0
- package/dist/types/BannerAlert/index.d.mts +2 -0
- package/dist/types/BannerAlert/index.d.mts.map +1 -0
- package/dist/types/BannerAlert/index.mjs +2 -0
- package/dist/types/BannerAlert/index.mjs.map +1 -0
- package/dist/types/BannerBase/BannerBase.types.cjs +3 -0
- package/dist/types/BannerBase/BannerBase.types.cjs.map +1 -0
- package/dist/types/BannerBase/BannerBase.types.d.cts +28 -0
- package/dist/types/BannerBase/BannerBase.types.d.cts.map +1 -0
- package/dist/types/BannerBase/BannerBase.types.d.mts +28 -0
- package/dist/types/BannerBase/BannerBase.types.d.mts.map +1 -0
- package/dist/types/BannerBase/BannerBase.types.mjs +2 -0
- package/dist/types/BannerBase/BannerBase.types.mjs.map +1 -0
- package/dist/types/BannerBase/index.cjs +3 -0
- package/dist/types/BannerBase/index.cjs.map +1 -0
- package/dist/types/BannerBase/index.d.cts +2 -0
- package/dist/types/BannerBase/index.d.cts.map +1 -0
- package/dist/types/BannerBase/index.d.mts +2 -0
- package/dist/types/BannerBase/index.d.mts.map +1 -0
- package/dist/types/BannerBase/index.mjs +2 -0
- package/dist/types/BannerBase/index.mjs.map +1 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.cjs +3 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.cjs.map +1 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.d.cts +13 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.d.cts.map +1 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.d.mts +13 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.d.mts.map +1 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.mjs +2 -0
- package/dist/types/ButtonFilter/ButtonFilter.types.mjs.map +1 -0
- package/dist/types/ButtonFilter/index.cjs +3 -0
- package/dist/types/ButtonFilter/index.cjs.map +1 -0
- package/dist/types/ButtonFilter/index.d.cts +2 -0
- package/dist/types/ButtonFilter/index.d.cts.map +1 -0
- package/dist/types/ButtonFilter/index.d.mts +2 -0
- package/dist/types/ButtonFilter/index.d.mts.map +1 -0
- package/dist/types/ButtonFilter/index.mjs +2 -0
- package/dist/types/ButtonFilter/index.mjs.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeStatus - status
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export const BadgeStatusStatus = {
|
|
6
|
+
/**
|
|
7
|
+
* Represents an active status (Connected)
|
|
8
|
+
*/
|
|
9
|
+
Active: 'active',
|
|
10
|
+
/**
|
|
11
|
+
* Represents an inactive status (Connected)
|
|
12
|
+
*/
|
|
13
|
+
Inactive: 'inactive',
|
|
14
|
+
/**
|
|
15
|
+
* Represents a disconnected status
|
|
16
|
+
*/
|
|
17
|
+
Disconnected: 'disconnected',
|
|
18
|
+
/**
|
|
19
|
+
* Represents a new status
|
|
20
|
+
*/
|
|
21
|
+
New: 'new',
|
|
22
|
+
/**
|
|
23
|
+
* Represents an attention status
|
|
24
|
+
*/
|
|
25
|
+
Attention: 'attention',
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* BadgeStatus - size
|
|
29
|
+
* Convert from enum to const object (ADR-0003)
|
|
30
|
+
*/
|
|
31
|
+
export const BadgeStatusSize = {
|
|
32
|
+
/**
|
|
33
|
+
* Represents a medium badge status (8px)
|
|
34
|
+
*/
|
|
35
|
+
Md: 'md',
|
|
36
|
+
/**
|
|
37
|
+
* Represents a large badge status (10px)
|
|
38
|
+
*/
|
|
39
|
+
Lg: 'lg',
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=BadgeStatus.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/types/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,QAAQ,EAAE,UAAU;IACpB;;OAEG;IACH,YAAY,EAAE,cAAc;IAC5B;;OAEG;IACH,GAAG,EAAE,KAAK;IACV;;OAEG;IACH,SAAS,EAAE,WAAW;CACd,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC","sourcesContent":["/**\n * BadgeStatus - status\n * Convert from enum to const object (ADR-0003)\n */\nexport const BadgeStatusStatus = {\n /**\n * Represents an active status (Connected)\n */\n Active: 'active',\n /**\n * Represents an inactive status (Connected)\n */\n Inactive: 'inactive',\n /**\n * Represents a disconnected status\n */\n Disconnected: 'disconnected',\n /**\n * Represents a new status\n */\n New: 'new',\n /**\n * Represents an attention status\n */\n Attention: 'attention',\n} as const;\nexport type BadgeStatusStatus =\n (typeof BadgeStatusStatus)[keyof typeof BadgeStatusStatus];\n\n/**\n * BadgeStatus - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const BadgeStatusSize = {\n /**\n * Represents a medium badge status (8px)\n */\n Md: 'md',\n /**\n * Represents a large badge status (10px)\n */\n Lg: 'lg',\n} as const;\nexport type BadgeStatusSize =\n (typeof BadgeStatusSize)[keyof typeof BadgeStatusSize];\n\n/**\n * BadgeStatus component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type BadgeStatusPropsShared = {\n /**\n * Required prop to control the status of the badge\n * Possible values:\n * - BadgeStatusStatus.Active (Connected)\n * - BadgeStatusStatus.Inactive (Connected)\n * - BadgeStatusStatus.Disconnected\n * - BadgeStatusStatus.New\n * - BadgeStatusStatus.Attention\n */\n status: BadgeStatusStatus;\n /**\n * Optional prop to determine whether the badge should display a border\n *\n * @default true\n */\n hasBorder?: boolean;\n /**\n * Optional prop to control the size of the BadgeStatus\n * Possible values:\n * - BadgeStatusSize.Md (8px)\n * - BadgeStatusSize.Lg (10px)\n *\n * @default BadgeStatusSize.Md\n */\n size?: BadgeStatusSize;\n};\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
|
|
4
|
+
var BadgeStatus_types_1 = require("./BadgeStatus.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusStatus; } });
|
|
6
|
+
Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusSize; } });
|
|
7
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,6DAI6B;AAH3B,sHAAA,iBAAiB,OAAA;AACjB,oHAAA,eAAe,OAAA","sourcesContent":["export {\n BadgeStatusStatus,\n BadgeStatusSize,\n type BadgeStatusPropsShared,\n} from './BadgeStatus.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,gCAA4B","sourcesContent":["export {\n BadgeStatusStatus,\n BadgeStatusSize,\n type BadgeStatusPropsShared,\n} from './BadgeStatus.types';\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BannerAlertSeverity = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* BannerAlert severity variants.
|
|
6
|
+
* Uses const object with derived union type (ADR-0003).
|
|
7
|
+
*/
|
|
8
|
+
exports.BannerAlertSeverity = {
|
|
9
|
+
/** Informational style. */
|
|
10
|
+
Info: 'info',
|
|
11
|
+
/** Success style. */
|
|
12
|
+
Success: 'success',
|
|
13
|
+
/** Warning style. */
|
|
14
|
+
Warning: 'warning',
|
|
15
|
+
/** Danger style. */
|
|
16
|
+
Danger: 'danger',
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=BannerAlert.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerAlert.types.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n /** Informational style. */\n Info: 'info',\n /** Success style. */\n Success: 'success',\n /** Warning style. */\n Warning: 'warning',\n /** Danger style. */\n Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n /**\n * Optional semantic severity.\n *\n * @default BannerAlertSeverity.Info\n */\n severity?: BannerAlertSeverity;\n};\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { BannerBasePropsShared } from "../BannerBase/index.cjs";
|
|
2
|
+
/**
|
|
3
|
+
* BannerAlert severity variants.
|
|
4
|
+
* Uses const object with derived union type (ADR-0003).
|
|
5
|
+
*/
|
|
6
|
+
export declare const BannerAlertSeverity: {
|
|
7
|
+
/** Informational style. */
|
|
8
|
+
readonly Info: "info";
|
|
9
|
+
/** Success style. */
|
|
10
|
+
readonly Success: "success";
|
|
11
|
+
/** Warning style. */
|
|
12
|
+
readonly Warning: "warning";
|
|
13
|
+
/** Danger style. */
|
|
14
|
+
readonly Danger: "danger";
|
|
15
|
+
};
|
|
16
|
+
export type BannerAlertSeverity = (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];
|
|
17
|
+
/**
|
|
18
|
+
* BannerAlert shared props (ADR-0004).
|
|
19
|
+
* Platform-independent properties shared across React and React Native.
|
|
20
|
+
*/
|
|
21
|
+
export type BannerAlertPropsShared = BannerBasePropsShared & {
|
|
22
|
+
/**
|
|
23
|
+
* Optional semantic severity.
|
|
24
|
+
*
|
|
25
|
+
* @default BannerAlertSeverity.Info
|
|
26
|
+
*/
|
|
27
|
+
severity?: BannerAlertSeverity;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=BannerAlert.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerAlert.types.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { BannerBasePropsShared } from "../BannerBase/index.mjs";
|
|
2
|
+
/**
|
|
3
|
+
* BannerAlert severity variants.
|
|
4
|
+
* Uses const object with derived union type (ADR-0003).
|
|
5
|
+
*/
|
|
6
|
+
export declare const BannerAlertSeverity: {
|
|
7
|
+
/** Informational style. */
|
|
8
|
+
readonly Info: "info";
|
|
9
|
+
/** Success style. */
|
|
10
|
+
readonly Success: "success";
|
|
11
|
+
/** Warning style. */
|
|
12
|
+
readonly Warning: "warning";
|
|
13
|
+
/** Danger style. */
|
|
14
|
+
readonly Danger: "danger";
|
|
15
|
+
};
|
|
16
|
+
export type BannerAlertSeverity = (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];
|
|
17
|
+
/**
|
|
18
|
+
* BannerAlert shared props (ADR-0004).
|
|
19
|
+
* Platform-independent properties shared across React and React Native.
|
|
20
|
+
*/
|
|
21
|
+
export type BannerAlertPropsShared = BannerBasePropsShared & {
|
|
22
|
+
/**
|
|
23
|
+
* Optional semantic severity.
|
|
24
|
+
*
|
|
25
|
+
* @default BannerAlertSeverity.Info
|
|
26
|
+
*/
|
|
27
|
+
severity?: BannerAlertSeverity;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=BannerAlert.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerAlert.types.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BannerAlert severity variants.
|
|
3
|
+
* Uses const object with derived union type (ADR-0003).
|
|
4
|
+
*/
|
|
5
|
+
export const BannerAlertSeverity = {
|
|
6
|
+
/** Informational style. */
|
|
7
|
+
Info: 'info',
|
|
8
|
+
/** Success style. */
|
|
9
|
+
Success: 'success',
|
|
10
|
+
/** Warning style. */
|
|
11
|
+
Warning: 'warning',
|
|
12
|
+
/** Danger style. */
|
|
13
|
+
Danger: 'danger',
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=BannerAlert.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerAlert.types.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n /** Informational style. */\n Info: 'info',\n /** Success style. */\n Success: 'success',\n /** Warning style. */\n Warning: 'warning',\n /** Danger style. */\n Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n /**\n * Optional semantic severity.\n *\n * @default BannerAlertSeverity.Info\n */\n severity?: BannerAlertSeverity;\n};\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BannerAlertSeverity = void 0;
|
|
4
|
+
var BannerAlert_types_1 = require("./BannerAlert.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: function () { return BannerAlert_types_1.BannerAlertSeverity; } });
|
|
6
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":";;;AAAA,6DAG6B;AAF3B,wHAAA,mBAAmB,OAAA","sourcesContent":["export {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './BannerAlert.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAEpB,gCAA4B","sourcesContent":["export {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './BannerAlert.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerBase.types.cjs","sourceRoot":"","sources":["../../../src/types/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * BannerBase component shared props (ADR-0004)\n * Platform-independent content and structure shared across React and React Native.\n */\nexport type BannerBasePropsShared = {\n /**\n * Optional title rendered at the top of the banner body.\n */\n title?: ReactNode;\n /**\n * Optional description rendered below the title.\n */\n description?: ReactNode;\n /**\n * Optional children rendered below the description.\n */\n children?: ReactNode;\n /**\n * Optional text label for the action button.\n */\n actionButtonLabel?: string;\n /**\n * Optional accessory rendered at the start of the banner.\n */\n startAccessory?: ReactNode;\n};\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* BannerBase component shared props (ADR-0004)
|
|
4
|
+
* Platform-independent content and structure shared across React and React Native.
|
|
5
|
+
*/
|
|
6
|
+
export type BannerBasePropsShared = {
|
|
7
|
+
/**
|
|
8
|
+
* Optional title rendered at the top of the banner body.
|
|
9
|
+
*/
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Optional description rendered below the title.
|
|
13
|
+
*/
|
|
14
|
+
description?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Optional children rendered below the description.
|
|
17
|
+
*/
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Optional text label for the action button.
|
|
21
|
+
*/
|
|
22
|
+
actionButtonLabel?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Optional accessory rendered at the start of the banner.
|
|
25
|
+
*/
|
|
26
|
+
startAccessory?: ReactNode;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=BannerBase.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerBase.types.d.cts","sourceRoot":"","sources":["../../../src/types/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* BannerBase component shared props (ADR-0004)
|
|
4
|
+
* Platform-independent content and structure shared across React and React Native.
|
|
5
|
+
*/
|
|
6
|
+
export type BannerBasePropsShared = {
|
|
7
|
+
/**
|
|
8
|
+
* Optional title rendered at the top of the banner body.
|
|
9
|
+
*/
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Optional description rendered below the title.
|
|
13
|
+
*/
|
|
14
|
+
description?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Optional children rendered below the description.
|
|
17
|
+
*/
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Optional text label for the action button.
|
|
21
|
+
*/
|
|
22
|
+
actionButtonLabel?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Optional accessory rendered at the start of the banner.
|
|
25
|
+
*/
|
|
26
|
+
startAccessory?: ReactNode;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=BannerBase.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerBase.types.d.mts","sourceRoot":"","sources":["../../../src/types/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerBase.types.mjs","sourceRoot":"","sources":["../../../src/types/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * BannerBase component shared props (ADR-0004)\n * Platform-independent content and structure shared across React and React Native.\n */\nexport type BannerBasePropsShared = {\n /**\n * Optional title rendered at the top of the banner body.\n */\n title?: ReactNode;\n /**\n * Optional description rendered below the title.\n */\n description?: ReactNode;\n /**\n * Optional children rendered below the description.\n */\n children?: ReactNode;\n /**\n * Optional text label for the action button.\n */\n actionButtonLabel?: string;\n /**\n * Optional accessory rendered at the start of the banner.\n */\n startAccessory?: ReactNode;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/BannerBase/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type BannerBasePropsShared } from './BannerBase.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,+BAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,+BAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/BannerBase/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type BannerBasePropsShared } from './BannerBase.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonFilter.types.cjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * ButtonFilter component shared props (ADR-0004)\n * Platform-independent state shared across React and React Native.\n */\nexport type ButtonFilterPropsShared = {\n /**\n * Whether the filter button is in an active state.\n *\n * @default false\n */\n isActive?: boolean;\n};\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ButtonFilter component shared props (ADR-0004)
|
|
3
|
+
* Platform-independent state shared across React and React Native.
|
|
4
|
+
*/
|
|
5
|
+
export type ButtonFilterPropsShared = {
|
|
6
|
+
/**
|
|
7
|
+
* Whether the filter button is in an active state.
|
|
8
|
+
*
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=ButtonFilter.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonFilter.types.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ButtonFilter component shared props (ADR-0004)
|
|
3
|
+
* Platform-independent state shared across React and React Native.
|
|
4
|
+
*/
|
|
5
|
+
export type ButtonFilterPropsShared = {
|
|
6
|
+
/**
|
|
7
|
+
* Whether the filter button is in an active state.
|
|
8
|
+
*
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=ButtonFilter.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonFilter.types.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonFilter.types.mjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * ButtonFilter component shared props (ADR-0004)\n * Platform-independent state shared across React and React Native.\n */\nexport type ButtonFilterPropsShared = {\n /**\n * Whether the filter button is in an active state.\n *\n * @default false\n */\n isActive?: boolean;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type ButtonFilterPropsShared } from './ButtonFilter.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,iCAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,iCAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type ButtonFilterPropsShared } from './ButtonFilter.types';\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask-previews/design-system-shared",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0-preview.23cc337",
|
|
4
4
|
"description": "Shared types for design system libraries",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"MetaMask",
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
"publish:preview": "yarn npm publish --tag preview"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@metamask/utils": "^11.
|
|
49
|
+
"@metamask/utils": "^11.10.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@metamask/auto-changelog": "^5.3.
|
|
52
|
+
"@metamask/auto-changelog": "^5.3.2",
|
|
53
53
|
"@ts-bridge/cli": "^0.6.3",
|
|
54
54
|
"@types/jest": "^27.4.1",
|
|
55
55
|
"deepmerge": "^4.2.2",
|