dhre-ui-kit 0.0.99 → 0.0.101

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 CHANGED
@@ -196,6 +196,14 @@ declare enum ToggleButtonType {
196
196
  SMALL = "small",
197
197
  LARGE = "large"
198
198
  }
199
+ declare enum TextDirectType {
200
+ left = "left",
201
+ right = "right"
202
+ }
203
+ declare enum ToggleTextType {
204
+ ON = "ON",
205
+ OFF = "OFF"
206
+ }
199
207
  declare enum FontStyle {
200
208
  H1_BOLD = "H1_BOLD",
201
209
  H2_BOLD = "H2_BOLD",
@@ -683,45 +691,8 @@ interface CustomSlideButtonProps {
683
691
 
684
692
  declare const _default: (props: CustomSlideButtonProps) => React$1.JSX.Element;
685
693
 
686
- declare const DHRE_DEFAULT: {
687
- DH_LINE_GREY_0: string;
688
- DH_LINE_GREY_100: string;
689
- DH_LINE_GREY_200: string;
690
- DH_LINE_GREY_300: string;
691
- DH_LINE_GREY_400: string;
692
- DH_LINE_GREY_500: string;
693
- DH_LINE_GREY_600: string;
694
- DH_LINE_GREY_700: string;
695
- DH_LINE_GREY_800: string;
696
- DH_NETURAL_GRAY_800: string;
697
- DH_BLUE: string;
698
- DH_BG_GREY_0: string;
699
- DH_BG_GREY_100: string;
700
- DH_BG_GREY_200: string;
701
- DH_BG_GREY_300: string;
702
- DH_BG_GREY_400: string;
703
- DH_BG_GREY_500: string;
704
- DH_BG_GREY_600: string;
705
- DH_BG_GREY_700: string;
706
- DH_BG_GREY_800: string;
707
- DH_BG_GREY_900: string;
708
- DH_BG_GREY: string;
709
- DH_SUCESS: string;
710
- DH_ERROR: string;
711
- DH_INFO: string;
712
- DH_SEMENTIC_ERROR: string;
713
- DH_SEMENTIC_WARNING: string;
714
- };
715
- declare const DHRE_COLORS_TEXT: {
716
- DH_BLACK: string;
717
- DH_WHITE: string;
718
- DH_TEXTDARK: string;
719
- DH_TEXTLIGHT: string;
720
- DH_TEXTLIGHTEST: string;
721
- DH_TEXTDISABLED: string;
722
- DH_LIGHTGREEN: string;
723
- };
724
-
694
+ declare const width: number;
695
+ declare const height: number;
725
696
  declare const horizontalScale: (size: number) => number;
726
697
  declare const verticalScale: (size: number) => number;
727
698
  declare const moderateScale: (size: number, factor?: number) => number;
@@ -859,4 +830,171 @@ declare const theme: {
859
830
  };
860
831
  };
861
832
 
862
- export { Accordion, _default$b as Badge, BottomDrawer, _default$a as Button, Cards, _default$4 as Category, Checkbox as CheckBox, _default$6 as ContactModel, CountryDropDown as CountryPicker, _default$3 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default as CustomSlideButton, CustomSwitchBtn, _default$c as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, FeedbackForm, FileUpload, FontStyle, _default$8 as Line, NotificationBandge, _default$2 as OTPInput, _default$5 as OurOfficesButton, PdfView, PopUp, TagsComponent as SingleSelectionTags, Star as StarRating, _default$1 as Stepper, SwipableList, _default$9 as Tabs, Tags, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, _default$7 as Topic, copyToClipboard, theme as default, horizontalScale, moderateScale, toastService, verticalScale };
833
+ declare const DHRE_COLORS_PRIMARY: {
834
+ DH_BLACK_25: string;
835
+ DH_BLACK_50: string;
836
+ DH_BLACK_75: string;
837
+ DH_BLACK_100: string;
838
+ DH_RED_25: string;
839
+ DH_RED_50: string;
840
+ DH_RED_75: string;
841
+ DH_RED_100: string;
842
+ DH_GREY_25: string;
843
+ DH_GREY_50: string;
844
+ DH_GREY_75: string;
845
+ DH_GREY_100: string;
846
+ };
847
+ declare const DHRE_COLORS_SECONDARY: {
848
+ DH_LIGHT_SKY_25: string;
849
+ DH_LIGHT_SKY_50: string;
850
+ DH_LIGHT_SKY_75: string;
851
+ DH_LIGHT_SKY_100: string;
852
+ DH_BIEGE_25: string;
853
+ DH_BIEGE_50: string;
854
+ DH_BIEGE_75: string;
855
+ DH_BIEGE_100: string;
856
+ DH_GREEN_DARK_0: string;
857
+ DH_GREEN_DARK_100: string;
858
+ DH_GREEN_DARK_200: string;
859
+ DH_GREEN_DARK_300: string;
860
+ DH_GREEN_DARK_400: string;
861
+ DH_GREEN_DARK_500: string;
862
+ DH_GREEN_DARK_600: string;
863
+ DH_GREEN_DARK_700: string;
864
+ DH_GREEN_DARK_800: string;
865
+ DH_GREEN_DARK_900: string;
866
+ DH_GREEN_DARK: string;
867
+ DH_BLUE_DARK_0: string;
868
+ DH_BLUE_DARK_100: string;
869
+ DH_BLUE_DARK_200: string;
870
+ DH_BLUE_DARK_300: string;
871
+ DH_BLUE_DARK_400: string;
872
+ DH_BLUE_DARK_500: string;
873
+ DH_BLUE_DARK_600: string;
874
+ DH_BLUE_DARK_700: string;
875
+ DH_BLUE_DARK_800: string;
876
+ DH_BLUE_DARK_900: string;
877
+ DH_BLUE_DARK: string;
878
+ DH_BLUE_0: string;
879
+ DH_BLUE_100: string;
880
+ DH_BLUE_200: string;
881
+ DH_BLUE_300: string;
882
+ DH_BLUE_400: string;
883
+ DH_BLUE_500: string;
884
+ DH_BLUE_600: string;
885
+ DH_BLUE_700: string;
886
+ DH_BLUE_800: string;
887
+ DH_BLUE_900: string;
888
+ DH_BLUE: string;
889
+ };
890
+ declare const DHRE_COLORS_ALERT: {
891
+ DH_SUCCESS_GREEN_0: string;
892
+ DH_SUCCESS_GREEN_100: string;
893
+ DH_SUCCESS_GREEN_200: string;
894
+ DH_SUCCESS_GREEN_300: string;
895
+ DH_SUCCESS_GREEN_400: string;
896
+ DH_SUCCESS_GREEN_500: string;
897
+ DH_SUCCESS_GREEN_600: string;
898
+ DH_SUCCESS_GREEN_700: string;
899
+ DH_SUCCESS_GREEN_800: string;
900
+ DH_SUCCESS_GREEN_900: string;
901
+ DH_SUCCESS_GREEN: string;
902
+ DH_SUCCESS_GREEN_ACCENT: string;
903
+ DH_INFO_BLUE_0: string;
904
+ DH_INFO_BLUE_100: string;
905
+ DH_INFO_BLUE_200: string;
906
+ DH_INFO_BLUE_300: string;
907
+ DH_INFO_BLUE_400: string;
908
+ DH_INFO_BLUE_500: string;
909
+ DH_INFO_BLUE_600: string;
910
+ DH_INFO_BLUE_700: string;
911
+ DH_INFO_BLUE_800: string;
912
+ DH_INFO_BLUE_900: string;
913
+ DH_INFO_BLUE: string;
914
+ DH_ALERT_ORANGE_0: string;
915
+ DH_ALERT_ORANGE_100: string;
916
+ DH_ALERT_ORANGE_200: string;
917
+ DH_ALERT_ORANGE_300: string;
918
+ DH_ALERT_ORANGE_400: string;
919
+ DH_ALERT_ORANGE_500: string;
920
+ DH_ALERT_ORANGE_600: string;
921
+ DH_ALERT_ORANGE_700: string;
922
+ DH_ALERT_ORANGE_800: string;
923
+ DH_ALERT_ORANGE_900: string;
924
+ DH_ALERT_ORANGE: string;
925
+ DH_WARNING_YELLOW_0: string;
926
+ DH_WARNING_YELLOW_100: string;
927
+ DH_WARNING_YELLOW_200: string;
928
+ DH_WARNING_YELLOW_300: string;
929
+ DH_WARNING_YELLOW_400: string;
930
+ DH_WARNING_YELLOW_500: string;
931
+ DH_WARNING_YELLOW_600: string;
932
+ DH_WARNING_YELLOW_700: string;
933
+ DH_WARNING_YELLOW_800: string;
934
+ DH_WARNING_YELLOW_900: string;
935
+ DH_WARNING_YELLOW: string;
936
+ };
937
+ declare const DHRE_COLORS_BG: {
938
+ DH_LINE_GREY_0: string;
939
+ DH_LINE_GREY_100: string;
940
+ DH_LINE_GREY_200: string;
941
+ DH_LINE_GREY_300: string;
942
+ DH_LINE_GREY_400: string;
943
+ DH_LINE_GREY_500: string;
944
+ DH_LINE_GREY_600: string;
945
+ DH_LINE_GREY_700: string;
946
+ DH_LINE_GREY_800: string;
947
+ DH_LINE_GREY_900: string;
948
+ DH_GREY1: string;
949
+ DH_BG_GREY_0: string;
950
+ DH_BG_GREY_100: string;
951
+ DH_BG_GREY_200: string;
952
+ DH_BG_GREY_300: string;
953
+ DH_BG_GREY_400: string;
954
+ DH_BG_GREY_500: string;
955
+ DH_BG_GREY_600: string;
956
+ DH_BG_GREY_700: string;
957
+ DH_BG_GREY_800: string;
958
+ DH_BG_GREY_900: string;
959
+ DH_BG_GREY: string;
960
+ };
961
+ declare const DHRE_DEFAULT: {
962
+ DH_LINE_GREY_0: string;
963
+ DH_LINE_GREY_100: string;
964
+ DH_LINE_GREY_200: string;
965
+ DH_LINE_GREY_300: string;
966
+ DH_LINE_GREY_400: string;
967
+ DH_LINE_GREY_500: string;
968
+ DH_LINE_GREY_600: string;
969
+ DH_LINE_GREY_700: string;
970
+ DH_LINE_GREY_800: string;
971
+ DH_NETURAL_GRAY_800: string;
972
+ DH_BLUE: string;
973
+ DH_BG_GREY_0: string;
974
+ DH_BG_GREY_100: string;
975
+ DH_BG_GREY_200: string;
976
+ DH_BG_GREY_300: string;
977
+ DH_BG_GREY_400: string;
978
+ DH_BG_GREY_500: string;
979
+ DH_BG_GREY_600: string;
980
+ DH_BG_GREY_700: string;
981
+ DH_BG_GREY_800: string;
982
+ DH_BG_GREY_900: string;
983
+ DH_BG_GREY: string;
984
+ DH_SUCESS: string;
985
+ DH_ERROR: string;
986
+ DH_INFO: string;
987
+ DH_SEMENTIC_ERROR: string;
988
+ DH_SEMENTIC_WARNING: string;
989
+ };
990
+ declare const DHRE_COLORS_TEXT: {
991
+ DH_BLACK: string;
992
+ DH_WHITE: string;
993
+ DH_TEXTDARK: string;
994
+ DH_TEXTLIGHT: string;
995
+ DH_TEXTLIGHTEST: string;
996
+ DH_TEXTDISABLED: string;
997
+ DH_LIGHTGREEN: string;
998
+ };
999
+
1000
+ export { Accordion, _default$b as Badge, BottomDrawer, _default$a as Button, Cards, _default$4 as Category, Checkbox as CheckBox, _default$6 as ContactModel, CountryDropDown as CountryPicker, _default$3 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default as CustomSlideButton, CustomSwitchBtn, _default$c as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, FeedbackForm, FileUpload, FontStyle, _default$8 as Line, NotificationBandge, _default$2 as OTPInput, _default$5 as OurOfficesButton, PdfView, PopUp, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, _default$1 as Stepper, SwipableList, _default$9 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$7 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
package/lib/index.js CHANGED
@@ -413,6 +413,50 @@ const DHRE_COLORS_PRIMARY = {
413
413
  DH_GREY_75: "#868D93",
414
414
  DH_GREY_100: "#5B6770"
415
415
  };
416
+ const DHRE_COLORS_SECONDARY = {
417
+ //LIGHT SKY
418
+ DH_LIGHT_SKY_25: "#EBF6F9",
419
+ DH_LIGHT_SKY_50: "#D7ECF3",
420
+ DH_LIGHT_SKY_75: "#C3E3EC",
421
+ DH_LIGHT_SKY_100: "#A4DBE8",
422
+ DH_BIEGE_25: "#F0EDEB",
423
+ DH_BIEGE_50: "#E1DCD6",
424
+ DH_BIEGE_75: "#D2CBC2",
425
+ DH_BIEGE_100: "#C5B9AC",
426
+ DH_GREEN_DARK_0: "#F5FFF8",
427
+ DH_GREEN_DARK_100: "#EEFDF2",
428
+ DH_GREEN_DARK_200: "#E2F9E8",
429
+ DH_GREEN_DARK_300: "#D0F2DA",
430
+ DH_GREEN_DARK_400: "#B7E9C6",
431
+ DH_GREEN_DARK_500: "#98DDAC",
432
+ DH_GREEN_DARK_600: "#72CD8D",
433
+ DH_GREEN_DARK_700: "#4BB86C",
434
+ DH_GREEN_DARK_800: "#28A04C",
435
+ DH_GREEN_DARK_900: "#0E8732",
436
+ DH_GREEN_DARK: "#2F5A3C",
437
+ DH_BLUE_DARK_0: "#F5FCFF",
438
+ DH_BLUE_DARK_100: "#EEF8FD",
439
+ DH_BLUE_DARK_200: "#E2F1F9",
440
+ DH_BLUE_DARK_300: "#D0E7F2",
441
+ DH_BLUE_DARK_400: "#B7D9E9",
442
+ DH_BLUE_DARK_500: "#98C7DD",
443
+ DH_BLUE_DARK_600: "#72B0CD",
444
+ DH_BLUE_DARK_700: "#4B95B8",
445
+ DH_BLUE_DARK_800: "#4B95B8",
446
+ DH_BLUE_DARK_900: "#0E6187",
447
+ DH_BLUE_DARK: "#2C576B",
448
+ DH_BLUE_0: "#F5F9FF",
449
+ DH_BLUE_100: "#E2EDFE",
450
+ DH_BLUE_200: "#C1D9FB",
451
+ DH_BLUE_300: "#9BC1F6",
452
+ DH_BLUE_400: "#73A6ED",
453
+ DH_BLUE_500: "#4C8AE0",
454
+ DH_BLUE_600: "#276CCD",
455
+ DH_BLUE_700: "#1B5CB8",
456
+ DH_BLUE_800: "#134EA0",
457
+ DH_BLUE_900: "#0E4087",
458
+ DH_BLUE: "#4686E0"
459
+ };
416
460
  const DHRE_COLORS_ALERT = {
417
461
  DH_SUCCESS_GREEN_0: "#F5FFFA",
418
462
  DH_SUCCESS_GREEN_100: "#DFFEEE",
@@ -2422,24 +2466,14 @@ const CustomHeader = ({
2422
2466
  onLeftPress,
2423
2467
  onRightPress
2424
2468
  }) => {
2425
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, showLeftIcon && React__default["default"].cloneElement(leftIcon, {
2426
- width: moderateScale(24),
2427
- height: moderateScale(24),
2428
- onPress: onLeftPress,
2429
- style: styles$k.leftIconStyle
2430
- }), /* @__PURE__ */ React__default["default"].createElement(
2469
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, /* @__PURE__ */ React__default["default"].createElement(
2431
2470
  CustomTypography,
2432
2471
  {
2433
2472
  variant: "B2_REGULAR",
2434
2473
  text: title,
2435
2474
  style: styles$k.headerTitle
2436
2475
  }
2437
- )), showRightIcon && React__default["default"].cloneElement(rightIcon, {
2438
- width: moderateScale(24),
2439
- height: moderateScale(24),
2440
- onPress: onRightPress,
2441
- style: styles$k.rightIconStyle
2442
- }));
2476
+ )));
2443
2477
  };
