dhre-ui-kit 0.0.172 → 0.0.174

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/index.d.ts +6 -1
  2. package/lib/index.js +58 -45
  3. package/lib/index.js.map +1 -1
  4. package/lib/index.mjs +58 -45
  5. package/lib/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. /package/src/assets/fonts/{MeraasAktiv-Bd.ttf → MeraasAktiv-Bold.ttf} +0 -0
  8. /package/src/assets/fonts/{MeraasAktiv-Lt.ttf → MeraasAktiv-Light.ttf} +0 -0
  9. /package/src/assets/fonts/{MeraasAktiv-Rg.ttf → MeraasAktiv-Regular.ttf} +0 -0
package/lib/index.mjs CHANGED
@@ -10,6 +10,7 @@ import { Calendar } from 'react-native-calendars';
10
10
  import CountryPicker from 'react-native-country-picker-modal';
11
11
  import { TextInput as TextInput$1 } from 'react-native-paper';
12
12
  import { Dropdown } from 'react-native-element-dropdown';
13
+ import { DropDownArrow } from 'src/assets';
13
14
  import DocumentPicker from 'react-native-document-picker';
14
15
  import RNFS from 'react-native-fs';
15
16
  import Clipboard from '@react-native-clipboard/clipboard';
@@ -108,6 +109,7 @@ var Theme = /* @__PURE__ */ ((Theme2) => {
108
109
  Theme2["SUCCESS"] = "SUCCESS";
109
110
  Theme2["INFO"] = "INFO";
110
111
  Theme2["ERROR"] = "ERROR";
112
+ Theme2["TRANSPARENT_INVERTED"] = "TRANSPARENT_INVERTED";
111
113
  return Theme2;
112
114
  })(Theme || {});
113
115
 
@@ -239,6 +241,10 @@ const theme = {
239
241
  [Theme.ERROR]: {
240
242
  light: "#EB0542",
241
243
  dark: "#EB0542"
244
+ },
245
+ [Theme.TRANSPARENT_INVERTED]: {
246
+ light: "#68686833",
247
+ dark: "#FFFFFF33"
242
248
  }
243
249
  };
244
250
 
@@ -276,44 +282,44 @@ const createFontStyle = (fontFamily, fontSize, lineHeight) => ({
276
282
  fontFamily
277
283
  });
