@zohodesk/components 1.6.2 → 1.6.4

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 (62) hide show
  1. package/README.md +31 -13
  2. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +4 -2
  3. package/es/ListItem/ListItem.js +6 -4
  4. package/es/ListItem/ListItem.module.css +40 -22
  5. package/es/ListItem/ListItemWithAvatar.js +7 -5
  6. package/es/ListItem/ListItemWithCheckBox.js +9 -5
  7. package/es/ListItem/ListItemWithIcon.js +10 -7
  8. package/es/ListItem/ListItemWithRadio.js +9 -6
  9. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  10. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +131 -82
  11. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +432 -390
  12. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +141 -92
  13. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +432 -390
  14. package/es/ListItem/props/defaultProps.js +2 -1
  15. package/es/ListItem/props/propTypes.js +4 -2
  16. package/es/MultiSelect/AdvancedGroupMultiSelect.js +12 -3
  17. package/es/MultiSelect/MultiSelect.js +2 -2
  18. package/es/MultiSelect/Suggestions.js +7 -2
  19. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +10 -10
  20. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +34 -28
  21. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -20
  22. package/es/MultiSelect/props/defaultProps.js +2 -0
  23. package/es/MultiSelect/props/propTypes.js +11 -3
  24. package/es/Popup/Popup.js +11 -4
  25. package/es/Select/GroupSelect.js +1 -1
  26. package/es/Select/SelectWithAvatar.js +3 -3
  27. package/es/Select/SelectWithIcon.js +10 -3
  28. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +66 -66
  29. package/es/Select/props/defaultProps.js +4 -2
  30. package/es/Select/props/propTypes.js +11 -3
  31. package/es/common/common.module.css +1 -1
  32. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +4 -2
  33. package/lib/ListItem/ListItem.js +7 -4
  34. package/lib/ListItem/ListItem.module.css +40 -22
  35. package/lib/ListItem/ListItemWithAvatar.js +7 -5
  36. package/lib/ListItem/ListItemWithCheckBox.js +9 -5
  37. package/lib/ListItem/ListItemWithIcon.js +10 -7
  38. package/lib/ListItem/ListItemWithRadio.js +9 -6
  39. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  40. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +131 -82
  41. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +432 -390
  42. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +141 -92
  43. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +432 -390
  44. package/lib/ListItem/props/defaultProps.js +2 -1
  45. package/lib/ListItem/props/propTypes.js +4 -2
  46. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +23 -16
  47. package/lib/MultiSelect/MultiSelect.js +2 -2
  48. package/lib/MultiSelect/Suggestions.js +6 -2
  49. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +10 -10
  50. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +34 -28
  51. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -20
  52. package/lib/MultiSelect/props/defaultProps.js +2 -0
  53. package/lib/MultiSelect/props/propTypes.js +13 -5
  54. package/lib/Popup/Popup.js +11 -4
  55. package/lib/Select/GroupSelect.js +2 -1
  56. package/lib/Select/SelectWithAvatar.js +4 -3
  57. package/lib/Select/SelectWithIcon.js +10 -3
  58. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +66 -66
  59. package/lib/Select/props/defaultProps.js +5 -3
  60. package/lib/Select/props/propTypes.js +11 -3
  61. package/lib/common/common.module.css +1 -1
  62. package/package.json +7 -7
package/es/Select/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -261,13 +261,13 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
261
261
  data-test-id="boxComponent"
262
262
  >
263
263
  <div
264
- class="titleBox shrinkOff"
264
+ class="titleBox shrinkOff"
265
265
  data-id="boxComponent"
266
266
  data-selector-id="box"
267
267
  data-test-id="boxComponent"
268
268
  >
269
269
  <div
270
- class="value basisAuto shrinkOn"
270
+ class="selfAlign_center value basisAuto shrinkOn"
271
271
  data-id="boxComponent"
272
272
  data-selector-id="box"
273
273
  data-test-id="boxComponent"
@@ -314,13 +314,13 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
314
314
  data-test-id="boxComponent"
315
315
  >
