@metamask/design-system-react-native 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react-native",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -48,7 +48,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask/design-system-shared": "^0.1.3",
+    "@metamask/design-system-shared": "^0.2.0",
     "fast-text-encoding": "^1.0.6",
     "react-native-jazzicon": "^0.1.2"
   },

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,yBAAyB;AACzB,mDAAqD;AAIrD,2EAA6D;AAEtD,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,0CAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,0CAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,eAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,sBAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,eAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,sBAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,yBAAyB;AACzB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,+BAAqB;AAIrD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,MAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,MAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.types.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":";;;AAMA;;GAEG;AACH,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.types.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,sCAAkC;AAE7D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.types.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,sCAAkC;AAE7D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFooter.types.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,yEAA6D;AAApD,2HAAA,gBAAgB,OAAA","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

package/dist/components/BottomSheets/BottomSheetFooter/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

package/dist/components/BottomSheets/BottomSheetFooter/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}