@metamask-previews/design-system-shared 0.6.0-preview.beee588 → 0.7.0-preview.dff9dce
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -1
- package/dist/index.cjs +14 -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 +5 -0
- package/dist/index.mjs.map +1 -1
- package/dist/types/AvatarAccount/AvatarAccount.types.cjs +24 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.cjs.map +1 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.d.cts +51 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.d.cts.map +1 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.d.mts +51 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.d.mts.map +1 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.mjs +21 -0
- package/dist/types/AvatarAccount/AvatarAccount.types.mjs.map +1 -0
- package/dist/types/AvatarAccount/index.cjs +7 -0
- package/dist/types/AvatarAccount/index.cjs.map +1 -0
- package/dist/types/AvatarAccount/index.d.cts +2 -0
- package/dist/types/AvatarAccount/index.d.cts.map +1 -0
- package/dist/types/AvatarAccount/index.d.mts +2 -0
- package/dist/types/AvatarAccount/index.d.mts.map +1 -0
- package/dist/types/AvatarAccount/index.mjs +2 -0
- package/dist/types/AvatarAccount/index.mjs.map +1 -0
- package/dist/types/AvatarToken/AvatarToken.types.cjs +6 -0
- package/dist/types/AvatarToken/AvatarToken.types.cjs.map +1 -0
- package/dist/types/AvatarToken/AvatarToken.types.d.cts +33 -0
- package/dist/types/AvatarToken/AvatarToken.types.d.cts.map +1 -0
- package/dist/types/AvatarToken/AvatarToken.types.d.mts +33 -0
- package/dist/types/AvatarToken/AvatarToken.types.d.mts.map +1 -0
- package/dist/types/AvatarToken/AvatarToken.types.mjs +3 -0
- package/dist/types/AvatarToken/AvatarToken.types.mjs.map +1 -0
- package/dist/types/AvatarToken/index.cjs +6 -0
- package/dist/types/AvatarToken/index.cjs.map +1 -0
- package/dist/types/AvatarToken/index.d.cts +2 -0
- package/dist/types/AvatarToken/index.d.cts.map +1 -0
- package/dist/types/AvatarToken/index.d.mts +2 -0
- package/dist/types/AvatarToken/index.d.mts.map +1 -0
- package/dist/types/AvatarToken/index.mjs +2 -0
- package/dist/types/AvatarToken/index.mjs.map +1 -0
- package/dist/types/Text/Text.types.cjs +118 -0
- package/dist/types/Text/Text.types.cjs.map +1 -0
- package/dist/types/Text/Text.types.d.cts +140 -0
- package/dist/types/Text/Text.types.d.cts.map +1 -0
- package/dist/types/Text/Text.types.d.mts +140 -0
- package/dist/types/Text/Text.types.d.mts.map +1 -0
- package/dist/types/Text/Text.types.mjs +115 -0
- package/dist/types/Text/Text.types.mjs.map +1 -0
- package/dist/types/Text/index.cjs +10 -0
- package/dist/types/Text/index.cjs.map +1 -0
- package/dist/types/Text/index.d.cts +2 -0
- package/dist/types/Text/index.d.cts.map +1 -0
- package/dist/types/Text/index.d.mts +2 -0
- package/dist/types/Text/index.d.mts.map +1 -0
- package/dist/types/Text/index.mjs +2 -0
- package/dist/types/Text/index.mjs.map +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.7.0]
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
|
|
14
|
+
- Added shared types used by new React Native header components, including `HeaderRoot` contracts consumed by `@metamask/design-system-react-native` ([#1029](https://github.com/MetaMask/metamask-design-system/pull/1029)).
|
|
15
|
+
- Added shared `BoxHorizontal` and `BoxVertical` utility component contracts for cross-platform layout primitives ([#1003](https://github.com/MetaMask/metamask-design-system/pull/1003)).
|
|
16
|
+
|
|
17
|
+
### Changed
|
|
18
|
+
|
|
19
|
+
- Migrated `AvatarBase` type exports from enum-based definitions to shared const-object + string-union types, keeping consumers aligned with the ADR-0003/ADR-0004 type model ([#1005](https://github.com/MetaMask/metamask-design-system/pull/1005)).
|
|
20
|
+
- Updated `@metamask/utils` dependency to `^11.11.0` ([#1033](https://github.com/MetaMask/metamask-design-system/pull/1033)).
|
|
21
|
+
|
|
10
22
|
## [0.6.0]
|
|
11
23
|
|
|
12
24
|
### Changed
|
|
@@ -75,7 +87,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
75
87
|
- **Initial release** - MetaMask Design System Shared
|
|
76
88
|
- Adding CAIP-10 address utilities ([#817](https://github.com/MetaMask/metamask-design-system/pull/817))
|
|
77
89
|
|
|
78
|
-
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.
|
|
90
|
+
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.7.0...HEAD
|
|
91
|
+
[0.7.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.6.0...@metamask/design-system-shared@0.7.0
|
|
79
92
|
[0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.5.0...@metamask/design-system-shared@0.6.0
|
|
80
93
|
[0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.4.0...@metamask/design-system-shared@0.5.0
|
|
81
94
|
[0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.3.0...@metamask/design-system-shared@0.4.0
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BadgeWrapperPosition = exports.BadgeWrapperPositionAnchorShape = exports.BannerAlertSeverity = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.isReactNodeRenderable = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
|
|
3
|
+
exports.TextVariant = exports.TextColor = exports.FontWeight = exports.FontStyle = exports.FontFamily = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.BadgeWrapperPosition = exports.BadgeWrapperPositionAnchorShape = exports.BannerAlertSeverity = exports.AvatarTokenSize = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.isReactNodeRenderable = 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; } });
|
|
@@ -20,6 +20,9 @@ Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: functi
|
|
|
20
20
|
var BadgeStatus_1 = require("./types/BadgeStatus/index.cjs");
|
|
21
21
|
Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusStatus; } });
|
|
22
22
|
Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusSize; } });
|
|
23
|
+
// AvatarToken types (ADR-0003 + ADR-0004)
|
|
24
|
+
var AvatarToken_1 = require("./types/AvatarToken/index.cjs");
|
|
25
|
+
Object.defineProperty(exports, "AvatarTokenSize", { enumerable: true, get: function () { return AvatarToken_1.AvatarTokenSize; } });
|
|
23
26
|
// BannerAlert types (ADR-0003 + ADR-0004)
|
|
24
27
|
var BannerAlert_1 = require("./types/BannerAlert/index.cjs");
|
|
25
28
|
Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: function () { return BannerAlert_1.BannerAlertSeverity; } });
|
|
@@ -27,4 +30,14 @@ Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: f
|
|
|
27
30
|
var BadgeWrapper_1 = require("./types/BadgeWrapper/index.cjs");
|
|
28
31
|
Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapperPositionAnchorShape; } });
|
|
29
32
|
Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapperPosition; } });
|
|
33
|
+
var AvatarAccount_1 = require("./types/AvatarAccount/index.cjs");
|
|
34
|
+
Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountSize; } });
|
|
35
|
+
Object.defineProperty(exports, "AvatarAccountVariant", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountVariant; } });
|
|
36
|
+
// Text types (ADR-0003 + ADR-0004)
|
|
37
|
+
var Text_1 = require("./types/Text/index.cjs");
|
|
38
|
+
Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return Text_1.FontFamily; } });
|
|
39
|
+
Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_1.FontStyle; } });
|
|
40
|
+
Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_1.FontWeight; } });
|
|
41
|
+
Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_1.TextColor; } });
|
|
42
|
+
Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_1.TextVariant; } });
|
|
30
43
|
//# 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;AAGlB,2EAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAE9B,yCAAyC;AACzC,2DAI4B;AAH1B,4GAAA,cAAc,OAAA;AACd,6GAAA,eAAe,OAAA;AAIjB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA;AAsBjB,0CAA0C;AAC1C,6DAG6B;AAF3B,kHAAA,mBAAmB,OAAA;AAIrB,2CAA2C;AAC3C,+DAK8B;AAJ5B,+HAAA,+BAA+B,OAAA;AAC/B,oHAAA,oBAAoB,OAAA","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\nexport { isReactNodeRenderable } from './utils/isReactNodeRenderable';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n AvatarBaseSize,\n AvatarBaseShape,\n type AvatarBasePropsShared,\n} from './types/AvatarBase';\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\n// TextOrChildren types (ADR-0004)\nexport { type TextOrChildrenPropsShared } from './types/TextOrChildren';\n\n// BoxHorizontal types (ADR-0004)\nexport { type BoxHorizontalPropsShared } from './types/BoxHorizontal';\n\n// BoxVertical types (ADR-0004)\nexport { type BoxVerticalPropsShared } from './types/BoxVertical';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './types/BannerAlert';\n\n// BadgeWrapper types (ADR-0003 + ADR-0004)\nexport {\n BadgeWrapperPositionAnchorShape,\n BadgeWrapperPosition,\n type BadgeWrapperCustomPosition,\n type BadgeWrapperPropsShared,\n} from './types/BadgeWrapper';\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,2EAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAE9B,yCAAyC;AACzC,2DAI4B;AAH1B,4GAAA,cAAc,OAAA;AACd,6GAAA,eAAe,OAAA;AAIjB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA;AAsBjB,0CAA0C;AAC1C,6DAG6B;AAF3B,8GAAA,eAAe,OAAA;AAIjB,0CAA0C;AAC1C,6DAG6B;AAF3B,kHAAA,mBAAmB,OAAA;AAIrB,2CAA2C;AAC3C,+DAK8B;AAJ5B,+HAAA,+BAA+B,OAAA;AAC/B,oHAAA,oBAAoB,OAAA;AAKtB,iEAI+B;AAH7B,kHAAA,iBAAiB,OAAA;AACjB,qHAAA,oBAAoB,OAAA;AAItB,mCAAmC;AACnC,+CAOsB;AANpB,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,mGAAA,WAAW,OAAA","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\nexport { isReactNodeRenderable } from './utils/isReactNodeRenderable';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n AvatarBaseSize,\n AvatarBaseShape,\n type AvatarBasePropsShared,\n} from './types/AvatarBase';\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\n// TextOrChildren types (ADR-0004)\nexport { type TextOrChildrenPropsShared } from './types/TextOrChildren';\n\n// BoxHorizontal types (ADR-0004)\nexport { type BoxHorizontalPropsShared } from './types/BoxHorizontal';\n\n// BoxVertical types (ADR-0004)\nexport { type BoxVerticalPropsShared } from './types/BoxVertical';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// AvatarToken types (ADR-0003 + ADR-0004)\nexport {\n AvatarTokenSize,\n type AvatarTokenPropsShared,\n} from './types/AvatarToken';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './types/BannerAlert';\n\n// BadgeWrapper types (ADR-0003 + ADR-0004)\nexport {\n BadgeWrapperPositionAnchorShape,\n BadgeWrapperPosition,\n type BadgeWrapperCustomPosition,\n type BadgeWrapperPropsShared,\n} from './types/BadgeWrapper';\n\nexport {\n AvatarAccountSize,\n AvatarAccountVariant,\n type AvatarAccountPropsShared,\n} from './types/AvatarAccount';\n\n// Text types (ADR-0003 + ADR-0004)\nexport {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './types/Text';\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -9,6 +9,9 @@ export { type BoxHorizontalPropsShared } from "./types/BoxHorizontal/index.cjs";
|
|
|
9
9
|
export { type BoxVerticalPropsShared } from "./types/BoxVertical/index.cjs";
|
|
10
10
|
export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.cjs";
|
|
11
11
|
export { type AvatarNetworkPropsShared } from "./types/AvatarNetwork/index.cjs";
|
|
12
|
+
export { AvatarTokenSize, type AvatarTokenPropsShared, } from "./types/AvatarToken/index.cjs";
|
|
12
13
|
export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.cjs";
|
|
13
14
|
export { BadgeWrapperPositionAnchorShape, BadgeWrapperPosition, type BadgeWrapperCustomPosition, type BadgeWrapperPropsShared, } from "./types/BadgeWrapper/index.cjs";
|
|
15
|
+
export { AvatarAccountSize, AvatarAccountVariant, type AvatarAccountPropsShared, } from "./types/AvatarAccount/index.cjs";
|
|
16
|
+
export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant, type TextPropsShared, } from "./types/Text/index.cjs";
|
|
14
17
|
//# 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;AAE9B,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAGtE,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,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;AAGhE,OAAO,EAAE,KAAK,yBAAyB,EAAE,yCAA+B;AAGxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EAAE,KAAK,sBAAsB,EAAE,sCAA4B;AAGlE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,GAC7B,uCAA6B"}
|
|
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;AAE9B,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAGtE,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,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;AAGhE,OAAO,EAAE,KAAK,yBAAyB,EAAE,yCAA+B;AAGxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EAAE,KAAK,sBAAsB,EAAE,sCAA4B;AAGlE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,GAC7B,uCAA6B;AAE9B,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,wBAAwB,GAC9B,wCAA8B;AAG/B,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,+BAAqB"}
|
package/dist/index.d.mts
CHANGED
|
@@ -9,6 +9,9 @@ export { type BoxHorizontalPropsShared } from "./types/BoxHorizontal/index.mjs";
|
|
|
9
9
|
export { type BoxVerticalPropsShared } from "./types/BoxVertical/index.mjs";
|
|
10
10
|
export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.mjs";
|
|
11
11
|
export { type AvatarNetworkPropsShared } from "./types/AvatarNetwork/index.mjs";
|
|
12
|
+
export { AvatarTokenSize, type AvatarTokenPropsShared, } from "./types/AvatarToken/index.mjs";
|
|
12
13
|
export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.mjs";
|
|
13
14
|
export { BadgeWrapperPositionAnchorShape, BadgeWrapperPosition, type BadgeWrapperCustomPosition, type BadgeWrapperPropsShared, } from "./types/BadgeWrapper/index.mjs";
|
|
15
|
+
export { AvatarAccountSize, AvatarAccountVariant, type AvatarAccountPropsShared, } from "./types/AvatarAccount/index.mjs";
|
|
16
|
+
export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant, type TextPropsShared, } from "./types/Text/index.mjs";
|
|
14
17
|
//# 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;AAE9B,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAGtE,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,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;AAGhE,OAAO,EAAE,KAAK,yBAAyB,EAAE,yCAA+B;AAGxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EAAE,KAAK,sBAAsB,EAAE,sCAA4B;AAGlE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,GAC7B,uCAA6B"}
|
|
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;AAE9B,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAGtE,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,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;AAGhE,OAAO,EAAE,KAAK,yBAAyB,EAAE,yCAA+B;AAGxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EAAE,KAAK,sBAAsB,EAAE,sCAA4B;AAGlE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,GAC7B,uCAA6B;AAE9B,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,wBAAwB,GAC9B,wCAA8B;AAG/B,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,+BAAqB"}
|
package/dist/index.mjs
CHANGED
|
@@ -6,8 +6,13 @@ export { AvatarBaseSize, AvatarBaseShape } from "./types/AvatarBase/index.mjs";
|
|
|
6
6
|
export { BadgeCountSize } from "./types/BadgeCount/index.mjs";
|
|
7
7
|
// BadgeStatus types (ADR-0003 + ADR-0004)
|
|
8
8
|
export { BadgeStatusStatus, BadgeStatusSize } from "./types/BadgeStatus/index.mjs";
|
|
9
|
+
// AvatarToken types (ADR-0003 + ADR-0004)
|
|
10
|
+
export { AvatarTokenSize } from "./types/AvatarToken/index.mjs";
|
|
9
11
|
// BannerAlert types (ADR-0003 + ADR-0004)
|
|
10
12
|
export { BannerAlertSeverity } from "./types/BannerAlert/index.mjs";
|
|
11
13
|
// BadgeWrapper types (ADR-0003 + ADR-0004)
|
|
12
14
|
export { BadgeWrapperPositionAnchorShape, BadgeWrapperPosition } from "./types/BadgeWrapper/index.mjs";
|
|
15
|
+
export { AvatarAccountSize, AvatarAccountVariant } from "./types/AvatarAccount/index.mjs";
|
|
16
|
+
// Text types (ADR-0003 + ADR-0004)
|
|
17
|
+
export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant } from "./types/Text/index.mjs";
|
|
13
18
|
//# 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;AAE9B,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAEtE,yCAAyC;AACzC,OAAO,EACL,cAAc,EACd,eAAe,EAEhB,qCAA2B;AAE5B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B;AAoB7B,0CAA0C;AAC1C,OAAO,EACL,mBAAmB,EAEpB,sCAA4B;AAE7B,2CAA2C;AAC3C,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EAGrB,uCAA6B","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\nexport { isReactNodeRenderable } from './utils/isReactNodeRenderable';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n AvatarBaseSize,\n AvatarBaseShape,\n type AvatarBasePropsShared,\n} from './types/AvatarBase';\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\n// TextOrChildren types (ADR-0004)\nexport { type TextOrChildrenPropsShared } from './types/TextOrChildren';\n\n// BoxHorizontal types (ADR-0004)\nexport { type BoxHorizontalPropsShared } from './types/BoxHorizontal';\n\n// BoxVertical types (ADR-0004)\nexport { type BoxVerticalPropsShared } from './types/BoxVertical';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './types/BannerAlert';\n\n// BadgeWrapper types (ADR-0003 + ADR-0004)\nexport {\n BadgeWrapperPositionAnchorShape,\n BadgeWrapperPosition,\n type BadgeWrapperCustomPosition,\n type BadgeWrapperPropsShared,\n} from './types/BadgeWrapper';\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,OAAO,EAAE,qBAAqB,EAAE,0CAAsC;AAEtE,yCAAyC;AACzC,OAAO,EACL,cAAc,EACd,eAAe,EAEhB,qCAA2B;AAE5B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B;AAoB7B,0CAA0C;AAC1C,OAAO,EACL,eAAe,EAEhB,sCAA4B;AAE7B,0CAA0C;AAC1C,OAAO,EACL,mBAAmB,EAEpB,sCAA4B;AAE7B,2CAA2C;AAC3C,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EAGrB,uCAA6B;AAE9B,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EAErB,wCAA8B;AAE/B,mCAAmC;AACnC,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,+BAAqB","sourcesContent":["export {\n extractAccountAddress,\n generateSeedEthereum,\n generateSeedNonEthereum,\n isEthereumAddress,\n generateIconSeed,\n} from './utils/caip-address';\n\nexport { isReactNodeRenderable } from './utils/isReactNodeRenderable';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n AvatarBaseSize,\n AvatarBaseShape,\n type AvatarBasePropsShared,\n} from './types/AvatarBase';\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\n// TextOrChildren types (ADR-0004)\nexport { type TextOrChildrenPropsShared } from './types/TextOrChildren';\n\n// BoxHorizontal types (ADR-0004)\nexport { type BoxHorizontalPropsShared } from './types/BoxHorizontal';\n\n// BoxVertical types (ADR-0004)\nexport { type BoxVerticalPropsShared } from './types/BoxVertical';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// AvatarToken types (ADR-0003 + ADR-0004)\nexport {\n AvatarTokenSize,\n type AvatarTokenPropsShared,\n} from './types/AvatarToken';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n BannerAlertSeverity,\n type BannerAlertPropsShared,\n} from './types/BannerAlert';\n\n// BadgeWrapper types (ADR-0003 + ADR-0004)\nexport {\n BadgeWrapperPositionAnchorShape,\n BadgeWrapperPosition,\n type BadgeWrapperCustomPosition,\n type BadgeWrapperPropsShared,\n} from './types/BadgeWrapper';\n\nexport {\n AvatarAccountSize,\n AvatarAccountVariant,\n type AvatarAccountPropsShared,\n} from './types/AvatarAccount';\n\n// Text types (ADR-0003 + ADR-0004)\nexport {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './types/Text';\n"]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AvatarAccountVariant = exports.AvatarAccountSize = void 0;
|
|
4
|
+
const AvatarBase_types_1 = require("../AvatarBase/AvatarBase.types.cjs");
|
|
5
|
+
exports.AvatarAccountSize = AvatarBase_types_1.AvatarBaseSize;
|
|
6
|
+
/**
|
|
7
|
+
* AvatarAccount - variant
|
|
8
|
+
* ADR-0003: Const object with derived string union type instead of TypeScript enum.
|
|
9
|
+
*/
|
|
10
|
+
exports.AvatarAccountVariant = {
|
|
11
|
+
/**
|
|
12
|
+
* Displays a Blockies-generated avatar.
|
|
13
|
+
*/
|
|
14
|
+
Blockies: 'blockies',
|
|
15
|
+
/**
|
|
16
|
+
* Displays a Jazzicon-generated avatar.
|
|
17
|
+
*/
|
|
18
|
+
Jazzicon: 'jazzicon',
|
|
19
|
+
/**
|
|
20
|
+
* Displays a Maskicon-generated avatar.
|
|
21
|
+
*/
|
|
22
|
+
Maskicon: 'maskicon',
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=AvatarAccount.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarAccount.types.cjs","sourceRoot":"","sources":["../../../src/types/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":";;;AAAA,yEAAgE;AAEnD,QAAA,iBAAiB,GAAG,iCAAc,CAAC;AAGhD;;;GAGG;AACU,QAAA,oBAAoB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,UAAU;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import { AvatarBaseSize } from '../AvatarBase/AvatarBase.types';\n\nexport const AvatarAccountSize = AvatarBaseSize;\nexport type AvatarAccountSize = AvatarBaseSize;\n\n/**\n * AvatarAccount - variant\n * ADR-0003: Const object with derived string union type instead of TypeScript enum.\n */\nexport const AvatarAccountVariant = {\n /**\n * Displays a Blockies-generated avatar.\n */\n Blockies: 'blockies',\n /**\n * Displays a Jazzicon-generated avatar.\n */\n Jazzicon: 'jazzicon',\n /**\n * Displays a Maskicon-generated avatar.\n */\n Maskicon: 'maskicon',\n} as const;\n\nexport type AvatarAccountVariant =\n (typeof AvatarAccountVariant)[keyof typeof AvatarAccountVariant];\n\n/**\n * AvatarAccount component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarAccountPropsShared = {\n /**\n * Required address used as a unique identifier to generate the AvatarAccount art.\n */\n address: string;\n /**\n * Optional prop to control the variant of the avatar account.\n *\n * @default AvatarAccountVariant.Jazzicon\n */\n variant?: AvatarAccountVariant;\n /**\n * Optional prop to control the size of the avatar account.\n *\n * @default AvatarAccountSize.Md\n */\n size?: AvatarAccountSize;\n};\n"]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { AvatarBaseSize } from "../AvatarBase/AvatarBase.types.cjs";
|
|
2
|
+
export declare const AvatarAccountSize: {
|
|
3
|
+
readonly Xs: "xs";
|
|
4
|
+
readonly Sm: "sm";
|
|
5
|
+
readonly Md: "md";
|
|
6
|
+
readonly Lg: "lg";
|
|
7
|
+
readonly Xl: "xl";
|
|
8
|
+
};
|
|
9
|
+
export type AvatarAccountSize = AvatarBaseSize;
|
|
10
|
+
/**
|
|
11
|
+
* AvatarAccount - variant
|
|
12
|
+
* ADR-0003: Const object with derived string union type instead of TypeScript enum.
|
|
13
|
+
*/
|
|
14
|
+
export declare const AvatarAccountVariant: {
|
|
15
|
+
/**
|
|
16
|
+
* Displays a Blockies-generated avatar.
|
|
17
|
+
*/
|
|
18
|
+
readonly Blockies: "blockies";
|
|
19
|
+
/**
|
|
20
|
+
* Displays a Jazzicon-generated avatar.
|
|
21
|
+
*/
|
|
22
|
+
readonly Jazzicon: "jazzicon";
|
|
23
|
+
/**
|
|
24
|
+
* Displays a Maskicon-generated avatar.
|
|
25
|
+
*/
|
|
26
|
+
readonly Maskicon: "maskicon";
|
|
27
|
+
};
|
|
28
|
+
export type AvatarAccountVariant = (typeof AvatarAccountVariant)[keyof typeof AvatarAccountVariant];
|
|
29
|
+
/**
|
|
30
|
+
* AvatarAccount component shared props (ADR-0004)
|
|
31
|
+
* Platform-independent properties shared across React and React Native.
|
|
32
|
+
*/
|
|
33
|
+
export type AvatarAccountPropsShared = {
|
|
34
|
+
/**
|
|
35
|
+
* Required address used as a unique identifier to generate the AvatarAccount art.
|
|
36
|
+
*/
|
|
37
|
+
address: string;
|
|
38
|
+
/**
|
|
39
|
+
* Optional prop to control the variant of the avatar account.
|
|
40
|
+
*
|
|
41
|
+
* @default AvatarAccountVariant.Jazzicon
|
|
42
|
+
*/
|
|
43
|
+
variant?: AvatarAccountVariant;
|
|
44
|
+
/**
|
|
45
|
+
* Optional prop to control the size of the avatar account.
|
|
46
|
+
*
|
|
47
|
+
* @default AvatarAccountSize.Md
|
|
48
|
+
*/
|
|
49
|
+
size?: AvatarAccountSize;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=AvatarAccount.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarAccount.types.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,eAAO,MAAM,iBAAiB;;;;;;CAAiB,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IAC/B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { AvatarBaseSize } from "../AvatarBase/AvatarBase.types.mjs";
|
|
2
|
+
export declare const AvatarAccountSize: {
|
|
3
|
+
readonly Xs: "xs";
|
|
4
|
+
readonly Sm: "sm";
|
|
5
|
+
readonly Md: "md";
|
|
6
|
+
readonly Lg: "lg";
|
|
7
|
+
readonly Xl: "xl";
|
|
8
|
+
};
|
|
9
|
+
export type AvatarAccountSize = AvatarBaseSize;
|
|
10
|
+
/**
|
|
11
|
+
* AvatarAccount - variant
|
|
12
|
+
* ADR-0003: Const object with derived string union type instead of TypeScript enum.
|
|
13
|
+
*/
|
|
14
|
+
export declare const AvatarAccountVariant: {
|
|
15
|
+
/**
|
|
16
|
+
* Displays a Blockies-generated avatar.
|
|
17
|
+
*/
|
|
18
|
+
readonly Blockies: "blockies";
|
|
19
|
+
/**
|
|
20
|
+
* Displays a Jazzicon-generated avatar.
|
|
21
|
+
*/
|
|
22
|
+
readonly Jazzicon: "jazzicon";
|
|
23
|
+
/**
|
|
24
|
+
* Displays a Maskicon-generated avatar.
|
|
25
|
+
*/
|
|
26
|
+
readonly Maskicon: "maskicon";
|
|
27
|
+
};
|
|
28
|
+
export type AvatarAccountVariant = (typeof AvatarAccountVariant)[keyof typeof AvatarAccountVariant];
|
|
29
|
+
/**
|
|
30
|
+
* AvatarAccount component shared props (ADR-0004)
|
|
31
|
+
* Platform-independent properties shared across React and React Native.
|
|
32
|
+
*/
|
|
33
|
+
export type AvatarAccountPropsShared = {
|
|
34
|
+
/**
|
|
35
|
+
* Required address used as a unique identifier to generate the AvatarAccount art.
|
|
36
|
+
*/
|
|
37
|
+
address: string;
|
|
38
|
+
/**
|
|
39
|
+
* Optional prop to control the variant of the avatar account.
|
|
40
|
+
*
|
|
41
|
+
* @default AvatarAccountVariant.Jazzicon
|
|
42
|
+
*/
|
|
43
|
+
variant?: AvatarAccountVariant;
|
|
44
|
+
/**
|
|
45
|
+
* Optional prop to control the size of the avatar account.
|
|
46
|
+
*
|
|
47
|
+
* @default AvatarAccountSize.Md
|
|
48
|
+
*/
|
|
49
|
+
size?: AvatarAccountSize;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=AvatarAccount.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarAccount.types.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,eAAO,MAAM,iBAAiB;;;;;;CAAiB,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IAC/B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { AvatarBaseSize } from "../AvatarBase/AvatarBase.types.mjs";
|
|
2
|
+
export const AvatarAccountSize = AvatarBaseSize;
|
|
3
|
+
/**
|
|
4
|
+
* AvatarAccount - variant
|
|
5
|
+
* ADR-0003: Const object with derived string union type instead of TypeScript enum.
|
|
6
|
+
*/
|
|
7
|
+
export const AvatarAccountVariant = {
|
|
8
|
+
/**
|
|
9
|
+
* Displays a Blockies-generated avatar.
|
|
10
|
+
*/
|
|
11
|
+
Blockies: 'blockies',
|
|
12
|
+
/**
|
|
13
|
+
* Displays a Jazzicon-generated avatar.
|
|
14
|
+
*/
|
|
15
|
+
Jazzicon: 'jazzicon',
|
|
16
|
+
/**
|
|
17
|
+
* Displays a Maskicon-generated avatar.
|
|
18
|
+
*/
|
|
19
|
+
Maskicon: 'maskicon',
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=AvatarAccount.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarAccount.types.mjs","sourceRoot":"","sources":["../../../src/types/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAGhD;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,UAAU;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import { AvatarBaseSize } from '../AvatarBase/AvatarBase.types';\n\nexport const AvatarAccountSize = AvatarBaseSize;\nexport type AvatarAccountSize = AvatarBaseSize;\n\n/**\n * AvatarAccount - variant\n * ADR-0003: Const object with derived string union type instead of TypeScript enum.\n */\nexport const AvatarAccountVariant = {\n /**\n * Displays a Blockies-generated avatar.\n */\n Blockies: 'blockies',\n /**\n * Displays a Jazzicon-generated avatar.\n */\n Jazzicon: 'jazzicon',\n /**\n * Displays a Maskicon-generated avatar.\n */\n Maskicon: 'maskicon',\n} as const;\n\nexport type AvatarAccountVariant =\n (typeof AvatarAccountVariant)[keyof typeof AvatarAccountVariant];\n\n/**\n * AvatarAccount component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarAccountPropsShared = {\n /**\n * Required address used as a unique identifier to generate the AvatarAccount art.\n */\n address: string;\n /**\n * Optional prop to control the variant of the avatar account.\n *\n * @default AvatarAccountVariant.Jazzicon\n */\n variant?: AvatarAccountVariant;\n /**\n * Optional prop to control the size of the avatar account.\n *\n * @default AvatarAccountSize.Md\n */\n size?: AvatarAccountSize;\n};\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AvatarAccountVariant = exports.AvatarAccountSize = void 0;
|
|
4
|
+
var AvatarAccount_types_1 = require("./AvatarAccount.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_types_1.AvatarAccountSize; } });
|
|
6
|
+
Object.defineProperty(exports, "AvatarAccountVariant", { enumerable: true, get: function () { return AvatarAccount_types_1.AvatarAccountVariant; } });
|
|
7
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/AvatarAccount/index.ts"],"names":[],"mappings":";;;AAAA,iEAI+B;AAH7B,wHAAA,iBAAiB,OAAA;AACjB,2HAAA,oBAAoB,OAAA","sourcesContent":["export {\n AvatarAccountSize,\n AvatarAccountVariant,\n type AvatarAccountPropsShared,\n} from './AvatarAccount.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,wBAAwB,GAC9B,kCAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,wBAAwB,GAC9B,kCAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EAErB,kCAA8B","sourcesContent":["export {\n AvatarAccountSize,\n AvatarAccountVariant,\n type AvatarAccountPropsShared,\n} from './AvatarAccount.types';\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AvatarTokenSize = void 0;
|
|
4
|
+
const AvatarBase_types_1 = require("../AvatarBase/AvatarBase.types.cjs");
|
|
5
|
+
exports.AvatarTokenSize = AvatarBase_types_1.AvatarBaseSize;
|
|
6
|
+
//# sourceMappingURL=AvatarToken.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarToken.types.cjs","sourceRoot":"","sources":["../../../src/types/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":";;;AAAA,yEAAgE;AAEnD,QAAA,eAAe,GAAG,iCAAc,CAAC","sourcesContent":["import { AvatarBaseSize } from '../AvatarBase/AvatarBase.types';\n\nexport const AvatarTokenSize = AvatarBaseSize;\nexport type AvatarTokenSize = AvatarBaseSize;\n\n/**\n * AvatarToken component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarTokenPropsShared = {\n /**\n * Optional name of the token.\n * Used as alt text for the image, and the first letter is used as fallback\n * text when no explicit fallbackText is provided.\n */\n name?: string;\n /**\n * Optional text to display when no image is provided or when the image\n * fails to load. If not provided, the first letter of name is used.\n */\n fallbackText?: string;\n /**\n * Optional prop to control the size of the avatar token.\n *\n * @default AvatarTokenSize.Md\n */\n size?: AvatarTokenSize;\n};\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { AvatarBaseSize } from "../AvatarBase/AvatarBase.types.cjs";
|
|
2
|
+
export declare const AvatarTokenSize: {
|
|
3
|
+
readonly Xs: "xs";
|
|
4
|
+
readonly Sm: "sm";
|
|
5
|
+
readonly Md: "md";
|
|
6
|
+
readonly Lg: "lg";
|
|
7
|
+
readonly Xl: "xl";
|
|
8
|
+
};
|
|
9
|
+
export type AvatarTokenSize = AvatarBaseSize;
|
|
10
|
+
/**
|
|
11
|
+
* AvatarToken component shared props (ADR-0004)
|
|
12
|
+
* Platform-independent properties shared across React and React Native.
|
|
13
|
+
*/
|
|
14
|
+
export type AvatarTokenPropsShared = {
|
|
15
|
+
/**
|
|
16
|
+
* Optional name of the token.
|
|
17
|
+
* Used as alt text for the image, and the first letter is used as fallback
|
|
18
|
+
* text when no explicit fallbackText is provided.
|
|
19
|
+
*/
|
|
20
|
+
name?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Optional text to display when no image is provided or when the image
|
|
23
|
+
* fails to load. If not provided, the first letter of name is used.
|
|
24
|
+
*/
|
|
25
|
+
fallbackText?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Optional prop to control the size of the avatar token.
|
|
28
|
+
*
|
|
29
|
+
* @default AvatarTokenSize.Md
|
|
30
|
+
*/
|
|
31
|
+
size?: AvatarTokenSize;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=AvatarToken.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarToken.types.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,eAAO,MAAM,eAAe;;;;;;CAAiB,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { AvatarBaseSize } from "../AvatarBase/AvatarBase.types.mjs";
|
|
2
|
+
export declare const AvatarTokenSize: {
|
|
3
|
+
readonly Xs: "xs";
|
|
4
|
+
readonly Sm: "sm";
|
|
5
|
+
readonly Md: "md";
|
|
6
|
+
readonly Lg: "lg";
|
|
7
|
+
readonly Xl: "xl";
|
|
8
|
+
};
|
|
9
|
+
export type AvatarTokenSize = AvatarBaseSize;
|
|
10
|
+
/**
|
|
11
|
+
* AvatarToken component shared props (ADR-0004)
|
|
12
|
+
* Platform-independent properties shared across React and React Native.
|
|
13
|
+
*/
|
|
14
|
+
export type AvatarTokenPropsShared = {
|
|
15
|
+
/**
|
|
16
|
+
* Optional name of the token.
|
|
17
|
+
* Used as alt text for the image, and the first letter is used as fallback
|
|
18
|
+
* text when no explicit fallbackText is provided.
|
|
19
|
+
*/
|
|
20
|
+
name?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Optional text to display when no image is provided or when the image
|
|
23
|
+
* fails to load. If not provided, the first letter of name is used.
|
|
24
|
+
*/
|
|
25
|
+
fallbackText?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Optional prop to control the size of the avatar token.
|
|
28
|
+
*
|
|
29
|
+
* @default AvatarTokenSize.Md
|
|
30
|
+
*/
|
|
31
|
+
size?: AvatarTokenSize;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=AvatarToken.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarToken.types.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,eAAO,MAAM,eAAe;;;;;;CAAiB,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarToken.types.mjs","sourceRoot":"","sources":["../../../src/types/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2CAAuC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAC","sourcesContent":["import { AvatarBaseSize } from '../AvatarBase/AvatarBase.types';\n\nexport const AvatarTokenSize = AvatarBaseSize;\nexport type AvatarTokenSize = AvatarBaseSize;\n\n/**\n * AvatarToken component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarTokenPropsShared = {\n /**\n * Optional name of the token.\n * Used as alt text for the image, and the first letter is used as fallback\n * text when no explicit fallbackText is provided.\n */\n name?: string;\n /**\n * Optional text to display when no image is provided or when the image\n * fails to load. If not provided, the first letter of name is used.\n */\n fallbackText?: string;\n /**\n * Optional prop to control the size of the avatar token.\n *\n * @default AvatarTokenSize.Md\n */\n size?: AvatarTokenSize;\n};\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AvatarTokenSize = void 0;
|
|
4
|
+
var AvatarToken_types_1 = require("./AvatarToken.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "AvatarTokenSize", { enumerable: true, get: function () { return AvatarToken_types_1.AvatarTokenSize; } });
|
|
6
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/AvatarToken/index.ts"],"names":[],"mappings":";;;AAAA,6DAG6B;AAF3B,oHAAA,eAAe,OAAA","sourcesContent":["export {\n AvatarTokenSize,\n type AvatarTokenPropsShared,\n} from './AvatarToken.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,gCAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/AvatarToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAEhB,gCAA4B","sourcesContent":["export {\n AvatarTokenSize,\n type AvatarTokenPropsShared,\n} from './AvatarToken.types';\n"]}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextColor = exports.TextVariant = exports.FontFamily = exports.FontStyle = exports.FontWeight = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Text - fontWeight (ADR-0003)
|
|
6
|
+
* Semantic values shared across React and React Native platforms.
|
|
7
|
+
*/
|
|
8
|
+
exports.FontWeight = {
|
|
9
|
+
/** Weight - 600 */
|
|
10
|
+
Bold: 'bold',
|
|
11
|
+
/** Weight - 500 */
|
|
12
|
+
Medium: 'medium',
|
|
13
|
+
/** Weight - 400 */
|
|
14
|
+
Regular: 'regular',
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Text - fontStyle (ADR-0003)
|
|
18
|
+
* Semantic values shared across React and React Native platforms.
|
|
19
|
+
*/
|
|
20
|
+
exports.FontStyle = {
|
|
21
|
+
Italic: 'italic',
|
|
22
|
+
Normal: 'normal',
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Text - fontFamily (ADR-0003)
|
|
26
|
+
* Semantic values shared across React and React Native platforms.
|
|
27
|
+
*/
|
|
28
|
+
exports.FontFamily = {
|
|
29
|
+
/** Default: Geist */
|
|
30
|
+
Default: 'default',
|
|
31
|
+
/** Accent: MM Sans */
|
|
32
|
+
Accent: 'accent',
|
|
33
|
+
/** Hero: MM Poly */
|
|
34
|
+
Hero: 'hero',
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Text - variant (ADR-0003)
|
|
38
|
+
* Identical values across React and React Native platforms.
|
|
39
|
+
*/
|
|
40
|
+
exports.TextVariant = {
|
|
41
|
+
// Display Sizes
|
|
42
|
+
DisplayLg: 'display-lg',
|
|
43
|
+
DisplayMd: 'display-md',
|
|
44
|
+
// Heading Sizes
|
|
45
|
+
HeadingLg: 'heading-lg',
|
|
46
|
+
HeadingMd: 'heading-md',
|
|
47
|
+
HeadingSm: 'heading-sm',
|
|
48
|
+
// Body Sizes
|
|
49
|
+
BodyLg: 'body-lg',
|
|
50
|
+
BodyMd: 'body-md',
|
|
51
|
+
BodySm: 'body-sm',
|
|
52
|
+
BodyXs: 'body-xs',
|
|
53
|
+
// Special Typography Variants
|
|
54
|
+
PageHeading: 'page-heading',
|
|
55
|
+
SectionHeading: 'section-heading',
|
|
56
|
+
ButtonLabelMd: 'button-label-md',
|
|
57
|
+
ButtonLabelLg: 'button-label-lg',
|
|
58
|
+
AmountDisplayLg: 'amount-display-lg',
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Text - color (ADR-0003)
|
|
62
|
+
* All text color values shared across React and React Native platforms.
|
|
63
|
+
*/
|
|
64
|
+
exports.TextColor = {
|
|
65
|
+
/** For default neutral text. */
|
|
66
|
+
TextDefault: 'text-default',
|
|
67
|
+
/** For softer contrast neutral text */
|
|
68
|
+
TextAlternative: 'text-alternative',
|
|
69
|
+
/** For the softest contrast neutral text (not accessible) */
|
|
70
|
+
TextMuted: 'text-muted',
|
|
71
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
72
|
+
OverlayInverse: 'text-overlay-inverse',
|
|
73
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
74
|
+
PrimaryDefault: 'text-primary-default',
|
|
75
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
76
|
+
PrimaryInverse: 'text-primary-inverse',
|
|
77
|
+
/** For softer variants of primary text. */
|
|
78
|
+
PrimaryAlternative: 'text-primary-alternative',
|
|
79
|
+
/** For primary text in a hover state. */
|
|
80
|
+
PrimaryDefaultHover: 'text-primary-default-hover',
|
|
81
|
+
/** For primary text in a pressed state. */
|
|
82
|
+
PrimaryDefaultPressed: 'text-primary-default-pressed',
|
|
83
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
84
|
+
ErrorDefault: 'text-error-default',
|
|
85
|
+
/** For the stronger contrast error semantic elements. */
|
|
86
|
+
ErrorAlternative: 'text-error-alternative',
|
|
87
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
88
|
+
ErrorInverse: 'text-error-inverse',
|
|
89
|
+
/** For critical alert text in a hover state. */
|
|
90
|
+
ErrorDefaultHover: 'text-error-default-hover',
|
|
91
|
+
/** For critical alert text in a pressed state. */
|
|
92
|
+
ErrorDefaultPressed: 'text-error-default-pressed',
|
|
93
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
94
|
+
SuccessDefault: 'text-success-default',
|
|
95
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
96
|
+
SuccessInverse: 'text-success-inverse',
|
|
97
|
+
/** For positive text in a hover state. */
|
|
98
|
+
SuccessDefaultHover: 'text-success-default-hover',
|
|
99
|
+
/** For positive text in a pressed state. */
|
|
100
|
+
SuccessDefaultPressed: 'text-success-default-pressed',
|
|
101
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
102
|
+
WarningDefault: 'text-warning-default',
|
|
103
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
104
|
+
WarningInverse: 'text-warning-inverse',
|
|
105
|
+
/** For caution text in a hover state. */
|
|
106
|
+
WarningDefaultHover: 'text-warning-default-hover',
|
|
107
|
+
/** For caution text in a pressed state. */
|
|
108
|
+
WarningDefaultPressed: 'text-warning-default-pressed',
|
|
109
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
110
|
+
InfoDefault: 'text-info-default',
|
|
111
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
112
|
+
InfoInverse: 'text-info-inverse',
|
|
113
|
+
/** Make the text color transparent */
|
|
114
|
+
Transparent: 'text-transparent',
|
|
115
|
+
/** Inherit the color of the parent element */
|
|
116
|
+
Inherit: 'text-inherit',
|
|
117
|
+
};
|
|
118
|
+
//# sourceMappingURL=Text.types.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,UAAU,GAAG;IACxB,mBAAmB;IACnB,IAAI,EAAE,MAAM;IACZ,mBAAmB;IACnB,MAAM,EAAE,QAAQ;IAChB,mBAAmB;IACnB,OAAO,EAAE,SAAS;CACV,CAAC;AAIX;;;GAGG;AACU,QAAA,SAAS,GAAG;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;GAGG;AACU,QAAA,UAAU,GAAG;IACxB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,sBAAsB;IACtB,MAAM,EAAE,QAAQ;IAChB,oBAAoB;IACpB,IAAI,EAAE,MAAM;CACJ,CAAC;AAIX;;;GAGG;AACU,QAAA,WAAW,GAAG;IACzB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,aAAa;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,cAAc;IAC3B,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;CAC5B,CAAC;AAIX;;;GAGG;AACU,QAAA,SAAS,GAAG;IACvB,gCAAgC;IAChC,WAAW,EAAE,cAAc;IAC3B,uCAAuC;IACvC,eAAe,EAAE,kBAAkB;IACnC,6DAA6D;IAC7D,SAAS,EAAE,YAAY;IACvB,qFAAqF;IACrF,cAAc,EAAE,sBAAsB;IACtC,iGAAiG;IACjG,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,2CAA2C;IAC3C,kBAAkB,EAAE,0BAA0B;IAC9C,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,0FAA0F;IAC1F,YAAY,EAAE,oBAAoB;IAClC,yDAAyD;IACzD,gBAAgB,EAAE,wBAAwB;IAC1C,+EAA+E;IAC/E,YAAY,EAAE,oBAAoB;IAClC,gDAAgD;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,kDAAkD;IAClD,mBAAmB,EAAE,4BAA4B;IACjD,oFAAoF;IACpF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,0CAA0C;IAC1C,mBAAmB,EAAE,4BAA4B;IACjD,4CAA4C;IAC5C,qBAAqB,EAAE,8BAA8B;IACrD,yFAAyF;IACzF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,sFAAsF;IACtF,WAAW,EAAE,mBAAmB;IAChC,8EAA8E;IAC9E,WAAW,EAAE,mBAAmB;IAChC,sCAAsC;IACtC,WAAW,EAAE,kBAAkB;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,cAAc;CACf,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Text - fontWeight (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontWeight = {\n /** Weight - 600 */\n Bold: 'bold',\n /** Weight - 500 */\n Medium: 'medium',\n /** Weight - 400 */\n Regular: 'regular',\n} as const;\n\nexport type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];\n\n/**\n * Text - fontStyle (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontStyle = {\n Italic: 'italic',\n Normal: 'normal',\n} as const;\n\nexport type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];\n\n/**\n * Text - fontFamily (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontFamily = {\n /** Default: Geist */\n Default: 'default',\n /** Accent: MM Sans */\n Accent: 'accent',\n /** Hero: MM Poly */\n Hero: 'hero',\n} as const;\n\nexport type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];\n\n/**\n * Text - variant (ADR-0003)\n * Identical values across React and React Native platforms.\n */\nexport const TextVariant = {\n // Display Sizes\n DisplayLg: 'display-lg',\n DisplayMd: 'display-md',\n\n // Heading Sizes\n HeadingLg: 'heading-lg',\n HeadingMd: 'heading-md',\n HeadingSm: 'heading-sm',\n\n // Body Sizes\n BodyLg: 'body-lg',\n BodyMd: 'body-md',\n BodySm: 'body-sm',\n BodyXs: 'body-xs',\n\n // Special Typography Variants\n PageHeading: 'page-heading',\n SectionHeading: 'section-heading',\n ButtonLabelMd: 'button-label-md',\n ButtonLabelLg: 'button-label-lg',\n AmountDisplayLg: 'amount-display-lg',\n} as const;\n\nexport type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];\n\n/**\n * Text - color (ADR-0003)\n * All text color values shared across React and React Native platforms.\n */\nexport const TextColor = {\n /** For default neutral text. */\n TextDefault: 'text-default',\n /** For softer contrast neutral text */\n TextAlternative: 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted: 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse: 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault: 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse: 'text-primary-inverse',\n /** For softer variants of primary text. */\n PrimaryAlternative: 'text-primary-alternative',\n /** For primary text in a hover state. */\n PrimaryDefaultHover: 'text-primary-default-hover',\n /** For primary text in a pressed state. */\n PrimaryDefaultPressed: 'text-primary-default-pressed',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault: 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative: 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse: 'text-error-inverse',\n /** For critical alert text in a hover state. */\n ErrorDefaultHover: 'text-error-default-hover',\n /** For critical alert text in a pressed state. */\n ErrorDefaultPressed: 'text-error-default-pressed',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault: 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse: 'text-success-inverse',\n /** For positive text in a hover state. */\n SuccessDefaultHover: 'text-success-default-hover',\n /** For positive text in a pressed state. */\n SuccessDefaultPressed: 'text-success-default-pressed',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault: 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse: 'text-warning-inverse',\n /** For caution text in a hover state. */\n WarningDefaultHover: 'text-warning-default-hover',\n /** For caution text in a pressed state. */\n WarningDefaultPressed: 'text-warning-default-pressed',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault: 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse: 'text-info-inverse',\n /** Make the text color transparent */\n Transparent: 'text-transparent',\n /** Inherit the color of the parent element */\n Inherit: 'text-inherit',\n} as const;\n\nexport type TextColor = (typeof TextColor)[keyof typeof TextColor];\n\n/**\n * Text component shared props (ADR-0004).\n * Platform-independent props shared across React and React Native.\n */\nexport type TextPropsShared = {\n /**\n * Optional prop to change the font size of the component.\n * Different variants map to specific HTML elements by default.\n *\n * @default TextVariant.BodyMd\n */\n variant?: TextVariant;\n /**\n * The text content or elements to be rendered within the component.\n */\n children: ReactNode;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n *\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n};\n"]}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Text - fontWeight (ADR-0003)
|
|
4
|
+
* Semantic values shared across React and React Native platforms.
|
|
5
|
+
*/
|
|
6
|
+
export declare const FontWeight: {
|
|
7
|
+
/** Weight - 600 */
|
|
8
|
+
readonly Bold: "bold";
|
|
9
|
+
/** Weight - 500 */
|
|
10
|
+
readonly Medium: "medium";
|
|
11
|
+
/** Weight - 400 */
|
|
12
|
+
readonly Regular: "regular";
|
|
13
|
+
};
|
|
14
|
+
export type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];
|
|
15
|
+
/**
|
|
16
|
+
* Text - fontStyle (ADR-0003)
|
|
17
|
+
* Semantic values shared across React and React Native platforms.
|
|
18
|
+
*/
|
|
19
|
+
export declare const FontStyle: {
|
|
20
|
+
readonly Italic: "italic";
|
|
21
|
+
readonly Normal: "normal";
|
|
22
|
+
};
|
|
23
|
+
export type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];
|
|
24
|
+
/**
|
|
25
|
+
* Text - fontFamily (ADR-0003)
|
|
26
|
+
* Semantic values shared across React and React Native platforms.
|
|
27
|
+
*/
|
|
28
|
+
export declare const FontFamily: {
|
|
29
|
+
/** Default: Geist */
|
|
30
|
+
readonly Default: "default";
|
|
31
|
+
/** Accent: MM Sans */
|
|
32
|
+
readonly Accent: "accent";
|
|
33
|
+
/** Hero: MM Poly */
|
|
34
|
+
readonly Hero: "hero";
|
|
35
|
+
};
|
|
36
|
+
export type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];
|
|
37
|
+
/**
|
|
38
|
+
* Text - variant (ADR-0003)
|
|
39
|
+
* Identical values across React and React Native platforms.
|
|
40
|
+
*/
|
|
41
|
+
export declare const TextVariant: {
|
|
42
|
+
readonly DisplayLg: "display-lg";
|
|
43
|
+
readonly DisplayMd: "display-md";
|
|
44
|
+
readonly HeadingLg: "heading-lg";
|
|
45
|
+
readonly HeadingMd: "heading-md";
|
|
46
|
+
readonly HeadingSm: "heading-sm";
|
|
47
|
+
readonly BodyLg: "body-lg";
|
|
48
|
+
readonly BodyMd: "body-md";
|
|
49
|
+
readonly BodySm: "body-sm";
|
|
50
|
+
readonly BodyXs: "body-xs";
|
|
51
|
+
readonly PageHeading: "page-heading";
|
|
52
|
+
readonly SectionHeading: "section-heading";
|
|
53
|
+
readonly ButtonLabelMd: "button-label-md";
|
|
54
|
+
readonly ButtonLabelLg: "button-label-lg";
|
|
55
|
+
readonly AmountDisplayLg: "amount-display-lg";
|
|
56
|
+
};
|
|
57
|
+
export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
|
|
58
|
+
/**
|
|
59
|
+
* Text - color (ADR-0003)
|
|
60
|
+
* All text color values shared across React and React Native platforms.
|
|
61
|
+
*/
|
|
62
|
+
export declare const TextColor: {
|
|
63
|
+
/** For default neutral text. */
|
|
64
|
+
readonly TextDefault: "text-default";
|
|
65
|
+
/** For softer contrast neutral text */
|
|
66
|
+
readonly TextAlternative: "text-alternative";
|
|
67
|
+
/** For the softest contrast neutral text (not accessible) */
|
|
68
|
+
readonly TextMuted: "text-muted";
|
|
69
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
70
|
+
readonly OverlayInverse: "text-overlay-inverse";
|
|
71
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
72
|
+
readonly PrimaryDefault: "text-primary-default";
|
|
73
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
74
|
+
readonly PrimaryInverse: "text-primary-inverse";
|
|
75
|
+
/** For softer variants of primary text. */
|
|
76
|
+
readonly PrimaryAlternative: "text-primary-alternative";
|
|
77
|
+
/** For primary text in a hover state. */
|
|
78
|
+
readonly PrimaryDefaultHover: "text-primary-default-hover";
|
|
79
|
+
/** For primary text in a pressed state. */
|
|
80
|
+
readonly PrimaryDefaultPressed: "text-primary-default-pressed";
|
|
81
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
82
|
+
readonly ErrorDefault: "text-error-default";
|
|
83
|
+
/** For the stronger contrast error semantic elements. */
|
|
84
|
+
readonly ErrorAlternative: "text-error-alternative";
|
|
85
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
86
|
+
readonly ErrorInverse: "text-error-inverse";
|
|
87
|
+
/** For critical alert text in a hover state. */
|
|
88
|
+
readonly ErrorDefaultHover: "text-error-default-hover";
|
|
89
|
+
/** For critical alert text in a pressed state. */
|
|
90
|
+
readonly ErrorDefaultPressed: "text-error-default-pressed";
|
|
91
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
92
|
+
readonly SuccessDefault: "text-success-default";
|
|
93
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
94
|
+
readonly SuccessInverse: "text-success-inverse";
|
|
95
|
+
/** For positive text in a hover state. */
|
|
96
|
+
readonly SuccessDefaultHover: "text-success-default-hover";
|
|
97
|
+
/** For positive text in a pressed state. */
|
|
98
|
+
readonly SuccessDefaultPressed: "text-success-default-pressed";
|
|
99
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
100
|
+
readonly WarningDefault: "text-warning-default";
|
|
101
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
102
|
+
readonly WarningInverse: "text-warning-inverse";
|
|
103
|
+
/** For caution text in a hover state. */
|
|
104
|
+
readonly WarningDefaultHover: "text-warning-default-hover";
|
|
105
|
+
/** For caution text in a pressed state. */
|
|
106
|
+
readonly WarningDefaultPressed: "text-warning-default-pressed";
|
|
107
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
108
|
+
readonly InfoDefault: "text-info-default";
|
|
109
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
110
|
+
readonly InfoInverse: "text-info-inverse";
|
|
111
|
+
/** Make the text color transparent */
|
|
112
|
+
readonly Transparent: "text-transparent";
|
|
113
|
+
/** Inherit the color of the parent element */
|
|
114
|
+
readonly Inherit: "text-inherit";
|
|
115
|
+
};
|
|
116
|
+
export type TextColor = (typeof TextColor)[keyof typeof TextColor];
|
|
117
|
+
/**
|
|
118
|
+
* Text component shared props (ADR-0004).
|
|
119
|
+
* Platform-independent props shared across React and React Native.
|
|
120
|
+
*/
|
|
121
|
+
export type TextPropsShared = {
|
|
122
|
+
/**
|
|
123
|
+
* Optional prop to change the font size of the component.
|
|
124
|
+
* Different variants map to specific HTML elements by default.
|
|
125
|
+
*
|
|
126
|
+
* @default TextVariant.BodyMd
|
|
127
|
+
*/
|
|
128
|
+
variant?: TextVariant;
|
|
129
|
+
/**
|
|
130
|
+
* The text content or elements to be rendered within the component.
|
|
131
|
+
*/
|
|
132
|
+
children: ReactNode;
|
|
133
|
+
/**
|
|
134
|
+
* Optional prop that sets the color of the text using predefined theme colors.
|
|
135
|
+
*
|
|
136
|
+
* @default TextColor.TextDefault
|
|
137
|
+
*/
|
|
138
|
+
color?: TextColor;
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=Text.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,mBAAmB;;IAEnB,mBAAmB;;IAEnB,mBAAmB;;CAEX,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,qBAAqB;;IAErB,sBAAsB;;IAEtB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAsBd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,uCAAuC;;IAEvC,6DAA6D;;IAE7D,qFAAqF;;IAErF,iGAAiG;;IAEjG,iFAAiF;;IAEjF,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2CAA2C;;IAE3C,0FAA0F;;IAE1F,yDAAyD;;IAEzD,+EAA+E;;IAE/E,gDAAgD;;IAEhD,kDAAkD;;IAElD,oFAAoF;;IAEpF,iFAAiF;;IAEjF,0CAA0C;;IAE1C,4CAA4C;;IAE5C,yFAAyF;;IAEzF,iFAAiF;;IAEjF,yCAAyC;;IAEzC,2CAA2C;;IAE3C,sFAAsF;;IAEtF,8EAA8E;;IAE9E,sCAAsC;;IAEtC,8CAA8C;;CAEtC,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Text - fontWeight (ADR-0003)
|
|
4
|
+
* Semantic values shared across React and React Native platforms.
|
|
5
|
+
*/
|
|
6
|
+
export declare const FontWeight: {
|
|
7
|
+
/** Weight - 600 */
|
|
8
|
+
readonly Bold: "bold";
|
|
9
|
+
/** Weight - 500 */
|
|
10
|
+
readonly Medium: "medium";
|
|
11
|
+
/** Weight - 400 */
|
|
12
|
+
readonly Regular: "regular";
|
|
13
|
+
};
|
|
14
|
+
export type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];
|
|
15
|
+
/**
|
|
16
|
+
* Text - fontStyle (ADR-0003)
|
|
17
|
+
* Semantic values shared across React and React Native platforms.
|
|
18
|
+
*/
|
|
19
|
+
export declare const FontStyle: {
|
|
20
|
+
readonly Italic: "italic";
|
|
21
|
+
readonly Normal: "normal";
|
|
22
|
+
};
|
|
23
|
+
export type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];
|
|
24
|
+
/**
|
|
25
|
+
* Text - fontFamily (ADR-0003)
|
|
26
|
+
* Semantic values shared across React and React Native platforms.
|
|
27
|
+
*/
|
|
28
|
+
export declare const FontFamily: {
|
|
29
|
+
/** Default: Geist */
|
|
30
|
+
readonly Default: "default";
|
|
31
|
+
/** Accent: MM Sans */
|
|
32
|
+
readonly Accent: "accent";
|
|
33
|
+
/** Hero: MM Poly */
|
|
34
|
+
readonly Hero: "hero";
|
|
35
|
+
};
|
|
36
|
+
export type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];
|
|
37
|
+
/**
|
|
38
|
+
* Text - variant (ADR-0003)
|
|
39
|
+
* Identical values across React and React Native platforms.
|
|
40
|
+
*/
|
|
41
|
+
export declare const TextVariant: {
|
|
42
|
+
readonly DisplayLg: "display-lg";
|
|
43
|
+
readonly DisplayMd: "display-md";
|
|
44
|
+
readonly HeadingLg: "heading-lg";
|
|
45
|
+
readonly HeadingMd: "heading-md";
|
|
46
|
+
readonly HeadingSm: "heading-sm";
|
|
47
|
+
readonly BodyLg: "body-lg";
|
|
48
|
+
readonly BodyMd: "body-md";
|
|
49
|
+
readonly BodySm: "body-sm";
|
|
50
|
+
readonly BodyXs: "body-xs";
|
|
51
|
+
readonly PageHeading: "page-heading";
|
|
52
|
+
readonly SectionHeading: "section-heading";
|
|
53
|
+
readonly ButtonLabelMd: "button-label-md";
|
|
54
|
+
readonly ButtonLabelLg: "button-label-lg";
|
|
55
|
+
readonly AmountDisplayLg: "amount-display-lg";
|
|
56
|
+
};
|
|
57
|
+
export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
|
|
58
|
+
/**
|
|
59
|
+
* Text - color (ADR-0003)
|
|
60
|
+
* All text color values shared across React and React Native platforms.
|
|
61
|
+
*/
|
|
62
|
+
export declare const TextColor: {
|
|
63
|
+
/** For default neutral text. */
|
|
64
|
+
readonly TextDefault: "text-default";
|
|
65
|
+
/** For softer contrast neutral text */
|
|
66
|
+
readonly TextAlternative: "text-alternative";
|
|
67
|
+
/** For the softest contrast neutral text (not accessible) */
|
|
68
|
+
readonly TextMuted: "text-muted";
|
|
69
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
70
|
+
readonly OverlayInverse: "text-overlay-inverse";
|
|
71
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
72
|
+
readonly PrimaryDefault: "text-primary-default";
|
|
73
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
74
|
+
readonly PrimaryInverse: "text-primary-inverse";
|
|
75
|
+
/** For softer variants of primary text. */
|
|
76
|
+
readonly PrimaryAlternative: "text-primary-alternative";
|
|
77
|
+
/** For primary text in a hover state. */
|
|
78
|
+
readonly PrimaryDefaultHover: "text-primary-default-hover";
|
|
79
|
+
/** For primary text in a pressed state. */
|
|
80
|
+
readonly PrimaryDefaultPressed: "text-primary-default-pressed";
|
|
81
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
82
|
+
readonly ErrorDefault: "text-error-default";
|
|
83
|
+
/** For the stronger contrast error semantic elements. */
|
|
84
|
+
readonly ErrorAlternative: "text-error-alternative";
|
|
85
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
86
|
+
readonly ErrorInverse: "text-error-inverse";
|
|
87
|
+
/** For critical alert text in a hover state. */
|
|
88
|
+
readonly ErrorDefaultHover: "text-error-default-hover";
|
|
89
|
+
/** For critical alert text in a pressed state. */
|
|
90
|
+
readonly ErrorDefaultPressed: "text-error-default-pressed";
|
|
91
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
92
|
+
readonly SuccessDefault: "text-success-default";
|
|
93
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
94
|
+
readonly SuccessInverse: "text-success-inverse";
|
|
95
|
+
/** For positive text in a hover state. */
|
|
96
|
+
readonly SuccessDefaultHover: "text-success-default-hover";
|
|
97
|
+
/** For positive text in a pressed state. */
|
|
98
|
+
readonly SuccessDefaultPressed: "text-success-default-pressed";
|
|
99
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
100
|
+
readonly WarningDefault: "text-warning-default";
|
|
101
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
102
|
+
readonly WarningInverse: "text-warning-inverse";
|
|
103
|
+
/** For caution text in a hover state. */
|
|
104
|
+
readonly WarningDefaultHover: "text-warning-default-hover";
|
|
105
|
+
/** For caution text in a pressed state. */
|
|
106
|
+
readonly WarningDefaultPressed: "text-warning-default-pressed";
|
|
107
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
108
|
+
readonly InfoDefault: "text-info-default";
|
|
109
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
110
|
+
readonly InfoInverse: "text-info-inverse";
|
|
111
|
+
/** Make the text color transparent */
|
|
112
|
+
readonly Transparent: "text-transparent";
|
|
113
|
+
/** Inherit the color of the parent element */
|
|
114
|
+
readonly Inherit: "text-inherit";
|
|
115
|
+
};
|
|
116
|
+
export type TextColor = (typeof TextColor)[keyof typeof TextColor];
|
|
117
|
+
/**
|
|
118
|
+
* Text component shared props (ADR-0004).
|
|
119
|
+
* Platform-independent props shared across React and React Native.
|
|
120
|
+
*/
|
|
121
|
+
export type TextPropsShared = {
|
|
122
|
+
/**
|
|
123
|
+
* Optional prop to change the font size of the component.
|
|
124
|
+
* Different variants map to specific HTML elements by default.
|
|
125
|
+
*
|
|
126
|
+
* @default TextVariant.BodyMd
|
|
127
|
+
*/
|
|
128
|
+
variant?: TextVariant;
|
|
129
|
+
/**
|
|
130
|
+
* The text content or elements to be rendered within the component.
|
|
131
|
+
*/
|
|
132
|
+
children: ReactNode;
|
|
133
|
+
/**
|
|
134
|
+
* Optional prop that sets the color of the text using predefined theme colors.
|
|
135
|
+
*
|
|
136
|
+
* @default TextColor.TextDefault
|
|
137
|
+
*/
|
|
138
|
+
color?: TextColor;
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=Text.types.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,mBAAmB;;IAEnB,mBAAmB;;IAEnB,mBAAmB;;CAEX,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,qBAAqB;;IAErB,sBAAsB;;IAEtB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAsBd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,uCAAuC;;IAEvC,6DAA6D;;IAE7D,qFAAqF;;IAErF,iGAAiG;;IAEjG,iFAAiF;;IAEjF,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2CAA2C;;IAE3C,0FAA0F;;IAE1F,yDAAyD;;IAEzD,+EAA+E;;IAE/E,gDAAgD;;IAEhD,kDAAkD;;IAElD,oFAAoF;;IAEpF,iFAAiF;;IAEjF,0CAA0C;;IAE1C,4CAA4C;;IAE5C,yFAAyF;;IAEzF,iFAAiF;;IAEjF,yCAAyC;;IAEzC,2CAA2C;;IAE3C,sFAAsF;;IAEtF,8EAA8E;;IAE9E,sCAAsC;;IAEtC,8CAA8C;;CAEtC,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Text - fontWeight (ADR-0003)
|
|
3
|
+
* Semantic values shared across React and React Native platforms.
|
|
4
|
+
*/
|
|
5
|
+
export const FontWeight = {
|
|
6
|
+
/** Weight - 600 */
|
|
7
|
+
Bold: 'bold',
|
|
8
|
+
/** Weight - 500 */
|
|
9
|
+
Medium: 'medium',
|
|
10
|
+
/** Weight - 400 */
|
|
11
|
+
Regular: 'regular',
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Text - fontStyle (ADR-0003)
|
|
15
|
+
* Semantic values shared across React and React Native platforms.
|
|
16
|
+
*/
|
|
17
|
+
export const FontStyle = {
|
|
18
|
+
Italic: 'italic',
|
|
19
|
+
Normal: 'normal',
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Text - fontFamily (ADR-0003)
|
|
23
|
+
* Semantic values shared across React and React Native platforms.
|
|
24
|
+
*/
|
|
25
|
+
export const FontFamily = {
|
|
26
|
+
/** Default: Geist */
|
|
27
|
+
Default: 'default',
|
|
28
|
+
/** Accent: MM Sans */
|
|
29
|
+
Accent: 'accent',
|
|
30
|
+
/** Hero: MM Poly */
|
|
31
|
+
Hero: 'hero',
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* Text - variant (ADR-0003)
|
|
35
|
+
* Identical values across React and React Native platforms.
|
|
36
|
+
*/
|
|
37
|
+
export const TextVariant = {
|
|
38
|
+
// Display Sizes
|
|
39
|
+
DisplayLg: 'display-lg',
|
|
40
|
+
DisplayMd: 'display-md',
|
|
41
|
+
// Heading Sizes
|
|
42
|
+
HeadingLg: 'heading-lg',
|
|
43
|
+
HeadingMd: 'heading-md',
|
|
44
|
+
HeadingSm: 'heading-sm',
|
|
45
|
+
// Body Sizes
|
|
46
|
+
BodyLg: 'body-lg',
|
|
47
|
+
BodyMd: 'body-md',
|
|
48
|
+
BodySm: 'body-sm',
|
|
49
|
+
BodyXs: 'body-xs',
|
|
50
|
+
// Special Typography Variants
|
|
51
|
+
PageHeading: 'page-heading',
|
|
52
|
+
SectionHeading: 'section-heading',
|
|
53
|
+
ButtonLabelMd: 'button-label-md',
|
|
54
|
+
ButtonLabelLg: 'button-label-lg',
|
|
55
|
+
AmountDisplayLg: 'amount-display-lg',
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Text - color (ADR-0003)
|
|
59
|
+
* All text color values shared across React and React Native platforms.
|
|
60
|
+
*/
|
|
61
|
+
export const TextColor = {
|
|
62
|
+
/** For default neutral text. */
|
|
63
|
+
TextDefault: 'text-default',
|
|
64
|
+
/** For softer contrast neutral text */
|
|
65
|
+
TextAlternative: 'text-alternative',
|
|
66
|
+
/** For the softest contrast neutral text (not accessible) */
|
|
67
|
+
TextMuted: 'text-muted',
|
|
68
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
69
|
+
OverlayInverse: 'text-overlay-inverse',
|
|
70
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
71
|
+
PrimaryDefault: 'text-primary-default',
|
|
72
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
73
|
+
PrimaryInverse: 'text-primary-inverse',
|
|
74
|
+
/** For softer variants of primary text. */
|
|
75
|
+
PrimaryAlternative: 'text-primary-alternative',
|
|
76
|
+
/** For primary text in a hover state. */
|
|
77
|
+
PrimaryDefaultHover: 'text-primary-default-hover',
|
|
78
|
+
/** For primary text in a pressed state. */
|
|
79
|
+
PrimaryDefaultPressed: 'text-primary-default-pressed',
|
|
80
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
81
|
+
ErrorDefault: 'text-error-default',
|
|
82
|
+
/** For the stronger contrast error semantic elements. */
|
|
83
|
+
ErrorAlternative: 'text-error-alternative',
|
|
84
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
85
|
+
ErrorInverse: 'text-error-inverse',
|
|
86
|
+
/** For critical alert text in a hover state. */
|
|
87
|
+
ErrorDefaultHover: 'text-error-default-hover',
|
|
88
|
+
/** For critical alert text in a pressed state. */
|
|
89
|
+
ErrorDefaultPressed: 'text-error-default-pressed',
|
|
90
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
91
|
+
SuccessDefault: 'text-success-default',
|
|
92
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
93
|
+
SuccessInverse: 'text-success-inverse',
|
|
94
|
+
/** For positive text in a hover state. */
|
|
95
|
+
SuccessDefaultHover: 'text-success-default-hover',
|
|
96
|
+
/** For positive text in a pressed state. */
|
|
97
|
+
SuccessDefaultPressed: 'text-success-default-pressed',
|
|
98
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
99
|
+
WarningDefault: 'text-warning-default',
|
|
100
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
101
|
+
WarningInverse: 'text-warning-inverse',
|
|
102
|
+
/** For caution text in a hover state. */
|
|
103
|
+
WarningDefaultHover: 'text-warning-default-hover',
|
|
104
|
+
/** For caution text in a pressed state. */
|
|
105
|
+
WarningDefaultPressed: 'text-warning-default-pressed',
|
|
106
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
107
|
+
InfoDefault: 'text-info-default',
|
|
108
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
109
|
+
InfoInverse: 'text-info-inverse',
|
|
110
|
+
/** Make the text color transparent */
|
|
111
|
+
Transparent: 'text-transparent',
|
|
112
|
+
/** Inherit the color of the parent element */
|
|
113
|
+
Inherit: 'text-inherit',
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=Text.types.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,mBAAmB;IACnB,IAAI,EAAE,MAAM;IACZ,mBAAmB;IACnB,MAAM,EAAE,QAAQ;IAChB,mBAAmB;IACnB,OAAO,EAAE,SAAS;CACV,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,sBAAsB;IACtB,MAAM,EAAE,QAAQ;IAChB,oBAAoB;IACpB,IAAI,EAAE,MAAM;CACJ,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,aAAa;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,cAAc;IAC3B,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;CAC5B,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,gCAAgC;IAChC,WAAW,EAAE,cAAc;IAC3B,uCAAuC;IACvC,eAAe,EAAE,kBAAkB;IACnC,6DAA6D;IAC7D,SAAS,EAAE,YAAY;IACvB,qFAAqF;IACrF,cAAc,EAAE,sBAAsB;IACtC,iGAAiG;IACjG,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,2CAA2C;IAC3C,kBAAkB,EAAE,0BAA0B;IAC9C,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,0FAA0F;IAC1F,YAAY,EAAE,oBAAoB;IAClC,yDAAyD;IACzD,gBAAgB,EAAE,wBAAwB;IAC1C,+EAA+E;IAC/E,YAAY,EAAE,oBAAoB;IAClC,gDAAgD;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,kDAAkD;IAClD,mBAAmB,EAAE,4BAA4B;IACjD,oFAAoF;IACpF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,0CAA0C;IAC1C,mBAAmB,EAAE,4BAA4B;IACjD,4CAA4C;IAC5C,qBAAqB,EAAE,8BAA8B;IACrD,yFAAyF;IACzF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,sFAAsF;IACtF,WAAW,EAAE,mBAAmB;IAChC,8EAA8E;IAC9E,WAAW,EAAE,mBAAmB;IAChC,sCAAsC;IACtC,WAAW,EAAE,kBAAkB;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,cAAc;CACf,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Text - fontWeight (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontWeight = {\n /** Weight - 600 */\n Bold: 'bold',\n /** Weight - 500 */\n Medium: 'medium',\n /** Weight - 400 */\n Regular: 'regular',\n} as const;\n\nexport type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];\n\n/**\n * Text - fontStyle (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontStyle = {\n Italic: 'italic',\n Normal: 'normal',\n} as const;\n\nexport type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];\n\n/**\n * Text - fontFamily (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontFamily = {\n /** Default: Geist */\n Default: 'default',\n /** Accent: MM Sans */\n Accent: 'accent',\n /** Hero: MM Poly */\n Hero: 'hero',\n} as const;\n\nexport type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];\n\n/**\n * Text - variant (ADR-0003)\n * Identical values across React and React Native platforms.\n */\nexport const TextVariant = {\n // Display Sizes\n DisplayLg: 'display-lg',\n DisplayMd: 'display-md',\n\n // Heading Sizes\n HeadingLg: 'heading-lg',\n HeadingMd: 'heading-md',\n HeadingSm: 'heading-sm',\n\n // Body Sizes\n BodyLg: 'body-lg',\n BodyMd: 'body-md',\n BodySm: 'body-sm',\n BodyXs: 'body-xs',\n\n // Special Typography Variants\n PageHeading: 'page-heading',\n SectionHeading: 'section-heading',\n ButtonLabelMd: 'button-label-md',\n ButtonLabelLg: 'button-label-lg',\n AmountDisplayLg: 'amount-display-lg',\n} as const;\n\nexport type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];\n\n/**\n * Text - color (ADR-0003)\n * All text color values shared across React and React Native platforms.\n */\nexport const TextColor = {\n /** For default neutral text. */\n TextDefault: 'text-default',\n /** For softer contrast neutral text */\n TextAlternative: 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted: 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse: 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault: 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse: 'text-primary-inverse',\n /** For softer variants of primary text. */\n PrimaryAlternative: 'text-primary-alternative',\n /** For primary text in a hover state. */\n PrimaryDefaultHover: 'text-primary-default-hover',\n /** For primary text in a pressed state. */\n PrimaryDefaultPressed: 'text-primary-default-pressed',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault: 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative: 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse: 'text-error-inverse',\n /** For critical alert text in a hover state. */\n ErrorDefaultHover: 'text-error-default-hover',\n /** For critical alert text in a pressed state. */\n ErrorDefaultPressed: 'text-error-default-pressed',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault: 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse: 'text-success-inverse',\n /** For positive text in a hover state. */\n SuccessDefaultHover: 'text-success-default-hover',\n /** For positive text in a pressed state. */\n SuccessDefaultPressed: 'text-success-default-pressed',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault: 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse: 'text-warning-inverse',\n /** For caution text in a hover state. */\n WarningDefaultHover: 'text-warning-default-hover',\n /** For caution text in a pressed state. */\n WarningDefaultPressed: 'text-warning-default-pressed',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault: 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse: 'text-info-inverse',\n /** Make the text color transparent */\n Transparent: 'text-transparent',\n /** Inherit the color of the parent element */\n Inherit: 'text-inherit',\n} as const;\n\nexport type TextColor = (typeof TextColor)[keyof typeof TextColor];\n\n/**\n * Text component shared props (ADR-0004).\n * Platform-independent props shared across React and React Native.\n */\nexport type TextPropsShared = {\n /**\n * Optional prop to change the font size of the component.\n * Different variants map to specific HTML elements by default.\n *\n * @default TextVariant.BodyMd\n */\n variant?: TextVariant;\n /**\n * The text content or elements to be rendered within the component.\n */\n children: ReactNode;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n *\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n};\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextVariant = exports.TextColor = exports.FontWeight = exports.FontStyle = exports.FontFamily = void 0;
|
|
4
|
+
var Text_types_1 = require("./Text.types.cjs");
|
|
5
|
+
Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return Text_types_1.FontFamily; } });
|
|
6
|
+
Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_types_1.FontStyle; } });
|
|
7
|
+
Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_types_1.FontWeight; } });
|
|
8
|
+
Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_types_1.TextColor; } });
|
|
9
|
+
Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_types_1.TextVariant; } });
|
|
10
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":";;;AAAA,+CAOsB;AANpB,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,yGAAA,WAAW,OAAA","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './Text.types';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,yBAAqB","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './Text.types';\n"]}
|