dhre-ui-kit 0.0.95 → 0.0.97
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/{src/assets/index.ts → lib/assets/index.d.ts} +1 -18
- package/lib/index.d.ts +862 -0
- package/lib/index.esm.js +2 -0
- package/lib/index.esm.js.map +1 -0
- package/lib/index.js +4333 -0
- package/lib/index.js.map +1 -0
- package/lib/index.mjs +4248 -0
- package/lib/index.mjs.map +1 -0
- package/lib/theme/ThemeContext.d.ts +10 -0
- package/lib/theme/colors.d.ts +166 -0
- package/lib/theme/fonts.d.ts +8 -0
- package/lib/theme/themes.d.ts +131 -0
- package/lib/theme/withThemeProvider.d.ts +2 -0
- package/lib/utils/appEnum.d.ts +90 -0
- package/lib/utils/commonStyles.d.ts +15 -0
- package/lib/utils/constants.d.ts +19 -0
- package/lib/utils/deviceUtils.d.ts +7 -0
- package/lib/utils/regex.d.ts +1 -0
- package/lib/utils/stylehelper.d.ts +5 -0
- package/package.json +76 -67
- package/README.md +0 -1
- package/__mocks__/custom-text.mock.tsx +0 -19
- package/__mocks__/setup-tests.ts +0 -24
- package/__mocks__/svgMock.ts +0 -2
- package/src/App.tsx +0 -43
- package/src/assets/fonts/MeraasAktiv_Bd.ttf +0 -0
- package/src/assets/fonts/MeraasAktiv_Lt.ttf +0 -0
- package/src/assets/fonts/MeraasAktiv_Rg.ttf +0 -0
- package/src/assets/images/arrowLeft.svg +0 -3
- package/src/assets/images/bellSimple.svg +0 -3
- package/src/assets/images/calenderDots.svg +0 -1
- package/src/assets/images/caretDown.svg +0 -3
- package/src/assets/images/caretLeft.svg +0 -3
- package/src/assets/images/caretRight.svg +0 -3
- package/src/assets/images/caretUp.svg +0 -3
- package/src/assets/images/checkWhite.svg +0 -3
- package/src/assets/images/circleTick.svg +0 -3
- package/src/assets/images/crossIcon.svg +0 -3
- package/src/assets/images/dotsThreeVertical.svg +0 -5
- package/src/assets/images/fileIcon.svg +0 -8
- package/src/assets/images/searchIcon.svg +0 -4
- package/src/assets/images/trash.svg +0 -7
- package/src/assets/images/uploadFileIcon.svg +0 -12
- package/src/components/ContactModel/ContactModel.tsx +0 -206
- package/src/components/ContactModel/index.ts +0 -1
- package/src/components/OutOfOffice/OurOffices.tsx +0 -91
- package/src/components/OutOfOffice/index.ts +0 -1
- package/src/components/accordion/Accordion.interface.ts +0 -16
- package/src/components/accordion/Accordion.styles.ts +0 -28
- package/src/components/accordion/Accordion.test.tsx +0 -21
- package/src/components/accordion/Accordion.tsx +0 -85
- package/src/components/accordion/index.ts +0 -1
- package/src/components/autoOtpReader/AutoOtpReader.test.tsx +0 -56
- package/src/components/autoOtpReader/AutoOtpReader.tsx +0 -79
- package/src/components/autoOtpReader/index.ts +0 -1
- package/src/components/badge/Badge.styles.ts +0 -20
- package/src/components/badge/Badge.test.tsx +0 -57
- package/src/components/badge/Badge.tsx +0 -48
- package/src/components/badge/index.ts +0 -1
- package/src/components/bottomDrawer/BottomDrawer.interface.ts +0 -23
- package/src/components/bottomDrawer/BottomDrawer.styles.ts +0 -47
- package/src/components/bottomDrawer/BottomDrawer.test.tsx +0 -19
- package/src/components/bottomDrawer/BottomDrawer.tsx +0 -92
- package/src/components/bottomDrawer/index.ts +0 -1
- package/src/components/button/Button.interface.ts +0 -19
- package/src/components/button/Button.styles.ts +0 -78
- package/src/components/button/Button.test.tsx +0 -43
- package/src/components/button/Button.tsx +0 -82
- package/src/components/button/index.ts +0 -1
- package/src/components/cards/Cards.interface.ts +0 -13
- package/src/components/cards/Cards.styles.ts +0 -59
- package/src/components/cards/Cards.test.tsx +0 -41
- package/src/components/cards/Cards.tsx +0 -69
- package/src/components/cards/index.ts +0 -1
- package/src/components/checkBox/CheckBox.interface.ts +0 -15
- package/src/components/checkBox/CheckBox.styles.ts +0 -35
- package/src/components/checkBox/CheckBox.test.tsx +0 -46
- package/src/components/checkBox/CheckBox.tsx +0 -50
- package/src/components/checkBox/index.ts +0 -1
- package/src/components/countryPicker/CountryPicker.tsx +0 -169
- package/src/components/countryPicker/index.ts +0 -1
- package/src/components/customDocumentPicker/CustomDocumentPicker.interface.ts +0 -13
- package/src/components/customDocumentPicker/CustomDocumentPicker.styles.ts +0 -33
- package/src/components/customDocumentPicker/CustomDocumentPicker.tsx +0 -100
- package/src/components/customDocumentPicker/index.ts +0 -1
- package/src/components/customDropdown/CustomDropdown.interface.ts +0 -15
- package/src/components/customDropdown/CustomDropdown.styles.tsx +0 -46
- package/src/components/customDropdown/CustomDropdown.test.tsx +0 -30
- package/src/components/customDropdown/CustomDropdown.tsx +0 -106
- package/src/components/customDropdown/index.ts +0 -1
- package/src/components/customHeader/CustomHeader.interface.tsx +0 -10
- package/src/components/customHeader/CustomHeader.styles.ts +0 -26
- package/src/components/customHeader/CustomHeader.test.tsx +0 -14
- package/src/components/customHeader/CustomHeader.tsx +0 -46
- package/src/components/customHeader/index.ts +0 -1
- package/src/components/customIcon/CustomIcon.interface.ts +0 -12
- package/src/components/customIcon/CustomIcon.styles.ts +0 -13
- package/src/components/customIcon/CustomIcon.test.tsx +0 -14
- package/src/components/customIcon/CustomIcon.tsx +0 -33
- package/src/components/customIcon/index.ts +0 -1
- package/src/components/customInputText/CustomInputText.interface.ts +0 -20
- package/src/components/customInputText/CustomInputText.styles.ts +0 -56
- package/src/components/customInputText/CustomInputText.test.tsx +0 -37
- package/src/components/customInputText/CustomInputText.tsx +0 -120
- package/src/components/customInputText/index.ts +0 -1
- package/src/components/customLoader/CustomLoader.inteface.ts +0 -3
- package/src/components/customLoader/CustomLoader.styles.ts +0 -16
- package/src/components/customLoader/CustomLoader.tsx +0 -16
- package/src/components/customLoader/index.ts +0 -1
- package/src/components/customSearchBar/CustomSearchBar.interface.ts +0 -21
- package/src/components/customSearchBar/CustomSearchBar.styles.ts +0 -23
- package/src/components/customSearchBar/CustomSearchBar.test.tsx +0 -27
- package/src/components/customSearchBar/CustomSearchBar.tsx +0 -87
- package/src/components/customSearchBar/index.ts +0 -1
- package/src/components/customSlideButton/custom-slide-button.interface.ts +0 -4
- package/src/components/customSlideButton/index.tsx +0 -78
- package/src/components/customSlideButton/styles.ts +0 -39
- package/src/components/customSwitchBtn/customSwitchBtn.interface.ts +0 -15
- package/src/components/customSwitchBtn/customSwitchBtn.styles.ts +0 -34
- package/src/components/customSwitchBtn/customSwitchBtn.tsx +0 -63
- package/src/components/customSwitchBtn/index.ts +0 -1
- package/src/components/customText/CustomText.tsx +0 -33
- package/src/components/customText/index.ts +0 -1
- package/src/components/customTooltip/CustomTooltip.interface.ts +0 -14
- package/src/components/customTooltip/CustomTooltip.styles.ts +0 -23
- package/src/components/customTooltip/CustomTooltip.test.tsx +0 -18
- package/src/components/customTooltip/CustomTooltip.tsx +0 -46
- package/src/components/customTooltip/index.ts +0 -1
- package/src/components/customTypography/CustomTypography.test.tsx +0 -12
- package/src/components/customTypography/CustomTypography.tsx +0 -27
- package/src/components/customTypography/index.ts +0 -1
- package/src/components/dateRangePicker/DateRangePicker.interface.ts +0 -19
- package/src/components/dateRangePicker/DateRangePicker.styles.ts +0 -19
- package/src/components/dateRangePicker/DateRangePicker.tsx +0 -108
- package/src/components/dateRangePicker/index.ts +0 -1
- package/src/components/dropDown/DropDown.tsx +0 -145
- package/src/components/dropDown/index.ts +0 -1
- package/src/components/feedback/feedback.style.ts +0 -48
- package/src/components/feedback/feedback.tsx +0 -61
- package/src/components/feedback/index.ts +0 -1
- package/src/components/fileUpload/FileUpload.styles.ts +0 -41
- package/src/components/fileUpload/FileUpload.test.tsx +0 -39
- package/src/components/fileUpload/FileUpload.tsx +0 -65
- package/src/components/fileUpload/index.ts +0 -1
- package/src/components/horizontalLine/Line.tsx +0 -26
- package/src/components/horizontalLine/index.ts +0 -1
- package/src/components/notificationBandge/NotificationBandge.interface.tsx +0 -3
- package/src/components/notificationBandge/NotificationBandge.styles.tsx +0 -26
- package/src/components/notificationBandge/NotificationBandge.tsx +0 -26
- package/src/components/notificationBandge/index.tsx +0 -1
- package/src/components/otp/index.tsx +0 -166
- package/src/components/otp/otp.interface.ts +0 -14
- package/src/components/otp/styles.ts +0 -29
- package/src/components/pdfView/PdfView.test.tsx +0 -12
- package/src/components/pdfView/PdfView.tsx +0 -8
- package/src/components/pdfView/index.ts +0 -1
- package/src/components/popup/PopUp.interface.ts +0 -9
- package/src/components/popup/PopUp.styles.ts +0 -52
- package/src/components/popup/PopUp.test.tsx +0 -35
- package/src/components/popup/PopUp.tsx +0 -60
- package/src/components/popup/index.ts +0 -1
- package/src/components/progressBar/ProgressBar.test.tsx +0 -78
- package/src/components/progressBar/ProgressBar.tsx +0 -120
- package/src/components/progressBar/index.ts +0 -1
- package/src/components/property360View/Property360View.test.tsx +0 -24
- package/src/components/property360View/Property360View.tsx +0 -19
- package/src/components/property360View/index.ts +0 -1
- package/src/components/rating/index.ts +0 -1
- package/src/components/rating/rating.styles.ts +0 -13
- package/src/components/rating/rating.test.tsx +0 -61
- package/src/components/rating/rating.tsx +0 -96
- package/src/components/scrollList/category.tsx +0 -110
- package/src/components/scrollList/index.ts +0 -1
- package/src/components/singleSelectionTag/TagSingleSelection.tsx +0 -105
- package/src/components/singleSelectionTag/index.ts +0 -1
- package/src/components/stepper/index.tsx +0 -105
- package/src/components/stepper/stepper.interface.ts +0 -24
- package/src/components/stepper/styles.ts +0 -74
- package/src/components/swipableList/SwipableList.interface.ts +0 -52
- package/src/components/swipableList/SwipableList.styles.ts +0 -30
- package/src/components/swipableList/SwipableList.test.tsx +0 -209
- package/src/components/swipableList/SwipableList.tsx +0 -137
- package/src/components/swipableList/index.ts +0 -1
- package/src/components/tabs/Tabs.interface.ts +0 -10
- package/src/components/tabs/Tabs.styles.ts +0 -24
- package/src/components/tabs/Tabs.tsx +0 -74
- package/src/components/tabs/index.ts +0 -1
- package/src/components/tags/Tags.interface.ts +0 -12
- package/src/components/tags/Tags.styles.ts +0 -36
- package/src/components/tags/Tags.test.tsx +0 -22
- package/src/components/tags/Tags.tsx +0 -76
- package/src/components/tags/index.ts +0 -1
- package/src/components/textInput/Textinput.tsx +0 -120
- package/src/components/textInput/index.ts +0 -1
- package/src/components/toast/Toast.interface.ts +0 -39
- package/src/components/toast/Toast.styles.ts +0 -41
- package/src/components/toast/Toast.test.tsx +0 -13
- package/src/components/toast/Toast.tsx +0 -115
- package/src/components/toast/ToastService.ts +0 -30
- package/src/components/toast/index.ts +0 -1
- package/src/components/toggleButton/ToggleButton.styles.ts +0 -40
- package/src/components/toggleButton/ToggleButton.test.tsx +0 -33
- package/src/components/toggleButton/ToggleButton.tsx +0 -78
- package/src/components/toggleButton/index.ts +0 -1
- package/src/components/topic/Topic.tsx +0 -85
- package/src/components/topic/index.ts +0 -1
- package/src/index.ts +0 -59
- package/src/theme/ThemeContext.tsx +0 -38
- package/src/theme/colors.ts +0 -186
- package/src/theme/fonts.ts +0 -72
- package/src/theme/themes.ts +0 -137
- package/src/theme/withThemeProvider.tsx +0 -14
- package/src/utils/appEnum.ts +0 -109
- package/src/utils/commonStyles.ts +0 -17
- package/src/utils/constants.ts +0 -20
- package/src/utils/deviceUtils.ts +0 -14
- package/src/utils/regex.ts +0 -1
- package/src/utils/stylehelper.ts +0 -13
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface ThemeContextType {
|
|
3
|
+
theme: Record<string, string>;
|
|
4
|
+
}
|
|
5
|
+
interface ThemeProviderProps {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
9
|
+
export declare const useTheme: () => ThemeContextType;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
export declare const DHRE_COLORS_PRIMARY: {
|
|
2
|
+
DH_BLACK_25: string;
|
|
3
|
+
DH_BLACK_50: string;
|
|
4
|
+
DH_BLACK_75: string;
|
|
5
|
+
DH_BLACK_100: string;
|
|
6
|
+
DH_RED_25: string;
|
|
7
|
+
DH_RED_50: string;
|
|
8
|
+
DH_RED_75: string;
|
|
9
|
+
DH_RED_100: string;
|
|
10
|
+
DH_GREY_25: string;
|
|
11
|
+
DH_GREY_50: string;
|
|
12
|
+
DH_GREY_75: string;
|
|
13
|
+
DH_GREY_100: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const DHRE_COLORS_SECONDARY: {
|
|
16
|
+
DH_LIGHT_SKY_25: string;
|
|
17
|
+
DH_LIGHT_SKY_50: string;
|
|
18
|
+
DH_LIGHT_SKY_75: string;
|
|
19
|
+
DH_LIGHT_SKY_100: string;
|
|
20
|
+
DH_BIEGE_25: string;
|
|
21
|
+
DH_BIEGE_50: string;
|
|
22
|
+
DH_BIEGE_75: string;
|
|
23
|
+
DH_BIEGE_100: string;
|
|
24
|
+
DH_GREEN_DARK_0: string;
|
|
25
|
+
DH_GREEN_DARK_100: string;
|
|
26
|
+
DH_GREEN_DARK_200: string;
|
|
27
|
+
DH_GREEN_DARK_300: string;
|
|
28
|
+
DH_GREEN_DARK_400: string;
|
|
29
|
+
DH_GREEN_DARK_500: string;
|
|
30
|
+
DH_GREEN_DARK_600: string;
|
|
31
|
+
DH_GREEN_DARK_700: string;
|
|
32
|
+
DH_GREEN_DARK_800: string;
|
|
33
|
+
DH_GREEN_DARK_900: string;
|
|
34
|
+
DH_GREEN_DARK: string;
|
|
35
|
+
DH_BLUE_DARK_0: string;
|
|
36
|
+
DH_BLUE_DARK_100: string;
|
|
37
|
+
DH_BLUE_DARK_200: string;
|
|
38
|
+
DH_BLUE_DARK_300: string;
|
|
39
|
+
DH_BLUE_DARK_400: string;
|
|
40
|
+
DH_BLUE_DARK_500: string;
|
|
41
|
+
DH_BLUE_DARK_600: string;
|
|
42
|
+
DH_BLUE_DARK_700: string;
|
|
43
|
+
DH_BLUE_DARK_800: string;
|
|
44
|
+
DH_BLUE_DARK_900: string;
|
|
45
|
+
DH_BLUE_DARK: string;
|
|
46
|
+
DH_BLUE_0: string;
|
|
47
|
+
DH_BLUE_100: string;
|
|
48
|
+
DH_BLUE_200: string;
|
|
49
|
+
DH_BLUE_300: string;
|
|
50
|
+
DH_BLUE_400: string;
|
|
51
|
+
DH_BLUE_500: string;
|
|
52
|
+
DH_BLUE_600: string;
|
|
53
|
+
DH_BLUE_700: string;
|
|
54
|
+
DH_BLUE_800: string;
|
|
55
|
+
DH_BLUE_900: string;
|
|
56
|
+
DH_BLUE: string;
|
|
57
|
+
};
|
|
58
|
+
export declare const DHRE_COLORS_ALERT: {
|
|
59
|
+
DH_SUCCESS_GREEN_0: string;
|
|
60
|
+
DH_SUCCESS_GREEN_100: string;
|
|
61
|
+
DH_SUCCESS_GREEN_200: string;
|
|
62
|
+
DH_SUCCESS_GREEN_300: string;
|
|
63
|
+
DH_SUCCESS_GREEN_400: string;
|
|
64
|
+
DH_SUCCESS_GREEN_500: string;
|
|
65
|
+
DH_SUCCESS_GREEN_600: string;
|
|
66
|
+
DH_SUCCESS_GREEN_700: string;
|
|
67
|
+
DH_SUCCESS_GREEN_800: string;
|
|
68
|
+
DH_SUCCESS_GREEN_900: string;
|
|
69
|
+
DH_SUCCESS_GREEN: string;
|
|
70
|
+
DH_SUCCESS_GREEN_ACCENT: string;
|
|
71
|
+
DH_INFO_BLUE_0: string;
|
|
72
|
+
DH_INFO_BLUE_100: string;
|
|
73
|
+
DH_INFO_BLUE_200: string;
|
|
74
|
+
DH_INFO_BLUE_300: string;
|
|
75
|
+
DH_INFO_BLUE_400: string;
|
|
76
|
+
DH_INFO_BLUE_500: string;
|
|
77
|
+
DH_INFO_BLUE_600: string;
|
|
78
|
+
DH_INFO_BLUE_700: string;
|
|
79
|
+
DH_INFO_BLUE_800: string;
|
|
80
|
+
DH_INFO_BLUE_900: string;
|
|
81
|
+
DH_INFO_BLUE: string;
|
|
82
|
+
DH_ALERT_ORANGE_0: string;
|
|
83
|
+
DH_ALERT_ORANGE_100: string;
|
|
84
|
+
DH_ALERT_ORANGE_200: string;
|
|
85
|
+
DH_ALERT_ORANGE_300: string;
|
|
86
|
+
DH_ALERT_ORANGE_400: string;
|
|
87
|
+
DH_ALERT_ORANGE_500: string;
|
|
88
|
+
DH_ALERT_ORANGE_600: string;
|
|
89
|
+
DH_ALERT_ORANGE_700: string;
|
|
90
|
+
DH_ALERT_ORANGE_800: string;
|
|
91
|
+
DH_ALERT_ORANGE_900: string;
|
|
92
|
+
DH_ALERT_ORANGE: string;
|
|
93
|
+
DH_WARNING_YELLOW_0: string;
|
|
94
|
+
DH_WARNING_YELLOW_100: string;
|
|
95
|
+
DH_WARNING_YELLOW_200: string;
|
|
96
|
+
DH_WARNING_YELLOW_300: string;
|
|
97
|
+
DH_WARNING_YELLOW_400: string;
|
|
98
|
+
DH_WARNING_YELLOW_500: string;
|
|
99
|
+
DH_WARNING_YELLOW_600: string;
|
|
100
|
+
DH_WARNING_YELLOW_700: string;
|
|
101
|
+
DH_WARNING_YELLOW_800: string;
|
|
102
|
+
DH_WARNING_YELLOW_900: string;
|
|
103
|
+
DH_WARNING_YELLOW: string;
|
|
104
|
+
};
|
|
105
|
+
export declare const DHRE_COLORS_BG: {
|
|
106
|
+
DH_LINE_GREY_0: string;
|
|
107
|
+
DH_LINE_GREY_100: string;
|
|
108
|
+
DH_LINE_GREY_200: string;
|
|
109
|
+
DH_LINE_GREY_300: string;
|
|
110
|
+
DH_LINE_GREY_400: string;
|
|
111
|
+
DH_LINE_GREY_500: string;
|
|
112
|
+
DH_LINE_GREY_600: string;
|
|
113
|
+
DH_LINE_GREY_700: string;
|
|
114
|
+
DH_LINE_GREY_800: string;
|
|
115
|
+
DH_LINE_GREY_900: string;
|
|
116
|
+
DH_GREY1: string;
|
|
117
|
+
DH_BG_GREY_0: string;
|
|
118
|
+
DH_BG_GREY_100: string;
|
|
119
|
+
DH_BG_GREY_200: string;
|
|
120
|
+
DH_BG_GREY_300: string;
|
|
121
|
+
DH_BG_GREY_400: string;
|
|
122
|
+
DH_BG_GREY_500: string;
|
|
123
|
+
DH_BG_GREY_600: string;
|
|
124
|
+
DH_BG_GREY_700: string;
|
|
125
|
+
DH_BG_GREY_800: string;
|
|
126
|
+
DH_BG_GREY_900: string;
|
|
127
|
+
DH_BG_GREY: string;
|
|
128
|
+
};
|
|
129
|
+
export declare const DHRE_DEFAULT: {
|
|
130
|
+
DH_LINE_GREY_0: string;
|
|
131
|
+
DH_LINE_GREY_100: string;
|
|
132
|
+
DH_LINE_GREY_200: string;
|
|
133
|
+
DH_LINE_GREY_300: string;
|
|
134
|
+
DH_LINE_GREY_400: string;
|
|
135
|
+
DH_LINE_GREY_500: string;
|
|
136
|
+
DH_LINE_GREY_600: string;
|
|
137
|
+
DH_LINE_GREY_700: string;
|
|
138
|
+
DH_LINE_GREY_800: string;
|
|
139
|
+
DH_NETURAL_GRAY_800: string;
|
|
140
|
+
DH_BLUE: string;
|
|
141
|
+
DH_BG_GREY_0: string;
|
|
142
|
+
DH_BG_GREY_100: string;
|
|
143
|
+
DH_BG_GREY_200: string;
|
|
144
|
+
DH_BG_GREY_300: string;
|
|
145
|
+
DH_BG_GREY_400: string;
|
|
146
|
+
DH_BG_GREY_500: string;
|
|
147
|
+
DH_BG_GREY_600: string;
|
|
148
|
+
DH_BG_GREY_700: string;
|
|
149
|
+
DH_BG_GREY_800: string;
|
|
150
|
+
DH_BG_GREY_900: string;
|
|
151
|
+
DH_BG_GREY: string;
|
|
152
|
+
DH_SUCESS: string;
|
|
153
|
+
DH_ERROR: string;
|
|
154
|
+
DH_INFO: string;
|
|
155
|
+
DH_SEMENTIC_ERROR: string;
|
|
156
|
+
DH_SEMENTIC_WARNING: string;
|
|
157
|
+
};
|
|
158
|
+
export declare const DHRE_COLORS_TEXT: {
|
|
159
|
+
DH_BLACK: string;
|
|
160
|
+
DH_WHITE: string;
|
|
161
|
+
DH_TEXTDARK: string;
|
|
162
|
+
DH_TEXTLIGHT: string;
|
|
163
|
+
DH_TEXTLIGHTEST: string;
|
|
164
|
+
DH_TEXTDISABLED: string;
|
|
165
|
+
DH_LIGHTGREEN: string;
|
|
166
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextStyle } from 'react-native';
|
|
2
|
+
interface FontStyles {
|
|
3
|
+
[key: string]: TextStyle;
|
|
4
|
+
}
|
|
5
|
+
export declare const meraasActivFontfamily: TextStyle;
|
|
6
|
+
export declare const serifActivFontfamily: TextStyle;
|
|
7
|
+
export declare const FONT_STYLES: FontStyles;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
declare const theme: {
|
|
2
|
+
SURFACE_PRIMARY: {
|
|
3
|
+
light: string;
|
|
4
|
+
dark: string;
|
|
5
|
+
};
|
|
6
|
+
SURFACE_SECONDARY: {
|
|
7
|
+
light: string;
|
|
8
|
+
dark: string;
|
|
9
|
+
};
|
|
10
|
+
SURFACE_TERTIARY: {
|
|
11
|
+
light: string;
|
|
12
|
+
dark: string;
|
|
13
|
+
};
|
|
14
|
+
SURFACE_STATIC: {
|
|
15
|
+
light: string;
|
|
16
|
+
dark: string;
|
|
17
|
+
};
|
|
18
|
+
SURFACE_BRAND_STATIC: {
|
|
19
|
+
light: string;
|
|
20
|
+
dark: string;
|
|
21
|
+
};
|
|
22
|
+
SURFACE_BRAND_TRANSPARENT_STATIC: {
|
|
23
|
+
light: string;
|
|
24
|
+
dark: string;
|
|
25
|
+
};
|
|
26
|
+
SURFACE_DISABLE: {
|
|
27
|
+
light: string;
|
|
28
|
+
dark: string;
|
|
29
|
+
};
|
|
30
|
+
SURFACE_INVERTED: {
|
|
31
|
+
light: string;
|
|
32
|
+
dark: string;
|
|
33
|
+
};
|
|
34
|
+
SURFACE_INVERTED_TRANSPARENT: {
|
|
35
|
+
light: string;
|
|
36
|
+
dark: string;
|
|
37
|
+
};
|
|
38
|
+
SURFACE_DROP_SHADOW: {
|
|
39
|
+
light: string;
|
|
40
|
+
dark: string;
|
|
41
|
+
};
|
|
42
|
+
SURFACE_BLUR: {
|
|
43
|
+
light: string;
|
|
44
|
+
dark: string;
|
|
45
|
+
};
|
|
46
|
+
CONTENT_PRIMARY: {
|
|
47
|
+
light: string;
|
|
48
|
+
dark: string;
|
|
49
|
+
};
|
|
50
|
+
CONTENT_SECONDRY: {
|
|
51
|
+
light: string;
|
|
52
|
+
dark: string;
|
|
53
|
+
};
|
|
54
|
+
CONTENT_DISABLE: {
|
|
55
|
+
light: string;
|
|
56
|
+
dark: string;
|
|
57
|
+
};
|
|
58
|
+
CONTENT_INVERTED: {
|
|
59
|
+
light: string;
|
|
60
|
+
dark: string;
|
|
61
|
+
};
|
|
62
|
+
CONTENT_STATIC: {
|
|
63
|
+
light: string;
|
|
64
|
+
dark: string;
|
|
65
|
+
};
|
|
66
|
+
CONTENT_PRIMARY_STATIC: {
|
|
67
|
+
light: string;
|
|
68
|
+
dark: string;
|
|
69
|
+
};
|
|
70
|
+
CONTENT_SECONDRY_STATIC: {
|
|
71
|
+
light: string;
|
|
72
|
+
dark: string;
|
|
73
|
+
};
|
|
74
|
+
BORDER_PRIMARY: {
|
|
75
|
+
light: string;
|
|
76
|
+
dark: string;
|
|
77
|
+
};
|
|
78
|
+
BORDER_SECONDRY: {
|
|
79
|
+
light: string;
|
|
80
|
+
dark: string;
|
|
81
|
+
};
|
|
82
|
+
BORDER_DISABLE: {
|
|
83
|
+
light: string;
|
|
84
|
+
dark: string;
|
|
85
|
+
};
|
|
86
|
+
BORDER_INVERTED: {
|
|
87
|
+
light: string;
|
|
88
|
+
dark: string;
|
|
89
|
+
};
|
|
90
|
+
BORDER_BRAND_STATIC: {
|
|
91
|
+
light: string;
|
|
92
|
+
dark: string;
|
|
93
|
+
};
|
|
94
|
+
BORDER_BRAND_TRANSPARENT_STATIC: {
|
|
95
|
+
light: string;
|
|
96
|
+
dark: string;
|
|
97
|
+
};
|
|
98
|
+
BORDER_STATIC: {
|
|
99
|
+
light: string;
|
|
100
|
+
dark: string;
|
|
101
|
+
};
|
|
102
|
+
BORDER_TEXT_FIELD: {
|
|
103
|
+
light: string;
|
|
104
|
+
dark: string;
|
|
105
|
+
};
|
|
106
|
+
BORDER_SEPRATOR: {
|
|
107
|
+
light: string;
|
|
108
|
+
dark: string;
|
|
109
|
+
};
|
|
110
|
+
BORDER_SEPERATOR_HEADER: {
|
|
111
|
+
light: string;
|
|
112
|
+
dark: string;
|
|
113
|
+
};
|
|
114
|
+
WARNING: {
|
|
115
|
+
light: string;
|
|
116
|
+
dark: string;
|
|
117
|
+
};
|
|
118
|
+
SUCCESS: {
|
|
119
|
+
light: string;
|
|
120
|
+
dark: string;
|
|
121
|
+
};
|
|
122
|
+
INFO: {
|
|
123
|
+
light: string;
|
|
124
|
+
dark: string;
|
|
125
|
+
};
|
|
126
|
+
ERROR: {
|
|
127
|
+
light: string;
|
|
128
|
+
dark: string;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
export default theme;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
export declare enum ShapeType {
|
|
2
|
+
LINE = "line",
|
|
3
|
+
CIRCLE = "circle"
|
|
4
|
+
}
|
|
5
|
+
export declare enum ToggleButtonType {
|
|
6
|
+
SMALL = "small",
|
|
7
|
+
LARGE = "large"
|
|
8
|
+
}
|
|
9
|
+
export declare enum TextDirectType {
|
|
10
|
+
left = "left",
|
|
11
|
+
right = "right"
|
|
12
|
+
}
|
|
13
|
+
export declare enum ToggleTextType {
|
|
14
|
+
ON = "ON",
|
|
15
|
+
OFF = "OFF"
|
|
16
|
+
}
|
|
17
|
+
export declare enum FontStyle {
|
|
18
|
+
H1_BOLD = "H1_BOLD",
|
|
19
|
+
H2_BOLD = "H2_BOLD",
|
|
20
|
+
H3_BOLD = "H3_BOLD",
|
|
21
|
+
H4_BOLD = "H4_BOLD",
|
|
22
|
+
H5_BOLD = "H5_BOLD",
|
|
23
|
+
H6_BOLD = "H6_BOLD",
|
|
24
|
+
H7_BOLD = "H7_BOLD",
|
|
25
|
+
H8_BOLD = "H8_BOLD",
|
|
26
|
+
H1_REGULAR = "H1_REGULAR",
|
|
27
|
+
H2_REGULAR = "H2_REGULAR",
|
|
28
|
+
H3_REGULAR = "H3_REGULAR",
|
|
29
|
+
H4_REGULAR = "H4_REGULAR",
|
|
30
|
+
H5_REGULAR = "H5_REGULAR",
|
|
31
|
+
H6_REGULAR = "H6_REGULAR",
|
|
32
|
+
H7_REGULAR = "H7_REGULAR",
|
|
33
|
+
H8_REGULAR = "H8_REGULAR",
|
|
34
|
+
H1_LIGHT = "H1_LIGHT",
|
|
35
|
+
H2_LIGHT = "H2_LIGHT",
|
|
36
|
+
H3_LIGHT = "H3_LIGHT",
|
|
37
|
+
H4_LIGHT = "H4_LIGHT",
|
|
38
|
+
H5_LIGHT = "H5_LIGHT",
|
|
39
|
+
H6_LIGHT = "H6_LIGHT",
|
|
40
|
+
H7_LIGHT = "H7_LIGHT",
|
|
41
|
+
H8_LIGHT = "H8_LIGHT",
|
|
42
|
+
B1_BOLD = "B1_BOLD",
|
|
43
|
+
B2_BOLD = "B2_BOLD",
|
|
44
|
+
B3_BOLD = "B3_BOLD",
|
|
45
|
+
B4_BOLD = "B4_BOLD",
|
|
46
|
+
B1_REGULAR = "B1_REGULAR",
|
|
47
|
+
B2_REGULAR = "B2_REGULAR",
|
|
48
|
+
B3_REGULAR = "B3_REGULAR",
|
|
49
|
+
B4_REGULAR = "B4_REGULAR",
|
|
50
|
+
L1_BOLD = "L1_BOLD",
|
|
51
|
+
L2_BOLD = "L2_BOLD",
|
|
52
|
+
L3_BOLD = "L3_BOLD",
|
|
53
|
+
L1_REGULAR = "L1_REGULAR",
|
|
54
|
+
L2_REGULAR = "L2_REGULAR",
|
|
55
|
+
L3_REGULAR = "L3_REGULAR"
|
|
56
|
+
}
|
|
57
|
+
export declare enum Theme {
|
|
58
|
+
SURFACE_PRIMARY = "SURFACE_PRIMARY",
|
|
59
|
+
SURFACE_SECONDARY = "SURFACE_SECONDARY",
|
|
60
|
+
SURFACE_TERTIARY = "SURFACE_TERTIARY",
|
|
61
|
+
SURFACE_STATIC = "SURFACE_STATIC",
|
|
62
|
+
SURFACE_BRAND_STATIC = "SURFACE_BRAND_STATIC",
|
|
63
|
+
SURFACE_BRAND_TRANSPARENT_STATIC = "SURFACE_BRAND_TRANSPARENT_STATIC",
|
|
64
|
+
SURFACE_DISABLE = "SURFACE_DISABLE",
|
|
65
|
+
SURFACE_INVERTED = "SURFACE_INVERTED",
|
|
66
|
+
SURFACE_INVERTED_TRANSPARENT = "SURFACE_INVERTED_TRANSPARENT",
|
|
67
|
+
SURFACE_DROP_SHADOW = "SURFACE_DROP_SHADOW",
|
|
68
|
+
SURFACE_BLUR = "SURFACE_BLUR",
|
|
69
|
+
CONTENT_PRIMARY = "CONTENT_PRIMARY",
|
|
70
|
+
CONTENT_SECONDRY = "CONTENT_SECONDRY",
|
|
71
|
+
CONTENT_DISABLE = "CONTENT_DISABLE",
|
|
72
|
+
CONTENT_INVERTED = "CONTENT_INVERTED",
|
|
73
|
+
CONTENT_STATIC = "CONTENT_STATIC",
|
|
74
|
+
CONTENT_PRIMARY_STATIC = "CONTENT_PRIMARY_STATIC",
|
|
75
|
+
CONTENT_SECONDRY_STATIC = "CONTENT_SECONDRY_STATIC",
|
|
76
|
+
BORDER_PRIMARY = "BORDER_PRIMARY",
|
|
77
|
+
BORDER_SECONDRY = "BORDER_SECONDRY",
|
|
78
|
+
BORDER_DISABLE = "BORDER_DISABLE",
|
|
79
|
+
BORDER_INVERTED = "BORDER_INVERTED",
|
|
80
|
+
BORDER_BRAND_STATIC = "BORDER_BRAND_STATIC",
|
|
81
|
+
BORDER_BRAND_TRANSPARENT_STATIC = "BORDER_BRAND_TRANSPARENT_STATIC",
|
|
82
|
+
BORDER_TEXT_FIELD = "BORDER_TEXT_FIELD",
|
|
83
|
+
BORDER_SEPERATOR_HEADER = "BORDER_SEPERATOR_HEADER",
|
|
84
|
+
BORDER_STATIC = "BORDER_STATIC",
|
|
85
|
+
BORDER_SEPRATOR = "BORDER_SEPRATOR",
|
|
86
|
+
WARNING = "WARNING",
|
|
87
|
+
SUCCESS = "SUCCESS",
|
|
88
|
+
INFO = "INFO",
|
|
89
|
+
ERROR = "ERROR"
|
|
90
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const commonStyles: {
|
|
2
|
+
flexOne: {
|
|
3
|
+
flex: number;
|
|
4
|
+
};
|
|
5
|
+
centeredContainer: {
|
|
6
|
+
justifyContent: "center";
|
|
7
|
+
alignItems: "center";
|
|
8
|
+
};
|
|
9
|
+
centerRow: {
|
|
10
|
+
alignItems: "center";
|
|
11
|
+
justifyContent: "center";
|
|
12
|
+
flexDirection: "row";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default commonStyles;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const BUTTON_TYPES: {
|
|
2
|
+
PRIMARY: string;
|
|
3
|
+
SECONDARY: string;
|
|
4
|
+
DISABLE: string;
|
|
5
|
+
TERTIARY: string;
|
|
6
|
+
FUNCTION_PRIMARY: string;
|
|
7
|
+
FUNCTION_SECONDARY: string;
|
|
8
|
+
FUNCTION_NOTICE: string;
|
|
9
|
+
PRIMARY_TEXT: string;
|
|
10
|
+
SECONDARY_TEXT: string;
|
|
11
|
+
DISABLE_TEXT: string;
|
|
12
|
+
TERTIARY_TEXT: string;
|
|
13
|
+
FUNCTION_PRIMARY_TEXT: string;
|
|
14
|
+
FUNCTION_SECONDARY_TEXT: string;
|
|
15
|
+
FUNCTION_NOTICE_TEXT: string;
|
|
16
|
+
TEXT: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const DEFAULT_COUNTRY_CODE = "AE";
|
|
19
|
+
export declare const DEFAULT_CALLING_CODE = "+971";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const stringLengthRegex: RegExp;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const width: number, height: number;
|
|
2
|
+
declare const horizontalScale: (size: number) => number;
|
|
3
|
+
declare const verticalScale: (size: number) => number;
|
|
4
|
+
declare const moderateScale: (size: number, factor?: number) => number;
|
|
5
|
+
export { horizontalScale, verticalScale, moderateScale, width, height };
|
package/package.json
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dhre-ui-kit",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"main": "
|
|
3
|
+
"version": "0.0.97",
|
|
4
|
+
"main": "lib/index.js",
|
|
5
|
+
"module": "lib/index.mjs",
|
|
6
|
+
"typings": "lib/index.d.ts",
|
|
5
7
|
"files": [
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
"lib/**/*"
|
|
9
|
+
],
|
|
10
|
+
"keywords": [
|
|
11
|
+
"react-native",
|
|
12
|
+
"component",
|
|
13
|
+
"library"
|
|
9
14
|
],
|
|
10
15
|
"scripts": {
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"start": "react-native start",
|
|
16
|
+
"prepublishOnly": "npm run build",
|
|
17
|
+
"build": "rollup -c",
|
|
14
18
|
"test": "jest",
|
|
15
19
|
"tsc": "tsc",
|
|
16
20
|
"lint": "npx eslint ./src",
|
|
@@ -18,17 +22,17 @@
|
|
|
18
22
|
"lint:report": "eslint . --format=json --output-file=eslint-report.json",
|
|
19
23
|
"prettier": "npx prettier ./src --check",
|
|
20
24
|
"prettier:fix": "npm run prettier ./src -- --write",
|
|
21
|
-
"build": "bob build",
|
|
22
|
-
"prepublishOnly": "npm run build",
|
|
23
25
|
"prepare": "husky"
|
|
24
26
|
},
|
|
27
|
+
"author": "",
|
|
28
|
+
"license": "ISC",
|
|
29
|
+
"description": "",
|
|
25
30
|
"dependencies": {
|
|
26
31
|
"@react-native-clipboard/clipboard": "^1.14.2",
|
|
27
32
|
"@react-native-community/blur": "^4.4.1",
|
|
28
33
|
"@testing-library/react-native": "^12.5.1",
|
|
29
|
-
"
|
|
30
|
-
"react": "
|
|
31
|
-
"react-native": "0.74.3",
|
|
34
|
+
"react": "^17.0.0 || ^18.0.0",
|
|
35
|
+
"react-native": ">=0.60.0",
|
|
32
36
|
"react-native-blob-util": "^0.19.11",
|
|
33
37
|
"react-native-calendars": "^1.1306.0",
|
|
34
38
|
"react-native-country-picker-modal": "^2.0.0",
|
|
@@ -44,71 +48,76 @@
|
|
|
44
48
|
"react-native-svg-transformer": "^1.5.0",
|
|
45
49
|
"react-native-webview": "^13.12.0",
|
|
46
50
|
"react-redux": "^9.1.2",
|
|
47
|
-
"rn-tooltip": "^3.0.3"
|
|
51
|
+
"rn-tooltip": "^3.0.3",
|
|
52
|
+
"rollup-plugin-dts": "^6.1.1",
|
|
53
|
+
"rollup-plugin-esbuild": "^6.1.1",
|
|
54
|
+
"lint-staged": "^15.2.7"
|
|
48
55
|
},
|
|
49
56
|
"devDependencies": {
|
|
50
|
-
"@babel/
|
|
51
|
-
"@babel/preset-
|
|
52
|
-
"@babel/
|
|
53
|
-
"@eslint/js": "^9.
|
|
54
|
-
"@
|
|
55
|
-
"@
|
|
56
|
-
"@
|
|
57
|
-
"@
|
|
57
|
+
"@babel/preset-env": "^7.25.7",
|
|
58
|
+
"@babel/preset-react": "^7.25.7",
|
|
59
|
+
"@babel/preset-typescript": "^7.25.7",
|
|
60
|
+
"@eslint/js": "^9.12.0",
|
|
61
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
62
|
+
"@rollup/plugin-commonjs": "^28.0.0",
|
|
63
|
+
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
64
|
+
"@rollup/plugin-typescript": "^12.1.0",
|
|
65
|
+
"@svgr/rollup": "^8.1.0",
|
|
58
66
|
"@types/jest": "^29.5.12",
|
|
59
|
-
"@types/react": "^18.
|
|
67
|
+
"@types/react": "^18.3.11",
|
|
60
68
|
"@types/react-native": "^0.73.0",
|
|
61
|
-
"@
|
|
62
|
-
"@typescript-eslint/
|
|
63
|
-
"@typescript-eslint/parser": "^7.17.0",
|
|
69
|
+
"@typescript-eslint/eslint-plugin": "^8.9.0",
|
|
70
|
+
"@typescript-eslint/parser": "^8.9.0",
|
|
64
71
|
"babel-jest": "^29.7.0",
|
|
65
|
-
"
|
|
66
|
-
"eslint": "^
|
|
67
|
-
"eslint-
|
|
68
|
-
"eslint-plugin-react": "^7.
|
|
69
|
-
"
|
|
70
|
-
"
|
|
72
|
+
"eslint": "^9.12.0",
|
|
73
|
+
"eslint-config-prettier": "^9.1.0",
|
|
74
|
+
"eslint-plugin-prettier": "^5.2.1",
|
|
75
|
+
"eslint-plugin-react": "^7.37.1",
|
|
76
|
+
"eslint-plugin-react-native": "^4.1.0",
|
|
77
|
+
"globals": "^15.11.0",
|
|
78
|
+
"husky": "^9.1.6",
|
|
71
79
|
"jest": "^29.7.0",
|
|
72
|
-
"
|
|
73
|
-
"prettier": "
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
80
|
+
"lint-staged": "^15.2.10",
|
|
81
|
+
"prettier": "^3.3.3",
|
|
82
|
+
"rollup": "^2.79.1",
|
|
83
|
+
"rollup-plugin-commonjs": "^10.1.0",
|
|
84
|
+
"rollup-plugin-node-resolve": "^5.2.0",
|
|
85
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
86
|
+
"rollup-plugin-svg": "^2.0.0",
|
|
87
|
+
"rollup-plugin-svg-import": "^3.0.0",
|
|
88
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
89
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
90
|
+
"typescript": "^5.6.3",
|
|
91
|
+
"typescript-eslint": "^8.9.0"
|
|
92
|
+
},
|
|
93
|
+
"peerDependencies": {
|
|
94
|
+
"@react-native-clipboard/clipboard": "^1.14.2",
|
|
95
|
+
"@react-native-community/blur": "^4.4.1",
|
|
96
|
+
"@testing-library/react-native": "^12.5.1",
|
|
97
|
+
"lint-staged": "^15.2.7",
|
|
98
|
+
"react": "^17.0.0 || ^18.0.0",
|
|
99
|
+
"react-native": ">=0.60.0",
|
|
100
|
+
"react-native-blob-util": "^0.19.11",
|
|
101
|
+
"react-native-calendars": "^1.1306.0",
|
|
102
|
+
"react-native-country-picker-modal": "^2.0.0",
|
|
103
|
+
"react-native-document-picker": "^9.3.1",
|
|
104
|
+
"react-native-element-dropdown": "^2.12.1",
|
|
105
|
+
"react-native-fs": "^2.20.0",
|
|
106
|
+
"react-native-gesture-handler": "2.17.0",
|
|
107
|
+
"react-native-otp-verify": "^1.1.8",
|
|
108
|
+
"react-native-paper": "^5.12.5",
|
|
109
|
+
"react-native-pdf": "^6.7.5",
|
|
110
|
+
"react-native-progress": "^5.0.1",
|
|
111
|
+
"react-native-svg": "^15.4.0",
|
|
112
|
+
"react-native-svg-transformer": "^1.5.0",
|
|
113
|
+
"react-native-webview": "^13.12.0",
|
|
114
|
+
"react-redux": "^9.1.2",
|
|
115
|
+
"rn-tooltip": "^3.0.3"
|
|
79
116
|
},
|
|
80
117
|
"lint-staged": {
|
|
81
118
|
"*.{ts,tsx}": [
|
|
82
119
|
"eslint ./src --fix",
|
|
83
120
|
"prettier ./src --write"
|
|
84
121
|
]
|
|
85
|
-
},
|
|
86
|
-
"engines": {
|
|
87
|
-
"node": ">=18"
|
|
88
|
-
},
|
|
89
|
-
"packageManager": "yarn@3.6.4",
|
|
90
|
-
"react-native-builder-bob": {
|
|
91
|
-
"source": "src",
|
|
92
|
-
"output": "dist",
|
|
93
|
-
"targets": [
|
|
94
|
-
[
|
|
95
|
-
"commonjs",
|
|
96
|
-
{
|
|
97
|
-
"esm": true
|
|
98
|
-
}
|
|
99
|
-
],
|
|
100
|
-
[
|
|
101
|
-
"module",
|
|
102
|
-
{
|
|
103
|
-
"esm": true
|
|
104
|
-
}
|
|
105
|
-
],
|
|
106
|
-
[
|
|
107
|
-
"typescript",
|
|
108
|
-
{
|
|
109
|
-
"esm": true
|
|
110
|
-
}
|
|
111
|
-
]
|
|
112
|
-
]
|
|
113
122
|
}
|
|
114
123
|
}
|
package/README.md
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
## Component library for mobile
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {CustomTextProps} from '../src/components/customText/CustomText';
|
|
3
|
-
import CustomTypography from '../src/components/customTypography/CustomTypography';
|
|
4
|
-
|
|
5
|
-
// const mockProps: CustomTextProps = {
|
|
6
|
-
// text: 'string',
|
|
7
|
-
// variant: 'string',
|
|
8
|
-
// };
|
|
9
|
-
|
|
10
|
-
// const CustomText = jest.requireActual(
|
|
11
|
-
// 'dhre-ui-kit/src/components/customText/CustomText.tsx',
|
|
12
|
-
// );
|
|
13
|
-
|
|
14
|
-
export default {
|
|
15
|
-
CustomText: (mockProps: CustomTextProps) => {
|
|
16
|
-
const {text, variant} = mockProps;
|
|
17
|
-
return <CustomTypography variant={variant} text={text || ''} />;
|
|
18
|
-
},
|
|
19
|
-
};
|