278
284
  const FONT_STYLES = {
279
- [FontStyle.H1_BOLD]: createFontStyle("MeraasAktiv-Bd", 40, 56),
280
- [FontStyle.H2_BOLD]: createFontStyle("MeraasAktiv-Bd", 36, 50.4),
281
- [FontStyle.H3_BOLD]: createFontStyle("MeraasAktiv-Bd", 32, 44.8),
282
- [FontStyle.H4_BOLD]: createFontStyle("MeraasAktiv-Bd", 26, 36.4),
283
- [FontStyle.H5_BOLD]: createFontStyle("MeraasAktiv-Bd", 24, 33.6),
284
- [FontStyle.H6_BOLD]: createFontStyle("MeraasAktiv-Bd", 22, 30.8),
285
- [FontStyle.H7_BOLD]: createFontStyle("MeraasAktiv-Bd", 20, 28),
286
- [FontStyle.H8_BOLD]: createFontStyle("MeraasAktiv-Bd", 18, 25.2),
287
- [FontStyle.H1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 40, 56),
288
- [FontStyle.H2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 36, 50.4),
289
- [FontStyle.H3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 32, 44.8),
290
- [FontStyle.H4_REGULAR]: createFontStyle("MeraasAktiv-Rg", 26, 36.4),
291
- [FontStyle.H5_REGULAR]: createFontStyle("MeraasAktiv-Rg", 24, 33.6),
292
- [FontStyle.H6_REGULAR]: createFontStyle("MeraasAktiv-Rg", 22, 30.8),
293
- [FontStyle.H7_REGULAR]: createFontStyle("MeraasAktiv-Rg", 20, 28),
294
- [FontStyle.H8_REGULAR]: createFontStyle("MeraasAktiv-Rg", 18, 25.2),
295
- [FontStyle.H1_LIGHT]: createFontStyle("MeraasAktiv-Lt", 40, 56),
296
- [FontStyle.H2_LIGHT]: createFontStyle("MeraasAktiv-Lt", 36, 50.4),
297
- [FontStyle.H3_LIGHT]: createFontStyle("MeraasAktiv-Lt", 32, 44.8),
298
- [FontStyle.H4_LIGHT]: createFontStyle("MeraasAktiv-Lt", 26, 36.4),
299
- [FontStyle.H5_LIGHT]: createFontStyle("MeraasAktiv-Lt", 24, 33.6),
300
- [FontStyle.H6_LIGHT]: createFontStyle("MeraasAktiv-Lt", 22, 30.8),
301
- [FontStyle.H7_LIGHT]: createFontStyle("MeraasAktiv-Lt", 20, 28),
302
- [FontStyle.H8_LIGHT]: createFontStyle("MeraasAktiv-Lt", 18, 25.2),
303
- [FontStyle.B1_BOLD]: createFontStyle("MeraasAktiv-Bd", 20, 28),
304
- [FontStyle.B2_BOLD]: createFontStyle("MeraasAktiv-Bd", 18, 25.2),
305
- [FontStyle.B3_BOLD]: createFontStyle("MeraasAktiv-Bd", 16, 22.4),
306
- [FontStyle.B4_BOLD]: createFontStyle("MeraasAktiv-Bd", 14, 22.4),
307
- [FontStyle.B1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 20, 28),
308
- [FontStyle.B2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 18, 25.2),
309
- [FontStyle.B3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 16, 22.4),
310
- [FontStyle.B4_REGULAR]: createFontStyle("MeraasAktiv-Rg", 14, 22.4),
311
- [FontStyle.L1_BOLD]: createFontStyle("MeraasAktiv-Bd", 14, 19.6),
312
- [FontStyle.L2_BOLD]: createFontStyle("MeraasAktiv-Bd", 12, 16.8),
313
- [FontStyle.L3_BOLD]: createFontStyle("MeraasAktiv-Bd", 10, 14),
314
- [FontStyle.L1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 14, 19.6),
315
- [FontStyle.L2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 12, 16.8),
316
- [FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 10, 14)
285
+ [FontStyle.H1_BOLD]: createFontStyle("MeraasAktiv-Bold", 40, 56),
286
+ [FontStyle.H2_BOLD]: createFontStyle("MeraasAktiv-Bold", 36, 50.4),
287
+ [FontStyle.H3_BOLD]: createFontStyle("MeraasAktiv-Bold", 32, 44.8),
288
+ [FontStyle.H4_BOLD]: createFontStyle("MeraasAktiv-Bold", 26, 36.4),
289
+ [FontStyle.H5_BOLD]: createFontStyle("MeraasAktiv-Bold", 24, 33.6),
290
+ [FontStyle.H6_BOLD]: createFontStyle("MeraasAktiv-Bold", 22, 30.8),
291
+ [FontStyle.H7_BOLD]: createFontStyle("MeraasAktiv-Bold", 20, 28),
292
+ [FontStyle.H8_BOLD]: createFontStyle("MeraasAktiv-Bold", 18, 25.2),
293
+ [FontStyle.H1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 40, 56),
294
+ [FontStyle.H2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 36, 50.4),
295
+ [FontStyle.H3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 32, 44.8),
296
+ [FontStyle.H4_REGULAR]: createFontStyle("MeraasAktiv-Regular", 26, 36.4),
297
+ [FontStyle.H5_REGULAR]: createFontStyle("MeraasAktiv-Regular", 24, 33.6),
298
+ [FontStyle.H6_REGULAR]: createFontStyle("MeraasAktiv-Regular", 22, 30.8),
299
+ [FontStyle.H7_REGULAR]: createFontStyle("MeraasAktiv-Regular", 20, 28),
300
+ [FontStyle.H8_REGULAR]: createFontStyle("MeraasAktiv-Regular", 18, 25.2),
301
+ [FontStyle.H1_LIGHT]: createFontStyle("MeraasAktiv-Light", 40, 56),
302
+ [FontStyle.H2_LIGHT]: createFontStyle("MeraasAktiv-Light", 36, 50.4),
303
+ [FontStyle.H3_LIGHT]: createFontStyle("MeraasAktiv-Light", 32, 44.8),
304
+ [FontStyle.H4_LIGHT]: createFontStyle("MeraasAktiv-Light", 26, 36.4),
305
+ [FontStyle.H5_LIGHT]: createFontStyle("MeraasAktiv-Light", 24, 33.6),
306
+ [FontStyle.H6_LIGHT]: createFontStyle("MeraasAktiv-Light", 22, 30.8),
307
+ [FontStyle.H7_LIGHT]: createFontStyle("MeraasAktiv-Light", 20, 28),
308
+ [FontStyle.H8_LIGHT]: createFontStyle("MeraasAktiv-Light", 18, 25.2),
309
+ [FontStyle.B1_BOLD]: createFontStyle("MeraasAktiv-Bold", 20, 28),
310
+ [FontStyle.B2_BOLD]: createFontStyle("MeraasAktiv-Bold", 18, 25.2),
311
+ [FontStyle.B3_BOLD]: createFontStyle("MeraasAktiv-Bold", 16, 22.4),
312
+ [FontStyle.B4_BOLD]: createFontStyle("MeraasAktiv-Bold", 14, 22.4),
313
+ [FontStyle.B1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 20, 28),
314
+ [FontStyle.B2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 18, 25.2),
315
+ [FontStyle.B3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 16, 22.4),
316
+ [FontStyle.B4_REGULAR]: createFontStyle("MeraasAktiv-Regular", 14, 22.4),
317
+ [FontStyle.L1_BOLD]: createFontStyle("MeraasAktiv-Bold", 14, 19.6),
318
+ [FontStyle.L2_BOLD]: createFontStyle("MeraasAktiv-Bold", 12, 16.8),
319
+ [FontStyle.L3_BOLD]: createFontStyle("MeraasAktiv-Bold", 10, 14),
320
+ [FontStyle.L1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 14, 19.6),
321
+ [FontStyle.L2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 12, 16.8),
322
+ [FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 10, 14)
317
323
  };
