dhre-ui-kit 3.5.0 → 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/index.mjs CHANGED
@@ -1977,7 +1977,7 @@ function buildPlainContainerStyle(variant, disabled, disabledColor, theme) {
1977
1977
  }
1978
1978
  if (variant === "quaternary") {
1979
1979
  return {
1980
- backgroundColor: "transparent",
1980
+ backgroundColor: theme[Theme.BUTTON_INVRTED_FILL],
1981
1981
  borderWidth: 1,
1982
1982
  borderColor: disabled ? theme[Theme.BUTTON_QUATERNARY_DISABLED_STROKE] : theme[Theme.BUTTON_QUATERNARY_DEFAULT_STROKE]
1983
1983
  };
@@ -3777,7 +3777,7 @@ const CustomHeader = ({
3777
3777
  {
3778
3778
  variant: "BODY1_MEDIUM",
3779
3779
  text: title,
3780
- style: { color: titleColor ?? theme.CONTENT_PRIMARY["dark"] }
3780
+ style: { color: titleColor ?? theme.CONTENT_PRIMARY }
3781
3781
  }
3782
3782
  ), titleSuffixIcon && React.cloneElement(titleSuffixIcon, {
3783
3783
  width: ICON_SIZE,
@@ -11740,7 +11740,8 @@ const CommonTextInput = (props) => {
11740
11740
  onRightIconPress,
11741
11741
  onlyErrorBorderLabel,
11742
11742
  disableBorder = false,
11743
- forceRTL
11743
+ forceRTL,
11744
+ borderColor: borderColorOverride
11744
11745
  } = props;
11745
11746
  const [isFocused, setIsFocused] = useState(false);
11746
11747
  const handleFocus = () => setIsFocused(true);
@@ -11749,7 +11750,7 @@ const CommonTextInput = (props) => {
11749
11750
  const isDisabled = !editable;
11750
11751
  const isError = !!(errorMessage?.length || onlyErrorBorderLabel);
11751
11752
  const hasValue = !!value?.length;
11752
- 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]);
11753
11754
  const borderWidth = isFocused && !isDisabled ? 2 : 1;
11754
11755
  const inputTextColor = isDisabled ? theme[Theme.CONTENT_TERTIARY] : theme[Theme.CONTENT_PRIMARY];
11755
11756
  const placeholderColor = theme[Theme.CONTENT_SECONDRY];