dhre-ui-kit 2.0.21 → 2.0.23

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 (33) hide show
  1. package/lib/components/customInputText/CustomInputText.styles.d.ts +53 -22
  2. package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts +53 -22
  3. package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts +53 -22
  4. package/lib/components/dropDown/DropDown.d.ts +2 -0
  5. package/lib/components/notificationBandge/NotificationBandge.styles.d.ts +53 -22
  6. package/lib/index.js +10 -2
  7. package/lib/index.js.map +1 -1
  8. package/lib/index.mjs +10 -2
  9. package/lib/index.mjs.map +1 -1
  10. package/package.json +1 -1
  11. package/lib/components/accordion/Accordion.test.d.ts +0 -1
  12. package/lib/components/badge/Badge.test.d.ts +0 -1
  13. package/lib/components/bottomDrawer/BottomDrawer.test.d.ts +0 -1
  14. package/lib/components/button/Button.test.d.ts +0 -1
  15. package/lib/components/cards/Cards.test.d.ts +0 -1
  16. package/lib/components/checkBox/CheckBox.test.d.ts +0 -1
  17. package/lib/components/customDropdown/CustomDropdown.test.d.ts +0 -1
  18. package/lib/components/customHeader/CustomHeader.test.d.ts +0 -1
  19. package/lib/components/customIcon/CustomIcon.test.d.ts +0 -1
  20. package/lib/components/customInputText/CustomInputText.test.d.ts +0 -1
  21. package/lib/components/customSearchBar/CustomSearchBar.test.d.ts +0 -1
  22. package/lib/components/customTooltip/CustomTooltip.test.d.ts +0 -1
  23. package/lib/components/customTypography/CustomTypography.test.d.ts +0 -1
  24. package/lib/components/fileUpload/FileUpload.test.d.ts +0 -1
  25. package/lib/components/pdfView/PdfView.test.d.ts +0 -1
  26. package/lib/components/popup/PopUp.test.d.ts +0 -1
  27. package/lib/components/progressBar/ProgressBar.test.d.ts +0 -1
  28. package/lib/components/property360View/Property360View.test.d.ts +0 -1
  29. package/lib/components/rating/rating.test.d.ts +0 -1
  30. package/lib/components/swipableList/SwipableList.test.d.ts +0 -1
  31. package/lib/components/tags/Tags.test.d.ts +0 -1
  32. package/lib/components/toast/Toast.test.d.ts +0 -1
  33. package/lib/components/toggleButton/ToggleButton.test.d.ts +0 -1
