dhre-ui-kit 3.3.0 → 3.4.2

package/lib/components/button/Button.interface.d.ts

@@ -54,13 +54,15 @@ export interface CustomButtonProps {
     loaderColor?: string;
     /**
      * Visual style of the button.
-     * - `'primary'`   – theme-aware fill (white on dark / navy on light) · cyan-to-blue gradient border · contrasting label
-     * - `'secondary'` – theme-aware inverted fill · contrasting border · contrasting label
-     * - `'link'`      – no fill · no border · cyan link-colour label · compact content-height layout (DHDS Buttons/Link Text)
-     * - `'default'`   – layout only (size-aware padding / height / gap) · no imposed colours · full consumer control via containerStyle / textStyle / titleColor
+     * - `'primary'`    – theme-aware fill (white on dark / navy on light) · no border · contrasting label
+     * - `'secondary'`  – theme-aware inverted fill · contrasting border · contrasting label
+     * - `'tertiary'`   – solid brand-teal fill · no border · static white label
+     * - `'quaternary'` – no fill · brand-teal outline · theme-aware label
+     * - `'link'`       – no fill · no border · cyan link-colour label · compact content-height layout (DHDS Buttons/Link Text)
+     * - `'default'`    – layout only (size-aware padding / height / gap) · no imposed colours · full consumer control via containerStyle / textStyle / titleColor
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary' | 'link' | 'default';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'link' | 'default';
     /**
      * Controls height and horizontal padding.
      * - `'large'`  – 48 dp · 24 dp h-padding · Body 2 Medium (Body 1 Medium for link)

package/lib/components/button/Button.styles.d.ts

@@ -74,13 +74,13 @@ export default styles;
  * Static color tokens mapped to DHDS Figma variables for the Button component.
  *
  * THEME-AWARE NOTE (v2):
- * Background, text, and border colours for primary / secondary / link / default
- * are now resolved at runtime via `useTheme()` in Button.tsx so that both light
- * and dark modes are supported correctly.  Only the gradient border constants
- * below remain as static design tokens (they do not change between themes).
+ * Background, text, and border colours for every variant are resolved at
+ * runtime via `useTheme()` in Button.tsx so that both light and dark modes
+ * are supported correctly.
  *
- * The legacy constants (PRIMARY_DEFAULT_BG, PRIMARY_TEXT, etc.) are preserved
- * for backward compatibility in case any consumer imports them directly.
+ * The legacy constants below (PRIMARY_DEFAULT_BG, PRIMARY_TEXT, etc.) are
+ * preserved for backward compatibility in case any consumer imports them
+ * directly.
  */
 export declare const BUTTON_COLORS: {
     /** @deprecated resolved via Theme.BUTTON_DEFAULT_FILL in Button.tsx */
@@ -97,20 +97,13 @@ export declare const BUTTON_COLORS: {
     readonly SECONDARY_TEXT: string;
     /** @deprecated resolved via Theme.STROKE_DISABLED_DARK in Button.tsx */
     readonly DISABLED_TEXT: string;
-    /** --DH-Gradient/Stroke/Primary-button start → cyan */
-    readonly GRADIENT_BORDER_START: string;
-    /** --DH-Gradient/Stroke/Primary-button end → blue */
-    readonly GRADIENT_BORDER_END: "#3590E1";
     /** @deprecated resolved via Theme.BORDER_INVERTED in Button.tsx */
     readonly SECONDARY_BORDER: string;
     /** @deprecated resolved via Theme.STROKE_DISABLED_DARK in Button.tsx */
     readonly DISABLED_BORDER: string;
 };
 /**
- * Per-size layout styles.
- * `pressable`      → applied to the Pressable (all variants).
- * `gradientWrapper`→ applied to the LinearGradient shell (primary default only);
- *                    padding:1 creates the visible 1 dp gradient border.
+ * Per-size layout styles applied to the Pressable (all variants).
  */
 export declare const BUTTON_SIZE_STYLES: {
     largePressable: {
@@ -124,12 +117,6 @@ export declare const BUTTON_SIZE_STYLES: {
         borderRadius: number;
         overflow: "hidden";
     };
-    largeGradientWrapper: {
-        borderRadius: number;
-        padding: number;
-        overflow: "hidden";
-        height: number;
-    };
     mediumPressable: {
         minHeight: number;
         paddingHorizontal: number;
@@ -141,12 +128,6 @@ export declare const BUTTON_SIZE_STYLES: {
         borderRadius: number;
         overflow: "hidden";
     };
-    mediumGradientWrapper: {
-        borderRadius: number;
-        padding: number;
-        overflow: "hidden";
-        height: number;
-    };
     smallPressable: {
         minHeight: number;
         paddingHorizontal: number;
@@ -158,12 +139,6 @@ export declare const BUTTON_SIZE_STYLES: {
         borderRadius: number;
         overflow: "hidden";
     };
-    smallGradientWrapper: {
-        borderRadius: number;
-        padding: number;
-        overflow: "hidden";
-        height: number;
-    };
 };
 /**
  * Compact inline-layout containers for the `link` variant.

package/lib/components/chip/Chip.styles.d.ts

@@ -4,7 +4,7 @@ declare const chipStyles: {
         flexDirection: "row";
         alignItems: "center";
         justifyContent: "center";
-        borderWidth: number;
+        borderWidth: 1;
         borderRadius: number;
         gap: number;
     };

package/lib/components/customHeader/CustomHeader.interface.d.ts

@@ -10,6 +10,8 @@ export interface IconConfig {
 export interface CustomHeaderProps {
     /** Header title text. */
     title: string;
+    /** Overrides the title text color. Defaults to the current theme's `CONTENT_PRIMARY`. */
+    titleColor?: string;
     /** TestID for the root container. Defaults to `'CUSTOM-HEADER'`. */
     testId?: string;
     /**

package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts

@@ -23,14 +23,6 @@ declare const styles: {
     };
     applyButton: {
         marginTop: number;
-        height: number;
-        minHeight: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        justifyContent: "center";
-        alignItems: "center";
-        borderRadius: number;
-        borderWidth: number;
     };
 };
 export default styles;

package/lib/components/radio-button-group/RadioButtonGroup.interface.d.ts

@@ -1,5 +1,5 @@
-import { ViewStyle } from "react-native";
-import { FontStyle } from "../../utils/appEnum";
+import { ViewStyle } from 'react-native';
+import { FontStyle } from '../../utils/appEnum';
 export type RadioButtonItem = {
     label: string;
     value: string;
@@ -14,4 +14,5 @@ export interface RadioButtonGroupProps {
     size?: 'large' | 'small';
     fontVariant?: FontStyle;
     radioColor?: string;
+    disabled?: boolean;
 }

package/lib/components/singleSelectionTag/TagSingleSelection.styles.d.ts

@@ -13,7 +13,6 @@ export declare const createStyles: (theme: any) => {
     };
     selectedTagButton: {
         backgroundColor: any;
-        borderColor: any;
         borderWidth: number;
     };
     unselectedTagButton: {