@grupalia/rn-ui-kit 0.0.1
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/README.md +46 -0
- package/lib/commonjs/components/BaseButton.js +246 -0
- package/lib/commonjs/components/BaseButton.js.map +1 -0
- package/lib/commonjs/components/index.js +14 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/index.js +29 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/preset.js +30 -0
- package/lib/commonjs/preset.js.map +1 -0
- package/lib/commonjs/styles/background-colors.js +135 -0
- package/lib/commonjs/styles/background-colors.js.map +1 -0
- package/lib/commonjs/styles/border-colors.js +51 -0
- package/lib/commonjs/styles/border-colors.js.map +1 -0
- package/lib/commonjs/styles/colors.js +390 -0
- package/lib/commonjs/styles/colors.js.map +1 -0
- package/lib/commonjs/styles/foreground-colors.js +91 -0
- package/lib/commonjs/styles/foreground-colors.js.map +1 -0
- package/lib/commonjs/styles/gradients.js +1241 -0
- package/lib/commonjs/styles/gradients.js.map +1 -0
- package/lib/commonjs/styles/text-colors.js +99 -0
- package/lib/commonjs/styles/text-colors.js.map +1 -0
- package/lib/commonjs/types/nativewind-env.d.js +3 -0
- package/lib/commonjs/types/nativewind-env.d.js.map +1 -0
- package/lib/module/components/BaseButton.js +241 -0
- package/lib/module/components/BaseButton.js.map +1 -0
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/index.js +5 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/preset.js +25 -0
- package/lib/module/preset.js.map +1 -0
- package/lib/module/styles/background-colors.js +130 -0
- package/lib/module/styles/background-colors.js.map +1 -0
- package/lib/module/styles/border-colors.js +46 -0
- package/lib/module/styles/border-colors.js.map +1 -0
- package/lib/module/styles/colors.js +386 -0
- package/lib/module/styles/colors.js.map +1 -0
- package/lib/module/styles/foreground-colors.js +86 -0
- package/lib/module/styles/foreground-colors.js.map +1 -0
- package/lib/module/styles/gradients.js +1237 -0
- package/lib/module/styles/gradients.js.map +1 -0
- package/lib/module/styles/text-colors.js +94 -0
- package/lib/module/styles/text-colors.js.map +1 -0
- package/lib/module/types/nativewind-env.d.js +3 -0
- package/lib/module/types/nativewind-env.d.js.map +1 -0
- package/lib/typescript/commonjs/components/BaseButton.d.ts +15 -0
- package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +3 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/preset.d.ts +4 -0
- package/lib/typescript/commonjs/preset.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/background-colors.d.ts +128 -0
- package/lib/typescript/commonjs/styles/background-colors.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/border-colors.d.ts +44 -0
- package/lib/typescript/commonjs/styles/border-colors.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/colors.d.ts +385 -0
- package/lib/typescript/commonjs/styles/colors.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts +84 -0
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/gradients.d.ts +900 -0
- package/lib/typescript/commonjs/styles/gradients.d.ts.map +1 -0
- package/lib/typescript/commonjs/styles/text-colors.d.ts +92 -0
- package/lib/typescript/commonjs/styles/text-colors.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseButton.d.ts +15 -0
- package/lib/typescript/module/components/BaseButton.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +2 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +3 -0
- package/lib/typescript/module/index.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/preset.d.ts +4 -0
- package/lib/typescript/module/preset.d.ts.map +1 -0
- package/lib/typescript/module/styles/background-colors.d.ts +128 -0
- package/lib/typescript/module/styles/background-colors.d.ts.map +1 -0
- package/lib/typescript/module/styles/border-colors.d.ts +44 -0
- package/lib/typescript/module/styles/border-colors.d.ts.map +1 -0
- package/lib/typescript/module/styles/colors.d.ts +385 -0
- package/lib/typescript/module/styles/colors.d.ts.map +1 -0
- package/lib/typescript/module/styles/foreground-colors.d.ts +84 -0
- package/lib/typescript/module/styles/foreground-colors.d.ts.map +1 -0
- package/lib/typescript/module/styles/gradients.d.ts +900 -0
- package/lib/typescript/module/styles/gradients.d.ts.map +1 -0
- package/lib/typescript/module/styles/text-colors.d.ts +92 -0
- package/lib/typescript/module/styles/text-colors.d.ts.map +1 -0
- package/package.json +89 -0
- package/src/preset.ts +32 -0
- package/src/styles/background-colors.ts +128 -0
- package/src/styles/border-colors.ts +44 -0
- package/src/styles/colors.ts +383 -0
- package/src/styles/foreground-colors.ts +84 -0
- package/src/styles/gradients.ts +1570 -0
- package/src/styles/text-colors.ts +92 -0
package/README.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# Grupalia Design System
|
|
2
|
+
|
|
3
|
+
## Overview
|
|
4
|
+
This design system provides a scalable, maintainable, and consistent approach to building user interfaces across Grupalia products. It is inspired by best practices and the documentation in our Figma files:
|
|
5
|
+
|
|
6
|
+
## Color System & Variables
|
|
7
|
+
|
|
8
|
+
### 1. **Palette Variables**
|
|
9
|
+
- All base colors (brand, gray, error, etc.) are defined in `styles/colors.js`.
|
|
10
|
+
- Each color and shade is available as a palette variable (e.g., `brand[500]`, `gray_light[100]`).
|
|
11
|
+
- Palette variables are mapped to semantic variables and should not be used in UI code or components.
|
|
12
|
+
|
|
13
|
+
### 2. **Semantic Variables**
|
|
14
|
+
- Semantic color files (`background-colors.js`, `text-colors.js`, `border-colors.js`) map UI roles (e.g., `bg-primary`, `text-secondary`) to palette colors.
|
|
15
|
+
- Each semantic variable has a `light` (and optionally `dark`) value, referencing the palette.
|
|
16
|
+
- **Always use semantic utility classes in your UI code with NativeWind.**
|
|
17
|
+
|
|
18
|
+
#### Example (NativeWind):
|
|
19
|
+
```jsx
|
|
20
|
+
// BAD: using StyleSheet or inline styles
|
|
21
|
+
// <View style={{ backgroundColor: colors.brand[500] }} />
|
|
22
|
+
|
|
23
|
+
// GOOD: using semantic utility classes with NativeWind
|
|
24
|
+
<View className="bg-primary text-secondary">
|
|
25
|
+
<Text className="text-primary">Hello</Text>
|
|
26
|
+
</View>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### 3. **Tailwind/NativeWind Integration**
|
|
30
|
+
- The Tailwind config (`src/preset.ts`) is extended to generate utility classes only for semantic colors.
|
|
31
|
+
- Classes like `bg-primary`, `text-secondary`, `border-brand` are available for use with NativeWind.
|
|
32
|
+
- Only use the semantic utility classes generated by the config in your components.
|
|
33
|
+
|
|
34
|
+
## When to Use Each Variable
|
|
35
|
+
- **Palette variables**: Only in semantic mapping files.
|
|
36
|
+
- **Semantic variables**: Always in UI code, components, and styles via NativeWind utility classes.
|
|
37
|
+
- **Tailwind/NativeWind classes**: Only use the semantic classes generated by the config.
|
|
38
|
+
|
|
39
|
+
## Why This Approach?
|
|
40
|
+
- **Consistency**: Ensures all UI uses the same color roles, making updates and theming easy.
|
|
41
|
+
- **Scalability**: Adding/changing a palette color or semantic mapping updates the whole system.
|
|
42
|
+
- **Theming**: (Future) Enables light/dark mode and custom themes by changing semantic mappings.
|
|
43
|
+
|
|
44
|
+
---
|
|
45
|
+
|
|
46
|
+
For more details, see the Figma documentation and the code in the `styles/` directory.
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = BaseButton;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function BaseButton({
|
|
13
|
+
variant = 'primary',
|
|
14
|
+
size = 'md',
|
|
15
|
+
text = '',
|
|
16
|
+
loading = false,
|
|
17
|
+
disabled = false,
|
|
18
|
+
LeftIcon = null,
|
|
19
|
+
RightIcon = null,
|
|
20
|
+
hitSlop = 6,
|
|
21
|
+
countdownSecs = 0,
|
|
22
|
+
...props
|
|
23
|
+
}) {
|
|
24
|
+
const [timer, setTimer] = _react.default.useState(countdownSecs);
|
|
25
|
+
const [isDisabled, setIsDisabled] = _react.default.useState(disabled || countdownSecs > 0);
|
|
26
|
+
const [isFocused, setIsFocused] = _react.default.useState(false);
|
|
27
|
+
_react.default.useEffect(() => {
|
|
28
|
+
let intervalId;
|
|
29
|
+
if (countdownSecs > 0) {
|
|
30
|
+
setIsDisabled(true);
|
|
31
|
+
setTimer(countdownSecs);
|
|
32
|
+
intervalId = setInterval(() => {
|
|
33
|
+
setTimer(prevTimer => {
|
|
34
|
+
if (prevTimer <= 1) {
|
|
35
|
+
clearInterval(intervalId);
|
|
36
|
+
setIsDisabled(Boolean(disabled));
|
|
37
|
+
return 0;
|
|
38
|
+
}
|
|
39
|
+
return prevTimer - 1;
|
|
40
|
+
});
|
|
41
|
+
}, 1000);
|
|
42
|
+
} else {
|
|
43
|
+
setIsDisabled(Boolean(disabled));
|
|
44
|
+
}
|
|
45
|
+
return () => {
|
|
46
|
+
if (intervalId) clearInterval(intervalId);
|
|
47
|
+
};
|
|
48
|
+
}, [countdownSecs, disabled]);
|
|
49
|
+
const sizeClasses = {
|
|
50
|
+
xs: 'px-3 py-1.5 rounded-md min-h-[32px]',
|
|
51
|
+
sm: 'px-4 py-2 rounded-lg min-h-[40px]',
|
|
52
|
+
md: 'px-5 py-2.5 rounded-lg min-h-[48px]',
|
|
53
|
+
lg: 'px-6 py-3 rounded-xl min-h-[56px]',
|
|
54
|
+
xl: 'px-[18px] py-3 rounded-xl min-h-[60px]'
|
|
55
|
+
};
|
|
56
|
+
const iconOnlyClasses = {
|
|
57
|
+
xs: 'p-2 rounded-md min-h-[32px] min-w-[32px]',
|
|
58
|
+
sm: 'p-2 rounded-lg min-h-[40px] min-w-[40px]',
|
|
59
|
+
md: 'p-2.5 rounded-lg min-h-[48px] min-w-[48px]',
|
|
60
|
+
lg: 'p-3 rounded-xl min-h-[56px] min-w-[56px]',
|
|
61
|
+
xl: 'p-3.5 rounded-xl min-h-[60px] min-w-[60px]'
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
// Background colors for different variants and states using classes from background-colors.ts
|
|
65
|
+
const bgClasses = {
|
|
66
|
+
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
|
|
76
|
+
},
|
|
77
|
+
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
|
|
87
|
+
},
|
|
88
|
+
tertiary: {
|
|
89
|
+
default: 'bg-transparent',
|
|
90
|
+
hover: 'bg-gray-50',
|
|
91
|
+
// bg-primary_hover
|
|
92
|
+
focused: 'bg-transparent',
|
|
93
|
+
disabled: 'bg-transparent',
|
|
94
|
+
loading: 'bg-gray-50' // bg-primary_hover
|
|
95
|
+
},
|
|
96
|
+
'link-color': {
|
|
97
|
+
default: 'bg-transparent',
|
|
98
|
+
hover: 'bg-transparent',
|
|
99
|
+
focused: 'bg-transparent',
|
|
100
|
+
disabled: 'bg-transparent',
|
|
101
|
+
loading: 'bg-transparent'
|
|
102
|
+
},
|
|
103
|
+
'link-gray': {
|
|
104
|
+
default: 'bg-transparent',
|
|
105
|
+
hover: 'bg-transparent',
|
|
106
|
+
focused: 'bg-transparent',
|
|
107
|
+
disabled: 'bg-transparent',
|
|
108
|
+
loading: 'bg-transparent'
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
// Text colors for different variants and states using standard Tailwind classes
|
|
113
|
+
const textColorClasses = {
|
|
114
|
+
primary: {
|
|
115
|
+
default: 'text-white',
|
|
116
|
+
hover: 'text-white',
|
|
117
|
+
focused: 'text-white',
|
|
118
|
+
disabled: 'text-gray-400',
|
|
119
|
+
// text-disabled
|
|
120
|
+
loading: 'text-white'
|
|
121
|
+
},
|
|
122
|
+
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
|
|
132
|
+
},
|
|
133
|
+
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
|
|
143
|
+
},
|
|
144
|
+
'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
|
|
154
|
+
},
|
|
155
|
+
'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
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
// Focus effects
|
|
169
|
+
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
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
// Text size classes based on button size
|
|
182
|
+
const textSizeClasses = {
|
|
183
|
+
xs: 'text-xs',
|
|
184
|
+
sm: 'text-sm',
|
|
185
|
+
md: 'text-base',
|
|
186
|
+
lg: 'text-lg',
|
|
187
|
+
xl: 'text-lg'
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
// Determine state for styling (default, hover, focused, disabled, loading)
|
|
191
|
+
let buttonState = 'default';
|
|
192
|
+
if (loading) {
|
|
193
|
+
buttonState = 'loading';
|
|
194
|
+
} else if (isDisabled) {
|
|
195
|
+
buttonState = 'disabled';
|
|
196
|
+
} else if (isFocused) {
|
|
197
|
+
buttonState = 'focused';
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
// Determine if it's an icon-only button (no text and has icon)
|
|
201
|
+
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');
|
|
205
|
+
|
|
206
|
+
// Text styles
|
|
207
|
+
const textStyles = (0, _clsx.default)('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
|
|
208
|
+
|
|
209
|
+
// Spinner color mapping
|
|
210
|
+
const spinnerColorMap = {
|
|
211
|
+
primary: '#fff',
|
|
212
|
+
secondary: '#667085',
|
|
213
|
+
tertiary: '#667085',
|
|
214
|
+
'link-color': '#7F56D9',
|
|
215
|
+
'link-gray': '#667085'
|
|
216
|
+
};
|
|
217
|
+
const spinnerColor = spinnerColorMap[variant];
|
|
218
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
219
|
+
disabled: isDisabled || loading,
|
|
220
|
+
className: buttonStyles,
|
|
221
|
+
hitSlop: hitSlop,
|
|
222
|
+
onFocus: () => setIsFocused(true),
|
|
223
|
+
onBlur: () => setIsFocused(false),
|
|
224
|
+
...props,
|
|
225
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
226
|
+
className: (0, _clsx.default)('flex flex-row items-center justify-center gap-2', loading && 'opacity-0'),
|
|
227
|
+
children: [LeftIcon, text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
228
|
+
className: textStyles,
|
|
229
|
+
children: [text, timer > 0 ? ` (${timer})` : '']
|
|
230
|
+
}), RightIcon]
|
|
231
|
+
}), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
232
|
+
size: "small",
|
|
233
|
+
color: spinnerColor,
|
|
234
|
+
style: {
|
|
235
|
+
position: 'absolute',
|
|
236
|
+
top: 0,
|
|
237
|
+
left: 0,
|
|
238
|
+
right: 0,
|
|
239
|
+
bottom: 0,
|
|
240
|
+
justifyContent: 'center',
|
|
241
|
+
alignItems: 'center'
|
|
242
|
+
}
|
|
243
|
+
})]
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
//# sourceMappingURL=BaseButton.js.map
|
|
@@ -0,0 +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":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "BaseButton", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BaseButton.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
preset: true
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "preset", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () {
|
|
12
|
+
return _preset.default;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
var _components = require("./components");
|
|
16
|
+
Object.keys(_components).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _components[key]) return;
|
|
20
|
+
Object.defineProperty(exports, key, {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return _components[key];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
var _preset = _interopRequireDefault(require("./preset"));
|
|
28
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_components","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_preset","_interopRequireDefault","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAC,sBAAA,CAAAd,OAAA;AAA4C,SAAAc,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _backgroundColors = _interopRequireDefault(require("./styles/background-colors"));
|
|
8
|
+
var _borderColors = _interopRequireDefault(require("./styles/border-colors"));
|
|
9
|
+
var _textColors = _interopRequireDefault(require("./styles/text-colors"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function mapLightColors(semanticObject, prefix) {
|
|
12
|
+
return Object.entries(semanticObject).reduce((acc, [key, value]) => {
|
|
13
|
+
const name = key.replace(`${prefix}-`, '');
|
|
14
|
+
acc[name] = value.light;
|
|
15
|
+
return acc;
|
|
16
|
+
}, {});
|
|
17
|
+
}
|
|
18
|
+
const preset = {
|
|
19
|
+
content: [],
|
|
20
|
+
theme: {
|
|
21
|
+
extend: {
|
|
22
|
+
backgroundColor: mapLightColors(_backgroundColors.default, 'bg'),
|
|
23
|
+
textColor: mapLightColors(_textColors.default, 'text'),
|
|
24
|
+
borderColor: mapLightColors(_borderColors.default, 'border')
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
plugins: []
|
|
28
|
+
};
|
|
29
|
+
var _default = exports.default = preset;
|
|
30
|
+
//# sourceMappingURL=preset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_backgroundColors","_interopRequireDefault","require","_borderColors","_textColors","e","__esModule","default","mapLightColors","semanticObject","prefix","Object","entries","reduce","acc","key","value","name","replace","light","preset","content","theme","extend","backgroundColor","backgroundColors","textColor","textColors","borderColor","borderColors","plugins","_default","exports"],"sourceRoot":"../../src","sources":["preset.ts"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI9C,SAASG,cAAcA,CACrBC,cAAmC,EACnCC,MAAc,EACU;EACxB,OAAOC,MAAM,CAACC,OAAO,CAACH,cAAc,CAAC,CAACI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAClE,MAAMC,IAAI,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAGR,MAAM,GAAG,EAAE,EAAE,CAAC;IAC1CI,GAAG,CAACG,IAAI,CAAC,GAAGD,KAAK,CAACG,KAAK;IACvB,OAAOL,GAAG;EACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;AAClC;AAEA,MAAMM,MAAc,GAAG;EACrBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,eAAe,EAAEhB,cAAc,CAACiB,yBAAgB,EAAE,IAAI,CAAC;MACvDC,SAAS,EAAElB,cAAc,CAACmB,mBAAU,EAAE,MAAM,CAAC;MAC7CC,WAAW,EAAEpB,cAAc,CAACqB,qBAAY,EAAE,QAAQ;IACpD;EACF,CAAC;EACDC,OAAO,EAAE;AACX,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaa,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _colors = _interopRequireDefault(require("./colors"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
var _default = exports.default = {
|
|
10
|
+
'bg-primary': {
|
|
11
|
+
light: _colors.default.base.white,
|
|
12
|
+
dark: _colors.default.gray_dark['950']
|
|
13
|
+
},
|
|
14
|
+
'bg-primary_alt': {
|
|
15
|
+
light: _colors.default.base.white,
|
|
16
|
+
dark: _colors.default.gray_dark['900']
|
|
17
|
+
},
|
|
18
|
+
'bg-primary_hover': {
|
|
19
|
+
light: _colors.default.gray_light['50'],
|
|
20
|
+
dark: _colors.default.gray_dark['800']
|
|
21
|
+
},
|
|
22
|
+
'bg-primary_solid': {
|
|
23
|
+
light: _colors.default.gray_light['950'],
|
|
24
|
+
dark: _colors.default.gray_dark['900']
|
|
25
|
+
},
|
|
26
|
+
'bg-secondary': {
|
|
27
|
+
light: _colors.default.gray_light['50'],
|
|
28
|
+
dark: _colors.default.gray_dark['900']
|
|
29
|
+
},
|
|
30
|
+
'bg-secondary_alt': {
|
|
31
|
+
light: _colors.default.gray_light['50'],
|
|
32
|
+
dark: _colors.default.gray_dark['950']
|
|
33
|
+
},
|
|
34
|
+
'bg-secondary_hover': {
|
|
35
|
+
light: _colors.default.gray_light['100'],
|
|
36
|
+
dark: _colors.default.gray_dark['800']
|
|
37
|
+
},
|
|
38
|
+
'bg-secondary_subtle': {
|
|
39
|
+
light: _colors.default.gray_light['25'],
|
|
40
|
+
dark: _colors.default.gray_dark['900']
|
|
41
|
+
},
|
|
42
|
+
'bg-secondary_solid': {
|
|
43
|
+
light: _colors.default.gray_light['600'],
|
|
44
|
+
dark: _colors.default.gray_dark['600']
|
|
45
|
+
},
|
|
46
|
+
'bg-tertiary': {
|
|
47
|
+
light: _colors.default.gray_light['100'],
|
|
48
|
+
dark: _colors.default.gray_dark['800']
|
|
49
|
+
},
|
|
50
|
+
'bg-quaternary': {
|
|
51
|
+
light: _colors.default.gray_light['200'],
|
|
52
|
+
dark: _colors.default.gray_dark['700']
|
|
53
|
+
},
|
|
54
|
+
'bg-active': {
|
|
55
|
+
light: _colors.default.gray_light['50'],
|
|
56
|
+
dark: _colors.default.gray_dark['800']
|
|
57
|
+
},
|
|
58
|
+
'bg-disabled': {
|
|
59
|
+
light: _colors.default.gray_light['100'],
|
|
60
|
+
dark: _colors.default.gray_dark['800']
|
|
61
|
+
},
|
|
62
|
+
'bg-disabled_subtle': {
|
|
63
|
+
light: _colors.default.gray_light['50'],
|
|
64
|
+
dark: _colors.default.gray_dark['900']
|
|
65
|
+
},
|
|
66
|
+
'bg-overlay': {
|
|
67
|
+
light: _colors.default.gray_light['950'],
|
|
68
|
+
dark: _colors.default.gray_dark['800']
|
|
69
|
+
},
|
|
70
|
+
'bg-brand_primary': {
|
|
71
|
+
light: _colors.default.brand['50'],
|
|
72
|
+
dark: _colors.default.brand['500']
|
|
73
|
+
},
|
|
74
|
+
'bg-brand_primary_alt': {
|
|
75
|
+
light: _colors.default.brand['50'],
|
|
76
|
+
dark: _colors.default.gray_dark['800']
|
|
77
|
+
},
|
|
78
|
+
'bg-brand_secondary': {
|
|
79
|
+
light: _colors.default.brand['100'],
|
|
80
|
+
dark: _colors.default.brand['600']
|
|
81
|
+
},
|
|
82
|
+
'bg-brand_solid': {
|
|
83
|
+
light: _colors.default.brand['600'],
|
|
84
|
+
dark: _colors.default.brand['600']
|
|
85
|
+
},
|
|
86
|
+
'bg-brand_solid_hover': {
|
|
87
|
+
light: _colors.default.brand['700'],
|
|
88
|
+
dark: _colors.default.brand['500']
|
|
89
|
+
},
|
|
90
|
+
'bg-brand_section': {
|
|
91
|
+
light: _colors.default.brand['800'],
|
|
92
|
+
dark: _colors.default.gray_dark['800']
|
|
93
|
+
},
|
|
94
|
+
'bg-brand_section_subtle': {
|
|
95
|
+
light: _colors.default.brand['700'],
|
|
96
|
+
dark: _colors.default.gray_dark['950']
|
|
97
|
+
},
|
|
98
|
+
'bg-error_primary': {
|
|
99
|
+
light: _colors.default.error['50'],
|
|
100
|
+
dark: _colors.default.error['950']
|
|
101
|
+
},
|
|
102
|
+
'bg-error_secondary': {
|
|
103
|
+
light: _colors.default.error['100'],
|
|
104
|
+
dark: _colors.default.error['600']
|
|
105
|
+
},
|
|
106
|
+
'bg-error_solid': {
|
|
107
|
+
light: _colors.default.error['600'],
|
|
108
|
+
dark: _colors.default.error['600']
|
|
109
|
+
},
|
|
110
|
+
'bg-warning_primary': {
|
|
111
|
+
light: _colors.default.warning['50'],
|
|
112
|
+
dark: _colors.default.warning['950']
|
|
113
|
+
},
|
|
114
|
+
'bg-warning_secondary': {
|
|
115
|
+
light: _colors.default.warning['100'],
|
|
116
|
+
dark: _colors.default.warning['600']
|
|
117
|
+
},
|
|
118
|
+
'bg-warning_solid': {
|
|
119
|
+
light: _colors.default.warning['600'],
|
|
120
|
+
dark: _colors.default.warning['600']
|
|
121
|
+
},
|
|
122
|
+
'bg-success_primary': {
|
|
123
|
+
light: _colors.default.success['50'],
|
|
124
|
+
dark: _colors.default.success['950']
|
|
125
|
+
},
|
|
126
|
+
'bg-success_secondary': {
|
|
127
|
+
light: _colors.default.success['100'],
|
|
128
|
+
dark: _colors.default.success['600']
|
|
129
|
+
},
|
|
130
|
+
'bg-success_solid': {
|
|
131
|
+
light: _colors.default.success['600'],
|
|
132
|
+
dark: _colors.default.success['600']
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
//# sourceMappingURL=background-colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","base","white","dark","gray_dark","gray_light","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/background-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _colors = _interopRequireDefault(require("./colors"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
var _default = exports.default = {
|
|
10
|
+
'border-primary': {
|
|
11
|
+
light: _colors.default.gray_light['300'],
|
|
12
|
+
dark: _colors.default.gray_dark['700']
|
|
13
|
+
},
|
|
14
|
+
'border-secondary': {
|
|
15
|
+
light: _colors.default.gray_light['200'],
|
|
16
|
+
dark: _colors.default.gray_dark['800']
|
|
17
|
+
},
|
|
18
|
+
'border-secondary_alt': {
|
|
19
|
+
light: '#00000014',
|
|
20
|
+
dark: _colors.default.gray_dark['800']
|
|
21
|
+
},
|
|
22
|
+
'border-tertiary': {
|
|
23
|
+
light: _colors.default.gray_light['100'],
|
|
24
|
+
dark: _colors.default.gray_dark['800']
|
|
25
|
+
},
|
|
26
|
+
'border-disabled': {
|
|
27
|
+
light: _colors.default.gray_light['300'],
|
|
28
|
+
dark: _colors.default.gray_dark['700']
|
|
29
|
+
},
|
|
30
|
+
'border-disabled_subtle': {
|
|
31
|
+
light: _colors.default.gray_light['200'],
|
|
32
|
+
dark: _colors.default.gray_dark['800']
|
|
33
|
+
},
|
|
34
|
+
'border-brand': {
|
|
35
|
+
light: _colors.default.brand['500'],
|
|
36
|
+
dark: _colors.default.brand['400']
|
|
37
|
+
},
|
|
38
|
+
'border-brand_alt': {
|
|
39
|
+
light: _colors.default.brand['600'],
|
|
40
|
+
dark: _colors.default.gray_dark['700']
|
|
41
|
+
},
|
|
42
|
+
'border-error': {
|
|
43
|
+
light: _colors.default.error['500'],
|
|
44
|
+
dark: _colors.default.error['400']
|
|
45
|
+
},
|
|
46
|
+
'border-error_subtle': {
|
|
47
|
+
light: _colors.default.error['300'],
|
|
48
|
+
dark: _colors.default.error['500']
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=border-colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","gray_light","dark","gray_dark","brand","error"],"sourceRoot":"../../../src","sources":["styles/border-colors.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEf;EACb,gBAAgB,EAAE;IAChBG,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","ignoreList":[]}
|