@nexara/nativeflow 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/lib/commonjs/components/Button/Button.js +9 -4
  2. package/lib/commonjs/components/Button/Button.js.map +1 -1
  3. package/lib/commonjs/components/Button/utils.js +17 -10
  4. package/lib/commonjs/components/Button/utils.js.map +1 -1
  5. package/lib/commonjs/components/StyledComponents/StyledText.js +3 -1
  6. package/lib/commonjs/components/StyledComponents/StyledText.js.map +1 -1
  7. package/lib/commonjs/components/Surface/Surface.js +3 -3
  8. package/lib/commonjs/components/Surface/Surface.js.map +1 -1
  9. package/lib/module/components/Button/Button.js +10 -5
  10. package/lib/module/components/Button/Button.js.map +1 -1
  11. package/lib/module/components/Button/utils.js +17 -10
  12. package/lib/module/components/Button/utils.js.map +1 -1
  13. package/lib/module/components/StyledComponents/StyledText.js +3 -1
  14. package/lib/module/components/StyledComponents/StyledText.js.map +1 -1
  15. package/lib/module/components/Surface/Surface.js +3 -3
  16. package/lib/module/components/Surface/Surface.js.map +1 -1
  17. package/lib/typescript/commonjs/src/components/Button/Button.d.ts.map +1 -1
  18. package/lib/typescript/commonjs/src/components/Button/utils.d.ts +2 -1
  19. package/lib/typescript/commonjs/src/components/Button/utils.d.ts.map +1 -1
  20. package/lib/typescript/commonjs/src/types/button.type.d.ts +2 -0
  21. package/lib/typescript/commonjs/src/types/button.type.d.ts.map +1 -1
  22. package/lib/typescript/commonjs/src/types/surface.type.d.ts +1 -1
  23. package/lib/typescript/commonjs/src/types/surface.type.d.ts.map +1 -1
  24. package/lib/typescript/module/src/components/Button/Button.d.ts.map +1 -1
  25. package/lib/typescript/module/src/components/Button/utils.d.ts +2 -1
  26. package/lib/typescript/module/src/components/Button/utils.d.ts.map +1 -1
  27. package/lib/typescript/module/src/types/button.type.d.ts +2 -0
  28. package/lib/typescript/module/src/types/button.type.d.ts.map +1 -1
  29. package/lib/typescript/module/src/types/surface.type.d.ts +1 -1
  30. package/lib/typescript/module/src/types/surface.type.d.ts.map +1 -1
  31. package/package.json +1 -1
  32. package/src/components/Button/Button.tsx +35 -24
  33. package/src/components/Button/utils.ts +21 -10
  34. package/src/components/StyledComponents/StyledText.tsx +1 -1
  35. package/src/components/Surface/Surface.tsx +2 -2
  36. package/src/types/button.type.ts +3 -0
  37. package/src/types/surface.type.ts +1 -1
@@ -33,6 +33,7 @@ const Button = ({
33
33
  renderLeftIcon,
34
34
  renderRightIcon,
35
35
  disabled = false,
36
+ loading = false,
36
37
  containerStyle,
37
38
  titleStyle,
38
39
  onPress,
@@ -50,7 +51,8 @@ const Button = ({
50
51
  bg,
51
52
  titleColor,
52
53
  strokeColor,
53
- disabled
54
+ disabled,
55
+ loading
54
56
  });
55
57
  const STYLES = (0, _react.useMemo)(customStyles, []);
56
58
  const dynamicStyles = {
@@ -92,7 +94,7 @@ const Button = ({
92
94
  onPress: onPress
93
95
  // rippleColor={rippleColor}
94
96
  ,
95
- disabled: disabled
97
+ disabled: disabled || loading
96
98
  // ref={ref}
97
99
  ,
98
100
  ...rest,
@@ -104,13 +106,16 @@ const Button = ({
104
106
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
105
107
  flexShrink: 1,
106
108
  f: fullWidth ? 8 : undefined,
107
- children: title ?? children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
109
+ children: !loading ? title ?? children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
108
110
  numberOfLines: 1,
109
111
  fs: fs,
110
112
  fScale: fScale,
111
113
  style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
112
114
  children: title ?? children
113
- }) : renderIcon && cloneElement(renderIcon)
115
+ }) : renderIcon && cloneElement(renderIcon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
116
+ color: dynamicStyles.BUTTON_TEXT.color,
117
+ size: "small"
118
+ })
114
119
  }), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
115
120
  alignItems: "flex-end",
