@uzum-tech/ui 1.9.0 → 1.9.1

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.
Files changed (118) hide show
  1. package/dist/index.js +586 -265
  2. package/dist/index.prod.js +2 -2
  3. package/es/chat/index.d.ts +1 -1
  4. package/es/chat/src/Chat.d.ts +233 -11
  5. package/es/chat/src/Chat.js +73 -22
  6. package/es/chat/src/ChatParts/ChatAttachment.js +14 -12
  7. package/es/chat/src/ChatParts/MainArea.d.ts +1 -0
  8. package/es/chat/src/ChatParts/MainArea.js +95 -57
  9. package/es/chat/src/ChatParts/Sidebar.d.ts +920 -0
  10. package/es/chat/src/ChatParts/Sidebar.js +63 -12
  11. package/es/chat/src/interface.d.ts +24 -3
  12. package/es/chat/src/styles/index.cssr.js +13 -2
  13. package/es/date-picker/src/DatePicker.d.ts +1308 -43
  14. package/es/date-picker/src/DatePicker.js +54 -29
  15. package/es/date-picker/src/interface.d.ts +1 -0
  16. package/es/date-picker/src/panel/date.d.ts +141 -0
  17. package/es/date-picker/src/panel/daterange.d.ts +141 -0
  18. package/es/date-picker/src/panel/datetime.d.ts +141 -0
  19. package/es/date-picker/src/panel/datetimerange.d.ts +141 -0
  20. package/es/date-picker/src/panel/panelMonth.d.ts +282 -0
  21. package/es/date-picker/src/panel/panelMonthContent.d.ts +141 -0
  22. package/es/date-picker/src/panel/panelYear.d.ts +282 -0
  23. package/es/date-picker/src/panel/panelYearContent.d.ts +141 -0
  24. package/es/date-picker/src/panel/use-calendar.d.ts +141 -0
  25. package/es/date-picker/src/panel/use-dual-calendar.d.ts +141 -0
  26. package/es/date-picker/src/panel/use-panel-common.d.ts +141 -0
  27. package/es/date-picker/styles/dark.js +3 -1
  28. package/es/date-picker/styles/light.d.ts +123 -0
  29. package/es/date-picker/styles/light.js +3 -1
  30. package/es/descriptions/src/Descriptions.d.ts +30 -0
  31. package/es/descriptions/src/Descriptions.js +18 -10
  32. package/es/locales/common/arDZ.js +2 -0
  33. package/es/locales/common/deDE.js +2 -0
  34. package/es/locales/common/enGB.js +2 -0
  35. package/es/locales/common/enUS.d.ts +2 -0
  36. package/es/locales/common/enUS.js +2 -0
  37. package/es/locales/common/eo.js +2 -0
  38. package/es/locales/common/esAR.js +2 -0
  39. package/es/locales/common/faIR.js +2 -0
  40. package/es/locales/common/frFR.js +2 -0
  41. package/es/locales/common/idID.js +2 -0
  42. package/es/locales/common/itIT.js +2 -0
  43. package/es/locales/common/jaJP.js +2 -0
  44. package/es/locales/common/koKR.js +2 -0
  45. package/es/locales/common/nbNO.js +2 -0
  46. package/es/locales/common/nlNL.js +2 -0
  47. package/es/locales/common/plPL.js +2 -0
  48. package/es/locales/common/ptBR.js +2 -0
  49. package/es/locales/common/ruRU.js +2 -0
  50. package/es/locales/common/skSK.js +2 -0
  51. package/es/locales/common/svSE.js +2 -0
  52. package/es/locales/common/thTH.js +2 -0
  53. package/es/locales/common/trTR.js +2 -0
  54. package/es/locales/common/ukUA.js +2 -0
  55. package/es/locales/common/viVN.js +2 -0
  56. package/es/locales/common/zhCN.js +2 -0
  57. package/es/locales/common/zhTW.js +2 -0
  58. package/es/version.d.ts +1 -1
  59. package/es/version.js +1 -1
  60. package/lib/chat/index.d.ts +1 -1
  61. package/lib/chat/src/Chat.d.ts +233 -11
  62. package/lib/chat/src/Chat.js +73 -22
  63. package/lib/chat/src/ChatParts/ChatAttachment.js +14 -12
  64. package/lib/chat/src/ChatParts/MainArea.d.ts +1 -0
  65. package/lib/chat/src/ChatParts/MainArea.js +94 -56
  66. package/lib/chat/src/ChatParts/Sidebar.d.ts +920 -0
  67. package/lib/chat/src/ChatParts/Sidebar.js +62 -11
  68. package/lib/chat/src/interface.d.ts +24 -3
  69. package/lib/chat/src/styles/index.cssr.js +13 -2
  70. package/lib/date-picker/src/DatePicker.d.ts +1308 -43
  71. package/lib/date-picker/src/DatePicker.js +53 -28
  72. package/lib/date-picker/src/interface.d.ts +1 -0
  73. package/lib/date-picker/src/panel/date.d.ts +141 -0
  74. package/lib/date-picker/src/panel/daterange.d.ts +141 -0
  75. package/lib/date-picker/src/panel/datetime.d.ts +141 -0
  76. package/lib/date-picker/src/panel/datetimerange.d.ts +141 -0
  77. package/lib/date-picker/src/panel/panelMonth.d.ts +282 -0
  78. package/lib/date-picker/src/panel/panelMonthContent.d.ts +141 -0
  79. package/lib/date-picker/src/panel/panelYear.d.ts +282 -0
  80. package/lib/date-picker/src/panel/panelYearContent.d.ts +141 -0
  81. package/lib/date-picker/src/panel/use-calendar.d.ts +141 -0
  82. package/lib/date-picker/src/panel/use-dual-calendar.d.ts +141 -0
  83. package/lib/date-picker/src/panel/use-panel-common.d.ts +141 -0
  84. package/lib/date-picker/styles/dark.js +3 -1
  85. package/lib/date-picker/styles/light.d.ts +123 -0
  86. package/lib/date-picker/styles/light.js +3 -1
  87. package/lib/descriptions/src/Descriptions.d.ts +30 -0
  88. package/lib/descriptions/src/Descriptions.js +18 -10
  89. package/lib/locales/common/arDZ.js +2 -0
  90. package/lib/locales/common/deDE.js +2 -0
  91. package/lib/locales/common/enGB.js +2 -0
  92. package/lib/locales/common/enUS.d.ts +2 -0
  93. package/lib/locales/common/enUS.js +2 -0
  94. package/lib/locales/common/eo.js +2 -0
  95. package/lib/locales/common/esAR.js +2 -0
  96. package/lib/locales/common/faIR.js +2 -0
  97. package/lib/locales/common/frFR.js +2 -0
  98. package/lib/locales/common/idID.js +2 -0
  99. package/lib/locales/common/itIT.js +2 -0
  100. package/lib/locales/common/jaJP.js +2 -0
  101. package/lib/locales/common/koKR.js +2 -0
  102. package/lib/locales/common/nbNO.js +2 -0
  103. package/lib/locales/common/nlNL.js +2 -0
  104. package/lib/locales/common/plPL.js +2 -0
  105. package/lib/locales/common/ptBR.js +2 -0
  106. package/lib/locales/common/ruRU.js +2 -0
  107. package/lib/locales/common/skSK.js +2 -0
  108. package/lib/locales/common/svSE.js +2 -0
  109. package/lib/locales/common/thTH.js +2 -0
  110. package/lib/locales/common/trTR.js +2 -0
  111. package/lib/locales/common/ukUA.js +2 -0
  112. package/lib/locales/common/viVN.js +2 -0
  113. package/lib/locales/common/zhCN.js +2 -0
  114. package/lib/locales/common/zhTW.js +2 -0
  115. package/lib/version.d.ts +1 -1
  116. package/lib/version.js +1 -1
  117. package/package.json +3 -3
  118. package/web-types.json +95 -4
