dhre-ui-kit 0.0.72 → 0.0.73

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/customDocumentPicker/CustomDocumentPicker.tsx +2 -1
  3. package/src/components/dateRangePicker/DateRangePicker.tsx +3 -6
  4. package/src/components/scrollList/category.tsx +2 -1
  5. package/src/theme/themes.ts +28 -0
  6. package/src/utils/appEnum.ts +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dhre-ui-kit",
3
- "version": "0.0.72",
3
+ "version": "0.0.73",
4
4
  "main": "src/index.ts",
5
5
  "files": [
6
6
  "src",
package/src/components/customDocumentPicker/CustomDocumentPicker.tsx CHANGED
@@ -7,6 +7,7 @@ import CustomTypography from '../customTypography';
7
7
  import {useTheme} from '../../theme/ThemeContext';
8
8
  import styles from './CustomDocumentPicker.styles';
9
9
  import {CustomDocumentPickerProps} from './CustomDocumentPicker.interface';
10
+ import {withThemeProvider} from '../../theme/withThemeProvider';
10
11
 
11
12
  const CustomDocumentPicker = ({
12
13
  onDocumentUpload,
@@ -75,4 +76,4 @@ const CustomDocumentPicker = ({
75
76
  );
76
77
  };
77
78
 
78
- export default CustomDocumentPicker;
79
+ export default withThemeProvider(CustomDocumentPicker);
package/src/components/dateRangePicker/DateRangePicker.tsx CHANGED
@@ -68,12 +68,9 @@ const DateRangePicker = (props: DateRangePickerProps) => {
68
68
  return (
69
69
  <View>
70
70
  <Calendar
71
- // markedDates={{
72
- // [selectedDate]: { selected: true, marked: true, selectedColor: 'blue' },
73
- // }}
74
- // markedDates={getMarkedDates()}
75
- // mode="date"
76
- // markingType={'period'}
71
+ markedDates={getMarkedDates()}
72
+ mode="date"
73
+ markingType={'period'}
77
74
  theme={{
78
75
  calendarBackground: 'transparent',
79
76
  arrowColor: '#fff',
package/src/components/scrollList/category.tsx CHANGED
@@ -2,6 +2,7 @@ import React, {useState} from 'react';
2
2
  import {ScrollView, Pressable, View, StyleSheet} from 'react-native';
3
3
  import CustomText from '../customText/CustomText';
4
4
  import {useTheme} from '../../theme/ThemeContext';
5
+ import {withThemeProvider} from '../../theme/withThemeProvider';
5
6
 
6
7
  interface ScrollableListProps {
7
8
  data: {name: string; value: string; isError?: boolean}[] | undefined;
@@ -104,4 +105,4 @@ const styles = StyleSheet.create({
104
105
  },
105
106
  });
106
107
 
107
- export default ScrollableList;
108
+ export default withThemeProvider(ScrollableList);
package/src/theme/themes.ts CHANGED
@@ -9,6 +9,10 @@ const theme = {
9
9
  light: '#F5F5F5',
10
10
  dark: '#212121',
11
11
  },
12
+ [Theme.SURFACE_TERTIARY]: {
13
+ light: '#0000001A',
14
+ dark: '#373737',
15
+ },
12
16
  [Theme.SURFACE_STATIC]: {
13
17
  light: '#FFFFFF',
14
18
  dark: '#FFFFFF',
@@ -25,10 +29,22 @@ const theme = {
25
29
  light: '#E1E1E1',
26
30
  dark: '#A7A7A7',
27
31
  },
32
+ [Theme.SURFACE_INVERTED]: {
33
+ light: '#000000',
34
+ dark: '#FFFFFF',
35
+ },
28
36
  [Theme.SURFACE_INVERTED_TRANSPARENT]: {
29
37
  light: '#686868',
30
38
  dark: '#FFFFFF',
31
39
  },
40
+ [Theme.SURFACE_DROP_SHADOW]: {
41
+ light: '#CECECE',
42
+ dark: '#373737',
43
+ },
44
+ [Theme.SURFACE_BLUR]: {
45
+ light: '#000000B2',
46
+ dark: '#FFFFFFB2',
47
+ },
32
48
 
33
49
  [Theme.CONTENT_PRIMARY]: {
34
50
  light: '#000000',
@@ -50,6 +66,10 @@ const theme = {
50
66
  light: '#FFFFFF',
51
67
  dark: '#FFFFFF',
52
68
  },
69
+ [Theme.CONTENT_PRIMARY_STATIC]: {
70
+ light: '#0000001A',
71
+ dark: '#686868',
72
+ },
53
73
  [Theme.CONTENT_SECONDRY_STATIC]: {
54
74
  light: '#CECECE',
55
75
  dark: '#CECECE',
@@ -83,10 +103,18 @@ const theme = {
83
103
  light: '#FFFFFF',
84
104
  dark: '#FFFFFF',
85
105
  },
106
+ [Theme.BORDER_TEXT_FIELD]: {
107
+ light: '#0000001A',
108
+ dark: '#404040',
109
+ },
86
110
  [Theme.BORDER_SEPRATOR]: {
87
111
  light: '#282828',
88
112
  dark: '#FFFFFF',
89
113
  },
114
+ [Theme.BORDER_SEPERATOR_HEADER]: {
115
+ light: '#E1E1E1',
116
+ dark: '#404040',
117
+ },
90
118
 
91
119
  [Theme.WARNING]: {
92
120
  light: '#B65E01',
package/src/utils/appEnum.ts CHANGED
@@ -74,17 +74,22 @@ export enum FontStyle {
74
74
  export enum Theme {
75
75
  SURFACE_PRIMARY = 'SURFACE_PRIMARY',
76
76
  SURFACE_SECONDARY = 'SURFACE_SECONDARY',
77
+ SURFACE_TERTIARY = 'SURFACE_TERTIARY',
77
78
  SURFACE_STATIC = 'SURFACE_STATIC',
78
79
  SURFACE_BRAND_STATIC = 'SURFACE_BRAND_STATIC',
79
80
  SURFACE_BRAND_TRANSPARENT_STATIC = 'SURFACE_BRAND_TRANSPARENT_STATIC',
80
81
  SURFACE_DISABLE = 'SURFACE_DISABLE',
82
+ SURFACE_INVERTED = 'SURFACE_INVERTED',
81
83
  SURFACE_INVERTED_TRANSPARENT = 'SURFACE_INVERTED_TRANSPARENT',
84
+ SURFACE_DROP_SHADOW = 'SURFACE_DROP_SHADOW',
85
+ SURFACE_BLUR = 'SURFACE_BLUR',
82
86
 
83
87
  CONTENT_PRIMARY = 'CONTENT_PRIMARY',
84
88
  CONTENT_SECONDRY = 'CONTENT_SECONDRY',
85
89
  CONTENT_DISABLE = 'CONTENT_DISABLE',
86
90
  CONTENT_INVERTED = 'CONTENT_INVERTED',
87
91
  CONTENT_STATIC = 'CONTENT_STATIC',
92
+ CONTENT_PRIMARY_STATIC = 'CONTENT_PRIMARY_STATIC',
88
93
  CONTENT_SECONDRY_STATIC = 'CONTENT_SECONDRY_STATIC',
89
94
 
90
95
  BORDER_PRIMARY = 'BORDER_PRIMARY',
@@ -93,6 +98,8 @@ export enum Theme {
93
98
  BORDER_INVERTED = 'BORDER_INVERTED',
94
99
  BORDER_BRAND_STATIC = 'BORDER_BRAND_STATIC',
95
100
  BORDER_BRAND_TRANSPARENT_STATIC = 'BORDER_BRAND_TRANSPARENT_STATIC',
101
+ BORDER_TEXT_FIELD = 'BORDER_TEXT_FIELD',
102
+ BORDER_SEPERATOR_HEADER = 'BORDER_SEPERATOR_HEADER',
96
103
  BORDER_STATIC = 'BORDER_STATIC',
97
104
  BORDER_SEPRATOR = 'BORDER_SEPRATOR',
98
105
  WARNING = 'WARNING',