@metamask/design-system-react 0.19.0 → 0.21.0

package/dist/types/index.mjs

@@ -3,87 +3,8 @@ export { AvatarBaseSize, AvatarBaseShape } from "@metamask/design-system-shared"
  * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.
  */
 export { IconColor, IconName, IconSize } from "@metamask/design-system-shared";
-export { AvatarBaseSize as AvatarGroupSize } from "@metamask/design-system-shared";
 export { AvatarBaseSize as AvatarNetworkSize } from "@metamask/design-system-shared";
 export { AvatarBaseSize as AvatarSize } from "@metamask/design-system-shared";
-/**
- * AvatarGroup - variant
- */
-export var AvatarGroupVariant;
-(function (AvatarGroupVariant) {
-    AvatarGroupVariant["Account"] = "account";
-    AvatarGroupVariant["Favicon"] = "favicon";
-    AvatarGroupVariant["Network"] = "network";
-    AvatarGroupVariant["Token"] = "token";
-})(AvatarGroupVariant || (AvatarGroupVariant = {}));
-/**
- * ButtonBase - size
- */
-export var ButtonBaseSize;
-(function (ButtonBaseSize) {
-    /**
-     * Represents a small button size (32px).
-     */
-    ButtonBaseSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (40px).
-     */
-    ButtonBaseSize["Md"] = "md";
-    /**
-     * Represents a large button size (48px).
-     */
-    ButtonBaseSize["Lg"] = "lg";
-})(ButtonBaseSize || (ButtonBaseSize = {}));
-export { ButtonBaseSize as ButtonPrimarySize };
-export { ButtonBaseSize as ButtonSecondarySize };
-export { ButtonBaseSize as ButtonTertiarySize };
-export { ButtonBaseSize as ButtonHeroSize };
-export { ButtonBaseSize as ButtonSize };
-/**
- * Button - variant
- */
-export var ButtonVariant;
-(function (ButtonVariant) {
-    /**
-     * Primary button variant - used for primary actions
-     */
-    ButtonVariant["Primary"] = "primary";
-    /**
-     * Secondary button variant - used for secondary actions
-     */
-    ButtonVariant["Secondary"] = "secondary";
-    /**
-     * Tertiary button variant - used for tertiary-like actions
-     */
-    ButtonVariant["Tertiary"] = "tertiary";
-})(ButtonVariant || (ButtonVariant = {}));
-/**
- * ButtonIcon - size
- */
-export var ButtonIconSize;
-(function (ButtonIconSize) {
-    /**
-     * Represents a small button size (24px).
-     */
-    ButtonIconSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (32px).
-     */
-    ButtonIconSize["Md"] = "md";
-    /**
-     * Represents a large button size (40px).
-     */
-    ButtonIconSize["Lg"] = "lg";
-})(ButtonIconSize || (ButtonIconSize = {}));
-/**
- * ButtonIcon - variant
- */
-export var ButtonIconVariant;
-(function (ButtonIconVariant) {
-    ButtonIconVariant["Default"] = "default";
-    ButtonIconVariant["Filled"] = "filled";
-    ButtonIconVariant["Floating"] = "floating";
-})(ButtonIconVariant || (ButtonIconVariant = {}));
 /**
  * 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,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;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,CAAN,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,KAAd,cAAc,QAazB;AACD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC;AAC/C,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,CAAC;AACjD,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,CAAC;AAChD,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,CAAC;AAExC;;GAEG;AACH,MAAM,CAAN,IAAY,aAaX;AAbD,WAAY,aAAa;IACvB;;OAEG;IACH,oCAAmB,CAAA;IACnB;;OAEG;IACH,wCAAuB,CAAA;IACvB;;OAEG;IACH,sCAAqB,CAAA;AACvB,CAAC,EAbW,aAAa,KAAb,aAAa,QAaxB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,KAAd,cAAc,QAazB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;AACvB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;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/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarGroupSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/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 * ButtonBase - size\n */\nexport enum ButtonBaseSize {\n  /**\n   * Represents a small button size (32px).\n   */\n  Sm = 'sm',\n  /**\n   * Represents a medium button size (40px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large button size (48px).\n   */\n  Lg = 'lg',\n}\nexport { ButtonBaseSize as ButtonPrimarySize };\nexport { ButtonBaseSize as ButtonSecondarySize };\nexport { ButtonBaseSize as ButtonTertiarySize };\nexport { ButtonBaseSize as ButtonHeroSize };\nexport { ButtonBaseSize as ButtonSize };\n\n/**\n * Button - variant\n */\nexport enum ButtonVariant {\n  /**\n   * Primary button variant - used for primary actions\n   */\n  Primary = 'primary',\n  /**\n   * Secondary button variant - used for secondary actions\n   */\n  Secondary = 'secondary',\n  /**\n   * Tertiary button variant - used for tertiary-like actions\n   */\n  Tertiary = 'tertiary',\n}\n\n/**\n * ButtonIcon - size\n */\nexport enum ButtonIconSize {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm = 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg = 'lg',\n}\n\n/**\n * ButtonIcon - variant\n */\nexport enum ButtonIconVariant {\n  Default = 'default',\n  Filled = 'filled',\n  Floating = 'floating',\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,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;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/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/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/design-system-react",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -47,17 +47,18 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask/design-system-shared": "^0.14.0",
+    "@metamask/design-system-shared": "^0.16.0",
     "@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/auto-changelog": "^6.1.0",
-    "@metamask/design-system-tailwind-preset": "^0.6.1",
+    "@metamask/design-system-tailwind-preset": "^0.7.0",
     "@metamask/utils": "^11.11.0",
     "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -77,7 +78,7 @@
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-system-tailwind-preset": "^0.6.0",
+    "@metamask/design-system-tailwind-preset": "^0.7.0",
     "@metamask/design-tokens": "^8.1.0",
     "@metamask/utils": "^11.11.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",