@@ -796,6 +796,129 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
796
796
  railInsetVerticalLeft: string;
797
797
  railColor: string;
798
798
  }, any>;
799
+ Select: import("../../../_mixins").Theme<"InternalSelection", {
800
+ paddingTiny: string;
801
+ paddingSmall: string;
802
+ paddingMedium: string;
803
+ paddingLarge: string;
804
+ paddingHuge: string;
805
+ clearSizeTiny: string;
806
+ clearSizeSmall: string;
807
+ clearSizeMedium: string;
808
+ clearSizeLarge: string;
809
+ clearSizeHuge: string;
810
+ arrowSizeTiny: string;
811
+ arrowSizeSmall: string;
812
+ arrowSizeMedium: string;
813
+ arrowSizeLarge: string;
814
+ arrowSizeHuge: string;
815
+ fontSizeTiny: string;
816
+ fontSizeSmall: string;
817
+ fontSizeMedium: string;
818
+ fontSizeLarge: string;
819
+ fontSizeHuge: string;
820
+ lineHeightTiny: string;
821
+ lineHeightSmall: string;
822
+ lineHeightMedium: string;
823
+ lineHeightLarge: string;
824
+ lineHeightHuge: string;
825
+ heightTiny: string;
826
+ heightSmall: string;
827
+ heightMedium: string;
828
+ heightLarge: string;
829
+ heightHuge: string;
830
+ borderRadiusTiny: string;
831
+ borderRadiusSmall: string;
832
+ borderRadiusMedium: string;
833
+ borderRadiusLarge: string;
834
+ borderRadiusHuge: string;
835
+ textColor: string;
836
+ textColorDisabled: string;
837
+ placeholderColor: string;
838
+ placeholderColorDisabled: string;
839
+ color: string;
840
+ colorFilled: string;
841
+ colorDisabled: string;
842
+ colorActive: string;
843
+ border: string;
844
+ borderFilled: string;
845
+ borderHover: string;
846
+ borderActive: string;
847
+ borderFocus: string;
848
+ borderDisabled: string;
849
+ boxShadowHover: string;
850
+ boxShadowActive: string;
851
+ boxShadowFocus: string;
852
+ caretColor: string;
853
+ arrowColor: string;
854
+ arrowColorHover: string;
855
+ arrowColorDisabled: string;
856
+ loadingColor: string;
857
+ borderWarning: string;
858
+ borderHoverWarning: string;
859
+ borderActiveWarning: string;
860
+ borderFocusWarning: string;
861
+ boxShadowHoverWarning: string;
862
+ boxShadowActiveWarning: string;
863
+ boxShadowFocusWarning: string;
864
+ colorActiveWarning: string;
865
+ caretColorWarning: string;
866
+ borderError: string;
867
+ borderHoverError: string;
868
+ borderActiveError: string;
869
+ borderFocusError: string;
870
+ boxShadowHoverError: string;
871
+ boxShadowActiveError: string;
872
+ boxShadowFocusError: string;
873
+ colorActiveError: string;
874
+ caretColorError: string;
875
+ clearColor: string;
876
+ clearColorHover: string;
877
+ clearColorPressed: string;
878
+ caretColorSecondary: string;
879
+ filterCounterTextColor: string;
880
+ filterCounterTextColorDisabled: string;
881
+ arrowColorSecondary: string;
882
+ clearColorSecondary: string;
883
+ colorSecondary: string;
884
+ textColorSecondary: string;
885
+ borderSecondary: string;
886
+ arrowColorDisabledSecondary: string;
887
+ clearColorDisabledSecondary: string;
888
+ colorDisabledSecondary: string;
889
+ textColorDisabledSecondary: string;
890
+ borderDisabledSecondary: string;
891
+ arrowColorHoverSecondary: string;
892
+ clearColorHoverSecondary: string;
893
+ colorHoverSecondary: string;
894
+ textColorHoverSecondary: string;
895
+ borderHoverSecondary: string;
896
+ arrowColorFocusSecondary: string;
897
+ clearColorFocusSecondary: string;
898
+ colorFocusSecondary: string;
899
+ textColorFocusSecondary: string;
900
+ borderFocusSecondary: string;
901
+ arrowColorActiveSecondary: string;
902
+ clearColorActiveSecondary: string;
903
+ colorActiveSecondary: string;
904
+ textColorActiveSecondary: string;
905
+ borderActiveSecondary: string;
906
+ }, {
907
+ Popover: import("../../../_mixins").Theme<"Popover", {
908
+ space: string;
909
+ spaceArrow: string;
910
+ arrowOffset: string;
911
+ arrowOffsetVertical: string;
912
+ arrowHeight: string;
913
+ padding: string;
914
+ fontSize: string;
915
+ borderRadius: string;
916
+ color: string;
917
+ dividerColor: string;
918
+ textColor: string;
919
+ boxShadow: string;
920
+ }, any>;
921
+ }>;
799
922
  };