116
121
  f: fullWidth ? 1 : undefined,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","getButtonColors","STYLES","useMemo","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","props","jsxs","Fragment","jsx","StyledView","style","TouchableOpacity","undefined","flexShrink","StyledText","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","loading","containerStyle","titleStyle","onPress","children","rest","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","getButtonColors","STYLES","useMemo","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","props","jsxs","Fragment","jsx","StyledView","style","TouchableOpacity","undefined","flexShrink","StyledText","numberOfLines","ActivityIndicator","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
@@ -7,9 +7,10 @@ exports.getButtonColors = void 0;
7
7
  const getButtonBorderColor = ({
8
8
  theme,
9
9
  strokeColor,
10
- disabled
10
+ disabled,
11
+ loading
11
12
  }) => {
12
- if (disabled) {
13
+ if (disabled || loading) {
13
14
  return theme.colors.border.default;
14
15
  }
15
16
  if (strokeColor) {
@@ -21,9 +22,10 @@ const getButtonTextColor = ({
21
22
  theme,
22
23
  checkVariant,
23
24
  titleColor,
24
- disabled
25
+ disabled,
26
+ loading
25
27
  }) => {
26
- if (disabled) {
28
+ if (disabled || loading) {
27
29
  return theme.colors.typography.disabled;
28
30
  } else if (titleColor) {
29
31
  return titleColor;
@@ -36,9 +38,10 @@ const getButtonBackgroundColor = ({
36
38
  theme,
37
39
  checkVariant,
38
40
  bg,
39
- disabled
41
+ disabled,
42
+ loading
40
43
  }) => {
41
- if (disabled) {
44
+ if (disabled || loading) {
42
45
  return theme.colors.states.disabled;
43
46
  } else if (bg) {
44
47
  return bg;
@@ -73,7 +76,8 @@ const getButtonColors = ({
73
76
  bg,
74
77
  titleColor,
75
78
  strokeColor,
76
- disabled
79
+ disabled,
80
+ loading
77
81
  }) => {
78
82
  const checkVariant = variantToCompare => {
79
83
  return variant === variantToCompare;
@@ -82,18 +86,21 @@ const getButtonColors = ({
82
86
  theme,
83
87
  checkVariant,
84
88
  bg,
85
- disabled
89
+ disabled,
90
+ loading
86
91
  });
87
92
  const buttonTextColor = getButtonTextColor({
88
93
  theme,
89
94
  checkVariant,
90
95
  titleColor,
91
- disabled
96
+ disabled,
97
+ loading
92
98
  });
93
99
  const buttonBorderColor = getButtonBorderColor({
94
100
  theme,
95
101
  strokeColor,
96
- disabled
102
+ disabled,
103
+ loading
97
104
  });
98
105
  // const buttonIconColor = getButtonIconColor({
99
106
  // checkVariant,
@@ -1 +1 @@
1
- {"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","exports"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIJ,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBN,KAAK;EACLO,YAAY;EACZC,UAAU;EACVN;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACM,UAAU,CAACP,QAAQ;EAC3C,CAAC,MACI,IAAIM,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOP,KAAK,CAACG,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOV,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bb,KAAK;EACLO,YAAY;EACZO,EAAE;EACFZ;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACY,MAAM,CAACb,QAAQ;EACvC,CAAC,MACI,IAAIY,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBhB,KAAK;EACLiB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVP,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cb,KAAK;IACLO,YAAY;IACZO,EAAE;IACFZ;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCN,KAAK;IACLO,YAAY;IACZC,UAAU;IACVN;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGtB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAN,eAAA,GAAAA,eAAA","ignoreList":[]}
1
+ {"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","loading","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","exports"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIL,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBP,KAAK;EACLQ,YAAY;EACZC,UAAU;EACVP,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACM,UAAU,CAACR,QAAQ;EAC3C,CAAC,MACI,IAAIO,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOR,KAAK,CAACI,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOX,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bd,KAAK;EACLQ,YAAY;EACZO,EAAE;EACFb,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACY,MAAM,CAACd,QAAQ;EACvC,CAAC,MACI,IAAIa,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBjB,KAAK;EACLkB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVR,WAAW;EACXC,QAAQ;EACRC;AASJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cd,KAAK;IACLQ,YAAY;IACZO,EAAE;IACFb,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCP,KAAK;IACLQ,YAAY;IACZC,UAAU;IACVP,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGvB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAN,eAAA,GAAAA,eAAA","ignoreList":[]}
@@ -46,7 +46,9 @@ const StyledText = ({
46
46
  fontSize: (0, _ResponsiveCalculations.responsiveFontSize)(fs ?? typographyScales[fScale]),
47
47
  fontFamily: ff ?? '',
48
48
  textAlign: tas ? 'center' : 'auto',
49
- fontWeight: fw ?? 'normal',
49
+ ...(fw ? {
50
+ fontWeight: fw
51
+ } : {}),
50
52
  color: color ?? (themeColor && colors.brand.primary || getVariantColor())
51
53
  }, style],
52
54
  ...rest,
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_jsxRuntime","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","useTheme","getVariantColor","secondary","tertiary","disabled","inverse","primary","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","brand","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAGvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQhB,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACI,SAAS;MACpD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;MAChD;QAAS,OAAOT,MAAM,CAACE,UAAU,CAACQ,OAAO;IAC7C;EACJ,CAAC;EACD,oBACI,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IACDpB,KAAK,EAAE,CAAC;MACJqB,QAAQ,EAAE,IAAAC,0CAAkB,EAACpB,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DyB,UAAU,EAAEtB,EAAE,IAAI,EAAE;MACpBuB,SAAS,EAAErB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCsB,UAAU,EAAErB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACkB,KAAK,CAACR,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGb,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,UAAU","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_jsxRuntime","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","useTheme","getVariantColor","secondary","tertiary","disabled","inverse","primary","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","brand","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAGvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQhB,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACI,SAAS;MACpD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;MAChD;QAAS,OAAOT,MAAM,CAACE,UAAU,CAACQ,OAAO;IAC7C;EACJ,CAAC;EACD,oBACI,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IACDpB,KAAK,EAAE,CAAC;MACJqB,QAAQ,EAAE,IAAAC,0CAAkB,EAACpB,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DyB,UAAU,EAAEtB,EAAE,IAAI,EAAE;MACpBuB,SAAS,EAAErB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClC,IAAIC,EAAE,GAAG;QAAEqB,UAAU,EAAErB;MAAG,CAAC,GAAG,CAAC,CAAC,CAAC;MACjCC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACkB,KAAK,CAACR,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGb,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,UAAU","ignoreList":[]}
@@ -9,7 +9,7 @@ var _index2 = require("../../hooks/index.js");
9
9
  var _index3 = require("../../helpers/index.js");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  const Surface = ({
12
- variant = 'elevated',
12
+ variant = 'default',
13
13
  padding = 10,
14
14
  br = 5,
15
15
  children,
@@ -20,10 +20,10 @@ const Surface = ({
20
20
  } = (0, _index2.useTheme)();
21
21
  const styles = variant === 'elevated' ? {
22
22
  boxShadow: colors.elevation.level1
23
- } : {
23
+ } : variant === 'outlined' ? {
24
24
  borderColor: colors.border.default,
25
25
  borderWidth: 0.5
26
- };
26
+ } : {};
27
27
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
28
28
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
29
29
  padding: (0, _index3.verticalScale)(padding),
@@ -1 +1 @@
1
- {"version":3,"names":["_index","require","_index2","_index3","_jsxRuntime","Surface","variant","padding","br","children","rest","colors","useTheme","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","jsx","Fragment","StyledView","verticalScale","borderRadius","bg","background","surface","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAClC,MAAMC,MAAM,GAAGP,OAAO,KAAK,UAAU,GAAG;IAAEQ,SAAS,EAAEH,MAAM,CAACI,SAAS,CAACC;EAAO,CAAC,GAAG;IAAEC,WAAW,EAAEN,MAAM,CAACO,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC;EAEzI,oBAAQ,IAAAhB,WAAA,CAAAiB,GAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAb,QAAA,eACJ,IAAAL,WAAA,CAAAiB,GAAA,EAACrB,MAAA,CAAAuB,UAAU;MACPhB,OAAO,EAAE,IAAAiB,qBAAa,EAACjB,OAAO,CAAE;MAChCkB,YAAY,EAAE,IAAAD,qBAAa,EAAChB,EAAE,CAAE;MAChCkB,EAAE,EAAEf,MAAM,CAACgB,UAAU,CAACC,OAAQ;MAAA,GAC1Bf,MAAM;MAAA,GACNH,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GACad,OAAO","ignoreList":[]}
1
+ {"version":3,"names":["_index","require","_index2","_index3","_jsxRuntime","Surface","variant","padding","br","children","rest","colors","useTheme","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","jsx","Fragment","StyledView","verticalScale","borderRadius","bg","background","surface","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,SAAS;EACnBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAClC,MAAMC,MAAM,GAAGP,OAAO,KAAK,UAAU,GAAG;IAAEQ,SAAS,EAAEH,MAAM,CAACI,SAAS,CAACC;EAAO,CAAC,GAAGV,OAAO,KAAK,UAAU,GAAG;IAAEW,WAAW,EAAEN,MAAM,CAACO,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC,GAAG,CAAC,CAAC;EAEvK,oBAAQ,IAAAhB,WAAA,CAAAiB,GAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAb,QAAA,eACJ,IAAAL,WAAA,CAAAiB,GAAA,EAACrB,MAAA,CAAAuB,UAAU;MACPhB,OAAO,EAAE,IAAAiB,qBAAa,EAACjB,OAAO,CAAE;MAChCkB,YAAY,EAAE,IAAAD,qBAAa,EAAChB,EAAE,CAAE;MAChCkB,EAAE,EAAEf,MAAM,CAACgB,UAAU,CAACC,OAAQ;MAAA,GAC1Bf,MAAM;MAAA,GACNH,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GACad,OAAO","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import React, { useMemo } from 'react';
4
- import { StyleSheet, TouchableOpacity } from "react-native";
4
+ import { ActivityIndicator, StyleSheet, TouchableOpacity } from "react-native";
5
5
  import { verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
6
6
  import { StyledText, StyledView } from "../StyledComponents/index.js";
7
7
  import { useTheme } from "../../hooks/index.js";
@@ -28,6 +28,7 @@ const Button = ({
28
28
  renderLeftIcon,
29
29
  renderRightIcon,
30
30
  disabled = false,
31
+ loading = false,
31
32
  containerStyle,
32
33
  titleStyle,
33
34
  onPress,
@@ -45,7 +46,8 @@ const Button = ({
45
46
  bg,
46
47
  titleColor,
47
48
  strokeColor,
48
- disabled
49
+ disabled,
50
+ loading
49
51
  });
50
52
  const STYLES = useMemo(customStyles, []);
51
53
  const dynamicStyles = {
@@ -87,7 +89,7 @@ const Button = ({
87
89
  onPress: onPress
88
90
  // rippleColor={rippleColor}
89
91
  ,
90
- disabled: disabled
92
+ disabled: disabled || loading
91
93
  // ref={ref}
92
94
  ,
93
95
  ...rest,
@@ -99,13 +101,16 @@ const Button = ({
99
101
  }), /*#__PURE__*/_jsx(StyledView, {
100
102
  flexShrink: 1,
101
103
  f: fullWidth ? 8 : undefined,
102
- children: title ?? children ? /*#__PURE__*/_jsx(StyledText, {
104
+ children: !loading ? title ?? children ? /*#__PURE__*/_jsx(StyledText, {
103
105
  numberOfLines: 1,
104
106
  fs: fs,
105
107
  fScale: fScale,
106
108
  style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
107
109
  children: title ?? children
108
- }) : renderIcon && cloneElement(renderIcon)
110
+ }) : renderIcon && cloneElement(renderIcon) : /*#__PURE__*/_jsx(ActivityIndicator, {
111
+ color: dynamicStyles.BUTTON_TEXT.color,
112
+ size: "small"
113
+ })
109
114
  }), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/_jsx(StyledView, {
110
115
  alignItems: "flex-end",
111
116
  f: fullWidth ? 1 : undefined,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","STYLES","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","style","f","undefined","flexShrink","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","ActivityIndicator","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","loading","containerStyle","titleStyle","onPress","children","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","STYLES","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","style","f","undefined","flexShrink","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
@@ -3,9 +3,10 @@
3
3
  const getButtonBorderColor = ({
4
4
  theme,
5
5
  strokeColor,
6
- disabled
6
+ disabled,
7
+ loading
7
8
  }) => {
8
- if (disabled) {
9
+ if (disabled || loading) {
9
10
  return theme.colors.border.default;
10
11
  }
11
12
  if (strokeColor) {
@@ -17,9 +18,10 @@ const getButtonTextColor = ({
17
18
  theme,
18
19
  checkVariant,
19
20
  titleColor,
20
- disabled
21
+ disabled,
22
+ loading
21
23
  }) => {
22
- if (disabled) {
24
+ if (disabled || loading) {
23
25
  return theme.colors.typography.disabled;
24
26
  } else if (titleColor) {
25
27
  return titleColor;
@@ -32,9 +34,10 @@ const getButtonBackgroundColor = ({
32
34
  theme,
33
35
  checkVariant,
34
36
  bg,
35
- disabled
37
+ disabled,
38
+ loading
36
39
  }) => {
37
- if (disabled) {
40
+ if (disabled || loading) {
38
41
  return theme.colors.states.disabled;
39
42
  } else if (bg) {
40
43
  return bg;
@@ -69,7 +72,8 @@ const getButtonColors = ({
69
72
  bg,
70
73
  titleColor,
71
74
  strokeColor,
72
- disabled
75
+ disabled,
76
+ loading
73
77
  }) => {
74
78
  const checkVariant = variantToCompare => {
75
79
  return variant === variantToCompare;
@@ -78,18 +82,21 @@ const getButtonColors = ({
78
82
  theme,
79
83
  checkVariant,
80
84
  bg,
81
- disabled
85
+ disabled,
86
+ loading
82
87
  });
83
88
  const buttonTextColor = getButtonTextColor({
84
89
  theme,
85
90
  checkVariant,
86
91
  titleColor,
87
- disabled
92
+ disabled,
93
+ loading
88
94
  });
89
95
  const buttonBorderColor = getButtonBorderColor({
90
96
  theme,
91
97
  strokeColor,
92
- disabled
98
+ disabled,
99
+ loading
93
100
  });
94
101
  // const buttonIconColor = getButtonIconColor({
95
102
  // checkVariant,
@@ -1 +1 @@
1
- {"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIJ,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBN,KAAK;EACLO,YAAY;EACZC,UAAU;EACVN;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACM,UAAU,CAACP,QAAQ;EAC3C,CAAC,MACI,IAAIM,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOP,KAAK,CAACG,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOV,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bb,KAAK;EACLO,YAAY;EACZO,EAAE;EACFZ;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACY,MAAM,CAACb,QAAQ;EACvC,CAAC,MACI,IAAIY,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBhB,KAAK;EACLiB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVP,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cb,KAAK;IACLO,YAAY;IACZO,EAAE;IACFZ;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCN,KAAK;IACLO,YAAY;IACZC,UAAU;IACVN;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGtB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAED,SAASL,eAAe","ignoreList":[]}
1
+ {"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","loading","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIL,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBP,KAAK;EACLQ,YAAY;EACZC,UAAU;EACVP,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACM,UAAU,CAACR,QAAQ;EAC3C,CAAC,MACI,IAAIO,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOR,KAAK,CAACI,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOX,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bd,KAAK;EACLQ,YAAY;EACZO,EAAE;EACFb,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACY,MAAM,CAACd,QAAQ;EACvC,CAAC,MACI,IAAIa,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBjB,KAAK;EACLkB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVR,WAAW;EACXC,QAAQ;EACRC;AASJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cd,KAAK;IACLQ,YAAY;IACZO,EAAE;IACFb,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCP,KAAK;IACLQ,YAAY;IACZC,UAAU;IACVP,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGvB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAED,SAASL,eAAe","ignoreList":[]}
@@ -42,7 +42,9 @@ const StyledText = ({
42
42
  fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
43
43
  fontFamily: ff ?? '',
44
44
  textAlign: tas ? 'center' : 'auto',
45
- fontWeight: fw ?? 'normal',
45
+ ...(fw ? {
46
+ fontWeight: fw
47
+ } : {}),
46
48
  color: color ?? (themeColor && colors.brand.primary || getVariantColor())
47
49
  }, style],
48
50
  ...rest,
@@ -1 +1 @@
1
- {"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCkB,UAAU,EAAEjB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACc,KAAK,CAACL,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGZ,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}
1
+ {"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClC,IAAIC,EAAE,GAAG;QAAEiB,UAAU,EAAEjB;MAAG,CAAC,GAAG,CAAC,CAAC,CAAC;MACjCC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACc,KAAK,CAACL,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGZ,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}
@@ -5,7 +5,7 @@ import { useTheme } from "../../hooks/index.js";
5
5
  import { verticalScale } from "../../helpers/index.js";
6
6
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
7
7
  const Surface = ({
8
- variant = 'elevated',
8
+ variant = 'default',
9
9
  padding = 10,
10
10
  br = 5,
11
11
  children,
@@ -16,10 +16,10 @@ const Surface = ({
16
16
  } = useTheme();
17
17
  const styles = variant === 'elevated' ? {
18
18
  boxShadow: colors.elevation.level1
19
- } : {
19
+ } : variant === 'outlined' ? {
20
20
  borderColor: colors.border.default,
21
21
  borderWidth: 0.5
22
- };
22
+ } : {};
23
23
  return /*#__PURE__*/_jsx(_Fragment, {
24
24
  children: /*#__PURE__*/_jsx(StyledView, {
25
25
  padding: verticalScale(padding),
@@ -1 +1 @@
1
- {"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,MAAMa,MAAM,GAAGN,OAAO,KAAK,UAAU,GAAG;IAAEO,SAAS,EAAEF,MAAM,CAACG,SAAS,CAACC;EAAO,CAAC,GAAG;IAAEC,WAAW,EAAEL,MAAM,CAACM,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC;EAEzI,oBAAQjB,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,UAAU;MACPS,OAAO,EAAEP,aAAa,CAACO,OAAO,CAAE;MAChCa,YAAY,EAAEpB,aAAa,CAACQ,EAAE,CAAE;MAChCa,EAAE,EAAEV,MAAM,CAACW,UAAU,CAACC,OAAQ;MAAA,GAC1BX,MAAM;MAAA,GACNF,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,OAAO","ignoreList":[]}
1
+ {"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,SAAS;EACnBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,MAAMa,MAAM,GAAGN,OAAO,KAAK,UAAU,GAAG;IAAEO,SAAS,EAAEF,MAAM,CAACG,SAAS,CAACC;EAAO,CAAC,GAAGT,OAAO,KAAK,UAAU,GAAG;IAAEU,WAAW,EAAEL,MAAM,CAACM,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC,GAAG,CAAC,CAAC;EAEvK,oBAAQjB,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,UAAU;MACPS,OAAO,EAAEP,aAAa,CAACO,OAAO,CAAE;MAChCa,YAAY,EAAEpB,aAAa,CAACQ,EAAE,CAAE;MAChCa,EAAE,EAAEV,MAAM,CAACW,UAAU,CAACC,OAAQ;MAAA,GAC1BX,MAAM;MAAA,GACNF,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,OAAO","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiK3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,11 +1,12 @@
1
1
  import type { ButtonVariant, ThemeTypes } from "../../types";
2
- declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
2
+ declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
3
3
  theme: ThemeTypes;
4
4
  variant: ButtonVariant;
5
5
  bg: string | undefined;
6
6
  titleColor: string | undefined;
7
7
  strokeColor: string | undefined;
8
8
  disabled: boolean;
9
+ loading: boolean;
9
10
  }) => {
10
11
  backgroundColor: string;
11
12
  buttonTextColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2F7D,QAAA,MAAM,eAAe,GAAI,2DAOtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACrB;;;;CAkCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
45
45
  renderRightIcon?: JSX.Element;
46
46
  /** Disables the button when true */
47
47
  disabled?: boolean;
48
+ /** Shows loading state when true */
49
+ loading?: boolean;
48
50
  /** Custom styles for the button container */
49
51
  containerStyle?: StyleProp<ViewStyle>;
50
52
  /** Custom styles for the title text */
@@ -1 +1 @@
1
- {"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
9
9
  /** Border radius of the surface container */
10
10
  br?: number;
11
11
  /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
12
- variant?: 'elevated' | 'outlined';
12
+ variant?: 'elevated' | 'outlined' | 'default';
13
13
  /** Child components to be rendered inside the surface */
14
14
  children?: ReactNode;
15
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAElC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiK3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,11 +1,12 @@
1
1
  import type { ButtonVariant, ThemeTypes } from "../../types";
2
- declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
2
+ declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
3
3
  theme: ThemeTypes;
4
4
  variant: ButtonVariant;
5
5
  bg: string | undefined;
6
6
  titleColor: string | undefined;
7
7
  strokeColor: string | undefined;
8
8
  disabled: boolean;
9
+ loading: boolean;
9
10
  }) => {
10
11
  backgroundColor: string;
11
12
  buttonTextColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2F7D,QAAA,MAAM,eAAe,GAAI,2DAOtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACrB;;;;CAkCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
45
45
  renderRightIcon?: JSX.Element;
46
46
  /** Disables the button when true */
47
47
  disabled?: boolean;
48
+ /** Shows loading state when true */
49
+ loading?: boolean;
48
50
  /** Custom styles for the button container */
49
51
  containerStyle?: StyleProp<ViewStyle>;
50
52
  /** Custom styles for the title text */
@@ -1 +1 @@
1
- {"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
9
9
  /** Border radius of the surface container */
10
10
  br?: number;
11
11
  /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
12
- variant?: 'elevated' | 'outlined';
12
+ variant?: 'elevated' | 'outlined' | 'default';
13
13
  /** Child components to be rendered inside the surface */
14
14
  children?: ReactNode;
15
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAElC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexara/nativeflow",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "description": "Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.",
5
5
  "source": "./src/index.ts",
6
6
  "main": "./lib/commonjs/index.js",
@@ -1,6 +1,6 @@
1
1
  import React, { useMemo } from 'react';
2
2
  import type { FC, JSX } from 'react';
3
- import { StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
3
+ import { ActivityIndicator, StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
4
4
  import { verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations";
5
5
  import { StyledText, StyledView } from '../StyledComponents';
6
6
  import { useTheme } from '../../hooks';
@@ -29,6 +29,7 @@ const Button: FC<ButtonProps> = ({
29
29
  renderLeftIcon,
30
30
  renderRightIcon,
31
31
  disabled = false,
32
+ loading = false,
32
33
  containerStyle,
33
34
  titleStyle,
34
35
  onPress,
@@ -43,7 +44,8 @@ const Button: FC<ButtonProps> = ({
43
44
  bg,
44
45
  titleColor,
45
46
  strokeColor,
46
- disabled
47
+ disabled,
48
+ loading
47
49
  });
48
50
 
49
51
  const STYLES = useMemo(customStyles, []);
@@ -88,7 +90,7 @@ const Button: FC<ButtonProps> = ({
88
90
  <TouchableOpacity
89
91
  onPress={onPress}
90
92
  // rippleColor={rippleColor}
91
- disabled={disabled}
93
+ disabled={disabled || loading}
92
94
  // ref={ref}
93
95
  {...rest}
94
96
  >
@@ -106,40 +108,49 @@ const Button: FC<ButtonProps> = ({
106
108
  STYLES.BUTTON_CONT,
107
109
  dynamicStyles.FLAT_BTN_INNER_CONT,
108
110
  dynamicStyles.BUTTON_CONT,
109
- containerStyle
110
- ]}>
111
+ containerStyle,
112
+ ]}
113
+ >
111
114
  {(renderLeftIcon || (fullWidth && renderRightIcon)) && (
112
115
  <StyledView f={fullWidth ? 1 : undefined}>
113
116
  {renderLeftIcon && cloneElement(renderLeftIcon)}
114
117
  </StyledView>
115
118
  )}
116
119
 
117
- <StyledView
118
- flexShrink={1}
119
- f={fullWidth ? 8 : undefined}
120
- >
121
- {
122
- (title ?? children) ?
123
- <StyledText numberOfLines={1} fs={fs} fScale={fScale}
124
- style={[
125
- STYLES.BUTTON_TEXT,
126
- dynamicStyles.BUTTON_TEXT,
127
- titleStyle,
128
- ]}
129
- >
130
- {title ?? children}
131
- </StyledText>
132
- :
133
- (renderIcon && cloneElement(renderIcon))
134
- }
120
+ <StyledView flexShrink={1} f={fullWidth ? 8 : undefined}>
121
+ {!loading ? (
122
+ (title ?? children) ? (
123
+ <StyledText
124
+ numberOfLines={1}
125
+ fs={fs}
126
+ fScale={fScale}
127
+ style={[
128
+ STYLES.BUTTON_TEXT,
129
+ dynamicStyles.BUTTON_TEXT,
130
+ titleStyle,
131
+ ]}
132
+ >
133
+ {title ?? children}
134
+ </StyledText>
135
+ ) : (
136
+ renderIcon && cloneElement(renderIcon)
137
+ )
138
+ ) : (
139
+ <ActivityIndicator
140
+ color={dynamicStyles.BUTTON_TEXT.color}
141
+ size="small"
142
+ />
143
+ )}
135
144
  </StyledView>
136
145
 
137
146
  {(renderRightIcon || (fullWidth && renderLeftIcon)) && (
138
- <StyledView alignItems='flex-end' f={fullWidth ? 1 : undefined}>
147
+ <StyledView alignItems="flex-end" f={fullWidth ? 1 : undefined}>
139
148
  {renderRightIcon && cloneElement(renderRightIcon)}
140
149
  </StyledView>
141
150
  )}
142
151
  </StyledView>
152
+
153
+
143
154
  {/* </TouchableRipple> */}
144
155
  </TouchableOpacity>
145
156
 
@@ -4,13 +4,15 @@ import type { ButtonVariant, ThemeTypes } from "../../types";
4
4
  const getButtonBorderColor = ({
5
5
  theme,
6
6
  strokeColor,
7
- disabled
7
+ disabled,
8
+ loading
8
9
  }: {
9
10
  theme: ThemeTypes;
10
11
  strokeColor: string | undefined;
11
12
  disabled: boolean;
13
+ loading: boolean;
12
14
  }) => {
13
- if (disabled) {
15
+ if (disabled || loading) {
14
16
  return theme.colors.border.default;
15
17
  }
16
18
  if (strokeColor) {
@@ -24,15 +26,17 @@ const getButtonTextColor = ({
24
26
  theme,
25
27
  checkVariant,
26
28
  titleColor,
27
- disabled
29
+ disabled,
30
+ loading
28
31
  }: {
29
32
  theme: ThemeTypes;
30
33
  checkVariant: (variant: ButtonVariant) => boolean;
31
34
  titleColor: string | undefined;
32
35
  disabled: boolean;
36
+ loading: boolean;
33
37
  }) => {
34
38
 
35
- if (disabled) {
39
+ if (disabled || loading) {
36
40
  return theme.colors.typography.disabled;
37
41
  }
38
42
  else if (titleColor) {
@@ -48,15 +52,17 @@ const getButtonBackgroundColor = ({
48
52
  theme,
49
53
  checkVariant,
50
54
  bg,
51
- disabled
55
+ disabled,
56
+ loading
52
57
  }: {
53
58
  theme: ThemeTypes;
54
59
  checkVariant: (variant: ButtonVariant) => boolean;
55
60
  bg: string | undefined;
56
61
  disabled: boolean;
62
+ loading: boolean;
57
63
  }) => {
58
64
 
59
- if (disabled) {
65
+ if (disabled || loading) {
60
66
  return theme.colors.states.disabled;
61
67
  }
62
68
  else if (bg) {
@@ -95,7 +101,8 @@ const getButtonColors = ({
95
101
  bg,
96
102
  titleColor,
97
103
  strokeColor,
98
- disabled
104
+ disabled,
105
+ loading
99
106
  }: {
100
107
  theme: ThemeTypes;
101
108
  variant: ButtonVariant;
@@ -103,6 +110,7 @@ const getButtonColors = ({
103
110
  titleColor: string | undefined;
104
111
  strokeColor: string | undefined;
105
112
  disabled: boolean;
113
+ loading: boolean;
106
114
  }) => {
107
115
 
108
116
  const checkVariant = (variantToCompare: ButtonVariant) => {
@@ -112,18 +120,21 @@ const getButtonColors = ({
112
120
  theme,
113
121
  checkVariant,
114
122
  bg,
115
- disabled
123
+ disabled,
124
+ loading
116
125
  });
117
126
  const buttonTextColor = getButtonTextColor({
118
127
  theme,
119
128
  checkVariant,
120
129
  titleColor,
121
- disabled
130
+ disabled,
131
+ loading
122
132
  });
123
133
  const buttonBorderColor = getButtonBorderColor({
124
134
  theme,
125
135
  strokeColor,
126
- disabled
136
+ disabled,
137
+ loading
127
138
  });
128
139
  // const buttonIconColor = getButtonIconColor({
129
140
  // checkVariant,
@@ -34,7 +34,7 @@ const StyledText: FC<StyledTextProps> = ({
34
34
  fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
35
35
  fontFamily: ff ?? '',
36
36
  textAlign: tas ? 'center' : 'auto',
37
- fontWeight: fw ?? 'normal',
37
+ ...(fw ? { fontWeight: fw } : {}),
38
38
  color: color ?? (themeColor && colors.brand.primary || getVariantColor()),
39
39
  },
40
40
  style,
@@ -5,7 +5,7 @@ import { verticalScale } from '../../helpers';
5
5
  import type { SurfaceProps } from '../../types';
6
6
 
7
7
  const Surface: FC<SurfaceProps> = ({
8
- variant = 'elevated',
8
+ variant = 'default',
9
9
  padding = 10,
10
10
  br = 5,
11
11
  children,
@@ -13,7 +13,7 @@ const Surface: FC<SurfaceProps> = ({
13
13
  }) => {
14
14
 
15
15
  const { colors }: any = useTheme();
16
- const styles = variant === 'elevated' ? { boxShadow: colors.elevation.level1 } : { borderColor: colors.border.default, borderWidth: 0.5 };
16
+ const styles = variant === 'elevated' ? { boxShadow: colors.elevation.level1 } : variant === 'outlined' ? { borderColor: colors.border.default, borderWidth: 0.5 } : {};
17
17
 
18
18
  return (<>
19
19
  <StyledView
@@ -66,6 +66,9 @@ export type ButtonProps = TouchableOpacityProps & {
66
66
  /** Disables the button when true */
67
67
  disabled?: boolean;
68
68
 
69
+ /** Shows loading state when true */
70
+ loading?: boolean;
71
+
69
72
  /** Custom styles for the button container */
70
73
  containerStyle?: StyleProp<ViewStyle>;
71
74
 
@@ -12,7 +12,7 @@ export type SurfaceProps = StyledViewProps & {
12
12
  br?: number;
13
13
 
14
14
  /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
15
- variant?: 'elevated' | 'outlined';
15
+ variant?: 'elevated' | 'outlined' | 'default';
16
16
 
17
17
  /** Child components to be rendered inside the surface */
18
18
  children?: ReactNode;