@metamask/design-system-react 0.15.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [0.16.0]
11
+
12
+ ### Changed
13
+
14
+ - Updated `BadgeNetwork` type internals; imports from `@metamask/design-system-react` are unchanged ([#1021](https://github.com/MetaMask/metamask-design-system/pull/1021))
15
+
10
16
  ## [0.15.0]
11
17
 
12
18
  ### Added
@@ -225,7 +231,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
225
231
  - Full TypeScript support with type definitions and enums
226
232
  - Tailwind CSS integration with design token support
227
233
 
228
- [Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.15.0...HEAD
234
+ [Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.16.0...HEAD
235
+ [0.16.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.15.0...@metamask/design-system-react@0.16.0
229
236
  [0.15.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.14.0...@metamask/design-system-react@0.15.0
230
237
  [0.14.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.13.0...@metamask/design-system-react@0.14.0
231
238
  [0.13.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.12.0...@metamask/design-system-react@0.13.0
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeNetwork.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarNetworkProps } from '../AvatarNetwork';\n\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {\n /**\n * Optional name of the network\n * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n */\n name?: string;\n /**\n * Optional URL for the network image\n * When provided, displays the image instead of fallback text\n */\n src?: string;\n /**\n * Optional text to display when the image fails to load\n */\n fallbackText?: string;\n};\n"]}
1
+ {"version":3,"file":"BadgeNetwork.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeNetworkPropsShared } from '@metamask/design-system-shared';\n\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\n\n/**\n * BadgeNetwork component props (React platform-specific)\n * Extends shared props from @metamask/design-system-shared with React-specific platform concerns\n */\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> &\n BadgeNetworkPropsShared;\n"]}
@@ -1,18 +1,8 @@
1
+ import type { BadgeNetworkPropsShared } from "@metamask/design-system-shared";
1
2
  import type { AvatarNetworkProps } from "../AvatarNetwork/index.cjs";
2
- export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {
3
- /**
4
- * Optional name of the network
5
- * Used as alt text for image and first letter is used as fallback if no fallbackText provided
6
- */
7
- name?: string;
8
- /**
9
- * Optional URL for the network image
10
- * When provided, displays the image instead of fallback text
11
- */
12
- src?: string;
13
- /**
14
- * Optional text to display when the image fails to load
15
- */
16
- fallbackText?: string;
17
- };
3
+ /**
4
+ * BadgeNetwork component props (React platform-specific)
5
+ * Extends shared props from @metamask/design-system-shared with React-specific platform concerns
6
+ */
7
+ export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & BadgeNetworkPropsShared;
18
8
  //# sourceMappingURL=BadgeNetwork.types.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeNetwork.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
1
+ {"version":3,"file":"BadgeNetwork.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uCAAuC;AAE9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GACxE,uBAAuB,CAAC"}
@@ -1,18 +1,8 @@
1
+ import type { BadgeNetworkPropsShared } from "@metamask/design-system-shared";
1
2
  import type { AvatarNetworkProps } from "../AvatarNetwork/index.mjs";
2
- export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {
3
- /**
4
- * Optional name of the network
5
- * Used as alt text for image and first letter is used as fallback if no fallbackText provided
6
- */
7
- name?: string;
8
- /**
9
- * Optional URL for the network image
10
- * When provided, displays the image instead of fallback text
11
- */
12
- src?: string;
13
- /**
14
- * Optional text to display when the image fails to load
15
- */
16
- fallbackText?: string;
17
- };
3
+ /**
4
+ * BadgeNetwork component props (React platform-specific)
5
+ * Extends shared props from @metamask/design-system-shared with React-specific platform concerns
6
+ */
7
+ export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & BadgeNetworkPropsShared;
18
8
  //# sourceMappingURL=BadgeNetwork.types.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
1
+ {"version":3,"file":"BadgeNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uCAAuC;AAE9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GACxE,uBAAuB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeNetwork.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarNetworkProps } from '../AvatarNetwork';\n\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {\n /**\n * Optional name of the network\n * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n */\n name?: string;\n /**\n * Optional URL for the network image\n * When provided, displays the image instead of fallback text\n */\n src?: string;\n /**\n * Optional text to display when the image fails to load\n */\n fallbackText?: string;\n};\n"]}
1
+ {"version":3,"file":"BadgeNetwork.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeNetworkPropsShared } from '@metamask/design-system-shared';\n\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\n\n/**\n * BadgeNetwork component props (React platform-specific)\n * Extends shared props from @metamask/design-system-shared with React-specific platform concerns\n */\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> &\n BadgeNetworkPropsShared;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metamask/design-system-react",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "description": "Design system react ui components",
5
5
  "keywords": [
6
6
  "MetaMask",
@@ -50,7 +50,7 @@
50
50
  "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
51
51
  },
52
52
  "dependencies": {
53
- "@metamask/design-system-shared": "^0.8.0",
53
+ "@metamask/design-system-shared": "^0.9.0",
54
54
  "@metamask/jazzicon": "^2.0.0",
55
55
  "@radix-ui/react-slot": "^1.1.0",
56
56
  "blo": "^2.0.0",