800
923
  peerOverrides: {
801
924
  Input?: {
@@ -1112,6 +1235,24 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
1112
1235
  [x: string]: any;
1113
1236
  } | undefined;
1114
1237
  } | undefined;
1238
+ Select?: {
1239
+ peers?: {
1240
+ Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
1241
+ space: string;
1242
+ spaceArrow: string;
1243
+ arrowOffset: string;
1244
+ arrowOffsetVertical: string;
1245
+ arrowHeight: string;
1246
+ padding: string;
1247
+ fontSize: string;
1248
+ borderRadius: string;
1249
+ color: string;
1250
+ dividerColor: string;
1251
+ textColor: string;
1252
+ boxShadow: string;
1253
+ }, any>> | undefined;
1254
+ } | undefined;
1255
+ } | undefined;
1115
1256
  };
1116
1257
  }>;
1117
1258
  mergedClsPrefix: import("vue").Ref<string>;
@@ -740,6 +740,129 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
740
740
  railInsetVerticalLeft: string;
741
741
  railColor: string;
742
742
  }, any>;
743
+ Select: import("../../../_mixins").Theme<"InternalSelection", {
744
+ paddingTiny: string;
745
+ paddingSmall: string;
746
+ paddingMedium: string;
747
+ paddingLarge: string;
748
+ paddingHuge: string;
749
+ clearSizeTiny: string;
750
+ clearSizeSmall: string;
751
+ clearSizeMedium: string;
752
+ clearSizeLarge: string;
753
+ clearSizeHuge: string;
754
+ arrowSizeTiny: string;
755
+ arrowSizeSmall: string;
756
+ arrowSizeMedium: string;
757
+ arrowSizeLarge: string;
758
+ arrowSizeHuge: string;
759
+ fontSizeTiny: string;
760
+ fontSizeSmall: string;
761
+ fontSizeMedium: string;
762
+ fontSizeLarge: string;
763
+ fontSizeHuge: string;
764
+ lineHeightTiny: string;
765
+ lineHeightSmall: string;
766
+ lineHeightMedium: string;
767
+ lineHeightLarge: string;
768
+ lineHeightHuge: string;
769
+ heightTiny: string;
770
+ heightSmall: string;
771
+ heightMedium: string;
772
+ heightLarge: string;
773
+ heightHuge: string;
774
+ borderRadiusTiny: string;
775
+ borderRadiusSmall: string;
776
+ borderRadiusMedium: string;
777
+ borderRadiusLarge: string;
778
+ borderRadiusHuge: string;
779
+ textColor: string;
780
+ textColorDisabled: string;
781
+ placeholderColor: string;
782
+ placeholderColorDisabled: string;
783
+ color: string;
784
+ colorFilled: string;
785
+ colorDisabled: string;
786
+ colorActive: string;
787
+ border: string;
788
+ borderFilled: string;
789
+ borderHover: string;
790
+ borderActive: string;
791
+ borderFocus: string;
792
+ borderDisabled: string;
793
+ boxShadowHover: string;
794
+ boxShadowActive: string;
795
+ boxShadowFocus: string;
796
+ caretColor: string;
797
+ arrowColor: string;
798
+ arrowColorHover: string;
799
+ arrowColorDisabled: string;
800
+ loadingColor: string;
801
+ borderWarning: string;
802
+ borderHoverWarning: string;
803
+ borderActiveWarning: string;
804
+ borderFocusWarning: string;
805
+ boxShadowHoverWarning: string;
806
+ boxShadowActiveWarning: string;
807
+ boxShadowFocusWarning: string;
808
+ colorActiveWarning: string;
809
+ caretColorWarning: string;
810
+ borderError: string;
811
+ borderHoverError: string;
812
+ borderActiveError: string;
813
+ borderFocusError: string;
814
+ boxShadowHoverError: string;
815
+ boxShadowActiveError: string;
816
+ boxShadowFocusError: string;
817
+ colorActiveError: string;
818
+ caretColorError: string;
819
+ clearColor: string;
820
+ clearColorHover: string;
821
+ clearColorPressed: string;
822
+ caretColorSecondary: string;
823
+ filterCounterTextColor: string;
824
+ filterCounterTextColorDisabled: string;
825
+ arrowColorSecondary: string;
826
+ clearColorSecondary: string;
827
+ colorSecondary: string;
828
+ textColorSecondary: string;
829
+ borderSecondary: string;
830
+ arrowColorDisabledSecondary: string;
831
+ clearColorDisabledSecondary: string;
832
+ colorDisabledSecondary: string;
833
+ textColorDisabledSecondary: string;
834
+ borderDisabledSecondary: string;
835
+ arrowColorHoverSecondary: string;
836
+ clearColorHoverSecondary: string;
837
+ colorHoverSecondary: string;
838
+ textColorHoverSecondary: string;
839
+ borderHoverSecondary: string;
840
+ arrowColorFocusSecondary: string;
841
+ clearColorFocusSecondary: string;
842
+ colorFocusSecondary: string;
843
+ textColorFocusSecondary: string;
844
+ borderFocusSecondary: string;
845
+ arrowColorActiveSecondary: string;
846
+ clearColorActiveSecondary: string;
847
+ colorActiveSecondary: string;
848
+ textColorActiveSecondary: string;
849
+ borderActiveSecondary: string;
850
+ }, {
851
+ Popover: import("../../../_mixins").Theme<"Popover", {
852
+ space: string;
853
+ spaceArrow: string;
854
+ arrowOffset: string;
855
+ arrowOffsetVertical: string;
856
+ arrowHeight: string;
857
+ padding: string;
858
+ fontSize: string;
859
+ borderRadius: string;
860
+ color: string;
861
+ dividerColor: string;
862
+ textColor: string;
863
+ boxShadow: string;
864
+ }, any>;
865
+ }>;
743
866
  };