316
316
  <div
317
- class="titleBox shrinkOff"
317
+ class="titleBox shrinkOff"
318
318
  data-id="boxComponent"
319
319
  data-selector-id="box"
320
320
  data-test-id="boxComponent"
321
321
  >
322
322
  <div
323
- class="value basisAuto shrinkOn"
323
+ class="selfAlign_center value basisAuto shrinkOn"
324
324
  data-id="boxComponent"
325
325
  data-selector-id="box"
326
326
  data-test-id="boxComponent"
@@ -351,13 +351,13 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
351
351
  data-test-id="boxComponent"
352
352
  >
353
353
  <div
354
- class="titleBox shrinkOff"
354
+ class="titleBox shrinkOff"
355
355
  data-id="boxComponent"
356
356
  data-selector-id="box"
357
357
  data-test-id="boxComponent"
358
358
  >
359
359
  <div
360
- class="value basisAuto shrinkOn"
360
+ class="selfAlign_center value basisAuto shrinkOn"
361
361
  data-id="boxComponent"
362
362
  data-selector-id="box"
363
363
  data-test-id="boxComponent"
@@ -932,13 +932,13 @@ exports[`Select - Should render all the options when search value is cleared 1`]
932
932
  data-test-id="boxComponent"
933
933
  >
934
934
  <div
935
- class="titleBox shrinkOff"
935
+ class="titleBox shrinkOff"
936
936
  data-id="boxComponent"
937
937
  data-selector-id="box"
938
938
  data-test-id="boxComponent"
939
939
  >
940
940
  <div
941
- class="value basisAuto shrinkOn"
941
+ class="selfAlign_center value basisAuto shrinkOn"
942
942
  data-id="boxComponent"
943
943
  data-selector-id="box"
944
944
  data-test-id="boxComponent"
@@ -985,13 +985,13 @@ exports[`Select - Should render all the options when search value is cleared 1`]
985
985
  data-test-id="boxComponent"
986
986
  >
987
987
  <div
988
- class="titleBox shrinkOff"
988
+ class="titleBox shrinkOff"
989
989
  data-id="boxComponent"
990
990
  data-selector-id="box"
991
991
  data-test-id="boxComponent"
992
992
  >
993
993
  <div
994
- class="value basisAuto shrinkOn"
994
+ class="selfAlign_center value basisAuto shrinkOn"
995
995
  data-id="boxComponent"
996
996
  data-selector-id="box"
997
997
  data-test-id="boxComponent"
@@ -1022,13 +1022,13 @@ exports[`Select - Should render all the options when search value is cleared 1`]
1022
1022
  data-test-id="boxComponent"
1023
1023
  >
1024
1024
  <div
1025
- class="titleBox shrinkOff"
1025
+ class="titleBox shrinkOff"
1026
1026
  data-id="boxComponent"
1027
1027
  data-selector-id="box"
1028
1028
  data-test-id="boxComponent"
1029
1029
  >
1030
1030
  <div
1031
- class="value basisAuto shrinkOn"
1031
+ class="selfAlign_center value basisAuto shrinkOn"
1032
1032
  data-id="boxComponent"
1033
1033
  data-selector-id="box"
1034
1034
  data-test-id="boxComponent"
@@ -1219,13 +1219,13 @@ exports[`Select - Should render given the options 1`] = `
1219
1219
  data-test-id="boxComponent"
1220
1220
  >
1221
1221
  <div
1222
- class="titleBox shrinkOff"
1222
+ class="titleBox shrinkOff"
1223
1223
  data-id="boxComponent"
1224
1224
  data-selector-id="box"
1225
1225
  data-test-id="boxComponent"
1226
1226
  >
1227
1227
  <div
1228
- class="value basisAuto shrinkOn"
1228
+ class="selfAlign_center value basisAuto shrinkOn"
1229
1229
  data-id="boxComponent"
1230
1230
  data-selector-id="box"
1231
1231
  data-test-id="boxComponent"
@@ -1272,13 +1272,13 @@ exports[`Select - Should render given the options 1`] = `
1272
1272
  data-test-id="boxComponent"
