@grupalia/rn-ui-kit 0.0.3 → 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.
- package/lib/commonjs/components/BaseButton.js +101 -82
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/module/components/BaseButton.js +101 -82
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseButton.d.ts +1 -1
- package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseButton.d.ts +1 -1
- package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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-
|
|
91
|
-
// bg-primary_hover
|
|
80
|
+
hover: 'bg-primary_hover',
|
|
92
81
|
focused: 'bg-transparent',
|
|
93
82
|
disabled: 'bg-transparent',
|
|
94
|
-
loading: 'bg-
|
|
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-
|
|
119
|
-
// text-disabled
|
|
112
|
+
disabled: 'text-disabled',
|
|
120
113
|
loading: 'text-white'
|
|
121
114
|
},
|
|
122
115
|
secondary: {
|
|
123
|
-
default: 'text-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
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-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
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-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
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: '
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
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:
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
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
|
-
|
|
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,
|
|
@@ -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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEsB,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAaP,SAASG,UAAUA,CAAC;EACjCC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,aAAa,CAAC;EACvD,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAACT,QAAQ,IAAII,aAAa,GAAG,CAAC,CAAC;EACjF,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEvDD,cAAK,CAACM,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIX,aAAa,GAAG,CAAC,EAAE;MACrBO,aAAa,CAAC,IAAI,CAAC;MACnBJ,QAAQ,CAACH,aAAa,CAAC;MACvBW,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BT,QAAQ,CAAEU,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBJ,aAAa,CAACQ,OAAO,CAACnB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOiB,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLN,aAAa,CAACQ,OAAO,CAACnB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIe,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACX,aAAa,EAAEJ,QAAQ,CAAC,CAAC;EAE7B,MAAMoB,WAAW,GAAG;IAClBC,EAAE,EAAE,qCAAqC;IACzCC,EAAE,EAAE,mCAAmC;IACvCC,EAAE,EAAE,qCAAqC;IACzCC,EAAE,EAAE,mCAAmC;IACvCC,EAAE,EAAE;EACN,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBL,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE,4CAA4C;IAChDC,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE;EACN,CAAC
|
|
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":[]}
|
|
@@ -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-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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-
|
|
86
|
-
// bg-primary_hover
|
|
75
|
+
hover: 'bg-primary_hover',
|
|
87
76
|
focused: 'bg-transparent',
|
|
88
77
|
disabled: 'bg-transparent',
|
|
89
|
-
loading: 'bg-
|
|
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-
|
|
114
|
-
// text-disabled
|
|
107
|
+
disabled: 'text-disabled',
|
|
115
108
|
loading: 'text-white'
|
|
116
109
|
},
|
|
117
110
|
secondary: {
|
|
118
|
-
default: 'text-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
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-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
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-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
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-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
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: '
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
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:
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
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
|
-
|
|
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,
|
|
@@ -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":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAkBC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QACnD,cAAc;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAatB,eAAe,SAASC,UAAUA,CAAC;EACjCC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGrB,KAAK,CAACsB,QAAQ,CAACJ,aAAa,CAAC;EACvD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAGxB,KAAK,CAACsB,QAAQ,CAACR,QAAQ,IAAII,aAAa,GAAG,CAAC,CAAC;EACjF,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG1B,KAAK,CAACsB,QAAQ,CAAC,KAAK,CAAC;EAEvDtB,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIV,aAAa,GAAG,CAAC,EAAE;MACrBM,aAAa,CAAC,IAAI,CAAC;MACnBH,QAAQ,CAACH,aAAa,CAAC;MACvBU,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BR,QAAQ,CAAES,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBJ,aAAa,CAACQ,OAAO,CAAClB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOgB,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLN,aAAa,CAACQ,OAAO,CAAClB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIc,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACV,aAAa,EAAEJ,QAAQ,CAAC,CAAC;EAE7B,MAAMmB,WAAW,GAAG;IAClBC,EAAE,EAAE,qCAAqC;IACzCC,EAAE,EAAE,mCAAmC;IACvCC,EAAE,EAAE,qCAAqC;IACzCC,EAAE,EAAE,mCAAmC;IACvCC,EAAE,EAAE;EACN,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBL,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE,4CAA4C;IAChDC,EAAE,EAAE,0CAA0C;IAC9CC,EAAE,EAAE;EACN,CAAC
|
|
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":[]}
|
|
@@ -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;
|
|
@@ -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;
|
|
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"}
|
|
@@ -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;
|
|
@@ -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;
|
|
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"}
|