744
867
  peerOverrides: {
745
868
  Input?: {
@@ -1056,6 +1179,24 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
1056
1179
  [x: string]: any;
1057
1180
  } | undefined;
1058
1181
  } | undefined;
1182
+ Select?: {
1183
+ peers?: {
1184
+ Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
1185
+ space: string;
1186
+ spaceArrow: string;
1187
+ arrowOffset: string;
1188
+ arrowOffsetVertical: string;
1189
+ arrowHeight: string;
1190
+ padding: string;
1191
+ fontSize: string;
1192
+ borderRadius: string;
1193
+ color: string;
1194
+ dividerColor: string;
1195
+ textColor: string;
1196
+ boxShadow: string;
1197
+ }, any>> | undefined;
1198
+ } | undefined;
1199
+ } | undefined;
1059
1200
  };
1060
1201
  }>;
1061
1202
  mergedClsPrefix: import("vue").Ref<string>;
@@ -4,6 +4,7 @@ import { buttonDark } from '../../button/styles';
4
4
  import { timePickerDark } from '../../time-picker/styles';
5
5
  import { scrollbarDark } from '../../_internal/scrollbar/styles';
6
6
  import { self } from './light';
7
+ import { internalSelectionDark } from '../../_internal/selection/styles';
7
8
  const datePickerDark = {
8
9
  name: 'DatePicker',
9
10
  common: commonDark,
@@ -11,7 +12,8 @@ const datePickerDark = {
11
12
  Input: inputDark,
12
13
  Button: buttonDark,
13
14
  TimePicker: timePickerDark,
14
- Scrollbar: scrollbarDark
15
+ Scrollbar: scrollbarDark,
16
+ Select: internalSelectionDark
15
17
  },
16
18
  self
17
19
  };
