@grupalia/rn-ui-kit 0.0.2 → 0.0.4

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 (14) hide show
  1. package/lib/commonjs/components/BaseButton.js +101 -82
  2. package/lib/commonjs/components/BaseButton.js.map +1 -1
  3. package/lib/commonjs/preset.cjs +5 -0
  4. package/lib/commonjs/preset.cjs.map +1 -0
  5. package/lib/module/components/BaseButton.js +101 -82
  6. package/lib/module/components/BaseButton.js.map +1 -1
  7. package/lib/module/preset.cjs +5 -0
  8. package/lib/module/preset.cjs.map +1 -0
  9. package/lib/typescript/commonjs/components/BaseButton.d.ts +1 -1
  10. package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
  11. package/lib/typescript/module/components/BaseButton.d.ts +1 -1
  12. package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
  13. package/package.json +3 -2
  14. package/src/preset.cjs +2 -0
package/lib/commonjs/components/BaseButton.js CHANGED
@@ -60,38 +60,27 @@ function BaseButton({
60
60
  lg: 'p-3 rounded-xl min-h-[56px] min-w-[56px]',
61
61
  xl: 'p-3.5 rounded-xl min-h-[60px] min-w-[60px]'
62
62
  };
63
-
64
- // Background colors for different variants and states using classes from background-colors.ts
65
63
  const bgClasses = {
66
64
  primary: {
67
- default: 'bg-[#7F56D9]',
68
- // bg-brand_solid - brand 600
69
- hover: 'bg-[#6941C6]',
70
- // bg-brand_solid_hover - brand 700
71
- focused: 'bg-[#7F56D9]',
72
- // bg-brand_solid
73
- disabled: 'bg-gray-100',
74
- // bg-disabled
75
- loading: 'bg-[#6941C6]' // bg-brand_solid_hover
65
+ default: 'bg-brand_solid',
66
+ hover: 'bg-brand_solid_hover',
67
+ focused: 'bg-brand_solid',
68
+ disabled: 'bg-disabled',
69
+ loading: 'bg-brand_solid_hover'
76
70
  },
77
71
  secondary: {
78
- default: 'bg-white border border-gray-300',
79
- // bg-primary border border-primary
80
- hover: 'bg-gray-50 border border-gray-300',
81
- // bg-primary_hover border border-primary
82
- focused: 'bg-white border border-gray-300',
83
- // bg-primary border border-primary
84
- disabled: 'bg-white border border-gray-200',
85
- // bg-primary border border-disabled
86
- loading: 'bg-gray-50 border border-gray-300' // bg-primary_hover border border-primary
72
+ default: 'bg-primary border border-primary',
73
+ hover: 'bg-primary_hover border border-primary',
74
+ focused: 'bg-primary border border-primary',
75
+ disabled: 'bg-primary border border-disabled',
76
+ loading: 'bg-primary_hover border border-primary'
87
77
  },
88
78
  tertiary: {
89
79
  default: 'bg-transparent',
90
- hover: 'bg-gray-50',
91
- // bg-primary_hover
80
+ hover: 'bg-primary_hover',
92
81
  focused: 'bg-transparent',
93
82
  disabled: 'bg-transparent',
94
- loading: 'bg-gray-50' // bg-primary_hover
83
+ loading: 'bg-primary_hover'
95
84
  },
96
85
  'link-color': {
97
86
  default: 'bg-transparent',
@@ -106,76 +95,68 @@ function BaseButton({
106
95
  focused: 'bg-transparent',
107
96
  disabled: 'bg-transparent',
108
97
  loading: 'bg-transparent'
98
+ },
99
+ destructive: {
100
+ default: 'bg-error',
101
+ hover: 'bg-error',
102
+ focused: 'bg-error',
103
+ disabled: 'bg-disabled',
104
+ loading: 'bg-error'
109
105
  }
110
106
  };
111
-
112
- // Text colors for different variants and states using standard Tailwind classes
113
107
  const textColorClasses = {
114
108
  primary: {
115
109
  default: 'text-white',
116
110
  hover: 'text-white',
117
111
  focused: 'text-white',
118
- disabled: 'text-gray-400',
119
- // text-disabled
112
+ disabled: 'text-disabled',
120
113
  loading: 'text-white'
121
114
  },
122
115
  secondary: {
123
- default: 'text-gray-700',
124
- // text-secondary
125
- hover: 'text-gray-800',
126
- // text-secondary_hover
127
- focused: 'text-gray-700',
128
- // text-secondary
129
- disabled: 'text-gray-400',
130
- // text-disabled
131
- loading: 'text-gray-800' // text-secondary_hover
116
+ default: 'text-secondary',
117
+ hover: 'text-secondary_hover',
118
+ focused: 'text-secondary',
119
+ disabled: 'text-disabled',
120
+ loading: 'text-secondary_hover'
132
121
  },
133
122
  tertiary: {
134
- default: 'text-gray-600',
135
- // text-tertiary
136
- hover: 'text-gray-700',
137
- // text-tertiary_hover
138
- focused: 'text-gray-600',
139
- // text-tertiary
140
- disabled: 'text-gray-400',
141
- // text-disabled
142
- loading: 'text-gray-700' // text-tertiary_hover
123
+ default: 'text-tertiary',
124
+ hover: 'text-tertiary_hover',
125
+ focused: 'text-tertiary',
126
+ disabled: 'text-disabled',
127
+ loading: 'text-tertiary_hover'
143
128
  },
144
129
  'link-color': {
145
- default: 'text-[#7F56D9]',
146
- // text-brand-tertiary - brand 600
147
- hover: 'text-[#6941C6]',
148
- // text-brand-secondary - brand 700
149
- focused: 'text-[#7F56D9]',
150
- // text-brand-tertiary
151
- disabled: 'text-gray-400',
152
- // text-disabled
153
- loading: 'text-[#7F56D9]' // text-brand-tertiary
130
+ default: 'text-brand-tertiary',
131
+ hover: 'text-brand-secondary',
132
+ focused: 'text-brand-tertiary',
133
+ disabled: 'text-disabled',
134
+ loading: 'text-brand-tertiary'
154
135
  },
155
136
  'link-gray': {
156
- default: 'text-gray-600',
157
- // text-tertiary
158
- hover: 'text-gray-700',
159
- // text-tertiary_hover
160
- focused: 'text-gray-600',
161
- // text-tertiary
162
- disabled: 'text-gray-400',
163
- // text-disabled
164
- loading: 'text-gray-600' // text-tertiary
137
+ default: 'text-tertiary',
138
+ hover: 'text-tertiary_hover',
139
+ focused: 'text-tertiary',
140
+ disabled: 'text-disabled',
141
+ loading: 'text-tertiary'
142
+ },
143
+ destructive: {
144
+ default: 'text-white',
145
+ hover: 'text-white',
146
+ focused: 'text-white',
147
+ disabled: 'text-disabled',
148
+ loading: 'text-white'
165
149
  }
166
150
  };
167
151
 
168
152
  // Focus effects
169
153
  const focusClasses = {
170
- primary: 'ring-2 ring-[#955CF6] ring-offset-2',
171
- // shadow-focus-brand
172
- secondary: 'ring-2 ring-[#955CF6] ring-offset-2',
173
- // shadow-focus-brand
174
- tertiary: 'ring-2 ring-[#955CF6] ring-offset-2',
175
- // shadow-focus-brand
176
- 'link-color': 'ring-2 ring-[#955CF6] ring-offset-2',
177
- // shadow-focus-brand
178
- 'link-gray': 'ring-2 ring-[#955CF6] ring-offset-2' // shadow-focus-brand
154
+ primary: 'shadow-focus-brand',
155
+ secondary: 'shadow-focus-brand',
156
+ tertiary: 'shadow-focus-brand',
157
+ 'link-color': 'shadow-focus-brand',
158
+ 'link-gray': 'shadow-focus-brand',
159
+ destructive: 'shadow-focus-error'
179
160
  };
180
161
 
181
162
  // Text size classes based on button size
@@ -199,22 +180,60 @@ function BaseButton({
199
180
 
200
181
  // Determine if it's an icon-only button (no text and has icon)
201
182
  const isIconOnly = !text && (LeftIcon || RightIcon);
202
-
203
- // Main button container styles
204
- const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'focused' && focusClasses[variant], isDisabled && 'opacity-50');
183
+ const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'focused' && focusClasses[variant], buttonState === 'disabled' && variant !== 'tertiary' && 'border border-gray-200');
205
184
 
206
185
  // Text styles
207
186
  const textStyles = (0, _clsx.default)('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
208
187
 
209
- // Spinner color mapping
188
+ // Spinner color mapping - updated with destructive variant
210
189
  const spinnerColorMap = {
211
- primary: '#fff',
212
- secondary: '#667085',
213
- tertiary: '#667085',
214
- 'link-color': '#7F56D9',
215
- 'link-gray': '#667085'
190
+ primary: {
191
+ default: '#fff',
192
+ disabled: '#9AA4B2',
193
+ // text-disabled color
194
+ loading: '#fff'
195
+ },
196
+ secondary: {
197
+ default: '#667085',
198
+ disabled: '#9AA4B2',
199
+ // text-disabled color
200
+ loading: '#667085'
201
+ },
202
+ tertiary: {
203
+ default: '#667085',
204
+ disabled: '#9AA4B2',
205
+ // text-disabled color
206
+ loading: '#667085'
207
+ },
208
+ 'link-color': {
209
+ default: '#7F56D9',
210
+ disabled: '#9AA4B2',
211
+ // text-disabled color
212
+ loading: '#7F56D9'
213
+ },
214
+ 'link-gray': {
215
+ default: '#667085',
216
+ disabled: '#9AA4B2',
217
+ // text-disabled color
218
+ loading: '#667085'
219
+ },
220
+ destructive: {
221
+ default: '#fff',
222
+ disabled: '#9AA4B2',
223
+ // text-disabled color
224
+ loading: '#fff'
225
+ }
216
226
  };
217
- const spinnerColor = spinnerColorMap[variant];
227
+
228
+ // Determine current spinner color based on variant and button state
229
+ let spinnerColor = '#fff';
230
+ if (buttonState === 'disabled') {
231
+ spinnerColor = spinnerColorMap[variant].disabled;
232
+ } else if (buttonState === 'loading') {
233
+ spinnerColor = spinnerColorMap[variant].loading;
234
+ } else {
235
+ spinnerColor = spinnerColorMap[variant].default;
236
+ }
218
237
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
219
238
  disabled: isDisabled || loading,
220
239
  className: buttonStyles,
package/lib/commonjs/components/BaseButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_clsx","_interopRequireDefault","require","_react","_reactNative","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","isFocused","setIsFocused","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","hover","focused","secondary","tertiary","textColorClasses","focusClasses","textSizeClasses","buttonState","isIconOnly","buttonStyles","clsx","textStyles","spinnerColorMap","spinnerColor","jsxs","Pressable","className","onFocus","onBlur","children","View","Text","jsx","ActivityIndicator","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_react","_reactNative","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","isFocused","setIsFocused","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","hover","focused","secondary","tertiary","destructive","textColorClasses","focusClasses","textSizeClasses","buttonState","isIconOnly","buttonStyles","clsx","textStyles","spinnerColorMap","spinnerColor","jsxs","Pressable","className","onFocus","onBlur","children","View","Text","jsx","ActivityIndicator","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
package/lib/commonjs/preset.cjs ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ // CommonJS wrapper for preset
4
+ module.exports = require('../lib/commonjs/preset.js').default;
5
+ //# sourceMappingURL=preset.cjs.map
package/lib/commonjs/preset.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["module","exports","require","default"],"sourceRoot":"../../src","sources":["preset.cjs"],"mappings":";;AAAA;AACAA,MAAM,CAACC,OAAO,GAAGC,OAAO,CAAC,2BAA2B,CAAC,CAACC,OAAO","ignoreList":[]}
package/lib/module/components/BaseButton.js CHANGED
@@ -55,38 +55,27 @@ export default function BaseButton({
55
55
  lg: 'p-3 rounded-xl min-h-[56px] min-w-[56px]',
56
56
  xl: 'p-3.5 rounded-xl min-h-[60px] min-w-[60px]'
57
57
  };
58
-
59
- // Background colors for different variants and states using classes from background-colors.ts
60
58
  const bgClasses = {
61
59
  primary: {
62
- default: 'bg-[#7F56D9]',
63
- // bg-brand_solid - brand 600
64
- hover: 'bg-[#6941C6]',
65
- // bg-brand_solid_hover - brand 700
66
- focused: 'bg-[#7F56D9]',
67
- // bg-brand_solid
68
- disabled: 'bg-gray-100',
69
- // bg-disabled
70
- loading: 'bg-[#6941C6]' // bg-brand_solid_hover
60
+ default: 'bg-brand_solid',
61
+ hover: 'bg-brand_solid_hover',
62
+ focused: 'bg-brand_solid',
63
+ disabled: 'bg-disabled',
64
+ loading: 'bg-brand_solid_hover'
71
65
  },
72
66
  secondary: {
73
- default: 'bg-white border border-gray-300',
74
- // bg-primary border border-primary
75
- hover: 'bg-gray-50 border border-gray-300',
76
- // bg-primary_hover border border-primary
77
- focused: 'bg-white border border-gray-300',
78
- // bg-primary border border-primary
79
- disabled: 'bg-white border border-gray-200',
80
- // bg-primary border border-disabled
81
- loading: 'bg-gray-50 border border-gray-300' // bg-primary_hover border border-primary
67
+ default: 'bg-primary border border-primary',
68
+ hover: 'bg-primary_hover border border-primary',
69
+ focused: 'bg-primary border border-primary',
70
+ disabled: 'bg-primary border border-disabled',
71
+ loading: 'bg-primary_hover border border-primary'
82
72
  },
83
73
  tertiary: {
84
74
  default: 'bg-transparent',
85
- hover: 'bg-gray-50',
86
- // bg-primary_hover
75
+ hover: 'bg-primary_hover',
87
76
  focused: 'bg-transparent',
88
77
  disabled: 'bg-transparent',
89
- loading: 'bg-gray-50' // bg-primary_hover
78
+ loading: 'bg-primary_hover'
90
79
  },
91
80
  'link-color': {
92
81
  default: 'bg-transparent',
@@ -101,76 +90,68 @@ export default function BaseButton({
101
90
  focused: 'bg-transparent',
102
91
  disabled: 'bg-transparent',
103
92
  loading: 'bg-transparent'
93
+ },
94
+ destructive: {
95
+ default: 'bg-error',
96
+ hover: 'bg-error',
97
+ focused: 'bg-error',
98
+ disabled: 'bg-disabled',
99
+ loading: 'bg-error'
104
100
  }
105
101
  };
106
-
107
- // Text colors for different variants and states using standard Tailwind classes
108
102
  const textColorClasses = {
109
103
  primary: {
110
104
  default: 'text-white',
111
105
  hover: 'text-white',
112
106
  focused: 'text-white',
113
- disabled: 'text-gray-400',
114
- // text-disabled
107
+ disabled: 'text-disabled',
115
108
  loading: 'text-white'
116
109
  },
117
110
  secondary: {
118
- default: 'text-gray-700',
119
- // text-secondary
120
- hover: 'text-gray-800',
121
- // text-secondary_hover
122
- focused: 'text-gray-700',
123
- // text-secondary
124
- disabled: 'text-gray-400',
125
- // text-disabled
126
- loading: 'text-gray-800' // text-secondary_hover
111
+ default: 'text-secondary',
112
+ hover: 'text-secondary_hover',
113
+ focused: 'text-secondary',
114
+ disabled: 'text-disabled',
115
+ loading: 'text-secondary_hover'
127
116
  },
128
117
  tertiary: {
129
- default: 'text-gray-600',
130
- // text-tertiary
131
- hover: 'text-gray-700',
132
- // text-tertiary_hover
133
- focused: 'text-gray-600',
134
- // text-tertiary
135
- disabled: 'text-gray-400',
136
- // text-disabled
137
- loading: 'text-gray-700' // text-tertiary_hover
118
+ default: 'text-tertiary',
119
+ hover: 'text-tertiary_hover',
120
+ focused: 'text-tertiary',
121
+ disabled: 'text-disabled',
122
+ loading: 'text-tertiary_hover'
138
123
  },
139
124
  'link-color': {
140
- default: 'text-[#7F56D9]',
141
- // text-brand-tertiary - brand 600
142
- hover: 'text-[#6941C6]',
143
- // text-brand-secondary - brand 700
144
- focused: 'text-[#7F56D9]',
145
- // text-brand-tertiary
146
- disabled: 'text-gray-400',
147
- // text-disabled
148
- loading: 'text-[#7F56D9]' // text-brand-tertiary
125
+ default: 'text-brand-tertiary',
126
+ hover: 'text-brand-secondary',
127
+ focused: 'text-brand-tertiary',
128
+ disabled: 'text-disabled',
129
+ loading: 'text-brand-tertiary'
149
130
  },
150
131
  'link-gray': {
151
- default: 'text-gray-600',
152
- // text-tertiary
153
- hover: 'text-gray-700',
154
- // text-tertiary_hover
155
- focused: 'text-gray-600',
156
- // text-tertiary
157
- disabled: 'text-gray-400',
158
- // text-disabled
159
- loading: 'text-gray-600' // text-tertiary
132
+ default: 'text-tertiary',
133
+ hover: 'text-tertiary_hover',
134
+ focused: 'text-tertiary',
135
+ disabled: 'text-disabled',
136
+ loading: 'text-tertiary'
137
+ },
138
+ destructive: {
139
+ default: 'text-white',
140
+ hover: 'text-white',
141
+ focused: 'text-white',
142
+ disabled: 'text-disabled',
143
+ loading: 'text-white'
160
144
  }
161
145
  };
162
146
 
163
147
  // Focus effects
164
148
  const focusClasses = {
165
- primary: 'ring-2 ring-[#955CF6] ring-offset-2',
166
- // shadow-focus-brand
167
- secondary: 'ring-2 ring-[#955CF6] ring-offset-2',
168
- // shadow-focus-brand
169
- tertiary: 'ring-2 ring-[#955CF6] ring-offset-2',
170
- // shadow-focus-brand
171
- 'link-color': 'ring-2 ring-[#955CF6] ring-offset-2',
172
- // shadow-focus-brand
173
- 'link-gray': 'ring-2 ring-[#955CF6] ring-offset-2' // shadow-focus-brand
149
+ primary: 'shadow-focus-brand',
150
+ secondary: 'shadow-focus-brand',
151
+ tertiary: 'shadow-focus-brand',
152
+ 'link-color': 'shadow-focus-brand',
153
+ 'link-gray': 'shadow-focus-brand',
154
+ destructive: 'shadow-focus-error'
174
155
  };
175
156
 
176
157
  // Text size classes based on button size
@@ -194,22 +175,60 @@ export default function BaseButton({
194
175
 
195
176
  // Determine if it's an icon-only button (no text and has icon)
196
177
  const isIconOnly = !text && (LeftIcon || RightIcon);
197
-
198
- // Main button container styles
199
- const buttonStyles = clsx('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'focused' && focusClasses[variant], isDisabled && 'opacity-50');
178
+ const buttonStyles = clsx('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'focused' && focusClasses[variant], buttonState === 'disabled' && variant !== 'tertiary' && 'border border-gray-200');
200
179
 
201
180
  // Text styles
202
181
  const textStyles = clsx('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
203
182
 
204
- // Spinner color mapping
183
+ // Spinner color mapping - updated with destructive variant
205
184
  const spinnerColorMap = {
206
- primary: '#fff',
207
- secondary: '#667085',
208
- tertiary: '#667085',
209
- 'link-color': '#7F56D9',
210
- 'link-gray': '#667085'
185
+ primary: {
186
+ default: '#fff',
187
+ disabled: '#9AA4B2',
188
+ // text-disabled color
189
+ loading: '#fff'
190
+ },
191
+ secondary: {
192
+ default: '#667085',
193
+ disabled: '#9AA4B2',
194
+ // text-disabled color
195
+ loading: '#667085'
196
+ },
197
+ tertiary: {
198
+ default: '#667085',
199
+ disabled: '#9AA4B2',
200
+ // text-disabled color
201
+ loading: '#667085'
202
+ },
203
+ 'link-color': {
204
+ default: '#7F56D9',
205
+ disabled: '#9AA4B2',
206
+ // text-disabled color
207
+ loading: '#7F56D9'
208
+ },
209
+ 'link-gray': {
210
+ default: '#667085',
211
+ disabled: '#9AA4B2',
212
+ // text-disabled color
213
+ loading: '#667085'
214
+ },
215
+ destructive: {
216
+ default: '#fff',
217
+ disabled: '#9AA4B2',
218
+ // text-disabled color
219
+ loading: '#fff'
220
+ }
211
221
  };
212
- const spinnerColor = spinnerColorMap[variant];
222
+
223
+ // Determine current spinner color based on variant and button state
224
+ let spinnerColor = '#fff';
225
+ if (buttonState === 'disabled') {
226
+ spinnerColor = spinnerColorMap[variant].disabled;
227
+ } else if (buttonState === 'loading') {
228
+ spinnerColor = spinnerColorMap[variant].loading;
229
+ } else {
230
+ spinnerColor = spinnerColorMap[variant].default;
231
+ }
213
232
  return /*#__PURE__*/_jsxs(Pressable, {
214
233
  disabled: isDisabled || loading,
215
234
  className: buttonStyles,
package/lib/module/components/BaseButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["clsx","React","Pressable","Text","View","ActivityIndicator","jsxs","_jsxs","jsx","_jsx","BaseButton","variant","size","text","loading","disabled","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","isFocused","setIsFocused","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","default","hover","focused","secondary","tertiary","textColorClasses","focusClasses","textSizeClasses","buttonState","isIconOnly","buttonStyles","textStyles","spinnerColorMap","spinnerColor","className","onFocus","onBlur","children","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["clsx","React","Pressable","Text","View","ActivityIndicator","jsxs","_jsxs","jsx","_jsx","BaseButton","variant","size","text","loading","disabled","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","isFocused","setIsFocused","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","default","hover","focused","secondary","tertiary","destructive","textColorClasses","focusClasses","textSizeClasses","buttonState","isIconOnly","buttonStyles","textStyles","spinnerColorMap","spinnerColor","className","onFocus","onBlur","children","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
package/lib/module/preset.cjs ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ // CommonJS wrapper for preset
4
+ module.exports = require('../lib/commonjs/preset.js').default;
5
+ //# sourceMappingURL=preset.cjs.map
package/lib/module/preset.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["module","exports","require","default"],"sourceRoot":"../../src","sources":["preset.cjs"],"mappings":";;AAAA;AACAA,MAAM,CAACC,OAAO,GAAGC,OAAO,CAAC,2BAA2B,CAAC,CAACC,OAAO","ignoreList":[]}
package/lib/typescript/commonjs/components/BaseButton.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PressableProps } from 'react-native';
3
3
  interface ButtonProps extends PressableProps {
4
- variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray';
4
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive';
5
5
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
6
  text?: string;
7
7
  loading?: boolean;
package/lib/typescript/commonjs/components/BaseButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBAwNb"}
1
+ {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;IAC5F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBAqQb"}
package/lib/typescript/module/components/BaseButton.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PressableProps } from 'react-native';
3
3
  interface ButtonProps extends PressableProps {
4
- variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray';
4
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive';
5
5
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
6
  text?: string;
7
7
  loading?: boolean;
package/lib/typescript/module/components/BaseButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBAwNb"}
1
+ {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;IAC5F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBAqQb"}
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@grupalia/rn-ui-kit",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "Grupalia React Native UI Kit",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/module/index.d.ts",
7
7
  "files": [
8
8
  "lib",
9
9
  "src/preset.ts",
10
+ "src/preset.cjs",
10
11
  "src/styles"
11
12
  ],
12
13
  "scripts": {
@@ -55,7 +56,7 @@
55
56
  }
56
57
  },
57
58
  "./preset": {
58
- "require": "./lib/commonjs/preset.js",
59
+ "require": "./src/preset.cjs",
59
60
  "import": "./lib/module/preset.js"
60
61
  },
61
62
  "./package.json": "./package.json"
package/src/preset.cjs ADDED
@@ -0,0 +1,2 @@
1
+ // CommonJS wrapper for preset
2
+ module.exports = require('../lib/commonjs/preset.js').default;