@bacon-pos/ui 0.5.0 → 0.5.1

package/lib/commonjs/components/CodeField/CodeField.js

@@ -46,6 +46,7 @@ function CodeField({
   disabled = false,
   autoFocus = false,
   cellWidth = 126,
+  fullWidth = false,
   cellHeight = 58,
   gap = 24,
   fontFamily,
@@ -65,7 +66,10 @@ function CodeField({
   const hasError = Boolean(error);
   const message = typeof error === 'string' ? error : helperText;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
+    style: [fullWidth ? {
+      alignSelf: 'stretch',
+      width: '100%'
+    } : {
       alignSelf: 'flex-start'
     }, style],
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
@@ -90,7 +94,11 @@ function CodeField({
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             testID: "code-field-cell",
             style: {
-              width: cellWidth,
+              ...(fullWidth ? {
+                flex: 1
+              } : {
+                width: cellWidth
+              }),
               height: cellHeight,
               borderRadius: theme.radii.pill,
               borderWidth: 1,

package/lib/commonjs/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","jsxs","View","alignSelf","children","Pressable","onPress","current","focus","position","jsx","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","width","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","Text","regular","lineHeight","round","TextInput","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","fullWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","jsxs","View","alignSelf","width","children","Pressable","onPress","current","focus","position","jsx","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","flex","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","Text","regular","lineHeight","round","TextInput","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeField/CodeField.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ErrorHelperText = exports.Error = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
+exports.default = exports.FullWidth = exports.ErrorHelperText = exports.Error = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _CodeField = require("./CodeField.js");
@@ -20,7 +20,8 @@ function Demo(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       gap: 8,
-      alignItems: 'flex-start'
+      alignItems: 'flex-start',
+      alignSelf: 'stretch'
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
       value: value,
@@ -73,6 +74,18 @@ const Disabled = exports.Disabled = {
     disabled: true
   })
 };
+// fullWidth — cells share 100% of the container evenly (here a 360px box).
+const FullWidth = exports.FullWidth = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 360
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      length: 4,
+      fullWidth: true
+    })
+  })
+};
 // Error state — red cells + focus ring, message below (like Input).
 const Error = exports.Error = {
   render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {

package/lib/commonjs/components/CodeField/CodeField.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","alignSelf","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","FullWidth","width","fullWidth","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CodeField/CodeField.js

@@ -44,6 +44,7 @@ export function CodeField({
   disabled = false,
   autoFocus = false,
   cellWidth = 126,
+  fullWidth = false,
   cellHeight = 58,
   gap = 24,
   fontFamily,
@@ -63,7 +64,10 @@ export function CodeField({
   const hasError = Boolean(error);
   const message = typeof error === 'string' ? error : helperText;
   return /*#__PURE__*/_jsxs(View, {
-    style: [{
+    style: [fullWidth ? {
+      alignSelf: 'stretch',
+      width: '100%'
+    } : {
       alignSelf: 'flex-start'
     }, style],
     children: [/*#__PURE__*/_jsxs(Pressable, {
@@ -88,7 +92,11 @@ export function CodeField({
           return /*#__PURE__*/_jsx(View, {
             testID: "code-field-cell",
             style: {
-              width: cellWidth,
+              ...(fullWidth ? {
+                flex: 1
+              } : {
+                width: cellWidth
+              }),
               height: cellHeight,
               borderRadius: theme.radii.pill,
               borderWidth: 1,

package/lib/module/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useState","Pressable","TextInput","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","inputRef","focused","setFocused","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","alignSelf","children","onPress","current","focus","position","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","width","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","regular","lineHeight","round","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useState","Pressable","TextInput","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","fullWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","inputRef","focused","setFocused","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","alignSelf","width","children","onPress","current","focus","position","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","flex","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","regular","lineHeight","round","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CodeField/CodeField.stories.js

@@ -16,7 +16,8 @@ function Demo(props) {
   return /*#__PURE__*/_jsxs(View, {
     style: {
       gap: 8,
-      alignItems: 'flex-start'
+      alignItems: 'flex-start',
+      alignSelf: 'stretch'
     },
     children: [/*#__PURE__*/_jsx(CodeField, {
       value: value,
@@ -69,6 +70,18 @@ export const Disabled = {
     disabled: true
   })
 };
+// fullWidth — cells share 100% of the container evenly (here a 360px box).
+export const FullWidth = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 360
+    },
+    children: /*#__PURE__*/_jsx(Demo, {
+      length: 4,
+      fullWidth: true
+    })
+  })
+};
 // Error state — red cells + focus ring, message below (like Input).
 export const Error = {
   render: () => /*#__PURE__*/_jsx(Demo, {

package/lib/module/components/CodeField/CodeField.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","View","CodeField","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","value","setValue","done","setDone","style","gap","alignItems","children","onChangeText","onComplete","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","View","CodeField","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","value","setValue","done","setDone","style","gap","alignItems","alignSelf","children","onChangeText","onComplete","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","FullWidth","width","fullWidth","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts

@@ -19,8 +19,10 @@ export interface CodeFieldProps {
     disabled?: boolean;
     /** Focus on mount. */
     autoFocus?: boolean;
-    /** Cell width in px (Figma default 126). */
+    /** Cell width in px (Figma default 126). Ignored when `fullWidth` is set. */
     cellWidth?: number;
+    /** Stretch the row to 100% of the container; cells share the width evenly. */
+    fullWidth?: boolean;
     /** Cell height in px (Figma default 58). */
     cellHeight?: number;
     /** Gap between cells in px (Figma default 24). */
@@ -40,5 +42,5 @@ export interface CodeFieldProps {
  * backspace-to-previous and type-to-next all work natively. The active cell
  * shows the lime focus ring. Cell size, gap, font and font size are configurable.
  */
-export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, fullWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CodeField.d.ts.map

package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,SAAiB,EACjB,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}

package/lib/typescript/module/components/CodeField/CodeField.d.ts

@@ -19,8 +19,10 @@ export interface CodeFieldProps {
     disabled?: boolean;
     /** Focus on mount. */
     autoFocus?: boolean;
-    /** Cell width in px (Figma default 126). */
+    /** Cell width in px (Figma default 126). Ignored when `fullWidth` is set. */
     cellWidth?: number;
+    /** Stretch the row to 100% of the container; cells share the width evenly. */
+    fullWidth?: boolean;
     /** Cell height in px (Figma default 58). */
     cellHeight?: number;
     /** Gap between cells in px (Figma default 24). */
@@ -40,5 +42,5 @@ export interface CodeFieldProps {
  * backspace-to-previous and type-to-next all work natively. The active cell
  * shows the lime focus ring. Cell size, gap, font and font size are configurable.
  */
-export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, fullWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CodeField.d.ts.map

package/lib/typescript/module/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,SAAiB,EACjB,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacon-pos/ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Bacon POS design system — React Native component library",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",

package/src/components/CodeField/CodeField.tsx

@@ -51,8 +51,10 @@ export interface CodeFieldProps {
   disabled?: boolean;
   /** Focus on mount. */
   autoFocus?: boolean;
-  /** Cell width in px (Figma default 126). */
+  /** Cell width in px (Figma default 126). Ignored when `fullWidth` is set. */
   cellWidth?: number;
+  /** Stretch the row to 100% of the container; cells share the width evenly. */
+  fullWidth?: boolean;
   /** Cell height in px (Figma default 58). */
   cellHeight?: number;
   /** Gap between cells in px (Figma default 24). */
@@ -84,6 +86,7 @@ export function CodeField({
   disabled = false,
   autoFocus = false,
   cellWidth = 126,
+  fullWidth = false,
   cellHeight = 58,
   gap = 24,
   fontFamily,
@@ -106,7 +109,7 @@ export function CodeField({
   const message = typeof error === 'string' ? error : helperText;
 
   return (
-    <View style={[{ alignSelf: 'flex-start' }, style]}>
+    <View style={[fullWidth ? { alignSelf: 'stretch', width: '100%' } : { alignSelf: 'flex-start' }, style]}>
       <Pressable
         onPress={() => inputRef.current?.focus()}
         disabled={disabled}
@@ -130,7 +133,7 @@ export function CodeField({
                 key={i}
                 testID="code-field-cell"
                 style={{
-                  width: cellWidth,
+                  ...(fullWidth ? { flex: 1 } : { width: cellWidth }),
                   height: cellHeight,
                   borderRadius: theme.radii.pill,
                   borderWidth: 1,