1273
1273
  >
1274
1274
  <div
1275
- class="titleBox shrinkOff"
1275
+ class="titleBox shrinkOff"
1276
1276
  data-id="boxComponent"
1277
1277
  data-selector-id="box"
1278
1278
  data-test-id="boxComponent"
1279
1279
  >
1280
1280
  <div
1281
- class="value basisAuto shrinkOn"
1281
+ class="selfAlign_center value basisAuto shrinkOn"
1282
1282
  data-id="boxComponent"
1283
1283
  data-selector-id="box"
1284
1284
  data-test-id="boxComponent"
@@ -1309,13 +1309,13 @@ exports[`Select - Should render given the options 1`] = `
1309
1309
  data-test-id="boxComponent"
1310
1310
  >
1311
1311
  <div
1312
- class="titleBox shrinkOff"
1312
+ class="titleBox shrinkOff"
1313
1313
  data-id="boxComponent"
1314
1314
  data-selector-id="box"
1315
1315
  data-test-id="boxComponent"
1316
1316
  >
1317
1317
  <div
1318
- class="value basisAuto shrinkOn"
1318
+ class="selfAlign_center value basisAuto shrinkOn"
1319
1319
  data-id="boxComponent"
1320
1320
  data-selector-id="box"
1321
1321
  data-test-id="boxComponent"
@@ -1831,13 +1831,13 @@ exports[`Select - Should render the only options matching search value 1`] = `
1831
1831
  data-test-id="boxComponent"
1832
1832
  >
1833
1833
  <div
1834
- class="titleBox shrinkOff"
1834
+ class="titleBox shrinkOff"
1835
1835
  data-id="boxComponent"
1836
1836
  data-selector-id="box"
1837
1837
  data-test-id="boxComponent"
1838
1838
  >
1839
1839
  <div
1840
- class="value basisAuto shrinkOn"
1840
+ class="selfAlign_center value basisAuto shrinkOn"
1841
1841
  data-id="boxComponent"
1842
1842
  data-selector-id="box"
1843
1843
  data-test-id="boxComponent"