package/lib/components/customInputText/CustomInputText.styles.d.ts CHANGED
@@ -18,7 +18,7 @@ declare const styles: {
18
18
  fontFamily?: string | undefined;
19
19
  fontSize?: number | undefined;
20
20
  fontStyle?: "normal" | "italic" | undefined;
21
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
21
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
22
22
  letterSpacing?: number | undefined;
23
23
  lineHeight?: number | undefined;
24
24
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -32,7 +32,7 @@ declare const styles: {
32
32
  } | undefined;
33
33
  textShadowRadius?: number | undefined;
34
34
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
35
- testID?: string | undefined;
35
+ userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
36
36
  fontVariant?: import("react-native").FontVariant[] | undefined;
37
37
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
38
38
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -41,31 +41,41 @@ declare const styles: {
41
41
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
42
42
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
43
43
  borderBottomColor?: import("react-native").ColorValue | undefined;
44
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
45
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
46
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
47
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
44
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
45
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
46
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
47
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
48
48
  borderColor?: import("react-native").ColorValue | undefined;
49
49
  borderCurve?: "circular" | "continuous" | undefined;
50
50
  borderEndColor?: import("react-native").ColorValue | undefined;
51
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
52
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
51
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
53
53
  borderLeftColor?: import("react-native").ColorValue | undefined;
54
- borderRadius?: import("react-native").AnimatableNumericValue | undefined;
54
+ borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
55
55
  borderRightColor?: import("react-native").ColorValue | undefined;
56
56
  borderStartColor?: import("react-native").ColorValue | undefined;
57
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
58
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
57
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
58
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
59
59
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
60
60
  borderTopColor?: import("react-native").ColorValue | undefined;
61
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
62
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
63
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
64
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
61
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
62
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
63
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
64
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
65
+ outlineColor?: import("react-native").ColorValue | undefined;
66
+ outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
67
+ outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
68
+ outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
65
69
  opacity?: import("react-native").AnimatableNumericValue | undefined;
66
70
  elevation?: number | undefined;
67
71
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
68
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
72
+ isolation?: "auto" | "isolate" | undefined;
73
+ cursor?: import("react-native").CursorValue | undefined;
74
+ boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
75
+ filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
76
+ mixBlendMode?: import("react-native").BlendMode | undefined;
77
+ experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
78
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
69
79
  alignItems?: import("react-native").FlexAlignType | undefined;
70
80
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
71
81
  aspectRatio?: number | string | undefined;
@@ -77,14 +87,15 @@ declare const styles: {
77
87
  borderTopWidth?: number | undefined;
78
88
  borderWidth?: number | undefined;
79
89
  bottom?: import("react-native").DimensionValue | undefined;
80
- display?: "none" | "flex" | undefined;
90
+ boxSizing?: "border-box" | "content-box" | undefined;
91
+ display?: "none" | "flex" | "contents" | undefined;
81
92
  end?: import("react-native").DimensionValue | undefined;
82
93
  flex: number;
83
94
  flexBasis?: import("react-native").DimensionValue | undefined;
84
95
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
85
- rowGap?: number | undefined;
86
- gap?: number | undefined;
87
- columnGap?: number | undefined;
96
+ rowGap?: number | string | undefined;
97
+ gap?: number | string | undefined;
98
+ columnGap?: number | string | undefined;
88
99
  flexGrow?: number | undefined;
89
100
  flexShrink?: number | undefined;
90
101
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -114,13 +125,32 @@ declare const styles: {
114
125
  paddingStart?: import("react-native").DimensionValue | undefined;
115
126
  paddingTop?: import("react-native").DimensionValue | undefined;
116
127
  paddingVertical?: import("react-native").DimensionValue | undefined;
117
- position?: "absolute" | "relative" | undefined;
128
+ position?: "absolute" | "relative" | "static" | undefined;
118
129
  right?: import("react-native").DimensionValue | undefined;
119
130
  start?: import("react-native").DimensionValue | undefined;
120
131
  top?: import("react-native").DimensionValue | undefined;
121
132
  width?: import("react-native").DimensionValue | undefined;
122
133
  zIndex?: number | undefined;
123
134
  direction?: "inherit" | "ltr" | "rtl" | undefined;
135
+ inset?: import("react-native").DimensionValue | undefined;
136
+ insetBlock?: import("react-native").DimensionValue | undefined;
137
+ insetBlockEnd?: import("react-native").DimensionValue | undefined;
138
+ insetBlockStart?: import("react-native").DimensionValue | undefined;
139
+ insetInline?: import("react-native").DimensionValue | undefined;
140
+ insetInlineEnd?: import("react-native").DimensionValue | undefined;
141
+ insetInlineStart?: import("react-native").DimensionValue | undefined;
142
+ marginBlock?: import("react-native").DimensionValue | undefined;
143
+ marginBlockEnd?: import("react-native").DimensionValue | undefined;
144
+ marginBlockStart?: import("react-native").DimensionValue | undefined;
145
+ marginInline?: import("react-native").DimensionValue | undefined;
146
+ marginInlineEnd?: import("react-native").DimensionValue | undefined;
147
+ marginInlineStart?: import("react-native").DimensionValue | undefined;
148
+ paddingBlock?: import("react-native").DimensionValue | undefined;
149
+ paddingBlockEnd?: import("react-native").DimensionValue | undefined;
150
+ paddingBlockStart?: import("react-native").DimensionValue | undefined;
151
+ paddingInline?: import("react-native").DimensionValue | undefined;
152
+ paddingInlineEnd?: import("react-native").DimensionValue | undefined;
153
+ paddingInlineStart?: import("react-native").DimensionValue | undefined;
124
154
  shadowColor?: import("react-native").ColorValue | undefined;
125
155
  shadowOffset?: Readonly<{
126
156
  width: number;
@@ -128,7 +158,8 @@ declare const styles: {
128
158
  }> | undefined;
129
159
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
130
160
  shadowRadius?: number | undefined;
131
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
161
+ transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
162
+ transformOrigin?: Array<string | number> | string | undefined;
132
163
  transformMatrix?: Array<number> | undefined;
133
164
  rotation?: import("react-native").AnimatableNumericValue | undefined;
134
165
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts CHANGED
@@ -15,7 +15,7 @@ declare const styles: {
15
15
  fontFamily?: string | undefined;
16
16
  fontSize?: number | undefined;
17
17
  fontStyle?: "normal" | "italic" | undefined;
18
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
18
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
19
19
  letterSpacing?: number | undefined;
20
20
  lineHeight?: number | undefined;
21
21
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -29,7 +29,7 @@ declare const styles: {
29
29
  } | undefined;
30
30
  textShadowRadius?: number | undefined;
31
31
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
32
- testID?: string | undefined;
32
+ userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
33
33
  fontVariant?: import("react-native").FontVariant[] | undefined;
34
34
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
35
35
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -38,31 +38,41 @@ declare const styles: {
38
38
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
39
39
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
40
40
  borderBottomColor?: import("react-native").ColorValue | undefined;
41
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
42
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
43
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
44
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
41
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
42
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
43
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
44
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
45
45
  borderColor?: import("react-native").ColorValue | undefined;
46
46
  borderCurve?: "circular" | "continuous" | undefined;
47
47
  borderEndColor?: import("react-native").ColorValue | undefined;
48
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
49
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
48
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
49
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
50
50
  borderLeftColor?: import("react-native").ColorValue | undefined;
51
- borderRadius?: import("react-native").AnimatableNumericValue | undefined;
51
+ borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
52
  borderRightColor?: import("react-native").ColorValue | undefined;
53
53
  borderStartColor?: import("react-native").ColorValue | undefined;
54
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
55
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
54
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
55
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
56
56
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
57
57
  borderTopColor?: import("react-native").ColorValue | undefined;
58
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
59
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
60
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
61
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
58
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
59
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
60
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
61
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
62
+ outlineColor?: import("react-native").ColorValue | undefined;
63
+ outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
64
+ outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
65
+ outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
62
66
  opacity?: import("react-native").AnimatableNumericValue | undefined;
63
67
  elevation?: number | undefined;
64
68
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
65
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
69
+ isolation?: "auto" | "isolate" | undefined;
70
+ cursor?: import("react-native").CursorValue | undefined;
71
+ boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
72
+ filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
73
+ mixBlendMode?: import("react-native").BlendMode | undefined;
74
+ experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
75
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
66
76
  alignItems?: import("react-native").FlexAlignType | undefined;
67
77
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
68
78
  aspectRatio?: number | string | undefined;
@@ -74,14 +84,15 @@ declare const styles: {
74
84
  borderTopWidth?: number | undefined;
75
85
  borderWidth?: number | undefined;
76
86
  bottom?: import("react-native").DimensionValue | undefined;
77
- display?: "none" | "flex" | undefined;
87
+ boxSizing?: "border-box" | "content-box" | undefined;
88
+ display?: "none" | "flex" | "contents" | undefined;
78
89
  end?: import("react-native").DimensionValue | undefined;
79
90
  flex: number;
80
91
  flexBasis?: import("react-native").DimensionValue | undefined;
81
92
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
82
- rowGap?: number | undefined;
83
- gap?: number | undefined;
84
- columnGap?: number | undefined;
93
+ rowGap?: number | string | undefined;
94
+ gap?: number | string | undefined;
95
+ columnGap?: number | string | undefined;
85
96
  flexGrow?: number | undefined;
86
97
  flexShrink?: number | undefined;
87
98
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -109,13 +120,32 @@ declare const styles: {
109
120
  paddingRight?: import("react-native").DimensionValue | undefined;
110
121
  paddingStart?: import("react-native").DimensionValue | undefined;
111
122
  paddingTop?: import("react-native").DimensionValue | undefined;
112
- position?: "absolute" | "relative" | undefined;
123
+ position?: "absolute" | "relative" | "static" | undefined;
113
124
  right?: import("react-native").DimensionValue | undefined;
114
125
  start?: import("react-native").DimensionValue | undefined;
115
126
  top?: import("react-native").DimensionValue | undefined;
116
127
  width?: import("react-native").DimensionValue | undefined;
117
128
  zIndex?: number | undefined;
118
129
  direction?: "inherit" | "ltr" | "rtl" | undefined;
130
+ inset?: import("react-native").DimensionValue | undefined;
131
+ insetBlock?: import("react-native").DimensionValue | undefined;
132
+ insetBlockEnd?: import("react-native").DimensionValue | undefined;
133
+ insetBlockStart?: import("react-native").DimensionValue | undefined;
134
+ insetInline?: import("react-native").DimensionValue | undefined;
135
+ insetInlineEnd?: import("react-native").DimensionValue | undefined;
136
+ insetInlineStart?: import("react-native").DimensionValue | undefined;
137
+ marginBlock?: import("react-native").DimensionValue | undefined;
138
+ marginBlockEnd?: import("react-native").DimensionValue | undefined;
139
+ marginBlockStart?: import("react-native").DimensionValue | undefined;
140
+ marginInline?: import("react-native").DimensionValue | undefined;
141
+ marginInlineEnd?: import("react-native").DimensionValue | undefined;
142
+ marginInlineStart?: import("react-native").DimensionValue | undefined;
143
+ paddingBlock?: import("react-native").DimensionValue | undefined;
144
+ paddingBlockEnd?: import("react-native").DimensionValue | undefined;
145
+ paddingBlockStart?: import("react-native").DimensionValue | undefined;
146
+ paddingInline?: import("react-native").DimensionValue | undefined;
147
+ paddingInlineEnd?: import("react-native").DimensionValue | undefined;
148
+ paddingInlineStart?: import("react-native").DimensionValue | undefined;
119
149
  shadowColor?: import("react-native").ColorValue | undefined;
120
150
  shadowOffset?: Readonly<{
121
151
  width: number;
@@ -123,7 +153,8 @@ declare const styles: {
123
153
  }> | undefined;
124
154
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
125
155
  shadowRadius?: number | undefined;
126
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
156
+ transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
157
+ transformOrigin?: Array<string | number> | string | undefined;
127
158
  transformMatrix?: Array<number> | undefined;
128
159
  rotation?: import("react-native").AnimatableNumericValue | undefined;
129
160
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts CHANGED
@@ -11,7 +11,7 @@ declare const styles: {
11
11
  fontFamily?: string | undefined;
12
12
  fontSize?: number | undefined;
13
13
  fontStyle?: "normal" | "italic" | undefined;
14
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
14
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
15
15
  letterSpacing?: number | undefined;
16
16
  lineHeight?: number | undefined;
17
17
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -25,7 +25,7 @@ declare const styles: {
25
25
  } | undefined;
26
26
  textShadowRadius?: number | undefined;
27
27
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
28
- testID?: string | undefined;
28
+ userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
29
29
  fontVariant?: import("react-native").FontVariant[] | undefined;
30
30
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
31
31
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -34,31 +34,41 @@ declare const styles: {
34
34
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
35
35
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
36
36
  borderBottomColor?: import("react-native").ColorValue | undefined;
37
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
38
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
39
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
40
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
37
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
38
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
39
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
40
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
41
41
  borderColor?: import("react-native").ColorValue | undefined;
42
42
  borderCurve?: "circular" | "continuous" | undefined;
43
43
  borderEndColor?: import("react-native").ColorValue | undefined;
44
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
45
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
44
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
45
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
46
46
  borderLeftColor?: import("react-native").ColorValue | undefined;
47
- borderRadius?: import("react-native").AnimatableNumericValue | undefined;
47
+ borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
48
48
  borderRightColor?: import("react-native").ColorValue | undefined;
49
49
  borderStartColor?: import("react-native").ColorValue | undefined;
50
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
51
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
50
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
51
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
52
52
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
53
53
  borderTopColor?: import("react-native").ColorValue | undefined;
54
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
55
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
56
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
57
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
54
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
55
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
56
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
57
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
58
+ outlineColor?: import("react-native").ColorValue | undefined;
59
+ outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
60
+ outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
61
+ outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
58
62
  opacity?: import("react-native").AnimatableNumericValue | undefined;
59
63
  elevation?: number | undefined;
60
64
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
61
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
65
+ isolation?: "auto" | "isolate" | undefined;
66
+ cursor?: import("react-native").CursorValue | undefined;
67
+ boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
68
+ filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
69
+ mixBlendMode?: import("react-native").BlendMode | undefined;
70
+ experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
71
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
62
72
  alignItems?: import("react-native").FlexAlignType | undefined;
63
73
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
64
74
  aspectRatio?: number | string | undefined;
@@ -70,14 +80,15 @@ declare const styles: {
70
80
  borderTopWidth?: number | undefined;
71
81
  borderWidth?: number | undefined;
72
82
  bottom?: import("react-native").DimensionValue | undefined;
73
- display?: "none" | "flex" | undefined;
83
+ boxSizing?: "border-box" | "content-box" | undefined;
84
+ display?: "none" | "flex" | "contents" | undefined;
74
85
  end?: import("react-native").DimensionValue | undefined;
75
86
  flex?: number | undefined;
76
87
  flexBasis?: import("react-native").DimensionValue | undefined;
77
88
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
78
- rowGap?: number | undefined;
79
- gap?: number | undefined;
80
- columnGap?: number | undefined;
89
+ rowGap?: number | string | undefined;
90
+ gap?: number | string | undefined;
91
+ columnGap?: number | string | undefined;
81
92
  flexGrow?: number | undefined;
82
93
  flexShrink?: number | undefined;
83
94
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -107,13 +118,32 @@ declare const styles: {
107
118
  paddingStart?: import("react-native").DimensionValue | undefined;
108
119
  paddingTop?: import("react-native").DimensionValue | undefined;
109
120
  paddingVertical?: import("react-native").DimensionValue | undefined;
110
- position?: "absolute" | "relative" | undefined;
121
+ position?: "absolute" | "relative" | "static" | undefined;
111
122
  right?: import("react-native").DimensionValue | undefined;
112
123
  start?: import("react-native").DimensionValue | undefined;
113
124
  top?: import("react-native").DimensionValue | undefined;
114
125
  width?: import("react-native").DimensionValue | undefined;
115
126
  zIndex?: number | undefined;
116
127
  direction?: "inherit" | "ltr" | "rtl" | undefined;
128
+ inset?: import("react-native").DimensionValue | undefined;
129
+ insetBlock?: import("react-native").DimensionValue | undefined;
130
+ insetBlockEnd?: import("react-native").DimensionValue | undefined;
131
+ insetBlockStart?: import("react-native").DimensionValue | undefined;
132
+ insetInline?: import("react-native").DimensionValue | undefined;
133
+ insetInlineEnd?: import("react-native").DimensionValue | undefined;
134
+ insetInlineStart?: import("react-native").DimensionValue | undefined;
135
+ marginBlock?: import("react-native").DimensionValue | undefined;
136
+ marginBlockEnd?: import("react-native").DimensionValue | undefined;
137
+ marginBlockStart?: import("react-native").DimensionValue | undefined;
138
+ marginInline?: import("react-native").DimensionValue | undefined;
139
+ marginInlineEnd?: import("react-native").DimensionValue | undefined;
140
+ marginInlineStart?: import("react-native").DimensionValue | undefined;
141
+ paddingBlock?: import("react-native").DimensionValue | undefined;
142
+ paddingBlockEnd?: import("react-native").DimensionValue | undefined;
143
+ paddingBlockStart?: import("react-native").DimensionValue | undefined;
144
+ paddingInline?: import("react-native").DimensionValue | undefined;
145
+ paddingInlineEnd?: import("react-native").DimensionValue | undefined;
146
+ paddingInlineStart?: import("react-native").DimensionValue | undefined;
117
147
  shadowColor?: import("react-native").ColorValue | undefined;
118
148
  shadowOffset?: Readonly<{
119
149
  width: number;
@@ -121,7 +151,8 @@ declare const styles: {
121
151
  }> | undefined;
122
152
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
123
153
  shadowRadius?: number | undefined;
124
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
154
+ transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
155
+ transformOrigin?: Array<string | number> | string | undefined;
125
156
  transformMatrix?: Array<number> | undefined;
126
157
  rotation?: import("react-native").AnimatableNumericValue | undefined;
127
158
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
package/lib/components/dropDown/DropDown.d.ts CHANGED
@@ -20,6 +20,8 @@ interface CustomDropdownProps {
20
20
  iconColor?: string;
21
21
  itemTextStyle?: TextStyle;
22
22
  onValueChange?: (value: string) => void;
23
+ onFocus?: () => void;
24
+ onBlur?: () => void;
23
25
  itemContainerStyle?: ViewStyle;
24
26
  keepPlaceholderOnFocus?: boolean;
25
27
  selectedItemTextStyle?: TextStyle;
package/lib/components/notificationBandge/NotificationBandge.styles.d.ts CHANGED
@@ -19,7 +19,7 @@ declare const styles: {
19
19
  fontFamily?: string | undefined;
20
20
  fontSize?: number | undefined;
21
21
  fontStyle?: "normal" | "italic" | undefined;
22
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
22
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
23
23
  letterSpacing?: number | undefined;
24
24
  lineHeight?: number | undefined;
25
25
  textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -33,7 +33,7 @@ declare const styles: {
33
33
  } | undefined;
34
34
  textShadowRadius?: number | undefined;
35
35
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
36
- testID?: string | undefined;
36
+ userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
37
37
  fontVariant?: import("react-native").FontVariant[] | undefined;
38
38
  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
39
39
  backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -42,31 +42,41 @@ declare const styles: {
42
42
  borderBlockEndColor?: import("react-native").ColorValue | undefined;
43
43
  borderBlockStartColor?: import("react-native").ColorValue | undefined;
44
44
  borderBottomColor?: import("react-native").ColorValue | undefined;
45
- borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
46
- borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
47
- borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
48
- borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
45
+ borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
46
+ borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
47
+ borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
48
+ borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
49
49
  borderColor?: import("react-native").ColorValue | undefined;
50
50
  borderCurve?: "circular" | "continuous" | undefined;
51
51
  borderEndColor?: import("react-native").ColorValue | undefined;
52
- borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
53
- borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
52
+ borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
53
+ borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
54
54
  borderLeftColor?: import("react-native").ColorValue | undefined;
55
- borderRadius?: import("react-native").AnimatableNumericValue | undefined;
55
+ borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
56
56
  borderRightColor?: import("react-native").ColorValue | undefined;
57
57
  borderStartColor?: import("react-native").ColorValue | undefined;
58
- borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
59
- borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
58
+ borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
59
+ borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
60
60
  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
61
61
  borderTopColor?: import("react-native").ColorValue | undefined;
62
- borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
63
- borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
64
- borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
65
- borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
62
+ borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
63
+ borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
64
+ borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
65
+ borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
66
+ outlineColor?: import("react-native").ColorValue | undefined;
67
+ outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
68
+ outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
69
+ outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
66
70
  opacity?: import("react-native").AnimatableNumericValue | undefined;
67
71
  elevation?: number | undefined;
68
72
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
69
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
73
+ isolation?: "auto" | "isolate" | undefined;
74
+ cursor?: import("react-native").CursorValue | undefined;
75
+ boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
76
+ filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
77
+ mixBlendMode?: import("react-native").BlendMode | undefined;
78
+ experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
79
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
70
80
  alignItems?: import("react-native").FlexAlignType | undefined;
71
81
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
72
82
  aspectRatio?: number | string | undefined;
@@ -78,14 +88,15 @@ declare const styles: {
78
88
  borderTopWidth?: number | undefined;
79
89
  borderWidth?: number | undefined;
80
90
  bottom?: import("react-native").DimensionValue | undefined;
81
- display?: "none" | "flex" | undefined;
91
+ boxSizing?: "border-box" | "content-box" | undefined;
92
+ display?: "none" | "flex" | "contents" | undefined;
82
93
  end?: import("react-native").DimensionValue | undefined;
83
94
  flex?: number | undefined;
84
95
  flexBasis?: import("react-native").DimensionValue | undefined;
85
96
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
86
- rowGap?: number | undefined;
87
- gap?: number | undefined;
88
- columnGap?: number | undefined;
97
+ rowGap?: number | string | undefined;
98
+ gap?: number | string | undefined;
99
+ columnGap?: number | string | undefined;
89
100
  flexGrow?: number | undefined;
90
101
  flexShrink?: number | undefined;
91
102
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -115,13 +126,32 @@ declare const styles: {
115
126
  paddingStart?: import("react-native").DimensionValue | undefined;
116
127
  paddingTop?: import("react-native").DimensionValue | undefined;
117
128
  paddingVertical?: import("react-native").DimensionValue | undefined;
118
- position?: "absolute" | "relative" | undefined;
129
+ position?: "absolute" | "relative" | "static" | undefined;
119
130
  right?: import("react-native").DimensionValue | undefined;
120
131
  start?: import("react-native").DimensionValue | undefined;
121
132
  top?: import("react-native").DimensionValue | undefined;
122
133
  width?: import("react-native").DimensionValue | undefined;
123
134
  zIndex?: number | undefined;
124
135
  direction?: "inherit" | "ltr" | "rtl" | undefined;
136
+ inset?: import("react-native").DimensionValue | undefined;
137
+ insetBlock?: import("react-native").DimensionValue | undefined;
138
+ insetBlockEnd?: import("react-native").DimensionValue | undefined;
139
+ insetBlockStart?: import("react-native").DimensionValue | undefined;
140
+ insetInline?: import("react-native").DimensionValue | undefined;
141
+ insetInlineEnd?: import("react-native").DimensionValue | undefined;
142
+ insetInlineStart?: import("react-native").DimensionValue | undefined;
143
+ marginBlock?: import("react-native").DimensionValue | undefined;
144
+ marginBlockEnd?: import("react-native").DimensionValue | undefined;
145
+ marginBlockStart?: import("react-native").DimensionValue | undefined;
146
+ marginInline?: import("react-native").DimensionValue | undefined;
147
+ marginInlineEnd?: import("react-native").DimensionValue | undefined;
148
+ marginInlineStart?: import("react-native").DimensionValue | undefined;
149
+ paddingBlock?: import("react-native").DimensionValue | undefined;
150
+ paddingBlockEnd?: import("react-native").DimensionValue | undefined;
151
+ paddingBlockStart?: import("react-native").DimensionValue | undefined;
152
+ paddingInline?: import("react-native").DimensionValue | undefined;
153
+ paddingInlineEnd?: import("react-native").DimensionValue | undefined;
154
+ paddingInlineStart?: import("react-native").DimensionValue | undefined;
125
155
  shadowColor?: import("react-native").ColorValue | undefined;
126
156
  shadowOffset?: Readonly<{
127
157
  width: number;
@@ -129,7 +159,8 @@ declare const styles: {
129
159
  }> | undefined;
130
160
  shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
131
161
  shadowRadius?: number | undefined;
132
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
162
+ transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
163
+ transformOrigin?: Array<string | number> | string | undefined;
133
164
  transformMatrix?: Array<number> | undefined;
134
165
  rotation?: import("react-native").AnimatableNumericValue | undefined;
135
166
  scaleX?: import("react-native").AnimatableNumericValue | undefined;
package/lib/index.js CHANGED
@@ -9861,6 +9861,8 @@ const CustomDropdown = (props) => {
9861
9861
  iconColor,
9862
9862
  itemTextStyle,
9863
9863
  onValueChange,
9864
+ onFocus,
9865
+ onBlur,
9864
9866
  itemContainerStyle,
9865
9867
  menuContainerStyle,
9866
9868
  activeColor,
@@ -9933,8 +9935,14 @@ const CustomDropdown = (props) => {
9933
9935
  valueField,
9934
9936
  placeholder: keepPlaceholderOnFocus || !isFocus ? placeholder : "",
9935
9937
  value,
9936
- onFocus: () => setIsFocus(true),
9937
- onBlur: () => setIsFocus(false),
9938
+ onFocus: () => {
9939
+ setIsFocus(true);
9940
+ onFocus?.();
9941
+ },
9942
+ onBlur: () => {
9943
+ setIsFocus(false);
9944
+ onBlur?.();
9945
+ },
9938
9946
  onChange: handleValueChange,
9939
9947
  iconColor,
9940
9948
  dropdownPosition: "bottom",