2444
2478
 
2445
2479
  const styles$j = reactNative.StyleSheet.create({
@@ -3950,7 +3984,7 @@ const OTPInput = React__default["default"].forwardRef(
3950
3984
  onComplete?.(otp);
3951
3985
  }
3952
3986
  }, [otp]);
3953
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...otpContainerStyle } }, /* @__PURE__ */ React__default["default"].createElement(
3987
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...otpContainerStyle }, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(
3954
3988
  CustomTypography,
3955
3989
  {
3956
3990
  text: "OTP",
@@ -4299,6 +4333,10 @@ exports.CustomText = CustomText$1;
4299
4333
  exports.CustomTextInput = CustomTextInput;
4300
4334
  exports.CustomTooltip = CustomTooltip;
4301
4335
  exports.CustomTypography = CustomTypography;
4336
+ exports.DHRE_COLORS_ALERT = DHRE_COLORS_ALERT;
4337
+ exports.DHRE_COLORS_BG = DHRE_COLORS_BG;
4338
+ exports.DHRE_COLORS_PRIMARY = DHRE_COLORS_PRIMARY;
4339
+ exports.DHRE_COLORS_SECONDARY = DHRE_COLORS_SECONDARY;
4302
4340
  exports.DHRE_COLORS_TEXT = DHRE_COLORS_TEXT;
4303
4341
  exports.DHRE_DEFAULT = DHRE_DEFAULT;
4304
4342
  exports.DateRangePicker = DateRangePicker;
@@ -4313,21 +4351,27 @@ exports.OTPInput = index$2;
4313
4351
  exports.OurOfficesButton = OurOffices;
4314
4352
  exports.PdfView = PdfView;
4315
4353
  exports.PopUp = PopUp;
4354
+ exports.ShapeType = ShapeType;
4316
4355
  exports.SingleSelectionTags = TagsComponent;
4317
4356
  exports.StarRating = Star;
4318
4357
  exports.Stepper = index$1;
4319
4358
  exports.SwipableList = SwipableList;
4320
4359
  exports.Tabs = Tabs$1;
4321
4360
  exports.Tags = Tags;
4361
+ exports.TextDirectType = TextDirectType;
4322
4362
  exports.TextInput = CommonTextInput;
4323
4363
  exports.Theme = Theme;
4324
4364
  exports.Toast = Toast;
4325
4365
  exports.ToggleButton = CustomSwitch;
4366
+ exports.ToggleButtonType = ToggleButtonType;
4367
+ exports.ToggleTextType = ToggleTextType;
4326
4368
  exports.Topic = Topic$1;
4327
4369
  exports.copyToClipboard = copyToClipboard;
4328
4370
  exports["default"] = theme;
4371
+ exports.height = height;
4329
4372
  exports.horizontalScale = horizontalScale;
4330
4373
  exports.moderateScale = moderateScale;
4331
4374
  exports.toastService = toastService;
4332
4375
  exports.verticalScale = verticalScale;
4376
+ exports.width = width$1;
4333
4377
  //# sourceMappingURL=index.js.map