@@ -807,6 +807,129 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
807
807
  railInsetVerticalLeft: string;
808
808
  railColor: string;
809
809
  }, any>;
810
+ Select: import("../../_mixins").Theme<"InternalSelection", {
811
+ paddingTiny: string;
812
+ paddingSmall: string;
813
+ paddingMedium: string;
814
+ paddingLarge: string;
815
+ paddingHuge: string;
816
+ clearSizeTiny: string;
817
+ clearSizeSmall: string;
818
+ clearSizeMedium: string;
819
+ clearSizeLarge: string;
820
+ clearSizeHuge: string;
821
+ arrowSizeTiny: string;
822
+ arrowSizeSmall: string;
823
+ arrowSizeMedium: string;
824
+ arrowSizeLarge: string;
825
+ arrowSizeHuge: string;
826
+ fontSizeTiny: string;
827
+ fontSizeSmall: string;
828
+ fontSizeMedium: string;
829
+ fontSizeLarge: string;
830
+ fontSizeHuge: string;
831
+ lineHeightTiny: string;
832
+ lineHeightSmall: string;
833
+ lineHeightMedium: string;
834
+ lineHeightLarge: string;
835
+ lineHeightHuge: string;
836
+ heightTiny: string;
837
+ heightSmall: string;
838
+ heightMedium: string;
839
+ heightLarge: string;
840
+ heightHuge: string;
841
+ borderRadiusTiny: string;
842
+ borderRadiusSmall: string;
843
+ borderRadiusMedium: string;
844
+ borderRadiusLarge: string;
845
+ borderRadiusHuge: string;
846
+ textColor: string;
847
+ textColorDisabled: string;
848
+ placeholderColor: string;
849
+ placeholderColorDisabled: string;
850
+ color: string;
851
+ colorFilled: string;
852
+ colorDisabled: string;
853
+ colorActive: string;
854
+ border: string;
855
+ borderFilled: string;
856
+ borderHover: string;
857
+ borderActive: string;
858
+ borderFocus: string;
859
+ borderDisabled: string;
860
+ boxShadowHover: string;
861
+ boxShadowActive: string;
862
+ boxShadowFocus: string;
863
+ caretColor: string;
864
+ arrowColor: string;
865
+ arrowColorHover: string;
866
+ arrowColorDisabled: string;
867
+ loadingColor: string;
868
+ borderWarning: string;
869
+ borderHoverWarning: string;
870
+ borderActiveWarning: string;
871
+ borderFocusWarning: string;
872
+ boxShadowHoverWarning: string;
873
+ boxShadowActiveWarning: string;
874
+ boxShadowFocusWarning: string;
875
+ colorActiveWarning: string;
876
+ caretColorWarning: string;
877
+ borderError: string;
878
+ borderHoverError: string;
879
+ borderActiveError: string;
880
+ borderFocusError: string;
881
+ boxShadowHoverError: string;
882
+ boxShadowActiveError: string;
883
+ boxShadowFocusError: string;
884
+ colorActiveError: string;
885
+ caretColorError: string;
886
+ clearColor: string;
887
+ clearColorHover: string;
888
+ clearColorPressed: string;
889
+ caretColorSecondary: string;
890
+ filterCounterTextColor: string;
891
+ filterCounterTextColorDisabled: string;
892
+ arrowColorSecondary: string;
893
+ clearColorSecondary: string;
894
+ colorSecondary: string;
895
+ textColorSecondary: string;
896
+ borderSecondary: string;
897
+ arrowColorDisabledSecondary: string;
898
+ clearColorDisabledSecondary: string;
899
+ colorDisabledSecondary: string;
900
+ textColorDisabledSecondary: string;
901
+ borderDisabledSecondary: string;
902
+ arrowColorHoverSecondary: string;
903
+ clearColorHoverSecondary: string;
904
+ colorHoverSecondary: string;
905
+ textColorHoverSecondary: string;
906
+ borderHoverSecondary: string;
907
+ arrowColorFocusSecondary: string;
908
+ clearColorFocusSecondary: string;
909
+ colorFocusSecondary: string;
910
+ textColorFocusSecondary: string;
911
+ borderFocusSecondary: string;
912
+ arrowColorActiveSecondary: string;
913
+ clearColorActiveSecondary: string;
914
+ colorActiveSecondary: string;
915
+ textColorActiveSecondary: string;
916
+ borderActiveSecondary: string;
917
+ }, {
918
+ Popover: import("../../_mixins").Theme<"Popover", {
919
+ space: string;
920
+ spaceArrow: string;
921
+ arrowOffset: string;
922
+ arrowOffsetVertical: string;
923
+ arrowHeight: string;
924
+ padding: string;
925
+ fontSize: string;
926
+ borderRadius: string;
927
+ color: string;
928
+ dividerColor: string;
929
+ textColor: string;
930
+ boxShadow: string;
931
+ }, any>;
932
+ }>;
810
933
  }>;
