dhre-ui-kit 3.4.2 → 3.6.0
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/components/bottomDrawer/BottomDrawer.interface.d.ts +6 -0
- package/lib/components/customDocumentPicker/CustomDocumentPicker.d.ts +0 -0
- package/lib/components/customDocumentPicker/CustomDocumentPicker.interface.d.ts +0 -0
- package/lib/components/customDocumentPicker/CustomDocumentPicker.styles.d.ts +30 -0
- package/lib/components/customDocumentPicker/index.d.ts +0 -0
- package/lib/components/textInput/Textinput.d.ts +2 -0
- package/lib/index.js +7 -4
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +7 -4
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -1669,6 +1669,7 @@ const BottomDrawer = ({
|
|
|
1669
1669
|
footer,
|
|
1670
1670
|
propagateSwipe = true,
|
|
1671
1671
|
swipeDirection = "down",
|
|
1672
|
+
coverScreen = true,
|
|
1672
1673
|
rightTitleVariant = FontStyle.BODY1_MEDIUM,
|
|
1673
1674
|
rightTitle,
|
|
1674
1675
|
rightTitleStyle,
|
|
@@ -1685,6 +1686,7 @@ const BottomDrawer = ({
|
|
|
1685
1686
|
hasBackdrop: showBlurView,
|
|
1686
1687
|
backdropOpacity,
|
|
1687
1688
|
propagateSwipe,
|
|
1689
|
+
coverScreen,
|
|
1688
1690
|
style: { margin: 0 },
|
|
1689
1691
|
hideModalContentWhileAnimating: true
|
|
1690
1692
|
},
|
|
@@ -1975,7 +1977,7 @@ function buildPlainContainerStyle(variant, disabled, disabledColor, theme) {
|
|
|
1975
1977
|
}
|
|
1976
1978
|
if (variant === "quaternary") {
|
|
1977
1979
|
return {
|
|
1978
|
-
backgroundColor:
|
|
1980
|
+
backgroundColor: theme[Theme.BUTTON_INVRTED_FILL],
|
|
1979
1981
|
borderWidth: 1,
|
|
1980
1982
|
borderColor: disabled ? theme[Theme.BUTTON_QUATERNARY_DISABLED_STROKE] : theme[Theme.BUTTON_QUATERNARY_DEFAULT_STROKE]
|
|
1981
1983
|
};
|
|
@@ -3775,7 +3777,7 @@ const CustomHeader = ({
|
|
|
3775
3777
|
{
|
|
3776
3778
|
variant: "BODY1_MEDIUM",
|
|
3777
3779
|
text: title,
|
|
3778
|
-
style: { color: titleColor ?? theme.CONTENT_PRIMARY
|
|
3780
|
+
style: { color: titleColor ?? theme.CONTENT_PRIMARY }
|
|
3779
3781
|
}
|
|
3780
3782
|
), titleSuffixIcon && React.cloneElement(titleSuffixIcon, {
|
|
3781
3783
|
width: ICON_SIZE,
|
|
@@ -11738,7 +11740,8 @@ const CommonTextInput = (props) => {
|
|
|
11738
11740
|
onRightIconPress,
|
|
11739
11741
|
onlyErrorBorderLabel,
|
|
11740
11742
|
disableBorder = false,
|
|
11741
|
-
forceRTL
|
|
11743
|
+
forceRTL,
|
|
11744
|
+
borderColor: borderColorOverride
|
|
11742
11745
|
} = props;
|
|
11743
11746
|
const [isFocused, setIsFocused] = useState(false);
|
|
11744
11747
|
const handleFocus = () => setIsFocused(true);
|
|
@@ -11747,7 +11750,7 @@ const CommonTextInput = (props) => {
|
|
|
11747
11750
|
const isDisabled = !editable;
|
|
11748
11751
|
const isError = !!(errorMessage?.length || onlyErrorBorderLabel);
|
|
11749
11752
|
const hasValue = !!value?.length;
|
|
11750
|
-
const currentBorderColor = isError ? theme[Theme.ERROR] : isDisabled ? theme[Theme.STROKE_TERTIARY] : isFocused || hasValue && !disableBorder ? theme[Theme.STROKE_ACTIVE] : theme[Theme.STROKE_SECONDARY];
|
|
11753
|
+
const currentBorderColor = borderColorOverride ?? (isError ? theme[Theme.ERROR] : isDisabled ? theme[Theme.STROKE_TERTIARY] : isFocused || hasValue && !disableBorder ? theme[Theme.STROKE_ACTIVE] : theme[Theme.STROKE_SECONDARY]);
|
|
11751
11754
|
const borderWidth = isFocused && !isDisabled ? 2 : 1;
|
|
11752
11755
|
const inputTextColor = isDisabled ? theme[Theme.CONTENT_TERTIARY] : theme[Theme.CONTENT_PRIMARY];
|
|
11753
11756
|
const placeholderColor = theme[Theme.CONTENT_SECONDRY];
|