318
324
 
319
325
  const CustomTypography = ({
@@ -2142,7 +2148,7 @@ const CustomSearchBar = ({
2142
2148
  styles$j.inputContainer,
2143
2149
  {
2144
2150
  height: verticalScale(height),
2145
- borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
2151
+ borderColor: disabled ? disableBorderColor : value ? borderColor : "#686868"
2146
2152
  },
2147
2153
  inputContainerStyle
2148
2154
  ],
@@ -2656,25 +2662,31 @@ const styles$d = StyleSheet.create({
2656
2662
  borderRadius: 10
2657
2663
  },
2658
2664
  cancelText: {
2659
- color: "#007AFF"
2665
+ color: "#007AFF",
2666
+ alignSelf: "center"
2660
2667
  },
2661
2668
  title: {
2662
2669
  textAlign: "center",
2663
- marginTop: 13
2670
+ marginTop: 13,
2671
+ alignSelf: "center"
2664
2672
  },
2665
2673
  subtitle: {
2666
2674
  textAlign: "center",
2667
2675
  marginTop: 2,
2668
- marginBottom: 13
2676
+ marginBottom: 13,
2677
+ alignSelf: "center"
2669
2678
  },
2670
2679
  optionButton: {
2671
2680
  padding: 16,
2672
2681
  borderRadius: 8,
2673
- alignItems: "center"
2682
+ alignItems: "center",
2683
+ textAlign: "center"
2674
2684
  },
2675
2685
  optionText: {
2676
2686
  fontSize: 16,
2677
- color: "#007AFF"
2687
+ color: "#007AFF",
2688
+ alignSelf: "center",
2689
+ textAlign: "center"
2678
2690
  },
2679
2691
  cancelButton: {
2680
2692
  marginTop: 10,
@@ -3396,7 +3408,8 @@ const CustomDropdown = ({
3396
3408
  itemTextStyle,
3397
3409
  containerStyle: menuContainerStyle,
3398
3410
  activeColor,
3399
- itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
3411
+ itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
3412
+ renderRightIcon: () => /* @__PURE__ */ React.createElement(DropDownArrow, null)
3400
3413
  }
3401
3414
  ));
3402
3415
  };