@ledgerhq/lumen-ui-rnative 0.1.37 → 0.1.38

package/dist/module/lib/Symbols/Icons/Lightbulb.js.map

@@ -1 +1 @@
-{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","Lightbulb","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/Lightbulb.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,SAAS,GAAGH,UAAU,CACjC,WAAW,eACXE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;EAAmV,CACtV;AAAC,CACC,CACP,CAAC","ignoreList":[]}
+{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","Lightbulb","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/Lightbulb.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,SAAS,GAAGH,UAAU,CACjC,WAAW,eACXE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;EAAkY,CACrY;AAAC,CACC,CACP,CAAC","ignoreList":[]}

package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts

@@ -4,5 +4,5 @@ import { type AmountInputProps } from './types';
  * This is a controlled component - both `value` and `onChange` props are required.
  * The currency text can be positioned either on the left or right side of the input.
  */
-export declare const AmountInput: ({ lx, style, currencyText, currencyPosition, editable, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChangeText, isInvalid, ref, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AmountInput: ({ lx, style, size, align, currencyText, currencyPosition, editable, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChangeText, isInvalid, ref, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AmountInput.d.ts.map

package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,uMAgBzB,gBAAgB,4CAoJlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,4CA0JlB,CAAC"}

package/dist/typescript/src/lib/Components/AmountInput/types.d.ts

@@ -1,5 +1,7 @@
 import type { TextInputProps, ViewStyle } from 'react-native';
 import type { BoxProps } from '../Utility';
+export type AmountInputSize = 'md' | 'sm';
+export type AmountInputAlign = 'center' | 'start' | 'end';
 export type AmountInputProps = Omit<TextInputProps, 'value' | 'onChangeText'> & {
     /**
      * The controlled value of the input
@@ -11,6 +13,16 @@ export type AmountInputProps = Omit<TextInputProps, 'value' | 'onChangeText'> &
      * @required
      */
     onChangeText: (text: string) => void;
+    /**
+     * Visual size of the amount input.
+     * @default 'md'
+     */
+    size?: AmountInputSize;
+    /**
+     * Horizontal alignment of the amount and currency.
+     * @default 'center'
+     */
+    align?: AmountInputAlign;
     /**
      * The currency text (e.g. USD, EUR)
      */

package/dist/typescript/src/lib/Components/AmountInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,OAAO,GAAG,cAAc,CACzB,GAAG;IACF;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,OAAO,GAAG,cAAc,CACzB,GAAG;IACF;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,QAAQ,CAAC"}

package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts

@@ -15,5 +15,5 @@ import type { AvatarProps } from './types';
  * // With notification indicator
  * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: ({ lx, style, src, alt, size, showNotification, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ lx, style, src, alt, size, showNotification: showNotificationProp, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsD3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,wEAUpB,WAAW,4CAqDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmD3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8FAUpB,WAAW,4CAyDb,CAAC"}

package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts

@@ -4,12 +4,13 @@ export declare const mediaImageDotIconSizeMap: {
     readonly 48: 20;
     readonly 56: 24;
     readonly 64: 24;
+    readonly 72: 32;
 };
 export declare const spotDotIconSizeMap: {
     readonly 40: 16;
     readonly 48: 20;
     readonly 56: 24;
-    readonly 72: 24;
+    readonly 72: 32;
 };
 /**
  * A wrapper component that positions a small icon indicator at a configurable

package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,wBAAwB;;;;;CAKW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAyEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAYjB,YAAY;;CAyBd,CAAC"}
+{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,SAAS,CAAC;AAgBjB,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAyEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAYjB,YAAY;;CAyBd,CAAC"}

package/dist/typescript/src/lib/Components/DotIcon/types.d.ts

@@ -2,7 +2,7 @@ import type { ComponentType, ReactNode } from 'react';
 import type { StyleProp, TextStyle } from 'react-native';
 import type { StyledViewProps } from '../../../styles';
 import type { IconSize } from '../Icon';
-export type DotIconSize = 16 | 20 | 24;
+export type DotIconSize = 16 | 20 | 24 | 32;
 export type DotIconPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type DotIconAppearance = 'success' | 'muted' | 'error';
 export type DotIconProps = {

package/dist/typescript/src/lib/Components/DotIcon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC,CAAC;IACvE;;OAEG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5C,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC,CAAC;IACvE;;OAEG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts

@@ -3,9 +3,9 @@ import type { StyledViewProps } from '../../../styles';
 export type DotIndicatorProps = {
     /**
      * The size of the dot indicator.
-     * @default sm
+     * @default md
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     /**
      * The appearance of the dot indicator.
      * @default base

package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAoB3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAUtE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAM1D,CAAC;AAgEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;gGAYnB,cAAc;;CAwChB,CAAC"}
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAsB3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAWtE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAM1D,CAAC;AAgEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;gGAYnB,cAAc;;CAwChB,CAAC"}

package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { StyledViewProps } from '../../../styles';
-export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24;
+export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24 | 32;
 export type DotSymbolPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type DotSymbolProps = {
     /**

package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/typescript/src/lib/Components/Label/Label.d.ts

@@ -3,7 +3,7 @@ import type { LabelProps } from './types';
  * A label that should be used to describe a form field.
  *
  * Either choices fields like checkbox, switch or radio.
- * Or text fields like input, textarea, select, etc.
+ * Or text fields like input, textarea, option list, etc.
  */
 export declare const Label: ({ style, lx, disabled: disabledProp, children, onPress, onLongPress, ref, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Label.d.ts.map

package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts

@@ -1,9 +1,9 @@
 import type { MediaButtonProps } from './types';
 /**
- * Media button for select/dropdown components. Displays a label with an optional
+ * Media button for option list/dropdown components. Displays a label with an optional
  * leading content and a trailing chevron indicator.
  *
- * This component is intended to be used exclusively as the trigger inside a Select or
+ * This component is intended to be used exclusively as the trigger inside an OptionList or
  * dropdown pattern. It should not be used as a standalone action button — use `Button`
  * or `IconButton` instead.
  *

package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAgBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AAgDF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,gGAYxB,eAAe,4CA+CjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAiBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAWtD,CAAC;AAgDF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,gGAYxB,eAAe,4CA+CjB,CAAC"}

package/dist/typescript/src/lib/Components/MediaImage/types.d.ts

@@ -1,5 +1,5 @@
 import type { StyledViewProps } from '../../../styles';
-export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64;
+export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
 export type MediaImageShape = 'square' | 'circle';
 export type MediaImageProps = {
     /**

package/dist/typescript/src/lib/Components/MediaImage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/typescript/src/lib/Components/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,QAAA,MAAM,aAAa,GAAI,4CAKpB,kBAAkB,4CAYpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,QAAA,MAAM,aAAa,GAAI,4CAKpB,kBAAkB,4CAUpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/typescript/src/lib/Components/index.d.ts

@@ -30,7 +30,6 @@ export * from './OptionList';
 export * from './PageIndicator';
 export * from './SearchInput';
 export * from './SegmentedControl';
-export * from './Select';
 export * from './Skeleton';
 export * from './Spinner';
 export * from './Spot';

package/dist/typescript/src/lib/Components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
@@ -42,7 +42,7 @@
     "!**/*.tsbuildinfo"
   ],
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.4",
+    "@ledgerhq/lumen-utils-shared": "0.1.5",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -52,7 +52,7 @@
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@ledgerhq/lumen-design-core": "0.1.15",
+    "@ledgerhq/lumen-design-core": "0.1.16",
     "react": "^19.0.0",
     "react-native": "~0.79.7",
     "react-native-reanimated": "^4.1.0",

package/src/lib/Components/AmountInput/AmountInput.mdx

@@ -29,6 +29,18 @@ AmountInput is a specialized input component designed for handling numeric value
 
 > **Layout:** The AmountInput component takes the full width of its container by default. You can control the width by using the `style` prop or by wrapping in a container.
 
+### Size
+
+Use the `size` prop to control typography scale.
+
+<Canvas of={AmountInputStories.Size} />
+
+### Alignment
+
+Use the `align` prop to position the amount within its container. Defaults to `center`. Use `start` or `end` for left- or right-aligned layouts.
+
+<Canvas of={AmountInputStories.Alignment} />
+
 ### Currency Text Position
 
 The currency text can be positioned on either the **left** (default) or **right** side of the input:

package/src/lib/Components/AmountInput/AmountInput.stories.tsx

@@ -2,7 +2,18 @@ import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
 import { useState } from 'react';
 import { View } from 'react-native';
 import { AmountInput } from './AmountInput';
-import { type AmountInputProps } from './types';
+import {
+  type AmountInputAlign,
+  type AmountInputProps,
+  type AmountInputSize,
+} from './types';
+
+const ALIGNMENTS: AmountInputAlign[] = ['start', 'center', 'end'];
+
+const SIZES: { size: AmountInputSize; value: string }[] = [
+  { size: 'md', value: '1234.56' },
+  { size: 'sm', value: '55 555' },
+];
 
 const meta: Meta<typeof AmountInput> = {
   component: AmountInput,
@@ -16,6 +27,15 @@ const meta: Meta<typeof AmountInput> = {
       },
     },
   },
+  argTypes: {
+    isInvalid: {
+      control: 'boolean',
+      description: 'Marks the input as invalid for error styling.',
+    },
+  },
+  args: {
+    isInvalid: false,
+  },
 };
 
 export default meta;
@@ -68,6 +88,53 @@ export const WithValue: Story = {
   },
 };
 
+export const Size: Story = {
+  render: () => (
+    <View
+      style={{
+        width: '100%',
+        maxWidth: 320,
+        alignItems: 'center',
+        gap: 24,
+        padding: 24,
+      }}
+    >
+      {SIZES.map(({ size, value }) => (
+        <AmountInput
+          key={size}
+          size={size}
+          value={value}
+          currencyText='$'
+          onChangeText={() => {}}
+        />
+      ))}
+    </View>
+  ),
+};
+
+export const Alignment: Story = {
+  render: () => (
+    <View
+      style={{
+        width: '100%',
+        maxWidth: 320,
+        gap: 24,
+        padding: 24,
+      }}
+    >
+      {ALIGNMENTS.map((align) => (
+        <AmountInput
+          key={align}
+          align={align}
+          value='1234.56'
+          currencyText='$'
+          onChangeText={() => {}}
+        />
+      ))}
+    </View>
+  ),
+};
+
 export const CurrencyPositionLeft: Story = {
   render: (args) => <AmountInputStory {...args} />,
   args: {

package/src/lib/Components/AmountInput/AmountInput.tsx

@@ -4,7 +4,7 @@ import {
   useDisabledContext,
 } from '@ledgerhq/lumen-utils-shared';
 import { useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { Pressable, StyleSheet, TextInput } from 'react-native';
+import { Pressable, StyleSheet, TextInput, View } from 'react-native';
 import Animated, {
   Easing,
   useAnimatedStyle,
@@ -13,9 +13,13 @@ import Animated, {
   withSequence,
   withTiming,
 } from 'react-native-reanimated';
-import { useStyleSheet } from '../../../styles';
+import { useStyleSheet, useTheme } from '../../../styles';
 import { Box } from '../Utility';
-import { type AmountInputProps } from './types';
+import {
+  type AmountInputAlign,
+  type AmountInputProps,
+  type AmountInputSize,
+} from './types';
 
 /**
  * AmountInput component for handling numeric input with currency display.
@@ -25,6 +29,8 @@ import { type AmountInputProps } from './types';
 export const AmountInput = ({
   lx = {},
   style,
+  size = 'md',
+  align = 'center',
   currencyText,
   currencyPosition = 'left',
   editable,
@@ -48,16 +54,20 @@ export const AmountInput = ({
   });
 
   const translateX = useSharedValue(0);
-  const animatedFontSize = useSharedValue(getFontSize(inputValue));
+  const animatedFontSize = useSharedValue(getFontSize(inputValue, size));
   const caretOpacity = useSharedValue(0);
 
   useImperativeHandle(ref, () => inputRef.current as TextInput, []);
 
+  const { theme } = useTheme();
   const styles = useStyles({
+    size,
+    align,
     hasValue: !!inputValue,
     isEditable: !disabled,
     isInvalid,
   });
+  const caretFixedHeight = size === 'sm' ? theme.sizes.s28 : 0;
 
   const animatedInputStyle = useAnimatedStyle(
     () => ({
@@ -79,13 +89,13 @@ export const AmountInput = ({
   const animatedCaretStyle = useAnimatedStyle(
     () => ({
       opacity: caretOpacity.value,
-      height: animatedFontSize.value,
+      height: size === 'sm' ? caretFixedHeight : animatedFontSize.value,
     }),
-    [caretOpacity, animatedFontSize],
+    [caretOpacity, animatedFontSize, size, caretFixedHeight],
   );
 
   useEffect(() => {
-    const newSize = getFontSize(inputValue);
+    const newSize = getFontSize(inputValue, size);
 
     translateX.value = withSequence(
       withTiming(4, { duration: 0 }),
@@ -99,7 +109,7 @@ export const AmountInput = ({
       duration: 250,
       easing: Easing.bezier(0.4, 0, 0.2, 1),
     });
-  }, [inputValue, animatedFontSize, translateX]);
+  }, [inputValue, size, animatedFontSize, translateX]);
 
   useEffect(() => {
     if (isFocused && !disabled) {
@@ -164,94 +174,127 @@ export const AmountInput = ({
         style={styles.hiddenInput}
         {...props}
       />
-      <Pressable
-        onPress={handlePress}
-        style={styles.pressable}
-        accessibilityLabel={props.accessibilityLabel || 'Amount input'}
-      >
-        {currencyPosition === 'left' && CurrencyText}
-
-        {/** display text that mirrors the hidden input's value */}
-        <Animated.Text
-          style={[styles.displayText, animatedInputStyle, style]}
-          allowFontScaling={false}
+      <View style={styles.alignRow}>
+        <Pressable
+          onPress={handlePress}
+          style={styles.pressable}
+          accessibilityLabel={props.accessibilityLabel || 'Amount input'}
         >
-          {inputValue || '0'}
-        </Animated.Text>
+          {currencyPosition === 'left' && CurrencyText}
+
+          {/** display text that mirrors the hidden input's value */}
+          <Animated.Text
+            style={[styles.displayText, animatedInputStyle, style]}
+            allowFontScaling={false}
+          >
+            {inputValue || '0'}
+          </Animated.Text>
 
-        {/** custom caret */}
-        <Animated.View style={[styles.caret, animatedCaretStyle]} />
+          {/** custom caret */}
+          <Animated.View style={[styles.caret, animatedCaretStyle]} />
 
-        {currencyPosition === 'right' && CurrencyText}
-      </Pressable>
+          {currencyPosition === 'right' && CurrencyText}
+        </Pressable>
+      </View>
     </Box>
   );
 };
 
+const SIZE_TYPOGRAPHY = {
+  md: 'heading0SemiBold',
+  sm: 'heading2SemiBold',
+} as const satisfies Record<
+  AmountInputSize,
+  'heading0SemiBold' | 'heading2SemiBold'
+>;
+
+const ALIGN_ROW_JUSTIFY = {
+  center: 'center',
+  start: 'flex-start',
+  end: 'flex-end',
+} as const satisfies Record<
+  AmountInputAlign,
+  'center' | 'flex-start' | 'flex-end'
+>;
+
 const useStyles = ({
+  size,
+  align,
   hasValue,
   isEditable,
   isInvalid,
 }: {
+  size: AmountInputSize;
+  align: AmountInputAlign;
   hasValue: boolean;
   isEditable: boolean;
   isInvalid: boolean;
 }) => {
   return useStyleSheet(
-    (t) => ({
-      container: {
-        position: 'relative',
-      },
-      hiddenInput: {
-        position: 'absolute',
-        width: t.sizes.full,
-        height: t.sizes.full,
-        opacity: 0,
-      },
-      pressable: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-      },
-      displayText: StyleSheet.flatten([
-        {
-          height: t.sizes.s56,
-          backgroundColor: 'transparent',
-          color: t.colors.text.base,
-          alignItems: 'flex-start',
-          ...t.typographies.heading0SemiBold,
-        },
-        !hasValue && {
-          color: t.colors.text.mutedSubtle,
-        },
-        !isEditable && {
-          color: t.colors.text.disabled,
-        },
-        isInvalid && {
-          color: t.colors.text.error,
+    (t) => {
+      const typography = t.typographies[SIZE_TYPOGRAPHY[size]];
+      const displayHeight = size === 'md' ? t.sizes.s56 : t.sizes.s36;
+
+      return {
+        container: {
+          position: 'relative',
+          width: t.sizes.full,
         },
-      ]),
-      currency: StyleSheet.flatten([
-        {
-          color: t.colors.text.base,
-          ...t.typographies.heading0SemiBold,
+        hiddenInput: {
+          position: 'absolute',
+          width: t.sizes.full,
+          height: t.sizes.full,
+          opacity: 0,
         },
-        !hasValue && {
-          color: t.colors.text.mutedSubtle,
+        alignRow: {
+          width: t.sizes.full,
+          flexDirection: 'row',
+          justifyContent: ALIGN_ROW_JUSTIFY[align],
         },
-        !isEditable && {
-          color: t.colors.text.disabled,
+        pressable: {
+          flexDirection: 'row',
+          alignItems: 'center',
         },
-        isInvalid && {
-          color: t.colors.text.error,
+        displayText: StyleSheet.flatten([
+          {
+            height: displayHeight,
+            backgroundColor: 'transparent',
+            color: t.colors.text.base,
+            alignItems: 'flex-start',
+            ...typography,
+          },
+          !hasValue && {
+            color: t.colors.text.mutedSubtle,
+          },
+          !isEditable && {
+            color: t.colors.text.disabled,
+          },
+          isInvalid && {
+            color: t.colors.text.error,
+          },
+        ]),
+        currency: StyleSheet.flatten([
+          {
+            color: t.colors.text.base,
+            ...typography,
+          },
+          !hasValue && {
+            color: t.colors.text.mutedSubtle,
+          },
+          !isEditable && {
+            color: t.colors.text.disabled,
+          },
+          isInvalid && {
+            color: t.colors.text.error,
+          },
+        ]),
+        caret: {
+          marginHorizontal: t.spacings.s2,
+          width: t.sizes.s2,
+          backgroundColor: t.colors.text.active,
         },
-      ]),
-      caret: {
-        marginHorizontal: t.spacings.s2,
-        width: t.sizes.s2,
-        backgroundColor: t.colors.text.active,
-      },
-    }),
-    [hasValue, isEditable, isInvalid],
+      };
+    },
+    [size, align, hasValue, isEditable, isInvalid],
   );
 };

package/src/lib/Components/AmountInput/types.ts

@@ -1,6 +1,10 @@
 import type { TextInputProps, ViewStyle } from 'react-native';
 import type { BoxProps } from '../Utility';
 
+export type AmountInputSize = 'md' | 'sm';
+
+export type AmountInputAlign = 'center' | 'start' | 'end';
+
 export type AmountInputProps = Omit<
   TextInputProps,
   'value' | 'onChangeText'
@@ -15,6 +19,16 @@ export type AmountInputProps = Omit<
    * @required
    */
   onChangeText: (text: string) => void;
+  /**
+   * Visual size of the amount input.
+   * @default 'md'
+   */
+  size?: AmountInputSize;
+  /**
+   * Horizontal alignment of the amount and currency.
+   * @default 'center'
+   */
+  align?: AmountInputAlign;
   /**
    * The currency text (e.g. USD, EUR)
    */