@grupalia/rn-ui-kit 0.9.1 → 0.10.0
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 +62 -0
- package/lib/commonjs/components/BaseAlert.js +5 -3
- package/lib/commonjs/components/BaseAlert.js.map +1 -1
- package/lib/commonjs/components/BaseText.js +34 -0
- package/lib/commonjs/components/BaseText.js.map +1 -0
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +116 -0
- package/lib/commonjs/utils/fonts.js.map +1 -0
- package/lib/module/components/BaseAlert.js +4 -2
- package/lib/module/components/BaseAlert.js.map +1 -1
- package/lib/module/components/BaseText.js +30 -0
- package/lib/module/components/BaseText.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/utils/fonts.js +109 -0
- package/lib/module/utils/fonts.js.map +1 -0
- package/lib/typescript/commonjs/components/BaseAlert.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseAlert.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseText.d.ts +10 -0
- package/lib/typescript/commonjs/components/BaseText.d.ts.map +1 -0
- 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/utils/fonts.d.ts +29 -0
- package/lib/typescript/commonjs/utils/fonts.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseAlert.d.ts +2 -2
- package/lib/typescript/module/components/BaseAlert.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseText.d.ts +10 -0
- package/lib/typescript/module/components/BaseText.d.ts.map +1 -0
- 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/utils/fonts.d.ts +29 -0
- package/lib/typescript/module/utils/fonts.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/BaseAlert.tsx +5 -2
- package/src/components/BaseText.tsx +34 -0
- package/src/components/index.ts +1 -0
package/README.md
CHANGED
|
@@ -3,6 +3,68 @@
|
|
|
3
3
|
## Overview
|
|
4
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
5
|
|
|
6
|
+
## Installation
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
npm install @grupalia/rn-ui-kit
|
|
10
|
+
# or
|
|
11
|
+
yarn add @grupalia/rn-ui-kit
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
### Font Setup
|
|
15
|
+
|
|
16
|
+
This design system uses Inter fonts. To configure them in your project:
|
|
17
|
+
|
|
18
|
+
1. Install the required dependencies:
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npx expo install @expo-google-fonts/inter expo-font
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
2. Add the `expo-font` plugin to your `app.json` or `app.config.js`:
|
|
25
|
+
|
|
26
|
+
```json
|
|
27
|
+
{
|
|
28
|
+
"expo": {
|
|
29
|
+
"plugins": [
|
|
30
|
+
[
|
|
31
|
+
"expo-font",
|
|
32
|
+
{
|
|
33
|
+
"fonts": [
|
|
34
|
+
"node_modules/@expo-google-fonts/inter/100Thin/Inter_100Thin.ttf",
|
|
35
|
+
"node_modules/@expo-google-fonts/inter/200ExtraLight/Inter_200ExtraLight.ttf",
|
|
36
|
+
"node_modules/@expo-google-fonts/inter/300Light/Inter_300Light.ttf",
|
|
37
|
+
"node_modules/@expo-google-fonts/inter/400Regular/Inter_400Regular.ttf",
|
|
38
|
+
"node_modules/@expo-google-fonts/inter/500Medium/Inter_500Medium.ttf",
|
|
39
|
+
"node_modules/@expo-google-fonts/inter/600SemiBold/Inter_600SemiBold.ttf",
|
|
40
|
+
"node_modules/@expo-google-fonts/inter/700Bold/Inter_700Bold.ttf",
|
|
41
|
+
"node_modules/@expo-google-fonts/inter/800ExtraBold/Inter_800ExtraBold.ttf",
|
|
42
|
+
"node_modules/@expo-google-fonts/inter/900Black/Inter_900Black.ttf",
|
|
43
|
+
"node_modules/@expo-google-fonts/inter/100Thin_Italic/Inter_100Thin_Italic.ttf",
|
|
44
|
+
"node_modules/@expo-google-fonts/inter/200ExtraLight_Italic/Inter_200ExtraLight_Italic.ttf",
|
|
45
|
+
"node_modules/@expo-google-fonts/inter/300Light_Italic/Inter_300Light_Italic.ttf",
|
|
46
|
+
"node_modules/@expo-google-fonts/inter/400Regular_Italic/Inter_400Regular_Italic.ttf",
|
|
47
|
+
"node_modules/@expo-google-fonts/inter/500Medium_Italic/Inter_500Medium_Italic.ttf",
|
|
48
|
+
"node_modules/@expo-google-fonts/inter/600SemiBold_Italic/Inter_600SemiBold_Italic.ttf",
|
|
49
|
+
"node_modules/@expo-google-fonts/inter/700Bold_Italic/Inter_700Bold_Italic.ttf",
|
|
50
|
+
"node_modules/@expo-google-fonts/inter/800ExtraBold_Italic/Inter_800ExtraBold_Italic.ttf",
|
|
51
|
+
"node_modules/@expo-google-fonts/inter/900Black_Italic/Inter_900Black_Italic.ttf"
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
3. Run prebuild to apply the font configuration:
|
|
61
|
+
|
|
62
|
+
```bash
|
|
63
|
+
npx expo prebuild --clean
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
This will copy all Inter font weights (100-900) and styles (regular and italic) to your native projects.
|
|
67
|
+
|
|
6
68
|
## Color System & Variables
|
|
7
69
|
|
|
8
70
|
### 1. **Palette Variables**
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
8
9
|
var _outline = require("react-native-heroicons/outline");
|
|
9
10
|
var _solid = require("react-native-heroicons/solid");
|
|
10
11
|
var _hocComponents = require("../hoc-components");
|
|
@@ -51,7 +52,7 @@ function IconComponent({
|
|
|
51
52
|
color: iconColors[type][variant]
|
|
52
53
|
});
|
|
53
54
|
}
|
|
54
|
-
function
|
|
55
|
+
function BaseAlert({
|
|
55
56
|
type,
|
|
56
57
|
message,
|
|
57
58
|
description,
|
|
@@ -126,8 +127,8 @@ function AlertComponent({
|
|
|
126
127
|
return '';
|
|
127
128
|
};
|
|
128
129
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
129
|
-
...props,
|
|
130
130
|
className: (0, _clsx.default)('flex flex-row rounded-lg', alertClasses(), borderColor(), largePhone ? 'px-2 py-4' : 'px-1 py-2'),
|
|
131
|
+
...props,
|
|
131
132
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
132
133
|
className: "shrink-0",
|
|
133
134
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
|
|
@@ -146,4 +147,5 @@ function AlertComponent({
|
|
|
146
147
|
})]
|
|
147
148
|
});
|
|
148
149
|
}
|
|
150
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseAlert);
|
|
149
151
|
//# sourceMappingURL=BaseAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_outline","_solid","_hocComponents","_BaseIcon","_useIsAboveBreakpoint","_jsxRuntime","e","__esModule","default","IconComponent","type","variant","iconColors","error","primary","secondary","success","alert","info","notice","icons","XCircleIcon","CheckCircleIcon","ExclamationTriangleIcon","OutlinedInformationCircleIcon","InformationCircleIcon","jsx","icon","size","color","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_outline","_solid","_hocComponents","_BaseIcon","_useIsAboveBreakpoint","_jsxRuntime","e","__esModule","default","IconComponent","type","variant","iconColors","error","primary","secondary","success","alert","info","notice","icons","XCircleIcon","CheckCircleIcon","ExclamationTriangleIcon","OutlinedInformationCircleIcon","InformationCircleIcon","jsx","icon","size","color","BaseAlert","message","description","children","props","largePhone","useIsAboveBreakpoint","alertClasses","textColor","borderColor","jsxs","View","className","clsx","Text","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseAlert.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAAqE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOrE,SAASG,aAAaA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG;AAA8B,CAAC,EAAE;EACxE,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAE;MACLC,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE,oBAAoB;MAC7BC,SAAS,EAAE;IACb,CAAC;IACDE,KAAK,EAAE;MACLH,OAAO,EAAE,oBAAoB;MAC7BC,SAAS,EAAE;IACb,CAAC;IACDG,IAAI,EAAE;MACJJ,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb,CAAC;IACDI,MAAM,EAAE;MACNL,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb;EACF,CAAU;EAEV,MAAMK,KAAK,GAAG;IACZP,KAAK,EAAEQ,kBAAW;IAClBL,OAAO,EAAEM,sBAAe;IACxBL,KAAK,EAAEM,8BAAuB;IAC9BL,IAAI,EAAEM,8BAA6B;IACnCL,MAAM,EAAEM;EACV,CAAC;EAED,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,SAAA,CAAAK,OAAQ;IACPmB,IAAI,EAAEP,KAAK,CAACV,IAAI,CAAE;IAClBkB,IAAI,EAAE,EAAG;IACTC,KAAK,EAAEjB,UAAU,CAACF,IAAI,CAAC,CAACC,OAAO;EAAE,CAClC,CAAC;AAEN;AASA,SAASmB,SAASA,CAAC;EACjBpB,IAAI;EACJqB,OAAO;EACPC,WAAW;EACXrB,OAAO,GAAG,SAAS;EACnBsB,QAAQ;EACR,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,IAAI,CAAC;EAC7C,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAI1B,OAAO,KAAK,WAAW,EAAE;MAC3B,OAAO,iBAAiB;IAC1B;IAEA,QAAQD,IAAI;MACV,KAAK,OAAO;QACV,OAAO,oBAAoB;MAC7B,KAAK,SAAS;QACZ,OAAO,sBAAsB;MAC/B,KAAK,OAAO;QACV,OAAO,gCAAgC;MACzC,KAAK,MAAM;QACT,OAAO,iCAAiC;MAC1C,KAAK,QAAQ;MACb;QACE,OAAO,aAAa;IACxB;EACF,CAAC;EAED,MAAM4B,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI3B,OAAO,KAAK,WAAW,EAAE;MAC3B,QAAQD,IAAI;QACV,KAAK,OAAO;UACV,OAAO,cAAc;QACvB,KAAK,SAAS;UACZ,OAAO,gBAAgB;QACzB,KAAK,OAAO;UACV,OAAO,iBAAiB;QAC1B,KAAK,MAAM;QACX,KAAK,QAAQ;QACb;UACE,OAAO,eAAe;MAC1B;IACF,CAAC,MAAM;MACL,QAAQA,IAAI;QACV,KAAK,OAAO;UACV,OAAO,cAAc;QACvB,KAAK,SAAS;UACZ,OAAO,gBAAgB;QACzB,KAAK,OAAO;UACV,OAAO,iBAAiB;QAC1B,KAAK,MAAM;UACT,OAAO,eAAe;QACxB,KAAK,QAAQ;QACb;UACE,OAAO,eAAe;MAC1B;IACF;EACF,CAAC;EAED,MAAM6B,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI5B,OAAO,KAAK,WAAW,EAAE;MAC3B,QAAQD,IAAI;QACV,KAAK,OAAO;UACV,OAAO,gBAAgB;QACzB,KAAK,SAAS;UACZ,OAAO,kBAAkB;QAC3B,KAAK,OAAO;UACV,OAAO,mBAAmB;QAC5B,KAAK,MAAM;QACX,KAAK,QAAQ;QACb;UACE,OAAO,iBAAiB;MAC5B;IACF;IAEA,OAAO,EAAE;EACX,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAmC,IAAA,EAACtC,cAAA,CAAAuC,IAAI;IACHC,SAAS,EAAE,IAAAC,aAAI,EACb,0BAA0B,EAC1BN,YAAY,CAAC,CAAC,EACdE,WAAW,CAAC,CAAC,EACbJ,UAAU,GAAG,WAAW,GAAG,WAC7B,CAAE;IAAA,GACED,KAAK;IAAAD,QAAA,gBAET,IAAA5B,WAAA,CAAAqB,GAAA,EAACxB,cAAA,CAAAuC,IAAI;MAACC,SAAS,EAAC,UAAU;MAAAT,QAAA,eACxB,IAAA5B,WAAA,CAAAqB,GAAA,EAACjB,aAAa;QACZC,IAAI,EAAEA,IAAK;QACXC,OAAO,EAAEA;MAAQ,CAClB;IAAC,CACE,CAAC,eACP,IAAAN,WAAA,CAAAmC,IAAA,EAACtC,cAAA,CAAAuC,IAAI;MAACC,SAAS,EAAE,IAAAC,aAAI,EAAC,sBAAsB,EAAER,UAAU,GAAG,MAAM,GAAG,MAAM,CAAE;MAAAF,QAAA,gBAC1E,IAAA5B,WAAA,CAAAqB,GAAA,EAACxB,cAAA,CAAA0C,IAAI;QAACF,SAAS,EAAE,IAAAC,aAAI,EAAC,aAAa,EAAEL,SAAS,CAAC,CAAC,EAAEH,UAAU,GAAG,WAAW,GAAG,SAAS,CAAE;QAAAF,QAAA,EACrFF;MAAO,CACJ,CAAC,EACNC,WAAW,iBACV,IAAA3B,WAAA,CAAAqB,GAAA,EAACxB,cAAA,CAAA0C,IAAI;QAACF,SAAS,EAAE,IAAAC,aAAI,EAAC,uBAAuB,EAAER,UAAU,GAAG,MAAM,GAAG,MAAM,CAAE;QAAAF,QAAA,EAC1ED;MAAW,CACR,CACP,EACAC,QAAQ;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAEc,IAAAuC,kBAAM,EAACjB,SAAS,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _nativewind = require("nativewind");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _hocComponents = require("../hoc-components");
|
|
10
|
+
var _fonts = require("../utils/fonts");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function BaseText({
|
|
13
|
+
children,
|
|
14
|
+
style,
|
|
15
|
+
...props
|
|
16
|
+
}) {
|
|
17
|
+
const styleObj = _reactNative.StyleSheet.flatten(style) ?? {};
|
|
18
|
+
const fontWeight = (0, _fonts.convertFontWeight)(styleObj.fontWeight);
|
|
19
|
+
const italic = styleObj.fontStyle === 'italic';
|
|
20
|
+
const fontFamily = (0, _fonts.getFontFamily)(fontWeight, italic);
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
22
|
+
allowFontScaling: false,
|
|
23
|
+
style: {
|
|
24
|
+
...styleObj,
|
|
25
|
+
fontWeight: undefined,
|
|
26
|
+
fontStyle: undefined,
|
|
27
|
+
fontFamily
|
|
28
|
+
},
|
|
29
|
+
...props,
|
|
30
|
+
children: children
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseText);
|
|
34
|
+
//# sourceMappingURL=BaseText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_reactNative","_hocComponents","_fonts","_jsxRuntime","BaseText","children","style","props","styleObj","StyleSheet","flatten","fontWeight","convertFontWeight","italic","fontStyle","fontFamily","getFontFamily","jsx","Text","allowFontScaling","undefined","_default","exports","default","styled"],"sourceRoot":"../../../src","sources":["components/BaseText.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAElE,SAASK,QAAQA,CAAC;EAChBC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,QAAQ,GAAGC,uBAAU,CAACC,OAAO,CAACJ,KAAK,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMK,UAAU,GAAG,IAAAC,wBAAiB,EAACJ,QAAQ,CAACG,UAAU,CAAC;EACzD,MAAME,MAAM,GAAGL,QAAQ,CAACM,SAAS,KAAK,QAAQ;EAE9C,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAACL,UAAU,EAAEE,MAAM,CAAC;EAEpD,oBACE,IAAAV,WAAA,CAAAc,GAAA,EAAChB,cAAA,CAAAiB,IAAI;IACHC,gBAAgB,EAAE,KAAM;IACxBb,KAAK,EAAE;MACL,GAAGE,QAAQ;MACXG,UAAU,EAAES,SAAS;MACrBN,SAAS,EAAEM,SAAS;MACpBL;IACF,CAAE;IAAA,GACER,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,kBAAM,EAACpB,QAAQ,CAAC","ignoreList":[]}
|
|
@@ -75,6 +75,12 @@ Object.defineProperty(exports, "BaseSwitch", {
|
|
|
75
75
|
return _BaseSwitch.default;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
+
Object.defineProperty(exports, "BaseText", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _BaseText.default;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
78
84
|
Object.defineProperty(exports, "FormikDateInput", {
|
|
79
85
|
enumerable: true,
|
|
80
86
|
get: function () {
|
|
@@ -127,6 +133,7 @@ var _BaseDateInput = _interopRequireDefault(require("./BaseDateInput"));
|
|
|
127
133
|
var _FormikDateInput = _interopRequireDefault(require("./FormikDateInput"));
|
|
128
134
|
var _BaseSwitch = _interopRequireDefault(require("./BaseSwitch"));
|
|
129
135
|
var _PressableOpacity = _interopRequireDefault(require("./PressableOpacity"));
|
|
136
|
+
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
130
137
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
131
138
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
132
139
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","_BaseText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,mBAAA,GAAAF,uBAAA,CAAAP,OAAA;AACA,IAAAU,kBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,eAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,iBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,gBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,iBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,SAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAAiD,SAAAO,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAApB,uBAAAmB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.INTER_FONTS = void 0;
|
|
7
|
+
exports.convertFontWeight = convertFontWeight;
|
|
8
|
+
exports.getFontFamily = void 0;
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
const INTER_FONTS = exports.INTER_FONTS = {
|
|
11
|
+
weights: {
|
|
12
|
+
100: _reactNative.Platform.select({
|
|
13
|
+
android: 'Inter_100Thin',
|
|
14
|
+
ios: 'Inter-Thin'
|
|
15
|
+
}),
|
|
16
|
+
200: _reactNative.Platform.select({
|
|
17
|
+
android: 'Inter_200ExtraLight',
|
|
18
|
+
ios: 'Inter-ExtraLight'
|
|
19
|
+
}),
|
|
20
|
+
300: _reactNative.Platform.select({
|
|
21
|
+
android: 'Inter_300Light',
|
|
22
|
+
ios: 'Inter-Light'
|
|
23
|
+
}),
|
|
24
|
+
400: _reactNative.Platform.select({
|
|
25
|
+
android: 'Inter_400Regular',
|
|
26
|
+
ios: 'Inter-Regular'
|
|
27
|
+
}),
|
|
28
|
+
500: _reactNative.Platform.select({
|
|
29
|
+
android: 'Inter_500Medium',
|
|
30
|
+
ios: 'Inter-Medium'
|
|
31
|
+
}),
|
|
32
|
+
600: _reactNative.Platform.select({
|
|
33
|
+
android: 'Inter_600SemiBold',
|
|
34
|
+
ios: 'Inter-SemiBold'
|
|
35
|
+
}),
|
|
36
|
+
700: _reactNative.Platform.select({
|
|
37
|
+
android: 'Inter_700Bold',
|
|
38
|
+
ios: 'Inter-Bold'
|
|
39
|
+
}),
|
|
40
|
+
800: _reactNative.Platform.select({
|
|
41
|
+
android: 'Inter_800ExtraBold',
|
|
42
|
+
ios: 'Inter-ExtraBold'
|
|
43
|
+
}),
|
|
44
|
+
900: _reactNative.Platform.select({
|
|
45
|
+
android: 'Inter_900Black',
|
|
46
|
+
ios: 'Inter-Black'
|
|
47
|
+
})
|
|
48
|
+
},
|
|
49
|
+
italics: {
|
|
50
|
+
100: _reactNative.Platform.select({
|
|
51
|
+
android: 'Inter_100Thin_Italic',
|
|
52
|
+
ios: 'Inter-ThinItalic'
|
|
53
|
+
}),
|
|
54
|
+
200: _reactNative.Platform.select({
|
|
55
|
+
android: 'Inter_200ExtraLight_Italic',
|
|
56
|
+
ios: 'Inter-ExtraLightItalic'
|
|
57
|
+
}),
|
|
58
|
+
300: _reactNative.Platform.select({
|
|
59
|
+
android: 'Inter_300Light_Italic',
|
|
60
|
+
ios: 'Inter-LightItalic'
|
|
61
|
+
}),
|
|
62
|
+
400: _reactNative.Platform.select({
|
|
63
|
+
android: 'Inter_400Regular_Italic',
|
|
64
|
+
ios: 'Inter-Italic'
|
|
65
|
+
}),
|
|
66
|
+
500: _reactNative.Platform.select({
|
|
67
|
+
android: 'Inter_500Medium_Italic',
|
|
68
|
+
ios: 'Inter-MediumItalic'
|
|
69
|
+
}),
|
|
70
|
+
600: _reactNative.Platform.select({
|
|
71
|
+
android: 'Inter_600SemiBold_Italic',
|
|
72
|
+
ios: 'Inter-SemiBoldItalic'
|
|
73
|
+
}),
|
|
74
|
+
700: _reactNative.Platform.select({
|
|
75
|
+
android: 'Inter_700Bold_Italic',
|
|
76
|
+
ios: 'Inter-BoldItalic'
|
|
77
|
+
}),
|
|
78
|
+
800: _reactNative.Platform.select({
|
|
79
|
+
android: 'Inter_800ExtraBold_Italic',
|
|
80
|
+
ios: 'Inter-ExtraBoldItalic'
|
|
81
|
+
}),
|
|
82
|
+
900: _reactNative.Platform.select({
|
|
83
|
+
android: 'Inter_900Black_Italic',
|
|
84
|
+
ios: 'Inter-BlackItalic'
|
|
85
|
+
})
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
const getFontFamily = (weight = 400, italic = false) => italic ? INTER_FONTS.italics[weight] ?? INTER_FONTS.italics[400] : INTER_FONTS.weights[weight] ?? INTER_FONTS.weights[400];
|
|
89
|
+
exports.getFontFamily = getFontFamily;
|
|
90
|
+
function convertFontWeight(fontWeight) {
|
|
91
|
+
if (typeof fontWeight === 'number') {
|
|
92
|
+
return fontWeight;
|
|
93
|
+
}
|
|
94
|
+
if (typeof fontWeight === 'string') {
|
|
95
|
+
switch (fontWeight) {
|
|
96
|
+
case 'normal':
|
|
97
|
+
return 400;
|
|
98
|
+
case 'bold':
|
|
99
|
+
return 700;
|
|
100
|
+
case '100':
|
|
101
|
+
case '200':
|
|
102
|
+
case '300':
|
|
103
|
+
case '400':
|
|
104
|
+
case '500':
|
|
105
|
+
case '600':
|
|
106
|
+
case '700':
|
|
107
|
+
case '800':
|
|
108
|
+
case '900':
|
|
109
|
+
return parseInt(fontWeight, 10);
|
|
110
|
+
default:
|
|
111
|
+
return 400;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
return 400;
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=fonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","INTER_FONTS","exports","weights","Platform","select","android","ios","italics","getFontFamily","weight","italic","convertFontWeight","fontWeight","parseInt"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACzBE,OAAO,EAAE;IACP,GAAG,EAAEC,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,eAAe;MACxBC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,qBAAqB;MAC9BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,gBAAgB;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,kBAAkB;MAC3BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,iBAAiB;MAC1BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,mBAAmB;MAC5BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,eAAe;MACxBC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,oBAAoB;MAC7BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,gBAAgB;MACzBC,GAAG,EAAE;IACP,CAAC;EACH,CAAC;EACDC,OAAO,EAAE;IACP,GAAG,EAAEJ,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,sBAAsB;MAC/BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,4BAA4B;MACrCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,uBAAuB;MAChCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,yBAAyB;MAClCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,wBAAwB;MACjCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,0BAA0B;MACnCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,sBAAsB;MAC/BC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,2BAA2B;MACpCC,GAAG,EAAE;IACP,CAAC,CAAC;IACF,GAAG,EAAEH,qBAAQ,CAACC,MAAM,CAAC;MACnBC,OAAO,EAAE,uBAAuB;MAChCC,GAAG,EAAE;IACP,CAAC;EACH;AACF,CAAU;AAEH,MAAME,aAAa,GAAGA,CAC3BC,MAAkB,GAAG,GAAG,EACxBC,MAAM,GAAG,KAAK,KACVA,MAAM,GACRV,WAAW,CAACO,OAAO,CAACE,MAAM,CAAC,IAAIT,WAAW,CAACO,OAAO,CAAC,GAAG,CAAC,GACvDP,WAAW,CAACE,OAAO,CAACO,MAAM,CAAC,IAAIT,WAAW,CAACE,OAAO,CAAC,GAAG,CAAE;AAACD,OAAA,CAAAO,aAAA,GAAAA,aAAA;AAEtD,SAASG,iBAAiBA,CAACC,UAAmC,EAAc;EACjF,IAAI,OAAOA,UAAU,KAAK,QAAQ,EAAE;IAClC,OAAOA,UAAU;EACnB;EAEA,IAAI,OAAOA,UAAU,KAAK,QAAQ,EAAE;IAClC,QAAQA,UAAU;MAChB,KAAK,QAAQ;QACX,OAAO,GAAG;MACZ,KAAK,MAAM;QACT,OAAO,GAAG;MACZ,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;MACV,KAAK,KAAK;QACR,OAAOC,QAAQ,CAACD,UAAU,EAAE,EAAE,CAAC;MACjC;QACE,OAAO,GAAG;IACd;EACF;EAEA,OAAO,GAAG;AACZ","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
+
import { styled } from 'nativewind';
|
|
4
5
|
import { InformationCircleIcon as OutlinedInformationCircleIcon } from 'react-native-heroicons/outline';
|
|
5
6
|
import { ExclamationTriangleIcon, CheckCircleIcon, InformationCircleIcon, XCircleIcon } from 'react-native-heroicons/solid';
|
|
6
7
|
import { View, Text } from "../hoc-components.js";
|
|
@@ -46,7 +47,7 @@ function IconComponent({
|
|
|
46
47
|
color: iconColors[type][variant]
|
|
47
48
|
});
|
|
48
49
|
}
|
|
49
|
-
|
|
50
|
+
function BaseAlert({
|
|
50
51
|
type,
|
|
51
52
|
message,
|
|
52
53
|
description,
|
|
@@ -121,8 +122,8 @@ export default function AlertComponent({
|
|
|
121
122
|
return '';
|
|
122
123
|
};
|
|
123
124
|
return /*#__PURE__*/_jsxs(View, {
|
|
124
|
-
...props,
|
|
125
125
|
className: clsx('flex flex-row rounded-lg', alertClasses(), borderColor(), largePhone ? 'px-2 py-4' : 'px-1 py-2'),
|
|
126
|
+
...props,
|
|
126
127
|
children: [/*#__PURE__*/_jsx(View, {
|
|
127
128
|
className: "shrink-0",
|
|
128
129
|
children: /*#__PURE__*/_jsx(IconComponent, {
|
|
@@ -141,4 +142,5 @@ export default function AlertComponent({
|
|
|
141
142
|
})]
|
|
142
143
|
});
|
|
143
144
|
}
|
|
145
|
+
export default styled(BaseAlert);
|
|
144
146
|
//# sourceMappingURL=BaseAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","InformationCircleIcon","OutlinedInformationCircleIcon","ExclamationTriangleIcon","CheckCircleIcon","XCircleIcon","View","Text","BaseIcon","useIsAboveBreakpoint","jsx","_jsx","jsxs","_jsxs","IconComponent","type","variant","iconColors","error","primary","secondary","success","alert","info","notice","icons","icon","size","color","
|
|
1
|
+
{"version":3,"names":["clsx","styled","InformationCircleIcon","OutlinedInformationCircleIcon","ExclamationTriangleIcon","CheckCircleIcon","XCircleIcon","View","Text","BaseIcon","useIsAboveBreakpoint","jsx","_jsx","jsxs","_jsxs","IconComponent","type","variant","iconColors","error","primary","secondary","success","alert","info","notice","icons","icon","size","color","BaseAlert","message","description","children","props","largePhone","alertClasses","textColor","borderColor","className"],"sourceRoot":"../../../src","sources":["components/BaseAlert.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,qBAAqB,IAAIC,6BAA6B,QAAQ,gCAAgC;AACvG,SACEC,uBAAuB,EACvBC,eAAe,EACfH,qBAAqB,EACrBI,WAAW,QACN,8BAA8B;AAErC,SAASC,IAAI,EAAEC,IAAI,QAAQ,sBAAmB;AAC9C,OAAOC,QAAQ,MAAM,eAAY;AACjC,SAASC,oBAAoB,QAAQ,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOrE,SAASC,aAAaA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG;AAA8B,CAAC,EAAE;EACxE,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAE;MACLC,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE,oBAAoB;MAC7BC,SAAS,EAAE;IACb,CAAC;IACDE,KAAK,EAAE;MACLH,OAAO,EAAE,oBAAoB;MAC7BC,SAAS,EAAE;IACb,CAAC;IACDG,IAAI,EAAE;MACJJ,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb,CAAC;IACDI,MAAM,EAAE;MACNL,OAAO,EAAE,kBAAkB;MAC3BC,SAAS,EAAE;IACb;EACF,CAAU;EAEV,MAAMK,KAAK,GAAG;IACZP,KAAK,EAAEb,WAAW;IAClBgB,OAAO,EAAEjB,eAAe;IACxBkB,KAAK,EAAEnB,uBAAuB;IAC9BoB,IAAI,EAAErB,6BAA6B;IACnCsB,MAAM,EAAEvB;EACV,CAAC;EAED,oBACEU,IAAA,CAACH,QAAQ;IACPkB,IAAI,EAAED,KAAK,CAACV,IAAI,CAAE;IAClBY,IAAI,EAAE,EAAG;IACTC,KAAK,EAAEX,UAAU,CAACF,IAAI,CAAC,CAACC,OAAO;EAAE,CAClC,CAAC;AAEN;AASA,SAASa,SAASA,CAAC;EACjBd,IAAI;EACJe,OAAO;EACPC,WAAW;EACXf,OAAO,GAAG,SAAS;EACnBgB,QAAQ;EACR,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,UAAU,GAAGzB,oBAAoB,CAAC,IAAI,CAAC;EAC7C,MAAM0B,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAInB,OAAO,KAAK,WAAW,EAAE;MAC3B,OAAO,iBAAiB;IAC1B;IAEA,QAAQD,IAAI;MACV,KAAK,OAAO;QACV,OAAO,oBAAoB;MAC7B,KAAK,SAAS;QACZ,OAAO,sBAAsB;MAC/B,KAAK,OAAO;QACV,OAAO,gCAAgC;MACzC,KAAK,MAAM;QACT,OAAO,iCAAiC;MAC1C,KAAK,QAAQ;MACb;QACE,OAAO,aAAa;IACxB;EACF,CAAC;EAED,MAAMqB,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIpB,OAAO,KAAK,WAAW,EAAE;MAC3B,QAAQD,IAAI;QACV,KAAK,OAAO;UACV,OAAO,cAAc;QACvB,KAAK,SAAS;UACZ,OAAO,gBAAgB;QACzB,KAAK,OAAO;UACV,OAAO,iBAAiB;QAC1B,KAAK,MAAM;QACX,KAAK,QAAQ;QACb;UACE,OAAO,eAAe;MAC1B;IACF,CAAC,MAAM;MACL,QAAQA,IAAI;QACV,KAAK,OAAO;UACV,OAAO,cAAc;QACvB,KAAK,SAAS;UACZ,OAAO,gBAAgB;QACzB,KAAK,OAAO;UACV,OAAO,iBAAiB;QAC1B,KAAK,MAAM;UACT,OAAO,eAAe;QACxB,KAAK,QAAQ;QACb;UACE,OAAO,eAAe;MAC1B;IACF;EACF,CAAC;EAED,MAAMsB,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIrB,OAAO,KAAK,WAAW,EAAE;MAC3B,QAAQD,IAAI;QACV,KAAK,OAAO;UACV,OAAO,gBAAgB;QACzB,KAAK,SAAS;UACZ,OAAO,kBAAkB;QAC3B,KAAK,OAAO;UACV,OAAO,mBAAmB;QAC5B,KAAK,MAAM;QACX,KAAK,QAAQ;QACb;UACE,OAAO,iBAAiB;MAC5B;IACF;IAEA,OAAO,EAAE;EACX,CAAC;EAED,oBACEF,KAAA,CAACP,IAAI;IACHgC,SAAS,EAAEvC,IAAI,CACb,0BAA0B,EAC1BoC,YAAY,CAAC,CAAC,EACdE,WAAW,CAAC,CAAC,EACbH,UAAU,GAAG,WAAW,GAAG,WAC7B,CAAE;IAAA,GACED,KAAK;IAAAD,QAAA,gBAETrB,IAAA,CAACL,IAAI;MAACgC,SAAS,EAAC,UAAU;MAAAN,QAAA,eACxBrB,IAAA,CAACG,aAAa;QACZC,IAAI,EAAEA,IAAK;QACXC,OAAO,EAAEA;MAAQ,CAClB;IAAC,CACE,CAAC,eACPH,KAAA,CAACP,IAAI;MAACgC,SAAS,EAAEvC,IAAI,CAAC,sBAAsB,EAAEmC,UAAU,GAAG,MAAM,GAAG,MAAM,CAAE;MAAAF,QAAA,gBAC1ErB,IAAA,CAACJ,IAAI;QAAC+B,SAAS,EAAEvC,IAAI,CAAC,aAAa,EAAEqC,SAAS,CAAC,CAAC,EAAEF,UAAU,GAAG,WAAW,GAAG,SAAS,CAAE;QAAAF,QAAA,EACrFF;MAAO,CACJ,CAAC,EACNC,WAAW,iBACVpB,IAAA,CAACJ,IAAI;QAAC+B,SAAS,EAAEvC,IAAI,CAAC,uBAAuB,EAAEmC,UAAU,GAAG,MAAM,GAAG,MAAM,CAAE;QAAAF,QAAA,EAC1ED;MAAW,CACR,CACP,EACAC,QAAQ;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,eAAehC,MAAM,CAAC6B,SAAS,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { styled } from 'nativewind';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { Text } from "../hoc-components.js";
|
|
6
|
+
import { getFontFamily, convertFontWeight } from "../utils/fonts.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
function BaseText({
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...props
|
|
12
|
+
}) {
|
|
13
|
+
const styleObj = StyleSheet.flatten(style) ?? {};
|
|
14
|
+
const fontWeight = convertFontWeight(styleObj.fontWeight);
|
|
15
|
+
const italic = styleObj.fontStyle === 'italic';
|
|
16
|
+
const fontFamily = getFontFamily(fontWeight, italic);
|
|
17
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
allowFontScaling: false,
|
|
19
|
+
style: {
|
|
20
|
+
...styleObj,
|
|
21
|
+
fontWeight: undefined,
|
|
22
|
+
fontStyle: undefined,
|
|
23
|
+
fontFamily
|
|
24
|
+
},
|
|
25
|
+
...props,
|
|
26
|
+
children: children
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
export default styled(BaseText);
|
|
30
|
+
//# sourceMappingURL=BaseText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","StyleSheet","Text","getFontFamily","convertFontWeight","jsx","_jsx","BaseText","children","style","props","styleObj","flatten","fontWeight","italic","fontStyle","fontFamily","allowFontScaling","undefined"],"sourceRoot":"../../../src","sources":["components/BaseText.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,YAAY;AACnC,SAAoBC,UAAU,QAAQ,cAAc;AAEpD,SAASC,IAAI,QAAQ,sBAAmB;AACxC,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,SAASC,QAAQA,CAAC;EAChBC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,QAAQ,GAAGV,UAAU,CAACW,OAAO,CAACH,KAAK,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMI,UAAU,GAAGT,iBAAiB,CAACO,QAAQ,CAACE,UAAU,CAAC;EACzD,MAAMC,MAAM,GAAGH,QAAQ,CAACI,SAAS,KAAK,QAAQ;EAE9C,MAAMC,UAAU,GAAGb,aAAa,CAACU,UAAU,EAAEC,MAAM,CAAC;EAEpD,oBACER,IAAA,CAACJ,IAAI;IACHe,gBAAgB,EAAE,KAAM;IACxBR,KAAK,EAAE;MACL,GAAGE,QAAQ;MACXE,UAAU,EAAEK,SAAS;MACrBH,SAAS,EAAEG,SAAS;MACpBF;IACF,CAAE;IAAA,GACEN,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX;AAEA,eAAeR,MAAM,CAACO,QAAQ,CAAC","ignoreList":[]}
|
|
@@ -16,4 +16,5 @@ export { default as BaseDateInput } from "./BaseDateInput.js";
|
|
|
16
16
|
export { default as FormikDateInput } from "./FormikDateInput.js";
|
|
17
17
|
export { default as BaseSwitch } from "./BaseSwitch.js";
|
|
18
18
|
export { default as PressableOpacity } from "./PressableOpacity.js";
|
|
19
|
+
export { default as BaseText } from "./BaseText.js";
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","BaseButton","BaseBadge","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe;AACtD,SAASH,OAAO,IAAII,eAAe,QAAQ,sBAAmB;AAC9D,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,eAAY;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,gBAAa;AAClD,SAASN,OAAO,IAAIO,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASR,OAAO,IAAIS,YAAY,QAAQ,mBAAgB;AACxD,SAAST,OAAO,IAAIU,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,wBAAqB;AAClE,SAASZ,OAAO,IAAIa,cAAc,QAAQ,qBAAkB;AAC5D,SAASb,OAAO,IAAIc,gBAAgB,QAAQ,uBAAoB;AAChE,SAASd,OAAO,IAAIe,aAAa,QAAQ,oBAAiB;AAC1D,SAASf,OAAO,IAAIgB,eAAe,QAAQ,sBAAmB;AAC9D,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,iBAAc;AACpD,SAASjB,OAAO,IAAIkB,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["default","BaseButton","BaseBadge","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe;AACtD,SAASH,OAAO,IAAII,eAAe,QAAQ,sBAAmB;AAC9D,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,eAAY;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,gBAAa;AAClD,SAASN,OAAO,IAAIO,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASR,OAAO,IAAIS,YAAY,QAAQ,mBAAgB;AACxD,SAAST,OAAO,IAAIU,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,wBAAqB;AAClE,SAASZ,OAAO,IAAIa,cAAc,QAAQ,qBAAkB;AAC5D,SAASb,OAAO,IAAIc,gBAAgB,QAAQ,uBAAoB;AAChE,SAASd,OAAO,IAAIe,aAAa,QAAQ,oBAAiB;AAC1D,SAASf,OAAO,IAAIgB,eAAe,QAAQ,sBAAmB;AAC9D,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,iBAAc;AACpD,SAASjB,OAAO,IAAIkB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASlB,OAAO,IAAImB,QAAQ,QAAQ,eAAY","ignoreList":[]}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
export const INTER_FONTS = {
|
|
5
|
+
weights: {
|
|
6
|
+
100: Platform.select({
|
|
7
|
+
android: 'Inter_100Thin',
|
|
8
|
+
ios: 'Inter-Thin'
|
|
9
|
+
}),
|
|
10
|
+
200: Platform.select({
|
|
11
|
+
android: 'Inter_200ExtraLight',
|
|
12
|
+
ios: 'Inter-ExtraLight'
|
|
13
|
+
}),
|
|
14
|
+
300: Platform.select({
|
|
15
|
+
android: 'Inter_300Light',
|
|
16
|
+
ios: 'Inter-Light'
|
|
17
|
+
}),
|
|
18
|
+
400: Platform.select({
|
|
19
|
+
android: 'Inter_400Regular',
|
|
20
|
+
ios: 'Inter-Regular'
|
|
21
|
+
}),
|
|
22
|
+
500: Platform.select({
|
|
23
|
+
android: 'Inter_500Medium',
|
|
24
|
+
ios: 'Inter-Medium'
|
|
25
|
+
}),
|
|
26
|
+
600: Platform.select({
|
|
27
|
+
android: 'Inter_600SemiBold',
|
|
28
|
+
ios: 'Inter-SemiBold'
|
|
29
|
+
}),
|
|
30
|
+
700: Platform.select({
|
|
31
|
+
android: 'Inter_700Bold',
|
|
32
|
+
ios: 'Inter-Bold'
|
|
33
|
+
}),
|
|
34
|
+
800: Platform.select({
|
|
35
|
+
android: 'Inter_800ExtraBold',
|
|
36
|
+
ios: 'Inter-ExtraBold'
|
|
37
|
+
}),
|
|
38
|
+
900: Platform.select({
|
|
39
|
+
android: 'Inter_900Black',
|
|
40
|
+
ios: 'Inter-Black'
|
|
41
|
+
})
|
|
42
|
+
},
|
|
43
|
+
italics: {
|
|
44
|
+
100: Platform.select({
|
|
45
|
+
android: 'Inter_100Thin_Italic',
|
|
46
|
+
ios: 'Inter-ThinItalic'
|
|
47
|
+
}),
|
|
48
|
+
200: Platform.select({
|
|
49
|
+
android: 'Inter_200ExtraLight_Italic',
|
|
50
|
+
ios: 'Inter-ExtraLightItalic'
|
|
51
|
+
}),
|
|
52
|
+
300: Platform.select({
|
|
53
|
+
android: 'Inter_300Light_Italic',
|
|
54
|
+
ios: 'Inter-LightItalic'
|
|
55
|
+
}),
|
|
56
|
+
400: Platform.select({
|
|
57
|
+
android: 'Inter_400Regular_Italic',
|
|
58
|
+
ios: 'Inter-Italic'
|
|
59
|
+
}),
|
|
60
|
+
500: Platform.select({
|
|
61
|
+
android: 'Inter_500Medium_Italic',
|
|
62
|
+
ios: 'Inter-MediumItalic'
|
|
63
|
+
}),
|
|
64
|
+
600: Platform.select({
|
|
65
|
+
android: 'Inter_600SemiBold_Italic',
|
|
66
|
+
ios: 'Inter-SemiBoldItalic'
|
|
67
|
+
}),
|
|
68
|
+
700: Platform.select({
|
|
69
|
+
android: 'Inter_700Bold_Italic',
|
|
70
|
+
ios: 'Inter-BoldItalic'
|
|
71
|
+
}),
|
|
72
|
+
800: Platform.select({
|
|
73
|
+
android: 'Inter_800ExtraBold_Italic',
|
|
74
|
+
ios: 'Inter-ExtraBoldItalic'
|
|
75
|
+
}),
|
|
76
|
+
900: Platform.select({
|
|
77
|
+
android: 'Inter_900Black_Italic',
|
|
78
|
+
ios: 'Inter-BlackItalic'
|
|
79
|
+
})
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
export const getFontFamily = (weight = 400, italic = false) => italic ? INTER_FONTS.italics[weight] ?? INTER_FONTS.italics[400] : INTER_FONTS.weights[weight] ?? INTER_FONTS.weights[400];
|
|
83
|
+
export function convertFontWeight(fontWeight) {
|
|
84
|
+
if (typeof fontWeight === 'number') {
|
|
85
|
+
return fontWeight;
|
|
86
|
+
}
|
|
87
|
+
if (typeof fontWeight === 'string') {
|
|
88
|
+
switch (fontWeight) {
|
|
89
|
+
case 'normal':
|
|
90
|
+
return 400;
|
|
91
|
+
case 'bold':
|
|
92
|
+
return 700;
|
|
93
|
+
case '100':
|
|
94
|
+
case '200':
|
|
95
|
+
case '300':
|
|
96
|
+
case '400':
|
|
97
|
+
case '500':
|
|
98
|
+
case '600':
|
|
99
|
+
case '700':
|
|
100
|
+
case '800':
|
|
101
|
+
case '900':
|
|
102
|
+
return parseInt(fontWeight, 10);
|
|
103
|
+
default:
|
|
104
|
+
return 400;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
return 400;
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=fonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","INTER_FONTS","weights","select","android","ios","italics","getFontFamily","weight","italic","convertFontWeight","fontWeight","parseInt"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,6 @@ interface Props extends React.ComponentProps<typeof View> {
|
|
|
6
6
|
description?: string;
|
|
7
7
|
variant?: 'primary' | 'secondary';
|
|
8
8
|
}
|
|
9
|
-
|
|
10
|
-
export
|
|
9
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
10
|
+
export default _default;
|
|
11
11
|
//# sourceMappingURL=BaseAlert.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseAlert.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseAlert.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,IAAI,EAAQ,MAAM,mBAAmB,CAAC;AAkD/C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvD,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;;AAgHD,wBAAiC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextProps } from 'react-native';
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<TextProps & {
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
tw?: string | undefined;
|
|
6
|
+
baseClassName?: string | undefined;
|
|
7
|
+
baseTw?: string | undefined;
|
|
8
|
+
} & import("react").RefAttributes<unknown>>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=BaseText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseText.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;;;;;;;AAgCrD,wBAAgC"}
|
|
@@ -14,4 +14,5 @@ export { default as BaseDateInput } from './BaseDateInput';
|
|
|
14
14
|
export { default as FormikDateInput } from './FormikDateInput';
|
|
15
15
|
export { default as BaseSwitch } from './BaseSwitch';
|
|
16
16
|
export { default as PressableOpacity } from './PressableOpacity';
|
|
17
|
+
export { default as BaseText } from './BaseText';
|
|
17
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TextStyle } from 'react-native';
|
|
2
|
+
export type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
3
|
+
export declare const INTER_FONTS: {
|
|
4
|
+
readonly weights: {
|
|
5
|
+
readonly 100: string | undefined;
|
|
6
|
+
readonly 200: string | undefined;
|
|
7
|
+
readonly 300: string | undefined;
|
|
8
|
+
readonly 400: string | undefined;
|
|
9
|
+
readonly 500: string | undefined;
|
|
10
|
+
readonly 600: string | undefined;
|
|
11
|
+
readonly 700: string | undefined;
|
|
12
|
+
readonly 800: string | undefined;
|
|
13
|
+
readonly 900: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
readonly italics: {
|
|
16
|
+
readonly 100: string | undefined;
|
|
17
|
+
readonly 200: string | undefined;
|
|
18
|
+
readonly 300: string | undefined;
|
|
19
|
+
readonly 400: string | undefined;
|
|
20
|
+
readonly 500: string | undefined;
|
|
21
|
+
readonly 600: string | undefined;
|
|
22
|
+
readonly 700: string | undefined;
|
|
23
|
+
readonly 800: string | undefined;
|
|
24
|
+
readonly 900: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare const getFontFamily: (weight?: FontWeight, italic?: boolean) => string | undefined;
|
|
28
|
+
export declare function convertFontWeight(fontWeight: TextStyle['fontWeight']): FontWeight;
|
|
29
|
+
//# sourceMappingURL=fonts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;CA6Ed,CAAC;AAEX,eAAO,MAAM,aAAa,YAChB,UAAU,yCAIwC,CAAC;AAE7D,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,UAAU,CA2BjF"}
|
|
@@ -6,6 +6,6 @@ interface Props extends React.ComponentProps<typeof View> {
|
|
|
6
6
|
description?: string;
|
|
7
7
|
variant?: 'primary' | 'secondary';
|
|
8
8
|
}
|
|
9
|
-
|
|
10
|
-
export
|
|
9
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
10
|
+
export default _default;
|
|
11
11
|
//# sourceMappingURL=BaseAlert.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseAlert.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseAlert.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,IAAI,EAAQ,MAAM,mBAAmB,CAAC;AAkD/C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvD,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;;AAgHD,wBAAiC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextProps } from 'react-native';
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<TextProps & {
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
tw?: string | undefined;
|
|
6
|
+
baseClassName?: string | undefined;
|
|
7
|
+
baseTw?: string | undefined;
|
|
8
|
+
} & import("react").RefAttributes<unknown>>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=BaseText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseText.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;;;;;;;AAgCrD,wBAAgC"}
|
|
@@ -14,4 +14,5 @@ export { default as BaseDateInput } from './BaseDateInput';
|
|
|
14
14
|
export { default as FormikDateInput } from './FormikDateInput';
|
|
15
15
|
export { default as BaseSwitch } from './BaseSwitch';
|
|
16
16
|
export { default as PressableOpacity } from './PressableOpacity';
|
|
17
|
+
export { default as BaseText } from './BaseText';
|
|
17
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TextStyle } from 'react-native';
|
|
2
|
+
export type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
3
|
+
export declare const INTER_FONTS: {
|
|
4
|
+
readonly weights: {
|
|
5
|
+
readonly 100: string | undefined;
|
|
6
|
+
readonly 200: string | undefined;
|
|
7
|
+
readonly 300: string | undefined;
|
|
8
|
+
readonly 400: string | undefined;
|
|
9
|
+
readonly 500: string | undefined;
|
|
10
|
+
readonly 600: string | undefined;
|
|
11
|
+
readonly 700: string | undefined;
|
|
12
|
+
readonly 800: string | undefined;
|
|
13
|
+
readonly 900: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
readonly italics: {
|
|
16
|
+
readonly 100: string | undefined;
|
|
17
|
+
readonly 200: string | undefined;
|
|
18
|
+
readonly 300: string | undefined;
|
|
19
|
+
readonly 400: string | undefined;
|
|
20
|
+
readonly 500: string | undefined;
|
|
21
|
+
readonly 600: string | undefined;
|
|
22
|
+
readonly 700: string | undefined;
|
|
23
|
+
readonly 800: string | undefined;
|
|
24
|
+
readonly 900: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare const getFontFamily: (weight?: FontWeight, italic?: boolean) => string | undefined;
|
|
28
|
+
export declare function convertFontWeight(fontWeight: TextStyle['fontWeight']): FontWeight;
|
|
29
|
+
//# sourceMappingURL=fonts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;CA6Ed,CAAC;AAEX,eAAO,MAAM,aAAa,YAChB,UAAU,yCAIwC,CAAC;AAE7D,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,UAAU,CA2BjF"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
|
+
import { styled } from 'nativewind';
|
|
2
3
|
import { InformationCircleIcon as OutlinedInformationCircleIcon } from 'react-native-heroicons/outline';
|
|
3
4
|
import {
|
|
4
5
|
ExclamationTriangleIcon,
|
|
@@ -64,7 +65,7 @@ interface Props extends React.ComponentProps<typeof View> {
|
|
|
64
65
|
variant?: 'primary' | 'secondary';
|
|
65
66
|
}
|
|
66
67
|
|
|
67
|
-
|
|
68
|
+
function BaseAlert({
|
|
68
69
|
type,
|
|
69
70
|
message,
|
|
70
71
|
description,
|
|
@@ -145,13 +146,13 @@ export default function AlertComponent({
|
|
|
145
146
|
|
|
146
147
|
return (
|
|
147
148
|
<View
|
|
148
|
-
{...props}
|
|
149
149
|
className={clsx(
|
|
150
150
|
'flex flex-row rounded-lg',
|
|
151
151
|
alertClasses(),
|
|
152
152
|
borderColor(),
|
|
153
153
|
largePhone ? 'px-2 py-4' : 'px-1 py-2',
|
|
154
154
|
)}
|
|
155
|
+
{...props}
|
|
155
156
|
>
|
|
156
157
|
<View className="shrink-0">
|
|
157
158
|
<IconComponent
|
|
@@ -173,3 +174,5 @@ export default function AlertComponent({
|
|
|
173
174
|
</View>
|
|
174
175
|
);
|
|
175
176
|
}
|
|
177
|
+
|
|
178
|
+
export default styled(BaseAlert);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { styled } from 'nativewind';
|
|
2
|
+
import { TextProps, StyleSheet } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import { Text } from '../hoc-components';
|
|
5
|
+
import { getFontFamily, convertFontWeight } from '../utils/fonts';
|
|
6
|
+
|
|
7
|
+
function BaseText({
|
|
8
|
+
children,
|
|
9
|
+
style,
|
|
10
|
+
...props
|
|
11
|
+
}: TextProps) {
|
|
12
|
+
const styleObj = StyleSheet.flatten(style) ?? {};
|
|
13
|
+
const fontWeight = convertFontWeight(styleObj.fontWeight);
|
|
14
|
+
const italic = styleObj.fontStyle === 'italic';
|
|
15
|
+
|
|
16
|
+
const fontFamily = getFontFamily(fontWeight, italic);
|
|
17
|
+
|
|
18
|
+
return (
|
|
19
|
+
<Text
|
|
20
|
+
allowFontScaling={false}
|
|
21
|
+
style={{
|
|
22
|
+
...styleObj,
|
|
23
|
+
fontWeight: undefined,
|
|
24
|
+
fontStyle: undefined,
|
|
25
|
+
fontFamily,
|
|
26
|
+
}}
|
|
27
|
+
{...props}
|
|
28
|
+
>
|
|
29
|
+
{children}
|
|
30
|
+
</Text>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export default styled(BaseText);
|
package/src/components/index.ts
CHANGED
|
@@ -14,3 +14,4 @@ export { default as BaseDateInput } from './BaseDateInput';
|
|
|
14
14
|
export { default as FormikDateInput } from './FormikDateInput';
|
|
15
15
|
export { default as BaseSwitch } from './BaseSwitch';
|
|
16
16
|
export { default as PressableOpacity } from './PressableOpacity';
|
|
17
|
+
export { default as BaseText } from './BaseText';
|