@@ -2101,13 +2101,13 @@ exports[`Select - Should render the only options matching search value even with
2101
2101
  data-test-id="boxComponent"
2102
2102
  >
2103
2103
  <div
2104
- class="titleBox shrinkOff"
2104
+ class="titleBox shrinkOff"
2105
2105
  data-id="boxComponent"
2106
2106
  data-selector-id="box"
2107
2107
  data-test-id="boxComponent"
2108
2108
  >
2109
2109
  <div
2110
- class="value basisAuto shrinkOn"
2110
+ class="selfAlign_center value basisAuto shrinkOn"
2111
2111
  data-id="boxComponent"
2112
2112
  data-selector-id="box"
2113
2113
  data-test-id="boxComponent"
@@ -2733,13 +2733,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2733
2733
  data-test-id="boxComponent"
2734
2734
  >
2735
2735
  <div
2736
- class="titleBox shrinkOff"
2736
+ class="titleBox shrinkOff"
2737
2737
  data-id="boxComponent"
2738
2738
  data-selector-id="box"
2739
2739
  data-test-id="boxComponent"
2740
2740
  >
2741
2741
  <div
2742
- class="value basisAuto shrinkOn"
2742
+ class="selfAlign_center value basisAuto shrinkOn"
2743
2743
  data-id="boxComponent"
2744
2744
  data-selector-id="box"
2745
2745
  data-test-id="boxComponent"
@@ -2786,13 +2786,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2786
2786
  data-test-id="boxComponent"
2787
2787
  >
2788
2788
  <div
2789
- class="titleBox shrinkOff"
2789
+ class="titleBox shrinkOff"
2790
2790
  data-id="boxComponent"
2791
2791
  data-selector-id="box"
2792
2792
  data-test-id="boxComponent"
2793
2793
  >
2794
2794
  <div
2795
- class="value basisAuto shrinkOn"
2795
+ class="selfAlign_center value basisAuto shrinkOn"
2796
2796
  data-id="boxComponent"
2797
2797
  data-selector-id="box"
2798
2798
  data-test-id="boxComponent"
@@ -2823,13 +2823,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2823
2823
  data-test-id="boxComponent"
2824
2824
  >
2825
2825
  <div
2826
- class="titleBox shrinkOff"
2826
+ class="titleBox shrinkOff"
2827
2827
  data-id="boxComponent"
2828
2828
  data-selector-id="box"
2829
2829
  data-test-id="boxComponent"
2830
2830
  >
2831
2831
  <div
2832
- class="value basisAuto shrinkOn"
2832
+ class="selfAlign_center value basisAuto shrinkOn"
2833
2833
  data-id="boxComponent"
2834
2834
  data-selector-id="box"
2835
2835
  data-test-id="boxComponent"
@@ -2860,13 +2860,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2860
2860
  data-test-id="boxComponent"
2861
2861
  >
2862
2862
  <div
2863
- class="titleBox shrinkOff"
2863
+ class="titleBox shrinkOff"
2864
2864
  data-id="boxComponent"
2865
2865
  data-selector-id="box"
2866
2866
  data-test-id="boxComponent"
2867
2867
  >
2868
2868
  <div
2869
- class="value basisAuto shrinkOn"
2869
+ class="selfAlign_center value basisAuto shrinkOn"
2870
2870
  data-id="boxComponent"
2871
2871
  data-selector-id="box"
2872
2872
  data-test-id="boxComponent"
@@ -2897,13 +2897,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2897
2897
  data-test-id="boxComponent"
2898
2898
  >
2899
2899
  <div
2900
- class="titleBox shrinkOff"
2900
+ class="titleBox shrinkOff"
2901
2901
  data-id="boxComponent"
2902
2902
  data-selector-id="box"
2903
2903
  data-test-id="boxComponent"
2904
2904
  >
2905
2905
  <div
2906
- class="value basisAuto shrinkOn"
2906
+ class="selfAlign_center value basisAuto shrinkOn"
2907
2907
  data-id="boxComponent"
2908
2908
  data-selector-id="box"
2909
2909
  data-test-id="boxComponent"
@@ -2934,13 +2934,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2934
2934
  data-test-id="boxComponent"
2935
2935
  >
2936
2936
  <div
2937
- class="titleBox shrinkOff"
2937
+ class="titleBox shrinkOff"
2938
2938
  data-id="boxComponent"
2939
2939
  data-selector-id="box"
2940
2940
  data-test-id="boxComponent"
2941
2941
  >
2942
2942
  <div
2943
- class="value basisAuto shrinkOn"
2943
+ class="selfAlign_center value basisAuto shrinkOn"
2944
2944
  data-id="boxComponent"
2945
2945
  data-selector-id="box"
2946
2946
  data-test-id="boxComponent"
@@ -2971,13 +2971,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2971
2971
  data-test-id="boxComponent"
2972
2972
  >
2973
2973
  <div
2974
- class="titleBox shrinkOff"
2974
+ class="titleBox shrinkOff"
2975
2975
  data-id="boxComponent"
2976
2976
  data-selector-id="box"
2977
2977
  data-test-id="boxComponent"
2978
2978
  >
2979
2979
  <div
2980
- class="value basisAuto shrinkOn"
2980
+ class="selfAlign_center value basisAuto shrinkOn"
2981
2981
  data-id="boxComponent"
2982
2982
  data-selector-id="box"
2983
2983
  data-test-id="boxComponent"
@@ -3008,13 +3008,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3008
3008
  data-test-id="boxComponent"
3009
3009
  >
3010
3010
  <div
3011
- class="titleBox shrinkOff"
3011
+ class="titleBox shrinkOff"
3012
3012
  data-id="boxComponent"
3013
3013
  data-selector-id="box"
3014
3014
  data-test-id="boxComponent"
3015
3015
  >
3016
3016
  <div
3017
- class="value basisAuto shrinkOn"
3017
+ class="selfAlign_center value basisAuto shrinkOn"
3018
3018
  data-id="boxComponent"
3019
3019
  data-selector-id="box"
3020
3020
  data-test-id="boxComponent"
@@ -3045,13 +3045,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3045
3045
  data-test-id="boxComponent"
3046
3046
  >
3047
3047
  <div
3048
- class="titleBox shrinkOff"
3048
+ class="titleBox shrinkOff"
3049
3049
  data-id="boxComponent"
3050
3050
  data-selector-id="box"
3051
3051
  data-test-id="boxComponent"
3052
3052
  >
3053
3053
  <div
3054
- class="value basisAuto shrinkOn"
3054
+ class="selfAlign_center value basisAuto shrinkOn"
3055
3055
  data-id="boxComponent"
3056
3056
  data-selector-id="box"
3057
3057
  data-test-id="boxComponent"
@@ -3082,13 +3082,13 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3082
3082
  data-test-id="boxComponent"
3083
3083
  >
3084
3084
  <div
3085
- class="titleBox shrinkOff"
3085
+ class="titleBox shrinkOff"
3086
3086
  data-id="boxComponent"
3087
3087
  data-selector-id="box"
3088
3088
  data-test-id="boxComponent"
3089
3089
  >
3090
3090
  <div
3091
- class="value basisAuto shrinkOn"
3091
+ class="selfAlign_center value basisAuto shrinkOn"
3092
3092
  data-id="boxComponent"
3093
3093
  data-selector-id="box"
3094
3094
  data-test-id="boxComponent"
@@ -3377,13 +3377,13 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3377
3377
  data-test-id="boxComponent"
3378
3378
  >
3379
3379
  <div
3380
- class="titleBox shrinkOff"
3380
+ class="titleBox shrinkOff"
3381
3381
  data-id="boxComponent"
3382
3382
  data-selector-id="box"
3383
3383
  data-test-id="boxComponent"
3384
3384
  >
3385
3385
  <div
3386
- class="value basisAuto shrinkOn"
3386
+ class="selfAlign_center value basisAuto shrinkOn"
3387
3387
  data-id="boxComponent"
3388
3388
  data-selector-id="box"
3389
3389
  data-test-id="boxComponent"
@@ -3430,13 +3430,13 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3430
3430
  data-test-id="boxComponent"
3431
3431
  >
3432
3432
  <div
3433
- class="titleBox shrinkOff"
3433
+ class="titleBox shrinkOff"
3434
3434
  data-id="boxComponent"
3435
3435
  data-selector-id="box"
3436
3436
  data-test-id="boxComponent"
3437
3437
  >
3438
3438
  <div
3439
- class="value basisAuto shrinkOn"
3439
+ class="selfAlign_center value basisAuto shrinkOn"
3440
3440
  data-id="boxComponent"
3441
3441
  data-selector-id="box"
3442
3442
  data-test-id="boxComponent"
@@ -3467,13 +3467,13 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3467
3467
  data-test-id="boxComponent"
3468
3468
  >
3469
3469
  <div
3470
- class="titleBox shrinkOff"
3470
+ class="titleBox shrinkOff"
3471
3471
  data-id="boxComponent"
3472
3472
  data-selector-id="box"
3473
3473
  data-test-id="boxComponent"
3474
3474
  >
3475
3475
  <div
3476
- class="value basisAuto shrinkOn"
3476
+ class="selfAlign_center value basisAuto shrinkOn"
3477
3477
  data-id="boxComponent"
3478
3478
  data-selector-id="box"
3479
3479
  data-test-id="boxComponent"
@@ -3907,13 +3907,13 @@ exports[`Select - Should update the value when select the option 1`] = `
3907
3907
  data-test-id="boxComponent"
3908
3908
  >
3909
3909
  <div
3910
- class="titleBox shrinkOff"
3910
+ class="titleBox shrinkOff"
3911
3911
  data-id="boxComponent"
3912
3912
  data-selector-id="box"
3913
3913
  data-test-id="boxComponent"
3914
3914
  >
3915
3915
  <div
3916
- class="value basisAuto shrinkOn"
3916
+ class="selfAlign_center value basisAuto shrinkOn"
3917
3917
  data-id="boxComponent"
3918
3918
  data-selector-id="box"
3919
3919
  data-test-id="boxComponent"
@@ -3960,13 +3960,13 @@ exports[`Select - Should update the value when select the option 1`] = `
3960
3960
  data-test-id="boxComponent"
3961
3961
  >
3962
3962
  <div
3963
- class="titleBox shrinkOff"
3963
+ class="titleBox shrinkOff"
3964
3964
  data-id="boxComponent"
3965
3965
  data-selector-id="box"
3966
3966
  data-test-id="boxComponent"
3967
3967
  >
3968
3968
  <div
3969
- class="value basisAuto shrinkOn"
3969
+ class="selfAlign_center value basisAuto shrinkOn"
3970
3970
  data-id="boxComponent"
3971
3971
  data-selector-id="box"
3972
3972
  data-test-id="boxComponent"
@@ -3997,13 +3997,13 @@ exports[`Select - Should update the value when select the option 1`] = `
3997
3997
  data-test-id="boxComponent"
3998
3998
  >
3999
3999
  <div
4000
- class="titleBox shrinkOff"
4000
+ class="titleBox shrinkOff"
4001
4001
  data-id="boxComponent"
4002
4002
  data-selector-id="box"
4003
4003
  data-test-id="boxComponent"
4004
4004
  >
4005
4005
  <div
4006
- class="value basisAuto shrinkOn"
4006
+ class="selfAlign_center value basisAuto shrinkOn"
4007
4007
  data-id="boxComponent"
4008
4008
  data-selector-id="box"
4009
4009
  data-test-id="boxComponent"
@@ -7180,13 +7180,13 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7180
7180
  data-test-id="boxComponent"
7181
7181
  >
7182
7182
  <div
7183
- class="titleBox shrinkOff"
7183
+ class="titleBox shrinkOff"
7184
7184
  data-id="boxComponent"
7185
7185
  data-selector-id="box"
7186
7186
  data-test-id="boxComponent"
7187
7187
  >
7188
7188
  <div
7189
- class="value basisAuto shrinkOn"
7189
+ class="selfAlign_center value basisAuto shrinkOn"
7190
7190
  data-id="boxComponent"
7191
7191
  data-selector-id="box"
7192
7192
  data-test-id="boxComponent"
@@ -7233,13 +7233,13 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7233
7233
  data-test-id="boxComponent"
7234
7234
  >
7235
7235
  <div
7236
- class="titleBox shrinkOff"
7236
+ class="titleBox shrinkOff"
7237
7237
  data-id="boxComponent"
7238
7238
  data-selector-id="box"
7239
7239
  data-test-id="boxComponent"
7240
7240
  >
7241
7241
  <div
7242
- class="value basisAuto shrinkOn"
7242
+ class="selfAlign_center value basisAuto shrinkOn"
7243
7243
  data-id="boxComponent"
7244
7244
  data-selector-id="box"
7245
7245
  data-test-id="boxComponent"
@@ -7270,13 +7270,13 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7270
7270
  data-test-id="boxComponent"
7271
7271
  >
7272
7272
  <div
7273
- class="titleBox shrinkOff"
7273
+ class="titleBox shrinkOff"
7274
7274
  data-id="boxComponent"
7275
7275
  data-selector-id="box"
7276
7276
  data-test-id="boxComponent"
7277
7277
  >
7278
7278
  <div
7279
- class="value basisAuto shrinkOn"
7279
+ class="selfAlign_center value basisAuto shrinkOn"
7280
7280
  data-id="boxComponent"
7281
7281
  data-selector-id="box"
7282
7282
  data-test-id="boxComponent"
@@ -8175,13 +8175,13 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8175
8175
  data-test-id="boxComponent"
8176
8176
  >
8177
8177
  <div
8178
- class="titleBox shrinkOff"
8178
+ class="titleBox shrinkOff"
8179
8179
  data-id="boxComponent"
8180
8180
  data-selector-id="box"
8181
8181
  data-test-id="boxComponent"
8182
8182
  >
8183
8183
  <div
8184
- class="value basisAuto shrinkOn"
8184
+ class="selfAlign_center value basisAuto shrinkOn"
8185
8185
  data-id="boxComponent"
8186
8186
  data-selector-id="box"
8187
8187
  data-test-id="boxComponent"
@@ -8229,13 +8229,13 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8229
8229
  data-test-id="boxComponent"
8230
8230
  >
8231
8231
  <div
8232
- class="titleBox shrinkOff"
8232
+ class="titleBox shrinkOff"
8233
8233
  data-id="boxComponent"
8234
8234
  data-selector-id="box"
8235
8235
  data-test-id="boxComponent"
8236
8236
  >
8237
8237
  <div
8238
- class="value basisAuto shrinkOn"
8238
+ class="selfAlign_center value basisAuto shrinkOn"
8239
8239
  data-id="boxComponent"
8240
8240
  data-selector-id="box"
8241
8241
  data-test-id="boxComponent"
@@ -8267,13 +8267,13 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8267
8267
  data-test-id="boxComponent"
8268
8268
  >
8269
8269
  <div
8270
- class="titleBox shrinkOff"
8270
+ class="titleBox shrinkOff"
8271
8271
  data-id="boxComponent"
8272
8272
  data-selector-id="box"
8273
8273
  data-test-id="boxComponent"
8274
8274
  >
8275
8275
  <div
8276
- class="value basisAuto shrinkOn"
8276
+ class="selfAlign_center value basisAuto shrinkOn"
8277
8277
  data-id="boxComponent"
8278
8278
  data-selector-id="box"
8279
8279
  data-test-id="boxComponent"
package/es/Select/props/defaultProps.js CHANGED
@@ -102,7 +102,8 @@ export const SelectWithAvatar_defaultProps = {
102
102
  i18nKeys: {},
103
103
  customProps: {},
104
104
  needEffect: true,
105
- isLoading: false
105
+ isLoading: false,
106
+ customProps: {}
106
107
  };
107
108
  export const SelectWithIcon_defaultProps = {
108
109
  isReadOnly: false,
@@ -131,5 +132,6 @@ export const SelectWithIcon_defaultProps = {
131
132
  isLoading: false,
132
133
  isAbsolutePositioningNeeded: true,
133
134
  isRestrictScroll: false,
134
- customProps: {}
135
+ customProps: {},
136
+ customClass: {}
135
137
  };
package/es/Select/props/propTypes.js CHANGED
@@ -189,7 +189,8 @@ export const GroupSelect_propTypes = {
189
189
  isDefaultSelectValue: PropTypes.bool,
190
190
  customProps: PropTypes.shape({
191
191
  TextBoxProps: PropTypes.object,
192
- TextBoxIconProps: PropTypes.object
192
+ TextBoxIconProps: PropTypes.object,
193
+ SuggestionsProps: PropTypes.object
193
194
  }),
194
195
  allowValueFallback: PropTypes.bool
195
196
  };
@@ -252,7 +253,10 @@ export const SelectWithAvatar_propTypes = { ...Select_propTypes,
252
253
  htmlId: PropTypes.string,
253
254
  needEffect: PropTypes.bool,
254
255
  isLoading: PropTypes.bool,
255
- dataSelectorId: PropTypes.string
256
+ dataSelectorId: PropTypes.string,
257
+ customProps: PropTypes.shape({
258
+ SuggestionsProps: PropTypes.object
259
+ })
256
260
  };
257
261
  export const SelectWithIcon_propTypes = {
258
262
  animationStyle: PropTypes.oneOf(['default', 'bounce']),
@@ -318,6 +322,10 @@ export const SelectWithIcon_propTypes = {
318
322
  TextBoxProps: PropTypes.object,
319
323
  DropdownSearchTextBoxProps: PropTypes.object,
320
324
  SuggestionsProps: PropTypes.object,
321
- TextBoxIconProps: PropTypes.object
325
+ TextBoxIconProps: PropTypes.object,
326
+ ListItemProps: PropTypes.object
327
+ }),
328
+ customClass: PropTypes.shape({
329
+ dropBoxClass: PropTypes.string
322
330
  })
323
331
  };
package/es/common/common.module.css CHANGED
@@ -501,7 +501,7 @@
501
501
  }
