dhre-ui-kit 0.0.286 → 0.0.288
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 +17 -2
- package/lib/index.js +18 -1
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +18 -1
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -48,9 +48,9 @@ interface BottomDrawerProps {
|
|
|
48
48
|
titleStyle?: TextStyle;
|
|
49
49
|
titleVariant?: string;
|
|
50
50
|
showHeader?: boolean;
|
|
51
|
-
blurType?: 'dark' | 'light';
|
|
52
51
|
showSeparator?: boolean;
|
|
53
52
|
backdropColor?: string;
|
|
53
|
+
backdropOpacity?: number;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
|
|
@@ -284,7 +284,10 @@ declare enum Theme {
|
|
|
284
284
|
SUCCESS = "SUCCESS",
|
|
285
285
|
INFO = "INFO",
|
|
286
286
|
ERROR = "ERROR",
|
|
287
|
-
TRANSPARENT_INVERTED = "TRANSPARENT_INVERTED"
|
|
287
|
+
TRANSPARENT_INVERTED = "TRANSPARENT_INVERTED",
|
|
288
|
+
SYSTEM_BLUE = "SYSTEM_BLUE",
|
|
289
|
+
SYSTEM_BACKGROUND = "SYSTEM_BACKGROUND",
|
|
290
|
+
LIGHT_GRAY = "LIGHT_GRAY"
|
|
288
291
|
}
|
|
289
292
|
|
|
290
293
|
interface CustomProgressBarProps {
|
|
@@ -901,6 +904,18 @@ declare const theme: {
|
|
|
901
904
|
light: string;
|
|
902
905
|
dark: string;
|
|
903
906
|
};
|
|
907
|
+
SYSTEM_BLUE: {
|
|
908
|
+
light: string;
|
|
909
|
+
dark: string;
|
|
910
|
+
};
|
|
911
|
+
SYSTEM_BACKGROUND: {
|
|
912
|
+
light: string;
|
|
913
|
+
dark: string;
|
|
914
|
+
};
|
|
915
|
+
LIGHT_GRAY: {
|
|
916
|
+
light: string;
|
|
917
|
+
dark: string;
|
|
918
|
+
};
|
|
904
919
|
};
|
|
905
920
|
|
|
906
921
|
declare const DHRE_COLORS_PRIMARY: {
|
package/lib/index.js
CHANGED
|
@@ -149,6 +149,9 @@ var Theme = /* @__PURE__ */ ((Theme2) => {
|
|
|
149
149
|
Theme2["INFO"] = "INFO";
|
|
150
150
|
Theme2["ERROR"] = "ERROR";
|
|
151
151
|
Theme2["TRANSPARENT_INVERTED"] = "TRANSPARENT_INVERTED";
|
|
152
|
+
Theme2["SYSTEM_BLUE"] = "SYSTEM_BLUE";
|
|
153
|
+
Theme2["SYSTEM_BACKGROUND"] = "SYSTEM_BACKGROUND";
|
|
154
|
+
Theme2["LIGHT_GRAY"] = "LIGHT_GRAY";
|
|
152
155
|
return Theme2;
|
|
153
156
|
})(Theme || {});
|
|
154
157
|
|
|
@@ -284,6 +287,18 @@ const theme = {
|
|
|
284
287
|
[Theme.TRANSPARENT_INVERTED]: {
|
|
285
288
|
light: "#68686833",
|
|
286
289
|
dark: "#FFFFFF33"
|
|
290
|
+
},
|
|
291
|
+
[Theme.SYSTEM_BLUE]: {
|
|
292
|
+
light: "#0A84FF",
|
|
293
|
+
dark: "#0A84FF"
|
|
294
|
+
},
|
|
295
|
+
[Theme.SYSTEM_BACKGROUND]: {
|
|
296
|
+
light: "#1C1C1E",
|
|
297
|
+
dark: "#1C1C1E"
|
|
298
|
+
},
|
|
299
|
+
[Theme.LIGHT_GRAY]: {
|
|
300
|
+
light: "#C2C2C2",
|
|
301
|
+
dark: "#C2C2C2"
|
|
287
302
|
}
|
|
288
303
|
};
|
|
289
304
|
|
|
@@ -697,7 +712,8 @@ const BottomDrawer = ({
|
|
|
697
712
|
showHeader = true,
|
|
698
713
|
showSeparator = true,
|
|
699
714
|
showBlurView = true,
|
|
700
|
-
backdropColor
|
|
715
|
+
backdropColor,
|
|
716
|
+
backdropOpacity = 0.9
|
|
701
717
|
}) => {
|
|
702
718
|
return /* @__PURE__ */ React__default["default"].createElement(
|
|
703
719
|
Modal__default["default"],
|
|
@@ -707,6 +723,7 @@ const BottomDrawer = ({
|
|
|
707
723
|
onSwipeComplete: toggleModal,
|
|
708
724
|
backdropColor: backdropColor ?? theme.SURFACE_PRIMARY.light,
|
|
709
725
|
hasBackdrop: showBlurView,
|
|
726
|
+
backdropOpacity,
|
|
710
727
|
style: { margin: 0 }
|
|
711
728
|
},
|
|
712
729
|
/* @__PURE__ */ React__default["default"].createElement(
|