@lockin90/ui-native 2.2.0 → 2.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","Pressable","StyleSheet","LinearGradient","colors","radii","gradients","fonts","nativeShadows","Icon","Menu","jsx","_jsx","jsxs","_jsxs","SplitButton","label","onPress","items","variant","icon","isPrimary","fg","text","chevColor","textDim","style","styles","group","groupPrimary","groupDefault","children","pressed","cta","stops","start","x","y","end","main","color","numberOfLines","mainDefault","divider","backgroundColor","border","chevWrapPrimary","chevWrapDefault","absoluteFill","align","trigger","chev","name","size","create","flexDirection","alignItems","alignSelf","borderRadius","sm","overflow","glowAccent","borderWidth","borderColor","gap","paddingVertical","paddingHorizontal","glass2","opacity","flexShrink","fontFamily","ui","fontWeight","fontSize","width","position","justifyContent","transform","rotate"],"sourceRoot":"../../../src","sources":["components/SplitButton.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,aAAa,QAAQ,kBAAkB;AACjF,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAA2B,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBjD;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,KAAK;EAAEC,OAAO,GAAG,SAAS;EAAEC;AAAuB,CAAC,EAAE;EAClG,MAAMC,SAAS,GAAGF,OAAO,KAAK,SAAS;EACvC,MAAMG,EAAE,GAAGD,SAAS,GAAG,SAAS,GAAGjB,MAAM,CAACmB,IAAI;EAC9C,MAAMC,SAAS,GAAGH,SAAS,GAAG,SAAS,GAAGjB,MAAM,CAACqB,OAAO;EAExD,oBACEX,KAAA,CAACf,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEP,SAAS,GAAGM,MAAM,CAACE,YAAY,GAAGF,MAAM,CAACG,YAAY,CAAE;IAAAC,QAAA,gBAEjFnB,IAAA,CAACX,SAAS;MAACgB,OAAO,EAAEA,OAAQ;MAACS,KAAK,EAAEA,CAAC;QAAEM;MAAQ,CAAC,KAAKA,OAAO,IAAIL,MAAM,CAACK,OAAQ;MAAAD,QAAA,EAC5EV,SAAS,gBACRP,KAAA,CAACX,cAAc;QACbC,MAAM,EAAEE,SAAS,CAAC2B,GAAG,CAACC,KAAqC;QAC3DC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBX,KAAK,EAAEC,MAAM,CAACY,IAAK;QAAAR,QAAA,GAElBX,IAAI,IAAI,IAAI,iBAAIR,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACP,IAAK;UAAAW,QAAA,EAAEX;QAAI,CAAO,CAAC,eACxDR,IAAA,CAACZ,IAAI;UAAC0B,KAAK,EAAE,CAACC,MAAM,CAACX,KAAK,EAAE;YAAEwB,KAAK,EAAElB;UAAG,CAAC,CAAE;UAACmB,aAAa,EAAE,CAAE;UAAAV,QAAA,EAAEf;QAAK,CAAO,CAAC;MAAA,CAC9D,CAAC,gBAEjBF,KAAA,CAACf,IAAI;QAAC2B,KAAK,EAAE,CAACC,MAAM,CAACY,IAAI,EAAEZ,MAAM,CAACe,WAAW,CAAE;QAAAX,QAAA,GAC5CX,IAAI,IAAI,IAAI,iBAAIR,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACP,IAAK;UAAAW,QAAA,EAAEX;QAAI,CAAO,CAAC,eACxDR,IAAA,CAACZ,IAAI;UAAC0B,KAAK,EAAE,CAACC,MAAM,CAACX,KAAK,EAAE;YAAEwB,KAAK,EAAElB;UAAG,CAAC,CAAE;UAACmB,aAAa,EAAE,CAAE;UAAAV,QAAA,EAAEf;QAAK,CAAO,CAAC;MAAA,CACxE;IACP,CACQ,CAAC,eAGZJ,IAAA,CAACb,IAAI;MAAC2B,KAAK,EAAE,CAACC,MAAM,CAACgB,OAAO,EAAE;QAAEC,eAAe,EAAEvB,SAAS,GAAG,kBAAkB,GAAGjB,MAAM,CAACyC;MAAO,CAAC;IAAE,CAAE,CAAC,eAGtG/B,KAAA,CAACf,IAAI;MAAC2B,KAAK,EAAEL,SAAS,GAAGM,MAAM,CAACmB,eAAe,GAAGnB,MAAM,CAACoB,eAAgB;MAAAhB,QAAA,GACtEV,SAAS,iBACRT,IAAA,CAACT,cAAc;QACbC,MAAM,EAAEE,SAAS,CAAC2B,GAAG,CAACC,KAAqC;QAC3DC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBX,KAAK,EAAExB,UAAU,CAAC8C;MAAa,CAChC,CACF,eACDpC,IAAA,CAACF,IAAI;QACHuC,KAAK,EAAC,OAAO;QACb/B,KAAK,EAAEA,KAAM;QACbgC,OAAO,eACLtC,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACwB,IAAK;UAAApB,QAAA,eACvBnB,IAAA,CAACH,IAAI;YAAC2C,IAAI,EAAC,SAAS;YAACC,IAAI,EAAE,EAAG;YAACb,KAAK,EAAEhB;UAAU,CAAE;QAAC,CAC/C;MACP,CACF,CAAC;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGzB,UAAU,CAACoD,MAAM,CAAC;EAC/B1B,KAAK,EAAE;IACL2B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,SAAS;IACrBC,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAErD,KAAK,CAACsD,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACD/B,YAAY,EAAE;IAAE,GAAGrB,aAAa,CAACqD;EAAW,CAAC;EAC7C/B,YAAY,EAAE;IAAEgC,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE3D,MAAM,CAACyC;EAAO,CAAC;EAC5DN,IAAI,EAAE;IACJgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBQ,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDxB,WAAW,EAAE;IAAEE,eAAe,EAAExC,MAAM,CAAC+D;EAAO,CAAC;EAC/CnC,OAAO,EAAE;IAAEoC,OAAO,EAAE;EAAK,CAAC;EAC1BhD,IAAI,EAAE;IAAEiD,UAAU,EAAE;EAAE,CAAC;EACvBrD,KAAK,EAAE;IAAEsD,UAAU,EAAE/D,KAAK,CAACgE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAChE9B,OAAO,EAAE;IAAE+B,KAAK,EAAE;EAAE,CAAC;EACrB5B,eAAe,EAAE;IAAE6B,QAAQ,EAAE,UAAU;IAAEC,cAAc,EAAE,QAAQ;IAAEhB,QAAQ,EAAE;EAAS,CAAC;EACvFb,eAAe,EAAE;IAAE4B,QAAQ,EAAE,UAAU;IAAEC,cAAc,EAAE,QAAQ;IAAEhC,eAAe,EAAExC,MAAM,CAAC+D;EAAO,CAAC;EACnGhB,IAAI,EAAE;IACJuB,KAAK,EAAE,EAAE;IACTlB,UAAU,EAAE,QAAQ;IACpBoB,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC;EACjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["View","Text","Pressable","StyleSheet","LinearGradient","colors","radii","gradients","fonts","nativeShadows","Icon","Menu","jsx","_jsx","jsxs","_jsxs","SplitButton","label","onPress","items","variant","icon","isPrimary","fg","text","chevColor","textDim","style","styles","group","groupPrimary","groupDefault","children","pressed","cta","stops","start","x","y","end","main","color","numberOfLines","mainDefault","divider","backgroundColor","border","chevWrapPrimary","chevWrapDefault","absoluteFill","align","trigger","chev","name","size","create","flexDirection","alignItems","alignSelf","borderRadius","sm","overflow","glowAccent","borderWidth","borderColor","border2","gap","paddingVertical","paddingHorizontal","glass2","opacity","flexShrink","fontFamily","ui","fontWeight","fontSize","width","position","justifyContent","transform","rotate"],"sourceRoot":"../../../src","sources":["components/SplitButton.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,aAAa,QAAQ,kBAAkB;AACjF,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAA2B,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBjD;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,KAAK;EAAEC,OAAO,GAAG,SAAS;EAAEC;AAAuB,CAAC,EAAE;EAClG,MAAMC,SAAS,GAAGF,OAAO,KAAK,SAAS;EACvC,MAAMG,EAAE,GAAGD,SAAS,GAAG,SAAS,GAAGjB,MAAM,CAACmB,IAAI;EAC9C,MAAMC,SAAS,GAAGH,SAAS,GAAG,SAAS,GAAGjB,MAAM,CAACqB,OAAO;EAExD,oBACEX,KAAA,CAACf,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEP,SAAS,GAAGM,MAAM,CAACE,YAAY,GAAGF,MAAM,CAACG,YAAY,CAAE;IAAAC,QAAA,gBAEjFnB,IAAA,CAACX,SAAS;MAACgB,OAAO,EAAEA,OAAQ;MAACS,KAAK,EAAEA,CAAC;QAAEM;MAAQ,CAAC,KAAKA,OAAO,IAAIL,MAAM,CAACK,OAAQ;MAAAD,QAAA,EAC5EV,SAAS,gBACRP,KAAA,CAACX,cAAc;QACbC,MAAM,EAAEE,SAAS,CAAC2B,GAAG,CAACC,KAAqC;QAC3DC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBX,KAAK,EAAEC,MAAM,CAACY,IAAK;QAAAR,QAAA,GAElBX,IAAI,IAAI,IAAI,iBAAIR,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACP,IAAK;UAAAW,QAAA,EAAEX;QAAI,CAAO,CAAC,eACxDR,IAAA,CAACZ,IAAI;UAAC0B,KAAK,EAAE,CAACC,MAAM,CAACX,KAAK,EAAE;YAAEwB,KAAK,EAAElB;UAAG,CAAC,CAAE;UAACmB,aAAa,EAAE,CAAE;UAAAV,QAAA,EAAEf;QAAK,CAAO,CAAC;MAAA,CAC9D,CAAC,gBAEjBF,KAAA,CAACf,IAAI;QAAC2B,KAAK,EAAE,CAACC,MAAM,CAACY,IAAI,EAAEZ,MAAM,CAACe,WAAW,CAAE;QAAAX,QAAA,GAC5CX,IAAI,IAAI,IAAI,iBAAIR,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACP,IAAK;UAAAW,QAAA,EAAEX;QAAI,CAAO,CAAC,eACxDR,IAAA,CAACZ,IAAI;UAAC0B,KAAK,EAAE,CAACC,MAAM,CAACX,KAAK,EAAE;YAAEwB,KAAK,EAAElB;UAAG,CAAC,CAAE;UAACmB,aAAa,EAAE,CAAE;UAAAV,QAAA,EAAEf;QAAK,CAAO,CAAC;MAAA,CACxE;IACP,CACQ,CAAC,eAGZJ,IAAA,CAACb,IAAI;MAAC2B,KAAK,EAAE,CAACC,MAAM,CAACgB,OAAO,EAAE;QAAEC,eAAe,EAAEvB,SAAS,GAAG,kBAAkB,GAAGjB,MAAM,CAACyC;MAAO,CAAC;IAAE,CAAE,CAAC,eAGtG/B,KAAA,CAACf,IAAI;MAAC2B,KAAK,EAAEL,SAAS,GAAGM,MAAM,CAACmB,eAAe,GAAGnB,MAAM,CAACoB,eAAgB;MAAAhB,QAAA,GACtEV,SAAS,iBACRT,IAAA,CAACT,cAAc;QACbC,MAAM,EAAEE,SAAS,CAAC2B,GAAG,CAACC,KAAqC;QAC3DC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBX,KAAK,EAAExB,UAAU,CAAC8C;MAAa,CAChC,CACF,eACDpC,IAAA,CAACF,IAAI;QACHuC,KAAK,EAAC,OAAO;QACb/B,KAAK,EAAEA,KAAM;QACbgC,OAAO,eACLtC,IAAA,CAACb,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACwB,IAAK;UAAApB,QAAA,eACvBnB,IAAA,CAACH,IAAI;YAAC2C,IAAI,EAAC,SAAS;YAACC,IAAI,EAAE,EAAG;YAACb,KAAK,EAAEhB;UAAU,CAAE;QAAC,CAC/C;MACP,CACF,CAAC;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGzB,UAAU,CAACoD,MAAM,CAAC;EAC/B1B,KAAK,EAAE;IACL2B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,SAAS;IACrBC,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAErD,KAAK,CAACsD,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACD/B,YAAY,EAAE;IAAE,GAAGrB,aAAa,CAACqD;EAAW,CAAC;EAC7C/B,YAAY,EAAE;IAAEgC,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE3D,MAAM,CAAC4D;EAAQ,CAAC;EAC7DzB,IAAI,EAAE;IACJgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBS,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDzB,WAAW,EAAE;IAAEE,eAAe,EAAExC,MAAM,CAACgE;EAAO,CAAC;EAC/CpC,OAAO,EAAE;IAAEqC,OAAO,EAAE;EAAK,CAAC;EAC1BjD,IAAI,EAAE;IAAEkD,UAAU,EAAE;EAAE,CAAC;EACvBtD,KAAK,EAAE;IAAEuD,UAAU,EAAEhE,KAAK,CAACiE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAChE/B,OAAO,EAAE;IAAEgC,KAAK,EAAE;EAAE,CAAC;EACrB7B,eAAe,EAAE;IAAE8B,QAAQ,EAAE,UAAU;IAAEC,cAAc,EAAE,QAAQ;IAAEjB,QAAQ,EAAE;EAAS,CAAC;EACvFb,eAAe,EAAE;IAAE6B,QAAQ,EAAE,UAAU;IAAEC,cAAc,EAAE,QAAQ;IAAEjC,eAAe,EAAExC,MAAM,CAACgE;EAAO,CAAC;EACnGjB,IAAI,EAAE;IACJwB,KAAK,EAAE,EAAE;IACTnB,UAAU,EAAE,QAAQ;IACpBqB,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/SsoButton.js

@@ -13,9 +13,9 @@ export function SsoButton({
 }) {
   const label = provider === 'google' ? 'Google' : 'Apple';
   return /*#__PURE__*/_jsxs(Pressable, {
-    ...rest,
     accessibilityRole: "button",
     accessibilityLabel: `Continue with ${label}`,
+    ...rest,
     style: ({
       pressed
     }) => [styles.btn, pressed && styles.pressed, rest.disabled === true ? styles.disabled : undefined],
@@ -78,11 +78,10 @@ const styles = StyleSheet.create({
     borderRadius: radii.sm,
     backgroundColor: 'rgba(255,255,255,0.04)',
     borderWidth: 1,
-    borderColor: 'rgba(255,255,255,0.10)'
+    borderColor: colors.border2
   },
   pressed: {
-    backgroundColor: 'rgba(255,255,255,0.06)',
-    borderColor: 'rgba(255,255,255,0.16)'
+    backgroundColor: 'rgba(255,255,255,0.06)'
   },
   disabled: {
     opacity: 0.5
@@ -98,6 +97,8 @@ const styles = StyleSheet.create({
     fontFamily: fonts.ui,
     fontWeight: '600',
     fontSize: 12.5,
+    // the web's 1.55 line height: 10 + 19.4 + 10 + 2 borders = 41.4, as on web
+    lineHeight: 12.5 * 1.55,
     letterSpacing: 0.1
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","Text","View","StyleSheet","Svg","Path","colors","fonts","radii","jsx","_jsx","jsxs","_jsxs","SsoButton","provider","rest","label","accessibilityRole","accessibilityLabel","style","pressed","styles","btn","disabled","undefined","children","iconSlot","GoogleBrandIcon","AppleBrandIcon","color","text","size","width","height","viewBox","fill","d","create","flex","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderRadius","sm","backgroundColor","borderWidth","borderColor","opacity","fontFamily","ui","fontWeight","fontSize","letterSpacing"],"sourceRoot":"../../../src","sources":["components/SsoButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Pressable","Text","View","StyleSheet","Svg","Path","colors","fonts","radii","jsx","_jsx","jsxs","_jsxs","SsoButton","provider","rest","label","accessibilityRole","accessibilityLabel","style","pressed","styles","btn","disabled","undefined","children","iconSlot","GoogleBrandIcon","AppleBrandIcon","color","text","size","width","height","viewBox","fill","d","create","flex","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderRadius","sm","backgroundColor","borderWidth","borderColor","border2","opacity","fontFamily","ui","fontWeight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/SsoButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAOlC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;wBAGwB;AACxB,wBAAgB,MAAM,CAAC,EAAE,OAAmB,EAAE,IAAI,EAAE,IAAW,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAgFhI"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAOlC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;wBAGwB;AACxB,wBAAgB,MAAM,CAAC,EAAE,OAAmB,EAAE,IAAI,EAAE,IAAW,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAgFhI"}

package/lib/typescript/components/FormField.d.ts

@@ -9,11 +9,13 @@ export interface FormFieldProps extends ViewProps {
     error?: ReactNode;
     /** appends a small accent `*` after the label */
     required?: boolean;
+    /** a link or action at the end of the label row (e.g. "Forgot password?") */
+    labelAction?: ReactNode;
     /** the form control to wrap */
     children?: ReactNode;
 }
 /** Labeled form-control wrapper — mono label, the control, then faint help or red error. */
-export declare function FormField({ label, help, error, required, children, style, ...rest }: FormFieldProps): import("react").JSX.Element;
+export declare function FormField({ label, help, error, required, labelAction, children, style, ...rest }: FormFieldProps): import("react").JSX.Element;
 export interface SearchInputProps extends Omit<TextInputProps, 'onChange' | 'value'> {
     /** current query value (controlled) */
     value?: string;

package/lib/typescript/components/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BAiBhB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClF,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,OAAO,EACP,KAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA8ElB"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BAsBhB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClF,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,OAAO,EACP,KAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA8ElB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lockin90/ui-native",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "LockIn90 \"Aurora Flux\" React Native component library — StyleSheet primitives driven by @lockin90/tokens.",
   "license": "UNLICENSED",
   "repository": {

package/src/components/BackLink.tsx

@@ -55,9 +55,9 @@ const pillStyles = StyleSheet.create({
     paddingVertical: 7,
     paddingHorizontal: 13,
     borderWidth: 1,
-    borderColor: colors.border,
+    borderColor: colors.border2,
     backgroundColor: colors.glass,
-    borderRadius: radii.pill,
+    borderRadius: radii.sm,
     alignSelf: 'flex-start',
   },
   label: { color: colors.textDim, fontFamily: fonts.mono, fontSize: 11.5, fontWeight: '400' },

package/src/components/Button.tsx

@@ -4,6 +4,9 @@ import { LinearGradient } from 'expo-linear-gradient';
 import { colors, radii, gradients, fonts, nativeShadows } from '@lockin90/tokens';
 import { hapticSelection } from '../internal/optionalHaptics';
 
+// the web's body line height (1.55): the md button is 12 + 14 × 1.55 + 12 = 45.7, as on web
+const LINE = 1.55;
+
 export type ButtonVariant = 'default' | 'primary' | 'ghost';
 export type ButtonTone = 'danger';
 
@@ -50,7 +53,7 @@ export function Button({ variant = 'default', tone, size = 'md', title, leading,
 
   if (variant === 'primary' && !danger) {
     return (
-      <Pressable onPress={press} {...rest}>
+      <Pressable accessibilityRole="button" onPress={press} {...rest}>
         {({ pressed }) => (
           <LinearGradient
             colors={gradients.cta.stops as unknown as [string, string]}
@@ -59,7 +62,7 @@ export function Button({ variant = 'default', tone, size = 'md', title, leading,
             style={[styles.base, pad, styles.primary, pressed && styles.pressed, style]}
           >
             {leading}
-            <Text style={[styles.label, { fontSize: labelSize, color: '#0A0A12' }]}>{title}</Text>
+            <Text style={[styles.label, { fontSize: labelSize, lineHeight: labelSize * LINE, color: '#0A0A12' }]}>{title}</Text>
             {trailing}
           </LinearGradient>
         )}
@@ -90,12 +93,12 @@ export function Button({ variant = 'default', tone, size = 'md', title, leading,
     textColor = colors.bad;
   } else {
     backgroundColor = ghost ? 'transparent' : colors.glass2;
-    borderColor = ghost ? colors.border : colors.border2;
+    borderColor = colors.border2;
     textColor = ghost ? colors.textDim : colors.text;
   }
 
   return (
-    <Pressable onPress={press} {...rest}>
+    <Pressable accessibilityRole="button" onPress={press} {...rest}>
       {({ pressed }) => (
         <View
           style={[
@@ -108,7 +111,7 @@ export function Button({ variant = 'default', tone, size = 'md', title, leading,
           ]}
         >
           {leading}
-          <Text style={[styles.label, { fontSize: labelSize, color: textColor }]}>{title}</Text>
+          <Text style={[styles.label, { fontSize: labelSize, lineHeight: labelSize * LINE, color: textColor }]}>{title}</Text>
           {trailing}
         </View>
       )}
@@ -117,7 +120,7 @@ export function Button({ variant = 'default', tone, size = 'md', title, leading,
 }
 
 const styles = StyleSheet.create({
-  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: 9, borderRadius: radii.pill },
+  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: 9, borderRadius: radii.sm },
   padMd: { paddingVertical: 12, paddingHorizontal: 20 },
   padSm: { paddingVertical: 8, paddingHorizontal: 14 },
   primary: { ...nativeShadows.glowAccent },

package/src/components/Chip.tsx

@@ -18,7 +18,7 @@ export interface ChipProps extends ViewProps {
 }
 
 const TONE: Record<ChipTone, { color: string; border: string; bg: string }> = {
-  default: { color: colors.textDim, border: colors.border, bg: colors.glass },
+  default: { color: colors.textDim, border: colors.border2, bg: colors.glass },
   neutral: { color: colors.textFaint, border: colors.border2, bg: colors.glass2 },
   high: { color: colors.zoneHigh, border: 'rgba(52,245,197,0.35)', bg: 'rgba(52,245,197,0.08)' },
   mid: { color: colors.zoneMid, border: 'rgba(255,176,32,0.35)', bg: 'rgba(255,176,32,0.08)' },
@@ -34,7 +34,7 @@ const TONE: Record<ChipTone, { color: string; border: string; bg: string }> = {
  *  pill (high/mid/low read slightly stronger; neutral reads dim on glass-2).
  *  The `accent` tone is handled specially (filled gradient). */
 const TONE_SM: Partial<Record<ChipTone, Partial<{ color: string; border: string; bg: string }>>> = {
-  neutral: { color: colors.textDim, border: colors.border, bg: colors.glass2 },
+  neutral: { color: colors.textDim, bg: colors.glass2 },
   high: { bg: 'rgba(52,245,197,0.10)' },
   mid: { bg: 'rgba(255,176,32,0.10)' },
   low: { bg: 'rgba(255,77,109,0.10)' },
@@ -102,7 +102,7 @@ const styles = StyleSheet.create({
     gap: 7,
     paddingVertical: 5,
     paddingHorizontal: 11,
-    borderRadius: radii.pill,
+    borderRadius: radii.sm,
     borderWidth: 1,
     alignSelf: 'flex-start',
   },

package/src/components/FollowButton.tsx

@@ -35,7 +35,7 @@ export function FollowButton({
   const labelSize = size === 'sm' ? 12 : 12.5;
 
   const tone = following
-    ? { color: colors.textDim, border: colors.border, bg: colors.glass }
+    ? { color: colors.textDim, border: colors.border2, bg: colors.glass }
     : { color: '#cbbcff', border: 'rgba(124,92,255,0.45)', bg: 'rgba(124,92,255,0.10)' };
 
   return (
@@ -66,7 +66,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     gap: 6,
-    borderRadius: radii.pill,
+    borderRadius: radii.sm,
     borderWidth: 1,
     alignSelf: 'flex-start',
   },

package/src/components/FormField.tsx

@@ -20,6 +20,8 @@ export interface FormFieldProps extends ViewProps {
   error?: ReactNode;
   /** appends a small accent `*` after the label */
   required?: boolean;
+  /** a link or action at the end of the label row (e.g. "Forgot password?") */
+  labelAction?: ReactNode;
   /** the form control to wrap */
   children?: ReactNode;
 }
@@ -30,17 +32,23 @@ export function FormField({
   help,
   error,
   required = false,
+  labelAction,
   children,
   style,
   ...rest
 }: FormFieldProps) {
   return (
     <View style={[styles.field, style]} {...rest}>
-      {label ? (
-        <Text style={styles.fieldLabel}>
-          {label.toUpperCase()}
-          {required ? <Text style={styles.req}> *</Text> : null}
-        </Text>
+      {label || labelAction ? (
+        <View style={styles.labelRow}>
+          {label ? (
+            <Text style={styles.fieldLabel}>
+              {label.toUpperCase()}
+              {required ? <Text style={styles.req}> *</Text> : null}
+            </Text>
+          ) : null}
+          {labelAction}
+        </View>
       ) : null}
       <View style={styles.control}>{children}</View>
       {error ? (
@@ -160,12 +168,15 @@ export function SearchInput({
 const styles = StyleSheet.create({
   // FormField
   field: { gap: 6, minWidth: 0 },
+  labelRow: { flexDirection: 'row', alignItems: 'baseline', justifyContent: 'space-between', gap: 10 },
+  // the label the web shows (11px / 500, text-dim, 0.12em, line height 1.55 = 17)
   fieldLabel: {
     fontFamily: fonts.mono,
-    fontSize: 10,
+    fontSize: 11,
+    lineHeight: 17,
     fontWeight: '500',
-    letterSpacing: 1.2,
-    color: colors.textFaint,
+    letterSpacing: 1.32,
+    color: colors.textDim,
   },
   req: { color: colors.accent, fontSize: 11 },
   control: { minWidth: 0 },

package/src/components/Input.tsx

@@ -70,28 +70,32 @@ export function Input({
 
 const styles = StyleSheet.create({
   wrap: { gap: 6, minWidth: 0 },
+  // the same caption as FormField's label (11px / 500, text-dim, line height 17), as the web shows
   label: {
     fontFamily: fonts.mono,
-    fontSize: 10,
+    fontSize: 11,
+    lineHeight: 17,
     fontWeight: '500',
-    letterSpacing: 1.2,
-    color: colors.textFaint,
+    letterSpacing: 1.32,
+    color: colors.textDim,
   },
   field: {
     flexDirection: 'row',
     alignItems: 'center',
     gap: 8,
     minWidth: 0,
+    minHeight: 39.6,
     paddingVertical: 9,
     paddingHorizontal: 12,
     borderRadius: radii.sm,
     borderWidth: 1,
     backgroundColor: colors.glass2,
   },
-  fieldSm: { paddingVertical: 6, paddingHorizontal: 10 },
+  // the web box: 9 + 14 × 1.4 + 9 + 2 borders = 39.6 (sm: 6 + 12.5 × 1.4 + 6 + 2 = 31.5)
+  fieldSm: { minHeight: 31.5, paddingVertical: 6, paddingHorizontal: 10 },
   // design `.strow .sv` — glass-2 fill (already the field default), border-2
   // (already default), 9px radius, roomier centered padding.
-  fieldNumeral: { justifyContent: 'center', paddingVertical: 10, paddingHorizontal: 10, borderRadius: 9 },
+  fieldNumeral: { minHeight: 0, justifyContent: 'center', paddingVertical: 10, paddingHorizontal: 10, borderRadius: 9 },
   lead: { flexShrink: 0 },
   input: {
     flex: 1,

package/src/components/PasswordInput.tsx

@@ -80,25 +80,29 @@ export function PasswordInput({
 
 const styles = StyleSheet.create({
   wrap: { gap: 6, minWidth: 0 },
+  // the same caption as FormField's label (11px / 500, text-dim, line height 17), as the web shows
   label: {
     fontFamily: fonts.mono,
-    fontSize: 10,
+    fontSize: 11,
+    lineHeight: 17,
     fontWeight: '500',
-    letterSpacing: 1.2,
-    color: colors.textFaint,
+    letterSpacing: 1.32,
+    color: colors.textDim,
   },
   field: {
     flexDirection: 'row',
     alignItems: 'center',
     gap: 8,
     minWidth: 0,
+    minHeight: 39.6,
     paddingVertical: 9,
     paddingHorizontal: 12,
     borderRadius: radii.sm,
     borderWidth: 1,
     backgroundColor: colors.glass2,
   },
-  fieldSm: { paddingVertical: 6, paddingHorizontal: 10 },
+  // the web box: 9 + 14 × 1.4 + 9 + 2 borders = 39.6 (sm: 6 + 12.5 × 1.4 + 6 + 2 = 31.5)
+  fieldSm: { minHeight: 31.5, paddingVertical: 6, paddingHorizontal: 10 },
   lead: { flexShrink: 0 },
   input: {
     flex: 1,
@@ -107,7 +111,9 @@ const styles = StyleSheet.create({
     color: colors.text,
     fontFamily: fonts.ui,
     fontSize: 14,
-    lineHeight: 20,
+    // centred by the field's height, as Input (an explicit lineHeight biases the glyph)
+    textAlignVertical: 'center',
+    includeFontPadding: false,
   },
   inputSm: { fontSize: 12.5 },
   trail: { flexShrink: 0 },

package/src/components/Select.tsx

@@ -248,12 +248,14 @@ const styles = StyleSheet.create({
   wrap: { flexDirection: 'column', gap: 6, alignSelf: 'stretch' },
   // sm hugs its content instead of stretching (design `.pref-select` pill)
   wrapSm: { alignSelf: 'auto' },
+  // the same caption as FormField's label (11px / 500, text-dim, line height 17), as the web shows
   label: {
-    fontFamily: fonts.ui,
-    fontSize: 10,
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    lineHeight: 17,
     fontWeight: '500',
-    letterSpacing: 1.2,
-    color: colors.textFaint,
+    letterSpacing: 1.32,
+    color: colors.textDim,
   },
   field: {
     flexDirection: 'row',

package/src/components/SplitButton.tsx

@@ -87,7 +87,7 @@ const styles = StyleSheet.create({
     overflow: 'hidden',
   },
   groupPrimary: { ...nativeShadows.glowAccent },
-  groupDefault: { borderWidth: 1, borderColor: colors.border },
+  groupDefault: { borderWidth: 1, borderColor: colors.border2 },
   main: {
     flexDirection: 'row',
     alignItems: 'center',

package/src/components/SsoButton.tsx

@@ -15,9 +15,9 @@ export function SsoButton({ provider, ...rest }: SsoButtonProps) {
   const label = provider === 'google' ? 'Google' : 'Apple';
   return (
     <Pressable
-      {...rest}
       accessibilityRole="button"
       accessibilityLabel={`Continue with ${label}`}
+      {...rest}
       style={({ pressed }) => [
         styles.btn,
         pressed && styles.pressed,
@@ -75,11 +75,10 @@ const styles = StyleSheet.create({
     borderRadius: radii.sm,
     backgroundColor: 'rgba(255,255,255,0.04)',
     borderWidth: 1,
-    borderColor: 'rgba(255,255,255,0.10)',
+    borderColor: colors.border2,
   },
   pressed: {
     backgroundColor: 'rgba(255,255,255,0.06)',
-    borderColor: 'rgba(255,255,255,0.16)',
   },
   disabled: { opacity: 0.5 },
   iconSlot: { width: 16, height: 16, alignItems: 'center', justifyContent: 'center' },
@@ -88,6 +87,8 @@ const styles = StyleSheet.create({
     fontFamily: fonts.ui,
     fontWeight: '600',
     fontSize: 12.5,
+    // the web's 1.55 line height: 10 + 19.4 + 10 + 2 borders = 41.4, as on web
+    lineHeight: 12.5 * 1.55,
     letterSpacing: 0.1,
   },
 });

package/src/components/__tests__/Button.test.tsx

@@ -0,0 +1,12 @@
+import { describe, expect, test } from 'vitest';
+import { Button } from '../Button';
+import { render } from './markup';
+
+/* Screen readers announce every variant as a button. */
+describe('Button role', () => {
+  for (const variant of ['primary', 'ghost'] as const) {
+    test(`${variant} is a button`, () => {
+      expect(render(Button, { variant, title: 'Sign in' })).toMatch(/role="button"/);
+    });
+  }
+});

package/src/components/__tests__/FormField.test.tsx

@@ -0,0 +1,17 @@
+import { Text } from 'react-native';
+import { describe, expect, test } from 'vitest';
+import { FormField } from '../FormField';
+import { render } from './markup';
+
+/* The label row can end with a link (the sign-in "Forgot password?"). */
+describe('FormField labelAction', () => {
+  test('renders the action after the label', () => {
+    const html = render(FormField, { label: 'Password', labelAction: <Text>Forgot password?</Text> });
+    expect(html.indexOf('PASSWORD')).toBeGreaterThan(-1);
+    expect(html.indexOf('Forgot password?')).toBeGreaterThan(html.indexOf('PASSWORD'));
+  });
+
+  test('renders the action without a label', () => {
+    expect(render(FormField, { labelAction: <Text>Forgot password?</Text> })).toContain('Forgot password?');
+  });
+});

package/src/components/__tests__/SsoButton.test.tsx

@@ -0,0 +1,15 @@
+import { describe, expect, test } from 'vitest';
+import { SsoButton } from '../SsoButton';
+import { render } from './markup';
+
+/* The app's translated name replaces the built-in English one. */
+describe('SsoButton name', () => {
+  test('defaults to the English name', () => {
+    expect(render(SsoButton, { provider: 'google' })).toContain('aria-label="Continue with Google"');
+  });
+
+  test('takes the app’s accessibilityLabel', () => {
+    const html = render(SsoButton, { provider: 'apple', accessibilityLabel: 'Продовжити з Apple' });
+    expect(html).toContain('aria-label="Продовжити з Apple"');
+  });
+});