811
934
  export default datePickerLight;
812
935
  export type DatePickerTheme = typeof datePickerLight;
@@ -5,6 +5,7 @@ import { timePickerLight } from '../../time-picker/styles';
5
5
  import { scrollbarLight } from '../../_internal/scrollbar/styles';
6
6
  import commonVars from './_common';
7
7
  import { createTheme } from '../../_mixins';
8
+ import { internalSelectionLight } from '../../_internal/selection/styles';
8
9
  export const self = (vars) => {
9
10
  const { iconMedium, fontWeightStrong, fontWeight, fontBodyMedium, fontBodyLarge, brandPrimary500, brandPrimary300, transparencySecondary, elementsSenary, textQuaternary, textSecondary, borderRadiusSmall, containerPrimary, elementsPrimary, textPrimary, elementsTertiary, elementsQuaternary, shadowDepth2, borderRadiusLarge } = vars;
10
11
  return Object.assign(Object.assign({}, commonVars), {
@@ -26,7 +27,8 @@ const datePickerLight = createTheme({
26
27
  Input: inputLight,
27
28
  Button: buttonLight,
28
29
  TimePicker: timePickerLight,
29
- Scrollbar: scrollbarLight
30
+ Scrollbar: scrollbarLight,
31
+ Select: internalSelectionLight
30
32
  },
31
33
  self
32
34
  });
@@ -1,6 +1,15 @@
1
1
  import { type PropType, type CSSProperties } from 'vue';
2
2
  import type { ExtractPublicPropTypes } from '../../_utils';
3
+ import { SkeletonProps } from '../../_internal/skeleton';
3
4
  export declare const descriptionsProps: {
5
+ readonly skeletonProps: {
6
+ readonly type: PropType<SkeletonProps>;
7
+ readonly default: () => {
8
+ width: string;
9
+ height: string;
10
+ round: boolean;
11
+ };
12
+ };
4
13
  readonly title: StringConstructor;
5
14
  readonly column: {
6
15
  readonly type: NumberConstructor;
@@ -24,6 +33,7 @@ export declare const descriptionsProps: {
24
33
  readonly default: "medium";
25
34
  };
26
35
  readonly bordered: BooleanConstructor;
36
+ readonly loadingSkeleton: BooleanConstructor;
27
37
  readonly labelStyle: PropType<string | CSSProperties>;
28
38
  readonly contentStyle: PropType<string | CSSProperties>;
29
39
  readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -127,6 +137,14 @@ export type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionsProps>
127
137
  /** @deprecated You should use `DescriptionsProps` */
128
138
  export type DescriptionProps = DescriptionsProps;
129
139
  declare const _default: import("vue").DefineComponent<{
140
+ readonly skeletonProps: {
141
+ readonly type: PropType<SkeletonProps>;
142
+ readonly default: () => {
143
+ width: string;
144
+ height: string;
145
+ round: boolean;
146
+ };
147
+ };
130
148
  readonly title: StringConstructor;
131
149
  readonly column: {
132
150
  readonly type: NumberConstructor;
@@ -150,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
150
168
  readonly default: "medium";
151
169
  };
152
170
  readonly bordered: BooleanConstructor;
171
+ readonly loadingSkeleton: BooleanConstructor;
153
172
  readonly labelStyle: PropType<string | CSSProperties>;
154
173
  readonly contentStyle: PropType<string | CSSProperties>;
155
174
  readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -276,6 +295,14 @@ declare const _default: import("vue").DefineComponent<{
276
295
  compitableColumn: import("vue").ComputedRef<number>;
277
296
  inlineThemeDisabled: boolean | undefined;
278
297
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
298
+ readonly skeletonProps: {
299
+ readonly type: PropType<SkeletonProps>;
300
+ readonly default: () => {
301
+ width: string;
302
+ height: string;
303
+ round: boolean;
304
+ };
305
+ };
279
306
  readonly title: StringConstructor;
280
307
  readonly column: {
281
308
  readonly type: NumberConstructor;
@@ -299,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
299
326
  readonly default: "medium";
300
327
  };
301
328
  readonly bordered: BooleanConstructor;
329
+ readonly loadingSkeleton: BooleanConstructor;
302
330
  readonly labelStyle: PropType<string | CSSProperties>;
303
331
  readonly contentStyle: PropType<string | CSSProperties>;
304
332
  readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -402,7 +430,9 @@ declare const _default: import("vue").DefineComponent<{
402
430
  readonly size: "small" | "medium" | "large";
403
431
  readonly column: number;
404
432
  readonly separator: string;
433
+ readonly loadingSkeleton: boolean;
405
434
  readonly labelAlign: "left" | "right" | "center";
406
435
  readonly labelPlacement: "left" | "top";
436
+ readonly skeletonProps: SkeletonProps;
407
437
  }, {}>;
408
438
  export default _default;
@@ -6,7 +6,15 @@ import { descriptionsLight } from '../styles';
6
6
  import { isDescriptionsItem } from './utils';
7
7
  import style from './styles/index.cssr';
8
8
  import { repeat } from 'seemly';
9
- export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props), { title: String, column: {
9
+ import { UBaseSkeleton } from '../../_internal';
10
+ export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props), { skeletonProps: {
11
+ type: Object,
12
+ default: () => ({
13
+ width: '50%',
14
+ height: '25px',
15
+ round: true
16
+ })
17
+ }, title: String, column: {
10
18
  type: Number,
11
19
  default: 3
12
20
  }, columns: Number, labelPlacement: {
@@ -21,7 +29,7 @@ export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props)
21
29
  }, size: {
22
30
  type: String,
23
31
  default: 'medium'
24
- }, bordered: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
32
+ }, bordered: Boolean, loadingSkeleton: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
25
33
  export default defineComponent({
26
34
  name: 'Descriptions',
27
35
  props: descriptionsProps,
@@ -76,7 +84,7 @@ export default defineComponent({
76
84
  const defaultSlots = this.$slots.default;
77
85
  const children = defaultSlots ? flatten(defaultSlots()) : [];
78
86
  const memorizedLength = children.length;
79
- const { compitableColumn, labelPlacement, labelAlign, size, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
87
+ const { compitableColumn, labelPlacement, labelAlign, size, bordered, loadingSkeleton, skeletonProps, title, cssVars, mergedClsPrefix, separator, onRender } = this;
80
88
  onRender === null || onRender === void 0 ? void 0 : onRender();
81
89
  const filteredChildren = children.filter((child) => isDescriptionsItem(child));
82
90
  if (process.env.NODE_ENV !== 'production' && memorizedLength !== filteredChildren.length) {
@@ -102,27 +110,27 @@ export default defineComponent({
102
110
  const contentStyle = props.contentStyle || props['content-style'] || this.contentStyle;
103
111
  if (labelPlacement === 'left') {
104
112
  if (bordered) {
105
- state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: 1, style: labelStyle }, itemLabel), h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
113
+ state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: 1, style: labelStyle }, loadingSkeleton ? (h(UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemLabel)), h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
106
114
  ? (compitableColumn - memorizedSpan) * 2 + 1
107
- : itemSpan * 2 - 1, style: contentStyle }, itemChildren));
115
+ : itemSpan * 2 - 1, style: contentStyle }, loadingSkeleton ? (h(UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren)));
108
116
  }
109
117
  else {
110
118
  state.row.push(h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
111
119
  ? (compitableColumn - memorizedSpan) * 2
112
120
  : itemSpan * 2 },
113
- h("span", { class: `${mergedClsPrefix}-descriptions-table-content__label`, style: labelStyle }, [
121
+ h("span", { class: `${mergedClsPrefix}-descriptions-table-content__label`, style: labelStyle }, loadingSkeleton ? (h(UBaseSkeleton, Object.assign({}, skeletonProps))) : ([
114
122
  ...itemLabel,
115
123
  separator && (h("span", { class: `${mergedClsPrefix}-descriptions-separator` }, separator))
116
- ]),
117
- h("span", { class: `${mergedClsPrefix}-descriptions-table-content__content`, style: contentStyle }, itemChildren)));
124
+ ])),
125
+ h("span", { class: `${mergedClsPrefix}-descriptions-table-content__content`, style: contentStyle }, loadingSkeleton ? (h(UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren))));
118
126
  }
119
127
  }
120
128
  else {
121
129
  const colspan = isLastIteration
122
130
  ? (compitableColumn - memorizedSpan) * 2
123
131
  : itemSpan * 2;
124
- state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: colspan, style: labelStyle }, itemLabel));
125
- state.secondRow.push(h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: colspan, style: contentStyle }, itemChildren));
132
+ state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: colspan, style: labelStyle }, loadingSkeleton ? h(UBaseSkeleton, Object.assign({}, skeletonProps)) : itemLabel));
133
+ state.secondRow.push(h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: colspan, style: contentStyle }, loadingSkeleton ? (h(UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren)));
126
134
  }
