@metamask-previews/design-system-react 0.20.0-preview.f515a62 → 0.22.0-preview.178e60f

package/dist/types/index.d.cts

@@ -3,18 +3,8 @@ export { AvatarBaseSize, AvatarBaseShape, } from "@metamask-previews/design-syst
  * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.
  */
 export { IconColor, IconName, IconSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarGroupSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarSize } from "@metamask-previews/design-system-shared";
-/**
- * AvatarGroup - variant
- */
-export declare enum AvatarGroupVariant {
-    Account = "account",
-    Favicon = "favicon",
-    Network = "network",
-    Token = "token"
-}
 /**
  * Text - textAlign
  */

package/dist/types/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,gDAAgD;AAC5F,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}

package/dist/types/index.d.mts

@@ -3,18 +3,8 @@ export { AvatarBaseSize, AvatarBaseShape, } from "@metamask-previews/design-syst
  * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.
  */
 export { IconColor, IconName, IconSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarGroupSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarSize } from "@metamask-previews/design-system-shared";
-/**
- * AvatarGroup - variant
- */
-export declare enum AvatarGroupVariant {
-    Account = "account",
-    Favicon = "favicon",
-    Network = "network",
-    Token = "token"
-}
 /**
  * Text - textAlign
  */

package/dist/types/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,gDAAgD;AAC5F,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}

package/dist/types/index.mjs

@@ -3,19 +3,8 @@ export { AvatarBaseSize, AvatarBaseShape } from "@metamask-previews/design-syste
  * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.
  */
 export { IconColor, IconName, IconSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarGroupSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
 export { AvatarBaseSize as AvatarSize } from "@metamask-previews/design-system-shared";
-/**
- * AvatarGroup - variant
- */
-export var AvatarGroupVariant;
-(function (AvatarGroupVariant) {
-    AvatarGroupVariant["Account"] = "account";
-    AvatarGroupVariant["Favicon"] = "favicon";
-    AvatarGroupVariant["Network"] = "network";
-    AvatarGroupVariant["Token"] = "token";
-})(AvatarGroupVariant || (AvatarGroupVariant = {}));
 /**
  * Text - textAlign
  */

package/dist/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,gDAAgD;AAC5F,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["export {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask-previews/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask-previews/design-system-shared';\nexport { AvatarBaseSize as AvatarGroupSize } from '@metamask-previews/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask-previews/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask-previews/design-system-shared';\n\n/**\n * AvatarGroup - variant\n */\nexport enum AvatarGroupVariant {\n  Account = 'account',\n  Favicon = 'favicon',\n  Network = 'network',\n  Token = 'token',\n}\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n  Left: 'text-left',\n  Center: 'text-center',\n  Right: 'text-right',\n  Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n  BreakWord: 'break-words',\n  Anywhere: 'break-all',\n  Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n  Uppercase: 'uppercase',\n  Lowercase: 'lowercase',\n  Capitalize: 'capitalize',\n  Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,gDAAgD;AACjD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,gDAAgD;AAC9F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,gDAAgD;AAEvF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["export {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask-previews/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask-previews/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask-previews/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask-previews/design-system-shared';\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n  Left: 'text-left',\n  Center: 'text-center',\n  Right: 'text-right',\n  Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n  BreakWord: 'break-words',\n  Anywhere: 'break-all',\n  Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n  Uppercase: 'uppercase',\n  Lowercase: 'lowercase',\n  Capitalize: 'capitalize',\n  Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react",
-  "version": "0.20.0-preview.f515a62",
+  "version": "0.22.0-preview.178e60f",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -47,16 +47,17 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask-previews/design-system-shared": "0.15.0-preview.f515a62",
+    "@metamask-previews/design-system-shared": "0.17.0-preview.178e60f",
     "@metamask/jazzicon": "^2.0.0",
     "@radix-ui/react-slot": "^1.1.0",
     "blo": "^2.0.0",
+    "react-focus-lock": "^2.9.4",
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.0.0",
     "@jest/globals": "^29.7.0",
-    "@metamask-previews/design-system-tailwind-preset": "0.6.1-preview.f515a62",
+    "@metamask-previews/design-system-tailwind-preset": "0.8.0-preview.178e60f",
     "@metamask/auto-changelog": "^6.1.0",
     "@metamask/utils": "^11.11.0",
     "@svgr/cli": "^8.1.0",
@@ -77,7 +78,7 @@
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-system-tailwind-preset": "^0.6.0",
+    "@metamask/design-system-tailwind-preset": "^0.8.0",
     "@metamask/design-tokens": "^8.1.0",
     "@metamask/utils": "^11.11.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",