502
502
  .lineClamp {
503
503
  composes: wbreak clamp;
504
- -webkit-line-clamp: var(--line-clamp,2);
504
+ -webkit-line-clamp: var(--line-clamp, 3);
505
505
  }
506
506
 
507
507
  .offSelection {
package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  .varClass {
2
- --local-colorIndicator-height: 10px;
3
- --local-colorIndicator-width: 10px;
2
+ /* css:validation:ignore */
3
+ --local-colorIndicator-height: var(--zd_font_size10);
4
+ /* css:validation:ignore */
5
+ --local-colorIndicator-width: var(--zd_font_size10);
4
6
  --local-colorIndicator-border-radius: 10px;
5
7
  }
6
8
 
package/lib/ListItem/ListItem.js CHANGED
@@ -127,7 +127,8 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
127
127
  needMultiLineText = _this$props4.needMultiLineText,
128
128
  secondaryValue = _this$props4.secondaryValue,
129
129
  renderBeforeChildren = _this$props4.renderBeforeChildren,
130
- renderValueRightPlaceholderNode = _this$props4.renderValueRightPlaceholderNode;
130
+ renderValueRightPlaceholderNode = _this$props4.renderValueRightPlaceholderNode,
131
+ lhsAlignContent = _this$props4.lhsAlignContent;
131
132
  var _customProps$ListItem = customProps.ListItemProps,
132
133
  ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
133
134
  _customProps$Containe = customProps.ContainerProps,
@@ -137,7 +138,9 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
137
138
  _customClass$customTi = customClass.customTickIcon,
138
139
  customTickIcon = _customClass$customTi === void 0 ? '' : _customClass$customTi,
139
140
  _customClass$customVa = customClass.customValueRightPlaceholder,
140
- customValueRightPlaceholder = _customClass$customVa === void 0 ? '' : _customClass$customVa;
141
+ customValueRightPlaceholder = _customClass$customVa === void 0 ? '' : _customClass$customVa,
142
+ _customClass$customTi2 = customClass.customTitleBox,
143
+ customTitleBox = _customClass$customTi2 === void 0 ? '' : _customClass$customTi2;
141
144
 
142
145
  var listA11y = _objectSpread({
143
146
  ariaHidden: true,
@@ -173,14 +176,14 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
173
176
  flexible: true,
174
177
  className: _ListItemModule["default"].leftBox
175
178
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
176
- className: _ListItemModule["default"].titleBox
179
+ className: "".concat(_ListItemModule["default"].titleBox, " ").concat(lhsAlignContent !== 'start' ? "".concat(_ListItemModule["default"]["alignLhsBox_".concat(lhsAlignContent)]) : '', " ").concat(customTitleBox)
177
180
  }, (0, _utils.isRenderable)(renderBeforeChildren) ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
178
181
  adjust: true,
179
182
  className: _ListItemModule["default"].beforeChild
180
183
  }, (0, _utils.renderNode)(renderBeforeChildren)) : null, value ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
181
184
  shrink: true,
182
185
  adjust: true,
183
- className: needMultiLineText ? _ListItemModule["default"].multiLineValue : _ListItemModule["default"].value
186
+ className: "".concat(_ListItemModule["default"].selfAlign_center, " ").concat(needMultiLineText ? _ListItemModule["default"].multiLineValue : _ListItemModule["default"].value)
184
187
  }, value) : null, (0, _utils.isRenderable)(renderValueRightPlaceholderNode) ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
185
188
  className: customValueRightPlaceholder
186
189
  }, (0, _utils.renderNode)(renderValueRightPlaceholderNode)) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {