@metamask-previews/design-system-shared 0.1.2-preview.abc15cd → 0.2.0-preview.694a8ed
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 +20 -1
- package/dist/index.cjs +8 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -0
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +3 -0
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +4 -0
- package/dist/index.mjs.map +1 -1
- 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/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/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.2.0]
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
|
|
14
|
+
- Added centralized `BadgeStatus` types and constants ([#912](https://github.com/MetaMask/metamask-design-system/pull/912))
|
|
15
|
+
- `BadgeStatusStatus` const object with derived string union type for status variants (`active`, `inactive`, `warning`, `danger`, `success`)
|
|
16
|
+
- `BadgeStatusSize` const object with derived string union type for size variants (`sm`, `md`, `lg`)
|
|
17
|
+
- `BadgeStatusPropsShared` type interface for shared component props
|
|
18
|
+
- Enables structural typing - both const object values (`BadgeStatusStatus.Active`) and string literals (`'active'`) are now accepted
|
|
19
|
+
- Implements [ADR-0003](https://github.com/MetaMask/decisions/blob/main/decisions/design-system/0003-enum-to-string-union-migration.md) and [ADR-0004](https://github.com/MetaMask/decisions/blob/main/decisions/design-system/0004-centralized-types-architecture.md)
|
|
20
|
+
|
|
21
|
+
## [0.1.3]
|
|
22
|
+
|
|
23
|
+
### Changed
|
|
24
|
+
|
|
25
|
+
- Updated `@metamask/utils` dependency from 11.9.0 to 11.10.0 ([#903](https://github.com/MetaMask/metamask-design-system/pull/903))
|
|
26
|
+
|
|
10
27
|
## [0.1.2]
|
|
11
28
|
|
|
12
29
|
### Changed
|
|
@@ -26,7 +43,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
26
43
|
- **Initial release** - MetaMask Design System Shared
|
|
27
44
|
- Adding CAIP-10 address utilities ([#817](https://github.com/MetaMask/metamask-design-system/pull/817))
|
|
28
45
|
|
|
29
|
-
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.
|
|
46
|
+
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.2.0...HEAD
|
|
47
|
+
[0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.3...@metamask/design-system-shared@0.2.0
|
|
48
|
+
[0.1.3]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.2...@metamask/design-system-shared@0.1.3
|
|
30
49
|
[0.1.2]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.1...@metamask/design-system-shared@0.1.2
|
|
31
50
|
[0.1.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.0...@metamask/design-system-shared@0.1.1
|
|
32
51
|
[0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/design-system-shared@0.1.0
|
package/dist/index.cjs
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
|
|
3
|
+
exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
|
|
4
4
|
var caip_address_1 = require("./utils/caip-address.cjs");
|
|
5
5
|
Object.defineProperty(exports, "extractAccountAddress", { enumerable: true, get: function () { return caip_address_1.extractAccountAddress; } });
|
|
6
6
|
Object.defineProperty(exports, "generateSeedEthereum", { enumerable: true, get: function () { return caip_address_1.generateSeedEthereum; } });
|
|
7
7
|
Object.defineProperty(exports, "generateSeedNonEthereum", { enumerable: true, get: function () { return caip_address_1.generateSeedNonEthereum; } });
|
|
8
8
|
Object.defineProperty(exports, "isEthereumAddress", { enumerable: true, get: function () { return caip_address_1.isEthereumAddress; } });
|
|
9
9
|
Object.defineProperty(exports, "generateIconSeed", { enumerable: true, get: function () { return caip_address_1.generateIconSeed; } });
|
|
10
|
+
// BadgeCount types (ADR-0003 + ADR-0004)
|
|
11
|
+
var BadgeCount_1 = require("./types/BadgeCount/index.cjs");
|
|
12
|
+
Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return BadgeCount_1.BadgeCountSize; } });
|
|
13
|
+
// BadgeStatus types (ADR-0003 + ADR-0004)
|
|
14
|
+
var BadgeStatus_1 = require("./types/BadgeStatus/index.cjs");
|
|
15
|
+
Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusStatus; } });
|
|
16
|
+
Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusSize; } });
|
|
10
17
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n"]}
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAGlB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n BadgeStatusStatus,\n BadgeStatusSize,\n type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed, } from "./utils/caip-address.cjs";
|
|
2
|
+
export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.cjs";
|
|
3
|
+
export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.cjs";
|
|
4
|
+
export { type BannerBasePropsShared } from "./types/BannerBase/index.cjs";
|
|
2
5
|
//# sourceMappingURL=index.d.cts.map
|
package/dist/index.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B"}
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B"}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed, } from "./utils/caip-address.mjs";
|
|
2
|
+
export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.mjs";
|
|
3
|
+
export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.mjs";
|
|
4
|
+
export { type BannerBasePropsShared } from "./types/BannerBase/index.mjs";
|
|
2
5
|
//# sourceMappingURL=index.d.mts.map
|
package/dist/index.d.mts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B"}
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed } from "./utils/caip-address.mjs";
|
|
2
|
+
// BadgeCount types (ADR-0003 + ADR-0004)
|
|
3
|
+
export { BadgeCountSize } from "./types/BadgeCount/index.mjs";
|
|
4
|
+
// BadgeStatus types (ADR-0003 + ADR-0004)
|
|
5
|
+
export { BadgeStatusStatus, BadgeStatusSize } from "./types/BadgeStatus/index.mjs";
|
|
2
6
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n"]}
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B;AAE9B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n BadgeStatusStatus,\n BadgeStatusSize,\n type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeCountSize = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* BadgeCount - size
|
|
6
|
+
* Convert from enum to const object (ADR-0003)
|
|
7
|
+
*/
|
|
8
|
+
exports.BadgeCountSize = {
|
|
9
|
+
/**
|
|
10
|
+
* Represents a medium badge count (14px height).
|
|
11
|
+
*/
|
|
12
|
+
Md: 'md',
|
|
13
|
+
/**
|
|
14
|
+
* Represents a large badge count (20px height).
|
|
15
|
+
*/
|
|
16
|
+
Lg: 'lg',
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=BadgeCount.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeCount.types.cjs","sourceRoot":"","sources":["../../../src/types/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACU,QAAA,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC","sourcesContent":["/**\n * BadgeCount - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const BadgeCountSize = {\n /**\n * Represents a medium badge count (14px height).\n */\n Md: 'md',\n /**\n * Represents a large badge count (20px height).\n */\n Lg: 'lg',\n} as const;\nexport type BadgeCountSize =\n (typeof BadgeCountSize)[keyof typeof BadgeCountSize];\n\n/**\n * BadgeCount component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type BadgeCountPropsShared = {\n /**\n * Optional prop to control the size of the BadgeCount\n * Different sizes map to specific height\n *\n * @default BadgeCountSize.Md\n */\n size?: BadgeCountSize;\n /**\n * Required prop to show the count number\n */\n count: number;\n /**\n * Optional prop to determine the max the count can go up to.\n * If count > max, the count will be shown as \"max+\"\n *\n * @default 99\n */\n max?: number;\n};\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeCount - size
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export declare const BadgeCountSize: {
|
|
6
|
+
/**
|
|
7
|
+
* Represents a medium badge count (14px height).
|
|
8
|
+
*/
|
|
9
|
+
readonly Md: "md";
|
|
10
|
+
/**
|
|
11
|
+
* Represents a large badge count (20px height).
|
|
12
|
+
*/
|
|
13
|
+
readonly Lg: "lg";
|
|
14
|
+
};
|
|
15
|
+
export type BadgeCountSize = (typeof BadgeCountSize)[keyof typeof BadgeCountSize];
|
|
16
|
+
/**
|
|
17
|
+
* BadgeCount component shared props (ADR-0004)
|
|
18
|
+
* Platform-independent properties shared across React and React Native
|
|
19
|
+
*/
|
|
20
|
+
export type BadgeCountPropsShared = {
|
|
21
|
+
/**
|
|
22
|
+
* Optional prop to control the size of the BadgeCount
|
|
23
|
+
* Different sizes map to specific height
|
|
24
|
+
*
|
|
25
|
+
* @default BadgeCountSize.Md
|
|
26
|
+
*/
|
|
27
|
+
size?: BadgeCountSize;
|
|
28
|
+
/**
|
|
29
|
+
* Required prop to show the count number
|
|
30
|
+
*/
|
|
31
|
+
count: number;
|
|
32
|
+
/**
|
|
33
|
+
* Optional prop to determine the max the count can go up to.
|
|
34
|
+
* If count > max, the count will be shown as "max+"
|
|
35
|
+
*
|
|
36
|
+
* @default 99
|
|
37
|
+
*/
|
|
38
|
+
max?: number;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=BadgeCount.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeCount.types.d.cts","sourceRoot":"","sources":["../../../src/types/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeCount - size
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export declare const BadgeCountSize: {
|
|
6
|
+
/**
|
|
7
|
+
* Represents a medium badge count (14px height).
|
|
8
|
+
*/
|
|
9
|
+
readonly Md: "md";
|
|
10
|
+
/**
|
|
11
|
+
* Represents a large badge count (20px height).
|
|
12
|
+
*/
|
|
13
|
+
readonly Lg: "lg";
|
|
14
|
+
};
|
|
15
|
+
export type BadgeCountSize = (typeof BadgeCountSize)[keyof typeof BadgeCountSize];
|
|
16
|
+
/**
|
|
17
|
+
* BadgeCount component shared props (ADR-0004)
|
|
18
|
+
* Platform-independent properties shared across React and React Native
|
|
19
|
+
*/
|
|
20
|
+
export type BadgeCountPropsShared = {
|
|
21
|
+
/**
|
|
22
|
+
* Optional prop to control the size of the BadgeCount
|
|
23
|
+
* Different sizes map to specific height
|
|
24
|
+
*
|
|
25
|
+
* @default BadgeCountSize.Md
|
|
26
|
+
*/
|
|
27
|
+
size?: BadgeCountSize;
|
|
28
|
+
/**
|
|
29
|
+
* Required prop to show the count number
|
|
30
|
+
*/
|
|
31
|
+
count: number;
|
|
32
|
+
/**
|
|
33
|
+
* Optional prop to determine the max the count can go up to.
|
|
34
|
+
* If count > max, the count will be shown as "max+"
|
|
35
|
+
*
|
|
36
|
+
* @default 99
|
|
37
|
+
*/
|
|
38
|
+
max?: number;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=BadgeCount.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeCount.types.d.mts","sourceRoot":"","sources":["../../../src/types/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeCount - size
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export const BadgeCountSize = {
|
|
6
|
+
/**
|
|
7
|
+
* Represents a medium badge count (14px height).
|
|
8
|
+
*/
|
|
9
|
+
Md: 'md',
|
|
10
|
+
/**
|
|
11
|
+
* Represents a large badge count (20px height).
|
|
12
|
+
*/
|
|
13
|
+
Lg: 'lg',
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=BadgeCount.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeCount.types.mjs","sourceRoot":"","sources":["../../../src/types/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC","sourcesContent":["/**\n * BadgeCount - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const BadgeCountSize = {\n /**\n * Represents a medium badge count (14px height).\n */\n Md: 'md',\n /**\n * Represents a large badge count (20px height).\n */\n Lg: 'lg',\n} as const;\nexport type BadgeCountSize =\n (typeof BadgeCountSize)[keyof typeof BadgeCountSize];\n\n/**\n * BadgeCount component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type BadgeCountPropsShared = {\n /**\n * Optional prop to control the size of the BadgeCount\n * Different sizes map to specific height\n *\n * @default BadgeCountSize.Md\n */\n size?: BadgeCountSize;\n /**\n * Required prop to show the count number\n */\n count: number;\n /**\n * Optional prop to determine the max the count can go up to.\n * If count > max, the count will be shown as \"max+\"\n *\n * @default 99\n */\n max?: number;\n};\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeCountSize = void 0;
|
|
4
|
+
var BadgeCount_types_1 = require("./BadgeCount.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return BadgeCount_types_1.BadgeCountSize; } });
|
|
6
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/BadgeCount/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgF;AAAvE,kHAAA,cAAc,OAAA","sourcesContent":["export { BadgeCountSize, type BadgeCountPropsShared } from './BadgeCount.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,+BAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,+BAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA8B,+BAA2B","sourcesContent":["export { BadgeCountSize, type BadgeCountPropsShared } from './BadgeCount.types';\n"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* BadgeStatus - status
|
|
6
|
+
* Convert from enum to const object (ADR-0003)
|
|
7
|
+
*/
|
|
8
|
+
exports.BadgeStatusStatus = {
|
|
9
|
+
/**
|
|
10
|
+
* Represents an active status (Connected)
|
|
11
|
+
*/
|
|
12
|
+
Active: 'active',
|
|
13
|
+
/**
|
|
14
|
+
* Represents an inactive status (Connected)
|
|
15
|
+
*/
|
|
16
|
+
Inactive: 'inactive',
|
|
17
|
+
/**
|
|
18
|
+
* Represents a disconnected status
|
|
19
|
+
*/
|
|
20
|
+
Disconnected: 'disconnected',
|
|
21
|
+
/**
|
|
22
|
+
* Represents a new status
|
|
23
|
+
*/
|
|
24
|
+
New: 'new',
|
|
25
|
+
/**
|
|
26
|
+
* Represents an attention status
|
|
27
|
+
*/
|
|
28
|
+
Attention: 'attention',
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* BadgeStatus - size
|
|
32
|
+
* Convert from enum to const object (ADR-0003)
|
|
33
|
+
*/
|
|
34
|
+
exports.BadgeStatusSize = {
|
|
35
|
+
/**
|
|
36
|
+
* Represents a medium badge status (8px)
|
|
37
|
+
*/
|
|
38
|
+
Md: 'md',
|
|
39
|
+
/**
|
|
40
|
+
* Represents a large badge status (10px)
|
|
41
|
+
*/
|
|
42
|
+
Lg: 'lg',
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=BadgeStatus.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/types/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACU,QAAA,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;AACU,QAAA,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,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeStatus - status
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export declare const BadgeStatusStatus: {
|
|
6
|
+
/**
|
|
7
|
+
* Represents an active status (Connected)
|
|
8
|
+
*/
|
|
9
|
+
readonly Active: "active";
|
|
10
|
+
/**
|
|
11
|
+
* Represents an inactive status (Connected)
|
|
12
|
+
*/
|
|
13
|
+
readonly Inactive: "inactive";
|
|
14
|
+
/**
|
|
15
|
+
* Represents a disconnected status
|
|
16
|
+
*/
|
|
17
|
+
readonly Disconnected: "disconnected";
|
|
18
|
+
/**
|
|
19
|
+
* Represents a new status
|
|
20
|
+
*/
|
|
21
|
+
readonly New: "new";
|
|
22
|
+
/**
|
|
23
|
+
* Represents an attention status
|
|
24
|
+
*/
|
|
25
|
+
readonly Attention: "attention";
|
|
26
|
+
};
|
|
27
|
+
export type BadgeStatusStatus = (typeof BadgeStatusStatus)[keyof typeof BadgeStatusStatus];
|
|
28
|
+
/**
|
|
29
|
+
* BadgeStatus - size
|
|
30
|
+
* Convert from enum to const object (ADR-0003)
|
|
31
|
+
*/
|
|
32
|
+
export declare const BadgeStatusSize: {
|
|
33
|
+
/**
|
|
34
|
+
* Represents a medium badge status (8px)
|
|
35
|
+
*/
|
|
36
|
+
readonly Md: "md";
|
|
37
|
+
/**
|
|
38
|
+
* Represents a large badge status (10px)
|
|
39
|
+
*/
|
|
40
|
+
readonly Lg: "lg";
|
|
41
|
+
};
|
|
42
|
+
export type BadgeStatusSize = (typeof BadgeStatusSize)[keyof typeof BadgeStatusSize];
|
|
43
|
+
/**
|
|
44
|
+
* BadgeStatus component shared props (ADR-0004)
|
|
45
|
+
* Platform-independent properties shared across React and React Native
|
|
46
|
+
*/
|
|
47
|
+
export type BadgeStatusPropsShared = {
|
|
48
|
+
/**
|
|
49
|
+
* Required prop to control the status of the badge
|
|
50
|
+
* Possible values:
|
|
51
|
+
* - BadgeStatusStatus.Active (Connected)
|
|
52
|
+
* - BadgeStatusStatus.Inactive (Connected)
|
|
53
|
+
* - BadgeStatusStatus.Disconnected
|
|
54
|
+
* - BadgeStatusStatus.New
|
|
55
|
+
* - BadgeStatusStatus.Attention
|
|
56
|
+
*/
|
|
57
|
+
status: BadgeStatusStatus;
|
|
58
|
+
/**
|
|
59
|
+
* Optional prop to determine whether the badge should display a border
|
|
60
|
+
*
|
|
61
|
+
* @default true
|
|
62
|
+
*/
|
|
63
|
+
hasBorder?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Optional prop to control the size of the BadgeStatus
|
|
66
|
+
* Possible values:
|
|
67
|
+
* - BadgeStatusSize.Md (8px)
|
|
68
|
+
* - BadgeStatusSize.Lg (10px)
|
|
69
|
+
*
|
|
70
|
+
* @default BadgeStatusSize.Md
|
|
71
|
+
*/
|
|
72
|
+
size?: BadgeStatusSize;
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=BadgeStatus.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/types/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BadgeStatus - status
|
|
3
|
+
* Convert from enum to const object (ADR-0003)
|
|
4
|
+
*/
|
|
5
|
+
export declare const BadgeStatusStatus: {
|
|
6
|
+
/**
|
|
7
|
+
* Represents an active status (Connected)
|
|
8
|
+
*/
|
|
9
|
+
readonly Active: "active";
|
|
10
|
+
/**
|
|
11
|
+
* Represents an inactive status (Connected)
|
|
12
|
+
*/
|
|
13
|
+
readonly Inactive: "inactive";
|
|
14
|
+
/**
|
|
15
|
+
* Represents a disconnected status
|
|
16
|
+
*/
|
|
17
|
+
readonly Disconnected: "disconnected";
|
|
18
|
+
/**
|
|
19
|
+
* Represents a new status
|
|
20
|
+
*/
|
|
21
|
+
readonly New: "new";
|
|
22
|
+
/**
|
|
23
|
+
* Represents an attention status
|
|
24
|
+
*/
|
|
25
|
+
readonly Attention: "attention";
|
|
26
|
+
};
|
|
27
|
+
export type BadgeStatusStatus = (typeof BadgeStatusStatus)[keyof typeof BadgeStatusStatus];
|
|
28
|
+
/**
|
|
29
|
+
* BadgeStatus - size
|
|
30
|
+
* Convert from enum to const object (ADR-0003)
|
|
31
|
+
*/
|
|
32
|
+
export declare const BadgeStatusSize: {
|
|
33
|
+
/**
|
|
34
|
+
* Represents a medium badge status (8px)
|
|
35
|
+
*/
|
|
36
|
+
readonly Md: "md";
|
|
37
|
+
/**
|
|
38
|
+
* Represents a large badge status (10px)
|
|
39
|
+
*/
|
|
40
|
+
readonly Lg: "lg";
|
|
41
|
+
};
|
|
42
|
+
export type BadgeStatusSize = (typeof BadgeStatusSize)[keyof typeof BadgeStatusSize];
|
|
43
|
+
/**
|
|
44
|
+
* BadgeStatus component shared props (ADR-0004)
|
|
45
|
+
* Platform-independent properties shared across React and React Native
|
|
46
|
+
*/
|
|
47
|
+
export type BadgeStatusPropsShared = {
|
|
48
|
+
/**
|
|
49
|
+
* Required prop to control the status of the badge
|
|
50
|
+
* Possible values:
|
|
51
|
+
* - BadgeStatusStatus.Active (Connected)
|
|
52
|
+
* - BadgeStatusStatus.Inactive (Connected)
|
|
53
|
+
* - BadgeStatusStatus.Disconnected
|
|
54
|
+
* - BadgeStatusStatus.New
|
|
55
|
+
* - BadgeStatusStatus.Attention
|
|
56
|
+
*/
|
|
57
|
+
status: BadgeStatusStatus;
|
|
58
|
+
/**
|
|
59
|
+
* Optional prop to determine whether the badge should display a border
|
|
60
|
+
*
|
|
61
|
+
* @default true
|
|
62
|
+
*/
|
|
63
|
+
hasBorder?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Optional prop to control the size of the BadgeStatus
|
|
66
|
+
* Possible values:
|
|
67
|
+
* - BadgeStatusSize.Md (8px)
|
|
68
|
+
* - BadgeStatusSize.Lg (10px)
|
|
69
|
+
*
|
|
70
|
+
* @default BadgeStatusSize.Md
|
|
71
|
+
*/
|
|
72
|
+
size?: BadgeStatusSize;
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=BadgeStatus.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/types/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
|
|
@@ -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 @@
|
|
|
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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask-previews/design-system-shared",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0-preview.694a8ed",
|
|
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",
|