dhre-ui-kit 0.0.123 → 0.0.124
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/lib/index.d.ts +4 -0
- package/lib/index.js +11 -5
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +11 -5
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -217,8 +217,8 @@ const theme = {
|
|
|
217
217
|
dark: "#404040"
|
|
218
218
|
},
|
|
219
219
|
[Theme.BORDER_SEPRATOR]: {
|
|
220
|
-
light: "#
|
|
221
|
-
dark: "#
|
|
220
|
+
light: "#F5F5F5",
|
|
221
|
+
dark: "#282828"
|
|
222
222
|
},
|
|
223
223
|
[Theme.BORDER_SEPERATOR_HEADER]: {
|
|
224
224
|
light: "#E1E1E1",
|
|
@@ -3242,15 +3242,19 @@ const CustomDropdown = ({
|
|
|
3242
3242
|
placeholder,
|
|
3243
3243
|
containerStyle,
|
|
3244
3244
|
dropdownStyle,
|
|
3245
|
+
dropdownFocusStyle,
|
|
3245
3246
|
placeholderStyle,
|
|
3246
3247
|
selectedTextStyle,
|
|
3247
3248
|
iconStyle,
|
|
3248
3249
|
labelStyle,
|
|
3250
|
+
labelFocusStyle,
|
|
3249
3251
|
defaultValue,
|
|
3250
3252
|
iconColor,
|
|
3251
3253
|
itemTextStyle,
|
|
3252
3254
|
onValueChange,
|
|
3253
|
-
itemContainerStyle
|
|
3255
|
+
itemContainerStyle,
|
|
3256
|
+
menuContainerStyle,
|
|
3257
|
+
activeColor
|
|
3254
3258
|
}) => {
|
|
3255
3259
|
const [value, setValue] = useState(defaultValue);
|
|
3256
3260
|
const [isFocus, setIsFocus] = useState(false);
|
|
@@ -3262,7 +3266,7 @@ const CustomDropdown = ({
|
|
|
3262
3266
|
style: [
|
|
3263
3267
|
styles$6.label,
|
|
3264
3268
|
labelStyle,
|
|
3265
|
-
isFocus && { color: theme.BORDER_INVERTED["light"] }
|
|
3269
|
+
isFocus && (labelFocusStyle ?? { color: theme.BORDER_INVERTED["light"] })
|
|
3266
3270
|
]
|
|
3267
3271
|
},
|
|
3268
3272
|
label
|
|
@@ -3284,7 +3288,7 @@ const CustomDropdown = ({
|
|
|
3284
3288
|
style: [
|
|
3285
3289
|
styles$6.dropdown,
|
|
3286
3290
|
dropdownStyle,
|
|
3287
|
-
isFocus && { borderColor: theme.BORDER_INVERTED["light"] }
|
|
3291
|
+
isFocus && (dropdownFocusStyle ?? { borderColor: theme.BORDER_INVERTED["light"] })
|
|
3288
3292
|
],
|
|
3289
3293
|
placeholderStyle: [styles$6.placeholderStyle, placeholderStyle],
|
|
3290
3294
|
selectedTextStyle: [styles$6.selectedTextStyle, selectedTextStyle],
|
|
@@ -3300,6 +3304,8 @@ const CustomDropdown = ({
|
|
|
3300
3304
|
iconColor,
|
|
3301
3305
|
dropdownPosition: "bottom",
|
|
3302
3306
|
itemTextStyle,
|
|
3307
|
+
containerStyle: menuContainerStyle,
|
|
3308
|
+
activeColor,
|
|
3303
3309
|
itemContainerStyle: [styles$6.itemListStyle, itemContainerStyle]
|
|
3304
3310
|
}
|
|
3305
3311
|
));
|