@grupalia/rn-ui-kit 0.0.4 → 0.0.41
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/BaseBadge.js +127 -0
- package/lib/commonjs/components/BaseBadge.js.map +1 -0
- package/lib/commonjs/components/BaseButton.js +39 -91
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/styles/background-colors.js +27 -19
- package/lib/commonjs/styles/background-colors.js.map +1 -1
- package/lib/commonjs/styles/border-colors.js +9 -1
- package/lib/commonjs/styles/border-colors.js.map +1 -1
- package/lib/commonjs/styles/colors.js +42 -0
- package/lib/commonjs/styles/colors.js.map +1 -1
- package/lib/commonjs/styles/text-colors.js +32 -8
- package/lib/commonjs/styles/text-colors.js.map +1 -1
- package/lib/commonjs/styles/utility-colors.js +507 -0
- package/lib/commonjs/styles/utility-colors.js.map +1 -0
- package/lib/commonjs/types/heroicons.js +6 -0
- package/lib/commonjs/types/heroicons.js.map +1 -0
- package/lib/module/components/BaseBadge.js +122 -0
- package/lib/module/components/BaseBadge.js.map +1 -0
- package/lib/module/components/BaseButton.js +40 -92
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/styles/background-colors.js +27 -19
- package/lib/module/styles/background-colors.js.map +1 -1
- package/lib/module/styles/border-colors.js +9 -1
- package/lib/module/styles/border-colors.js.map +1 -1
- package/lib/module/styles/colors.js +42 -0
- package/lib/module/styles/colors.js.map +1 -1
- package/lib/module/styles/text-colors.js +32 -8
- package/lib/module/styles/text-colors.js.map +1 -1
- package/lib/module/styles/utility-colors.js +502 -0
- package/lib/module/styles/utility-colors.js.map +1 -0
- package/lib/module/types/heroicons.js +4 -0
- package/lib/module/types/heroicons.js.map +1 -0
- package/lib/typescript/commonjs/components/BaseBadge.d.ts +16 -0
- package/lib/typescript/commonjs/components/BaseBadge.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseButton.d.ts +6 -4
- package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/index.d.ts +1 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/background-colors.d.ts +8 -126
- package/lib/typescript/commonjs/styles/background-colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/border-colors.d.ts +8 -42
- package/lib/typescript/commonjs/styles/border-colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/colors.d.ts +42 -0
- package/lib/typescript/commonjs/styles/colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/text-colors.d.ts +8 -90
- package/lib/typescript/commonjs/styles/text-colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/utility-colors.d.ts +500 -0
- package/lib/typescript/commonjs/styles/utility-colors.d.ts.map +1 -0
- package/lib/typescript/commonjs/types/heroicons.d.ts +9 -0
- package/lib/typescript/commonjs/types/heroicons.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseBadge.d.ts +16 -0
- package/lib/typescript/module/components/BaseBadge.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseButton.d.ts +6 -4
- package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/module/components/index.d.ts +1 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/styles/background-colors.d.ts +8 -126
- package/lib/typescript/module/styles/background-colors.d.ts.map +1 -1
- package/lib/typescript/module/styles/border-colors.d.ts +8 -42
- package/lib/typescript/module/styles/border-colors.d.ts.map +1 -1
- package/lib/typescript/module/styles/colors.d.ts +42 -0
- package/lib/typescript/module/styles/colors.d.ts.map +1 -1
- package/lib/typescript/module/styles/text-colors.d.ts +8 -90
- package/lib/typescript/module/styles/text-colors.d.ts.map +1 -1
- package/lib/typescript/module/styles/utility-colors.d.ts +500 -0
- package/lib/typescript/module/styles/utility-colors.d.ts.map +1 -0
- package/lib/typescript/module/types/heroicons.d.ts +9 -0
- package/lib/typescript/module/types/heroicons.d.ts.map +1 -0
- package/package.json +6 -3
- package/src/styles/background-colors.ts +38 -19
- package/src/styles/border-colors.ts +20 -1
- package/src/styles/colors.ts +42 -0
- package/src/styles/text-colors.ts +43 -8
- package/src/styles/utility-colors.ts +500 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = BaseBadge;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function BaseBadge({
|
|
12
|
+
variant = 'gray',
|
|
13
|
+
size = 'md',
|
|
14
|
+
text,
|
|
15
|
+
transparent = false,
|
|
16
|
+
squared = false,
|
|
17
|
+
LeftIcon = null,
|
|
18
|
+
RightIcon = null,
|
|
19
|
+
...props
|
|
20
|
+
}) {
|
|
21
|
+
const variantStyles = {
|
|
22
|
+
gray: {
|
|
23
|
+
bg: 'bg-utility-gray-50',
|
|
24
|
+
text: 'text-utility-gray-700',
|
|
25
|
+
border: 'border-utility-gray-200'
|
|
26
|
+
},
|
|
27
|
+
primary: {
|
|
28
|
+
bg: 'bg-brand-solid',
|
|
29
|
+
text: 'text-utility-brand-700',
|
|
30
|
+
border: 'border-utility-brand-200'
|
|
31
|
+
},
|
|
32
|
+
error: {
|
|
33
|
+
bg: 'bg-utility-error-50',
|
|
34
|
+
text: 'text-utility-error-700',
|
|
35
|
+
border: 'border-utility-error-200'
|
|
36
|
+
},
|
|
37
|
+
warning: {
|
|
38
|
+
bg: 'bg-utility-warning-50',
|
|
39
|
+
text: 'text-utility-warning-700',
|
|
40
|
+
border: 'border-utility-warning-200'
|
|
41
|
+
},
|
|
42
|
+
success: {
|
|
43
|
+
bg: 'bg-utility-success-50',
|
|
44
|
+
text: 'text-utility-success-700',
|
|
45
|
+
border: 'border-utility-success-200'
|
|
46
|
+
},
|
|
47
|
+
blue_gray: {
|
|
48
|
+
bg: 'bg-utility-gray_blue-50',
|
|
49
|
+
text: 'text-utility-gray_blue-700',
|
|
50
|
+
border: 'border-utility-gray_blue-200'
|
|
51
|
+
},
|
|
52
|
+
blue_light: {
|
|
53
|
+
bg: 'bg-utility-blue_light-50',
|
|
54
|
+
text: 'text-utility-blue_light-700',
|
|
55
|
+
border: 'border-utility-blue_light-200'
|
|
56
|
+
},
|
|
57
|
+
blue: {
|
|
58
|
+
bg: 'bg-utility-blue-50',
|
|
59
|
+
text: 'text-utility-blue-700',
|
|
60
|
+
border: 'border-utility-blue-200'
|
|
61
|
+
},
|
|
62
|
+
indigo: {
|
|
63
|
+
bg: 'bg-utility-indigo-50',
|
|
64
|
+
text: 'text-utility-indigo-700',
|
|
65
|
+
border: 'border-utility-indigo-200'
|
|
66
|
+
},
|
|
67
|
+
purple: {
|
|
68
|
+
bg: 'bg-utility-purple-50',
|
|
69
|
+
text: 'text-utility-purple-700',
|
|
70
|
+
border: 'border-utility-purple-200'
|
|
71
|
+
},
|
|
72
|
+
pink: {
|
|
73
|
+
bg: 'bg-utility-pink-50',
|
|
74
|
+
text: 'text-utility-pink-700',
|
|
75
|
+
border: 'border-utility-pink-200'
|
|
76
|
+
},
|
|
77
|
+
orange: {
|
|
78
|
+
bg: 'bg-utility-orange-50',
|
|
79
|
+
text: 'text-utility-orange-700',
|
|
80
|
+
border: 'border-utility-orange-200'
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
const sizeStyles = {
|
|
84
|
+
sm: {
|
|
85
|
+
container: 'px-1.5 py-[2px]',
|
|
86
|
+
text: 'text-xs'
|
|
87
|
+
},
|
|
88
|
+
md: {
|
|
89
|
+
container: 'px-2.5 py-0.5',
|
|
90
|
+
text: 'text-sm'
|
|
91
|
+
},
|
|
92
|
+
lg: {
|
|
93
|
+
container: 'px-3 py-1',
|
|
94
|
+
text: 'text-base'
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
const iconSizes = {
|
|
98
|
+
sm: 12,
|
|
99
|
+
md: 14,
|
|
100
|
+
lg: 16
|
|
101
|
+
};
|
|
102
|
+
const containerStyles = (0, _clsx.default)('flex-row items-center justify-center border', squared ? 'rounded-md' : 'rounded-full', transparent ? 'bg-transparent' : variantStyles[variant].bg, transparent ? 'border-primary' : variantStyles[variant].border, sizeStyles[size].container);
|
|
103
|
+
const textStyles = (0, _clsx.default)('font-medium', variantStyles[variant].text, sizeStyles[size].text);
|
|
104
|
+
const iconSpacingStyles = {
|
|
105
|
+
left: 'mr-1.5',
|
|
106
|
+
right: 'ml-1.5'
|
|
107
|
+
};
|
|
108
|
+
const renderIcon = (IconComponent, position) => {
|
|
109
|
+
if (!IconComponent) return null;
|
|
110
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
111
|
+
className: iconSpacingStyles[position],
|
|
112
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
|
|
113
|
+
size: iconSizes[size],
|
|
114
|
+
className: variantStyles[variant].text
|
|
115
|
+
})
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
119
|
+
className: containerStyles,
|
|
120
|
+
...props,
|
|
121
|
+
children: [LeftIcon && renderIcon(LeftIcon, 'left'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
122
|
+
className: textStyles,
|
|
123
|
+
children: text
|
|
124
|
+
}), RightIcon && renderIcon(RightIcon, 'right')]
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=BaseBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","BaseBadge","variant","size","text","transparent","squared","LeftIcon","RightIcon","props","variantStyles","gray","bg","border","primary","error","warning","success","blue_gray","blue_light","blue","indigo","purple","pink","orange","sizeStyles","sm","container","md","lg","iconSizes","containerStyles","clsx","textStyles","iconSpacingStyles","left","right","renderIcon","IconComponent","position","jsx","View","className","children","jsxs","Text"],"sourceRoot":"../../../src","sources":["components/BaseBadge.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,6 +15,7 @@ function BaseButton({
|
|
|
15
15
|
text = '',
|
|
16
16
|
loading = false,
|
|
17
17
|
disabled = false,
|
|
18
|
+
destructive = false,
|
|
18
19
|
LeftIcon = null,
|
|
19
20
|
RightIcon = null,
|
|
20
21
|
hitSlop = 6,
|
|
@@ -23,7 +24,6 @@ function BaseButton({
|
|
|
23
24
|
}) {
|
|
24
25
|
const [timer, setTimer] = _react.default.useState(countdownSecs);
|
|
25
26
|
const [isDisabled, setIsDisabled] = _react.default.useState(disabled || countdownSecs > 0);
|
|
26
|
-
const [isFocused, setIsFocused] = _react.default.useState(false);
|
|
27
27
|
_react.default.useEffect(() => {
|
|
28
28
|
let intervalId;
|
|
29
29
|
if (countdownSecs > 0) {
|
|
@@ -62,104 +62,58 @@ function BaseButton({
|
|
|
62
62
|
};
|
|
63
63
|
const bgClasses = {
|
|
64
64
|
primary: {
|
|
65
|
-
default: 'bg-
|
|
66
|
-
hover: 'bg-brand_solid_hover',
|
|
67
|
-
focused: 'bg-brand_solid',
|
|
65
|
+
default: destructive ? 'bg-error-solid' : 'bg-brand-solid',
|
|
68
66
|
disabled: 'bg-disabled',
|
|
69
|
-
loading: 'bg-
|
|
67
|
+
loading: destructive ? 'bg-error-solid' : 'bg-brand-solid_hover'
|
|
70
68
|
},
|
|
71
69
|
secondary: {
|
|
72
|
-
default: 'bg-primary border border-primary',
|
|
73
|
-
hover: 'bg-primary_hover border border-primary',
|
|
74
|
-
focused: 'bg-primary border border-primary',
|
|
70
|
+
default: destructive ? 'bg-primary border border-error_subtle' : 'bg-primary border border-primary',
|
|
75
71
|
disabled: 'bg-primary border border-disabled',
|
|
76
|
-
loading: 'bg-primary_hover border border-primary'
|
|
72
|
+
loading: destructive ? 'bg-error-primary border border-error_subtle' : 'bg-primary_hover border border-primary'
|
|
77
73
|
},
|
|
78
74
|
tertiary: {
|
|
79
75
|
default: 'bg-transparent',
|
|
80
|
-
hover: 'bg-primary_hover',
|
|
81
|
-
focused: 'bg-transparent',
|
|
82
76
|
disabled: 'bg-transparent',
|
|
83
|
-
loading: 'bg-primary_hover'
|
|
77
|
+
loading: destructive ? 'bg-error-primary' : 'bg-primary_hover'
|
|
84
78
|
},
|
|
85
79
|
'link-color': {
|
|
86
80
|
default: 'bg-transparent',
|
|
87
|
-
hover: 'bg-transparent',
|
|
88
|
-
focused: 'bg-transparent',
|
|
89
81
|
disabled: 'bg-transparent',
|
|
90
82
|
loading: 'bg-transparent'
|
|
91
83
|
},
|
|
92
84
|
'link-gray': {
|
|
93
85
|
default: 'bg-transparent',
|
|
94
|
-
hover: 'bg-transparent',
|
|
95
|
-
focused: 'bg-transparent',
|
|
96
86
|
disabled: 'bg-transparent',
|
|
97
87
|
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'
|
|
105
88
|
}
|
|
106
89
|
};
|
|
107
90
|
const textColorClasses = {
|
|
108
91
|
primary: {
|
|
109
92
|
default: 'text-white',
|
|
110
|
-
hover: 'text-white',
|
|
111
|
-
focused: 'text-white',
|
|
112
93
|
disabled: 'text-disabled',
|
|
113
94
|
loading: 'text-white'
|
|
114
95
|
},
|
|
115
96
|
secondary: {
|
|
116
|
-
default: 'text-secondary',
|
|
117
|
-
hover: 'text-secondary_hover',
|
|
118
|
-
focused: 'text-secondary',
|
|
97
|
+
default: destructive ? 'text-error' : 'text-secondary',
|
|
119
98
|
disabled: 'text-disabled',
|
|
120
|
-
loading: 'text-secondary_hover'
|
|
99
|
+
loading: destructive ? 'text-error_hover' : 'text-secondary_hover'
|
|
121
100
|
},
|
|
122
101
|
tertiary: {
|
|
123
|
-
default: 'text-tertiary',
|
|
124
|
-
hover: 'text-tertiary_hover',
|
|
125
|
-
focused: 'text-tertiary',
|
|
102
|
+
default: destructive ? 'text-error' : 'text-tertiary',
|
|
126
103
|
disabled: 'text-disabled',
|
|
127
|
-
loading: 'text-tertiary_hover'
|
|
104
|
+
loading: destructive ? 'text-error_hover' : 'text-tertiary_hover'
|
|
128
105
|
},
|
|
129
106
|
'link-color': {
|
|
130
|
-
default: 'text-brand-tertiary',
|
|
131
|
-
hover: 'text-brand-secondary',
|
|
132
|
-
focused: 'text-brand-tertiary',
|
|
107
|
+
default: destructive ? 'text-error' : 'text-brand-tertiary',
|
|
133
108
|
disabled: 'text-disabled',
|
|
134
|
-
loading: 'text-brand-tertiary'
|
|
109
|
+
loading: destructive ? 'text-error' : 'text-brand-tertiary'
|
|
135
110
|
},
|
|
136
111
|
'link-gray': {
|
|
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',
|
|
112
|
+
default: destructive ? 'text-error' : 'text-tertiary',
|
|
147
113
|
disabled: 'text-disabled',
|
|
148
|
-
loading: 'text-
|
|
114
|
+
loading: destructive ? 'text-error' : 'text-tertiary'
|
|
149
115
|
}
|
|
150
116
|
};
|
|
151
|
-
|
|
152
|
-
// Focus effects
|
|
153
|
-
const focusClasses = {
|
|
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'
|
|
160
|
-
};
|
|
161
|
-
|
|
162
|
-
// Text size classes based on button size
|
|
163
117
|
const textSizeClasses = {
|
|
164
118
|
xs: 'text-xs',
|
|
165
119
|
sm: 'text-sm',
|
|
@@ -167,25 +121,22 @@ function BaseButton({
|
|
|
167
121
|
lg: 'text-lg',
|
|
168
122
|
xl: 'text-lg'
|
|
169
123
|
};
|
|
170
|
-
|
|
171
|
-
|
|
124
|
+
const iconSizes = {
|
|
125
|
+
xs: 16,
|
|
126
|
+
sm: 18,
|
|
127
|
+
md: 20,
|
|
128
|
+
lg: 22,
|
|
129
|
+
xl: 24
|
|
130
|
+
};
|
|
172
131
|
let buttonState = 'default';
|
|
173
132
|
if (loading) {
|
|
174
133
|
buttonState = 'loading';
|
|
175
134
|
} else if (isDisabled) {
|
|
176
135
|
buttonState = 'disabled';
|
|
177
|
-
} else if (isFocused) {
|
|
178
|
-
buttonState = 'focused';
|
|
179
136
|
}
|
|
180
|
-
|
|
181
|
-
// Determine if it's an icon-only button (no text and has icon)
|
|
182
137
|
const isIconOnly = !text && (LeftIcon || RightIcon);
|
|
183
|
-
const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === '
|
|
184
|
-
|
|
185
|
-
// Text styles
|
|
138
|
+
const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'disabled' && variant !== 'tertiary' && 'border border-gray-200');
|
|
186
139
|
const textStyles = (0, _clsx.default)('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
|
|
187
|
-
|
|
188
|
-
// Spinner color mapping - updated with destructive variant
|
|
189
140
|
const spinnerColorMap = {
|
|
190
141
|
primary: {
|
|
191
142
|
default: '#fff',
|
|
@@ -194,38 +145,30 @@ function BaseButton({
|
|
|
194
145
|
loading: '#fff'
|
|
195
146
|
},
|
|
196
147
|
secondary: {
|
|
197
|
-
default: '#667085',
|
|
148
|
+
default: destructive ? '#F04438' : '#667085',
|
|
198
149
|
disabled: '#9AA4B2',
|
|
199
150
|
// text-disabled color
|
|
200
|
-
loading: '#667085'
|
|
151
|
+
loading: destructive ? '#F04438' : '#667085'
|
|
201
152
|
},
|
|
202
153
|
tertiary: {
|
|
203
|
-
default: '#667085',
|
|
154
|
+
default: destructive ? '#F04438' : '#667085',
|
|
204
155
|
disabled: '#9AA4B2',
|
|
205
156
|
// text-disabled color
|
|
206
|
-
loading: '#667085'
|
|
157
|
+
loading: destructive ? '#F04438' : '#667085'
|
|
207
158
|
},
|
|
208
159
|
'link-color': {
|
|
209
|
-
default: '#7F56D9',
|
|
160
|
+
default: destructive ? '#F04438' : '#7F56D9',
|
|
210
161
|
disabled: '#9AA4B2',
|
|
211
162
|
// text-disabled color
|
|
212
|
-
loading: '#7F56D9'
|
|
163
|
+
loading: destructive ? '#F04438' : '#7F56D9'
|
|
213
164
|
},
|
|
214
165
|
'link-gray': {
|
|
215
|
-
default: '#667085',
|
|
216
|
-
disabled: '#9AA4B2',
|
|
217
|
-
// text-disabled color
|
|
218
|
-
loading: '#667085'
|
|
219
|
-
},
|
|
220
|
-
destructive: {
|
|
221
|
-
default: '#fff',
|
|
166
|
+
default: destructive ? '#F04438' : '#667085',
|
|
222
167
|
disabled: '#9AA4B2',
|
|
223
168
|
// text-disabled color
|
|
224
|
-
loading: '#
|
|
169
|
+
loading: destructive ? '#F04438' : '#667085'
|
|
225
170
|
}
|
|
226
171
|
};
|
|
227
|
-
|
|
228
|
-
// Determine current spinner color based on variant and button state
|
|
229
172
|
let spinnerColor = '#fff';
|
|
230
173
|
if (buttonState === 'disabled') {
|
|
231
174
|
spinnerColor = spinnerColorMap[variant].disabled;
|
|
@@ -234,19 +177,24 @@ function BaseButton({
|
|
|
234
177
|
} else {
|
|
235
178
|
spinnerColor = spinnerColorMap[variant].default;
|
|
236
179
|
}
|
|
180
|
+
const renderIcon = IconComponent => {
|
|
181
|
+
if (!IconComponent) return null;
|
|
182
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
|
|
183
|
+
size: iconSizes[size],
|
|
184
|
+
color: spinnerColor
|
|
185
|
+
});
|
|
186
|
+
};
|
|
237
187
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
238
188
|
disabled: isDisabled || loading,
|
|
239
189
|
className: buttonStyles,
|
|
240
190
|
hitSlop: hitSlop,
|
|
241
|
-
onFocus: () => setIsFocused(true),
|
|
242
|
-
onBlur: () => setIsFocused(false),
|
|
243
191
|
...props,
|
|
244
192
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
245
193
|
className: (0, _clsx.default)('flex flex-row items-center justify-center gap-2', loading && 'opacity-0'),
|
|
246
|
-
children: [LeftIcon, text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
194
|
+
children: [LeftIcon && renderIcon(LeftIcon), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
247
195
|
className: textStyles,
|
|
248
196
|
children: [text, timer > 0 ? ` (${timer})` : '']
|
|
249
|
-
}), RightIcon]
|
|
197
|
+
}), RightIcon && renderIcon(RightIcon)]
|
|
250
198
|
}), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
251
199
|
size: "small",
|
|
252
200
|
color: spinnerColor,
|
|
@@ -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","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_react","_reactNative","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","destructive","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","clsx","textStyles","spinnerColorMap","spinnerColor","renderIcon","IconComponent","jsx","color","jsxs","Pressable","className","children","View","Text","ActivityIndicator","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "BaseBadge", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BaseBadge.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "BaseButton", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -10,5 +16,6 @@ Object.defineProperty(exports, "BaseButton", {
|
|
|
10
16
|
}
|
|
11
17
|
});
|
|
12
18
|
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
19
|
+
var _BaseBadge = _interopRequireDefault(require("./BaseBadge"));
|
|
13
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
8
|
+
var _utilityColors = _interopRequireDefault(require("./utility-colors"));
|
|
8
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
+
const backgroundColors = {
|
|
10
11
|
'bg-primary': {
|
|
11
12
|
light: _colors.default.base.white,
|
|
12
13
|
dark: _colors.default.gray_dark['950']
|
|
@@ -19,7 +20,7 @@ var _default = exports.default = {
|
|
|
19
20
|
light: _colors.default.gray_light['50'],
|
|
20
21
|
dark: _colors.default.gray_dark['800']
|
|
21
22
|
},
|
|
22
|
-
'bg-
|
|
23
|
+
'bg-primary-solid': {
|
|
23
24
|
light: _colors.default.gray_light['950'],
|
|
24
25
|
dark: _colors.default.gray_dark['900']
|
|
25
26
|
},
|
|
@@ -39,7 +40,7 @@ var _default = exports.default = {
|
|
|
39
40
|
light: _colors.default.gray_light['25'],
|
|
40
41
|
dark: _colors.default.gray_dark['900']
|
|
41
42
|
},
|
|
42
|
-
'bg-
|
|
43
|
+
'bg-secondary-solid': {
|
|
43
44
|
light: _colors.default.gray_light['600'],
|
|
44
45
|
dark: _colors.default.gray_dark['600']
|
|
45
46
|
},
|
|
@@ -67,69 +68,76 @@ var _default = exports.default = {
|
|
|
67
68
|
light: _colors.default.gray_light['950'],
|
|
68
69
|
dark: _colors.default.gray_dark['800']
|
|
69
70
|
},
|
|
70
|
-
'bg-
|
|
71
|
+
'bg-brand-primary': {
|
|
71
72
|
light: _colors.default.brand['50'],
|
|
72
73
|
dark: _colors.default.brand['500']
|
|
73
74
|
},
|
|
74
|
-
'bg-
|
|
75
|
+
'bg-brand-primary_alt': {
|
|
75
76
|
light: _colors.default.brand['50'],
|
|
76
77
|
dark: _colors.default.gray_dark['800']
|
|
77
78
|
},
|
|
78
|
-
'bg-
|
|
79
|
+
'bg-brand-secondary': {
|
|
79
80
|
light: _colors.default.brand['100'],
|
|
80
81
|
dark: _colors.default.brand['600']
|
|
81
82
|
},
|
|
82
|
-
'bg-
|
|
83
|
+
'bg-brand-solid': {
|
|
83
84
|
light: _colors.default.brand['600'],
|
|
84
85
|
dark: _colors.default.brand['600']
|
|
85
86
|
},
|
|
86
|
-
'bg-
|
|
87
|
+
'bg-brand-solid_hover': {
|
|
87
88
|
light: _colors.default.brand['700'],
|
|
88
89
|
dark: _colors.default.brand['500']
|
|
89
90
|
},
|
|
90
|
-
'bg-
|
|
91
|
+
'bg-brand-section': {
|
|
91
92
|
light: _colors.default.brand['800'],
|
|
92
93
|
dark: _colors.default.gray_dark['800']
|
|
93
94
|
},
|
|
94
|
-
'bg-
|
|
95
|
+
'bg-brand-section_subtle': {
|
|
95
96
|
light: _colors.default.brand['700'],
|
|
96
97
|
dark: _colors.default.gray_dark['950']
|
|
97
98
|
},
|
|
98
|
-
'bg-
|
|
99
|
+
'bg-error-primary': {
|
|
99
100
|
light: _colors.default.error['50'],
|
|
100
101
|
dark: _colors.default.error['950']
|
|
101
102
|
},
|
|
102
|
-
'bg-
|
|
103
|
+
'bg-error-secondary': {
|
|
103
104
|
light: _colors.default.error['100'],
|
|
104
105
|
dark: _colors.default.error['600']
|
|
105
106
|
},
|
|
106
|
-
'bg-
|
|
107
|
+
'bg-error-solid': {
|
|
107
108
|
light: _colors.default.error['600'],
|
|
108
109
|
dark: _colors.default.error['600']
|
|
109
110
|
},
|
|
110
|
-
'bg-
|
|
111
|
+
'bg-warning-primary': {
|
|
111
112
|
light: _colors.default.warning['50'],
|
|
112
113
|
dark: _colors.default.warning['950']
|
|
113
114
|
},
|
|
114
|
-
'bg-
|
|
115
|
+
'bg-warning-secondary': {
|
|
115
116
|
light: _colors.default.warning['100'],
|
|
116
117
|
dark: _colors.default.warning['600']
|
|
117
118
|
},
|
|
118
|
-
'bg-
|
|
119
|
+
'bg-warning-solid': {
|
|
119
120
|
light: _colors.default.warning['600'],
|
|
120
121
|
dark: _colors.default.warning['600']
|
|
121
122
|
},
|
|
122
|
-
'bg-
|
|
123
|
+
'bg-success-primary': {
|
|
123
124
|
light: _colors.default.success['50'],
|
|
124
125
|
dark: _colors.default.success['950']
|
|
125
126
|
},
|
|
126
|
-
'bg-
|
|
127
|
+
'bg-success-secondary': {
|
|
127
128
|
light: _colors.default.success['100'],
|
|
128
129
|
dark: _colors.default.success['600']
|
|
129
130
|
},
|
|
130
|
-
'bg-
|
|
131
|
+
'bg-success-solid': {
|
|
131
132
|
light: _colors.default.success['600'],
|
|
132
133
|
dark: _colors.default.success['600']
|
|
133
134
|
}
|
|
134
135
|
};
|
|
136
|
+
Object.entries(_utilityColors.default).forEach(([key, value]) => {
|
|
137
|
+
backgroundColors[`bg-utility-${key}`] = {
|
|
138
|
+
light: value.light,
|
|
139
|
+
dark: value.dark
|
|
140
|
+
};
|
|
141
|
+
});
|
|
142
|
+
var _default = exports.default = backgroundColors;
|
|
135
143
|
//# sourceMappingURL=background-colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","_utilityColors","e","__esModule","default","backgroundColors","light","colors","base","white","dark","gray_dark","gray_light","brand","error","warning","success","Object","entries","utilityColors","forEach","key","value","_default","exports"],"sourceRoot":"../../../src","sources":["styles/background-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
8
|
+
var _utilityColors = _interopRequireDefault(require("./utility-colors"));
|
|
8
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
+
const borderColors = {
|
|
10
11
|
'border-primary': {
|
|
11
12
|
light: _colors.default.gray_light['300'],
|
|
12
13
|
dark: _colors.default.gray_dark['700']
|
|
@@ -48,4 +49,11 @@ var _default = exports.default = {
|
|
|
48
49
|
dark: _colors.default.error['500']
|
|
49
50
|
}
|
|
50
51
|
};
|
|
52
|
+
Object.entries(_utilityColors.default).forEach(([key, value]) => {
|
|
53
|
+
borderColors[`border-utility-${key}`] = {
|
|
54
|
+
light: value.light,
|
|
55
|
+
dark: value.dark
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
var _default = exports.default = borderColors;
|
|
51
59
|
//# sourceMappingURL=border-colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","_utilityColors","e","__esModule","default","borderColors","light","colors","gray_light","dark","gray_dark","brand","error","Object","entries","utilityColors","forEach","key","value","_default","exports"],"sourceRoot":"../../../src","sources":["styles/border-colors.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW7C,MAAMG,YAA8B,GAAG;EACrC,gBAAgB,EAAE;IAChBC,KAAK,EAAEC,eAAM,CAACC,UAAU,CAAC,KAAK,CAAC;IAC/BC,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,kBAAkB,EAAE;IAClBJ,KAAK,EAAEC,eAAM,CAACC,UAAU,CAAC,KAAK,CAAC;IAC/BC,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,sBAAsB,EAAE;IACtBJ,KAAK,EAAE,WAAW;IAClBG,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,iBAAiB,EAAE;IACjBJ,KAAK,EAAEC,eAAM,CAACC,UAAU,CAAC,KAAK,CAAC;IAC/BC,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,iBAAiB,EAAE;IACjBJ,KAAK,EAAEC,eAAM,CAACC,UAAU,CAAC,KAAK,CAAC;IAC/BC,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,wBAAwB,EAAE;IACxBJ,KAAK,EAAEC,eAAM,CAACC,UAAU,CAAC,KAAK,CAAC;IAC/BC,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,cAAc,EAAE;IACdJ,KAAK,EAAEC,eAAM,CAACI,KAAK,CAAC,KAAK,CAAC;IAC1BF,IAAI,EAAEF,eAAM,CAACI,KAAK,CAAC,KAAK;EAC1B,CAAC;EACD,kBAAkB,EAAE;IAClBL,KAAK,EAAEC,eAAM,CAACI,KAAK,CAAC,KAAK,CAAC;IAC1BF,IAAI,EAAEF,eAAM,CAACG,SAAS,CAAC,KAAK;EAC9B,CAAC;EACD,cAAc,EAAE;IACdJ,KAAK,EAAEC,eAAM,CAACK,KAAK,CAAC,KAAK,CAAC;IAC1BH,IAAI,EAAEF,eAAM,CAACK,KAAK,CAAC,KAAK;EAC1B,CAAC;EACD,qBAAqB,EAAE;IACrBN,KAAK,EAAEC,eAAM,CAACK,KAAK,CAAC,KAAK,CAAC;IAC1BH,IAAI,EAAEF,eAAM,CAACK,KAAK,CAAC,KAAK;EAC1B;AACF,CAAC;AAEDC,MAAM,CAACC,OAAO,CAACC,sBAAa,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;EACtDb,YAAY,CAAC,kBAAkBY,GAAG,EAAE,CAAC,GAAG;IACtCX,KAAK,EAAEY,KAAK,CAACZ,KAAK;IAClBG,IAAI,EAAES,KAAK,CAACT;EACd,CAAC;AACH,CAAC,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEYC,YAAY","ignoreList":[]}
|