127
135
  if (state.span >= compitableColumn || isLastIteration) {
128
136
  state.span = 0;
@@ -129,6 +129,8 @@ const arDZ = {
129
129
  typingText: 'Typing...',
130
130
  retryText: 'Resend',
131
131
  closeButtonText: 'Close chat',
132
+ shareButtonTooltip: 'Share chat',
133
+ profileButtonTooltip: 'View profile',
132
134
  unreadNotificationText: 'new messages'
133
135
  }
134
136
  };
@@ -129,6 +129,8 @@ const deDE = {
129
129
  typingText: 'Typing...',
130
130
  retryText: 'Resend',
131
131
  closeButtonText: 'Close chat',
132
+ shareButtonTooltip: 'Share chat',
133
+ profileButtonTooltip: 'View profile',
132
134
  unreadNotificationText: 'new messages'
133
135
  }
134
136
  };
@@ -130,6 +130,8 @@ const enGB = {
130
130
  typingText: 'Typing...',
131
131
  retryText: 'Resend',
132
132
  closeButtonText: 'Close chat',
133
+ shareButtonTooltip: 'Share chat',
134
+ profileButtonTooltip: 'View profile',
133
135
  unreadNotificationText: 'new messages'
134
136
  }
135
137
  };
@@ -129,6 +129,8 @@ declare const enUS: {
129
129
  typingText: string;
130
130
  retryText: string;
131
131
  closeButtonText: string;
132
+ shareButtonTooltip: string;
133
+ profileButtonTooltip: string;
132
134
  unreadNotificationText: string;
133
135
  };
134
136
  };
@@ -130,6 +130,8 @@ const enUS = {
130
130
  typingText: 'Typing...',
131
131
  retryText: 'Resend',
132
132
  closeButtonText: 'Close chat',
133
+ shareButtonTooltip: 'Share chat',
134
+ profileButtonTooltip: 'View profile',
133
135
  unreadNotificationText: 'new messages'
134
136
  }
135
137
  };