@syncfusion/ej2-inputs 20.4.54 → 21.1.37

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 (123) hide show
  1. package/CHANGELOG.md +3 -30
  2. package/README.md +196 -119
  3. package/dist/ej2-inputs.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js +2 -2
  5. package/dist/ej2-inputs.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es2015.js +174 -120
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +168 -114
  9. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  10. package/dist/global/ej2-inputs.min.js +2 -2
  11. package/dist/global/ej2-inputs.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +10 -10
  14. package/src/color-picker/color-picker.d.ts +6 -1
  15. package/src/color-picker/color-picker.js +21 -4
  16. package/src/common/signature-base.js +6 -3
  17. package/src/form-validator/form-validator.js +23 -21
  18. package/src/input/input.js +10 -10
  19. package/src/maskedtextbox/base/mask-base.js +5 -5
  20. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +3 -3
  21. package/src/numerictextbox/numerictextbox.js +4 -4
  22. package/src/rating/rating-model.d.ts +33 -11
  23. package/src/rating/rating.d.ts +25 -1
  24. package/src/rating/rating.js +65 -45
  25. package/src/slider/slider-model.d.ts +41 -6
  26. package/src/slider/slider.d.ts +113 -8
  27. package/src/slider/slider.js +14 -4
  28. package/src/textbox/textbox.js +4 -2
  29. package/src/uploader/uploader-model.d.ts +1 -1
  30. package/src/uploader/uploader.js +13 -13
  31. package/styles/bootstrap-dark.css +14 -0
  32. package/styles/bootstrap.css +14 -0
  33. package/styles/bootstrap4.css +14 -0
  34. package/styles/bootstrap5-dark.css +18 -4
  35. package/styles/bootstrap5.css +18 -4
  36. package/styles/color-picker/_layout.scss +78 -6
  37. package/styles/color-picker/_theme.scss +3 -0
  38. package/styles/color-picker/bootstrap-dark.css +6 -0
  39. package/styles/color-picker/bootstrap.css +6 -0
  40. package/styles/color-picker/bootstrap4.css +6 -0
  41. package/styles/color-picker/bootstrap5-dark.css +6 -0
  42. package/styles/color-picker/bootstrap5.css +6 -0
  43. package/styles/color-picker/fabric-dark.css +6 -0
  44. package/styles/color-picker/fabric.css +6 -0
  45. package/styles/color-picker/fluent-dark.css +6 -0
  46. package/styles/color-picker/fluent.css +6 -0
  47. package/styles/color-picker/highcontrast-light.css +6 -0
  48. package/styles/color-picker/highcontrast.css +6 -0
  49. package/styles/color-picker/material-dark.css +6 -0
  50. package/styles/color-picker/material.css +6 -0
  51. package/styles/color-picker/tailwind-dark.css +6 -0
  52. package/styles/color-picker/tailwind.css +6 -0
  53. package/styles/fabric-dark.css +14 -0
  54. package/styles/fabric.css +14 -0
  55. package/styles/fluent-dark.css +14 -0
  56. package/styles/fluent.css +14 -0
  57. package/styles/highcontrast-light.css +14 -0
  58. package/styles/highcontrast.css +14 -0
  59. package/styles/input/_bootstrap5-definition.scss +2 -2
  60. package/styles/input/_fluent-definition.scss +5 -5
  61. package/styles/input/_layout.scss +445 -445
  62. package/styles/input/_tailwind-definition.scss +14 -14
  63. package/styles/input/_theme.scss +218 -199
  64. package/styles/input/material-dark.css +1 -1
  65. package/styles/input/material.css +1 -1
  66. package/styles/maskedtextbox/_bootstrap5-definition.scss +2 -2
  67. package/styles/maskedtextbox/_fluent-definition.scss +2 -2
  68. package/styles/material-dark.css +15 -5
  69. package/styles/material.css +15 -1
  70. package/styles/numerictextbox/icons/_material3.scss +3 -3
  71. package/styles/rating/_bootstrap-dark-definition.scss +4 -3
  72. package/styles/rating/_bootstrap-definition.scss +4 -3
  73. package/styles/rating/_bootstrap4-definition.scss +4 -3
  74. package/styles/rating/_bootstrap5-definition.scss +16 -15
  75. package/styles/rating/_fabric-dark-definition.scss +4 -3
  76. package/styles/rating/_fabric-definition.scss +4 -3
  77. package/styles/rating/_fluent-definition.scss +16 -15
  78. package/styles/rating/_fusionnew-definition.scss +4 -3
  79. package/styles/rating/_highcontrast-definition.scss +4 -3
  80. package/styles/rating/_highcontrast-light-definition.scss +4 -3
  81. package/styles/rating/_layout.scss +8 -0
  82. package/styles/rating/_material-dark-definition.scss +4 -3
  83. package/styles/rating/_material-definition.scss +4 -3
  84. package/styles/rating/_tailwind-definition.scss +16 -15
  85. package/styles/rating/_theme.scss +14 -2
  86. package/styles/rating/bootstrap-dark.css +8 -0
  87. package/styles/rating/bootstrap.css +8 -0
  88. package/styles/rating/bootstrap4.css +8 -0
  89. package/styles/rating/bootstrap5-dark.css +8 -0
  90. package/styles/rating/bootstrap5.css +8 -0
  91. package/styles/rating/fabric-dark.css +8 -0
  92. package/styles/rating/fabric.css +8 -0
  93. package/styles/rating/fluent-dark.css +8 -0
  94. package/styles/rating/fluent.css +8 -0
  95. package/styles/rating/highcontrast-light.css +8 -0
  96. package/styles/rating/highcontrast.css +8 -0
  97. package/styles/rating/material-dark.css +8 -0
  98. package/styles/rating/material.css +8 -0
  99. package/styles/rating/tailwind-dark.css +9 -1
  100. package/styles/rating/tailwind.css +9 -1
  101. package/styles/slider/_layout.scss +44 -25
  102. package/styles/slider/_theme.scss +6 -1
  103. package/styles/tailwind-dark.css +16 -2
  104. package/styles/tailwind.css +16 -2
  105. package/styles/uploader/_bootstrap5-definition.scss +12 -12
  106. package/styles/uploader/_fluent-definition.scss +10 -10
  107. package/styles/uploader/_layout.scss +7 -2
  108. package/styles/uploader/_tailwind-definition.scss +10 -10
  109. package/styles/uploader/_theme.scss +13 -3
  110. package/styles/uploader/bootstrap5-dark.css +4 -4
  111. package/styles/uploader/bootstrap5.css +4 -4
  112. package/styles/uploader/material-dark.css +0 -4
  113. package/styles/uploader/tailwind-dark.css +1 -1
  114. package/styles/uploader/tailwind.css +1 -1
  115. package/styles/color-picker/_material3-definition.scss +0 -133
  116. package/styles/input/_material3-definition.scss +0 -336
  117. package/styles/maskedtextbox/_material3-definition.scss +0 -7
  118. package/styles/numerictextbox/_material3-definition.scss +0 -3
  119. package/styles/rating/_material3-definition.scss +0 -46
  120. package/styles/signature/_material3-definition.scss +0 -3
  121. package/styles/slider/_material3-definition.scss +0 -90
  122. package/styles/textbox/_material3-definition.scss +0 -1
  123. package/styles/uploader/_material3-definition.scss +0 -216
package/styles/input/material-dark.css CHANGED
@@ -7828,7 +7828,7 @@ textarea.e-outline,
7828
7828
  font-size: 16px;
7829
7829
  margin-bottom: 0;
7830
7830
  margin-top: 0;
7831
- padding: 0 0 0 8px;
7831
+ padding: 8px;
7832
7832
  }
7833
7833
 
7834
7834
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
package/styles/input/material.css CHANGED
@@ -7836,7 +7836,7 @@ textarea.e-outline,
7836
7836
  font-size: 16px;
7837
7837
  margin-bottom: 0;
7838
7838
  margin-top: 0;
7839
- padding: 0 0 0 8px;
7839
+ padding: 8px;
7840
7840
  }
7841
7841
 
7842
7842
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
package/styles/maskedtextbox/_bootstrap5-definition.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  $mask-font-family: $font-family !default;
2
- $mask-font-size: 14px !default;
3
- $mask-bigger-font-size: 16px !default;
2
+ $mask-font-size: $text-sm !default;
3
+ $mask-bigger-font-size: $text-base !default;
4
4
 
5
5
  // color
6
6
 
package/styles/maskedtextbox/_fluent-definition.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  $mask-font-family: $font-family !default;
2
- $mask-font-size: 14px !default;
3
- $mask-bigger-font-size: 16px !default;
2
+ $mask-font-size: $text-sm !default;
3
+ $mask-bigger-font-size: $text-base !default;
4
4
 
5
5
  // color
6
6
 
package/styles/material-dark.css CHANGED
@@ -7838,7 +7838,7 @@ textarea.e-outline,
7838
7838
  font-size: 16px;
7839
7839
  margin-bottom: 0;
7840
7840
  margin-top: 0;
7841
- padding: 0 0 0 8px;
7841
+ padding: 8px;
7842
7842
  }
7843
7843
 
7844
7844
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -13465,10 +13465,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
13465
13465
  margin: 0;
13466
13466
  padding: 0;
13467
13467
  }
13468
- .e-upload .e-upload-files .e-icons:focus,
13469
- .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus {
13470
- outline: none;
13471
- }
13472
13468
  .e-upload .e-upload-files .e-upload-file-list,
13473
13469
  .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
13474
13470
  font-family: inherit;
@@ -14075,6 +14071,12 @@ body.e-colorpicker-overflow {
14075
14071
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
14076
14072
  padding: 0 6px;
14077
14073
  }
14074
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14075
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14076
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14077
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
14078
+ line-height: 0;
14079
+ }
14078
14080
 
14079
14081
  .e-container {
14080
14082
  border: 0;
@@ -14718,6 +14720,8 @@ body.e-colorpicker-overflow {
14718
14720
  padding: 4px;
14719
14721
  line-height: 13px;
14720
14722
  display: block;
14723
+ min-width: 28px;
14724
+ min-height: 28px;
14721
14725
  position: relative;
14722
14726
  }
14723
14727
  .e-rating-container .e-rating-item-container .e-rating-item {
@@ -14813,6 +14817,8 @@ body.e-colorpicker-overflow {
14813
14817
  .e-small .e-rating-container .e-rating-item-container {
14814
14818
  font-size: 16px;
14815
14819
  line-height: 9px;
14820
+ min-height: 24px;
14821
+ min-width: 24px;
14816
14822
  }
14817
14823
  .e-small.e-rating-container .e-rating-label,
14818
14824
  .e-small .e-rating-container .e-rating-label {
@@ -14828,6 +14834,8 @@ body.e-colorpicker-overflow {
14828
14834
  .e-bigger .e-rating-container .e-rating-item-container {
14829
14835
  font-size: 32px;
14830
14836
  line-height: 21px;
14837
+ min-width: 40px;
14838
+ min-height: 40px;
14831
14839
  }
14832
14840
  .e-bigger.e-rating-container .e-rating-label,
14833
14841
  .e-bigger .e-rating-container .e-rating-label {
@@ -14845,6 +14853,8 @@ body.e-colorpicker-overflow {
14845
14853
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
14846
14854
  font-size: 24px;
14847
14855
  line-height: 17px;
14856
+ min-width: 32px;
14857
+ min-height: 32px;
14848
14858
  }
14849
14859
  .e-bigger.e-small.e-rating-container .e-rating-label,
14850
14860
  .e-bigger.e-small .e-rating-container .e-rating-label,
package/styles/material.css CHANGED
@@ -7846,7 +7846,7 @@ textarea.e-outline,
7846
7846
  font-size: 16px;
7847
7847
  margin-bottom: 0;
7848
7848
  margin-top: 0;
7849
- padding: 0 0 0 8px;
7849
+ padding: 8px;
7850
7850
  }
7851
7851
 
7852
7852
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -14115,6 +14115,12 @@ body.e-colorpicker-overflow {
14115
14115
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
14116
14116
  padding: 0 6px;
14117
14117
  }
14118
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14119
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14120
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14121
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
14122
+ line-height: 0;
14123
+ }
14118
14124
 
14119
14125
  .e-container {
14120
14126
  border: 0;
@@ -14758,6 +14764,8 @@ body.e-colorpicker-overflow {
14758
14764
  padding: 4px;
14759
14765
  line-height: 13px;
14760
14766
  display: block;
14767
+ min-width: 28px;
14768
+ min-height: 28px;
14761
14769
  position: relative;
14762
14770
  }
14763
14771
  .e-rating-container .e-rating-item-container .e-rating-item {
@@ -14853,6 +14861,8 @@ body.e-colorpicker-overflow {
14853
14861
  .e-small .e-rating-container .e-rating-item-container {
14854
14862
  font-size: 16px;
14855
14863
  line-height: 9px;
14864
+ min-height: 24px;
14865
+ min-width: 24px;
14856
14866
  }
14857
14867
  .e-small.e-rating-container .e-rating-label,
14858
14868
  .e-small .e-rating-container .e-rating-label {
@@ -14868,6 +14878,8 @@ body.e-colorpicker-overflow {
14868
14878
  .e-bigger .e-rating-container .e-rating-item-container {
14869
14879
  font-size: 32px;
14870
14880
  line-height: 21px;
14881
+ min-width: 40px;
14882
+ min-height: 40px;
14871
14883
  }
14872
14884
  .e-bigger.e-rating-container .e-rating-label,
14873
14885
  .e-bigger .e-rating-container .e-rating-label {
@@ -14885,6 +14897,8 @@ body.e-colorpicker-overflow {
14885
14897
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
14886
14898
  font-size: 24px;
14887
14899
  line-height: 17px;
14900
+ min-width: 32px;
14901
+ min-height: 32px;
14888
14902
  }
14889
14903
  .e-bigger.e-small.e-rating-container .e-rating-label,
14890
14904
  .e-bigger.e-small .e-rating-container .e-rating-label,
package/styles/numerictextbox/icons/_material3.scss CHANGED
@@ -1,11 +1,11 @@
1
- @include export-module('numerictextbox-tailwind-icons') {
1
+ @include export-module('numerictextbox-Material3-icons') {
2
2
  .e-input-group-icon.e-spin-up::before {
3
- content: '\e776';
3
+ content: '\e87a';
4
4
  font-family: 'e-icons';
5
5
  }
6
6
 
7
7
  .e-input-group-icon.e-spin-down::before {
8
- content: '\e729';
8
+ content: '\e70d';
9
9
  font-family: 'e-icons';
10
10
  }
11
11
  }
package/styles/rating/_bootstrap-dark-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 9px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 2px !default;
5
6
  $rating-label-right-margin: 4px !default;
6
7
  $rating-label-bottom-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 4px !default;
16
- $rating-small-li-hover-font-size: 34px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 16px !default;
23
- $rating-bigger-li-hover-font-size: 28px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 26px !default;
29
30
  $rating-bigger-small-li-line-height: 9px !default;
30
- $rating-bigger-small-li-hover-font-size: 28px !default;
31
+ $rating-bigger-small-li-min-width-height: 34px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 22px !default;
package/styles/rating/_bootstrap-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 9px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 2px !default;
5
6
  $rating-label-right-margin: 4px !default;
6
7
  $rating-label-bottom-margin: 9px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 4px !default;
16
- $rating-small-li-hover-font-size: 34px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 16px !default;
23
- $rating-bigger-li-hover-font-size: 28px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 26px !default;
29
30
  $rating-bigger-small-li-line-height: 9px !default;
30
- $rating-bigger-small-li-hover-font-size: 28px !default;
31
+ $rating-bigger-small-li-min-width-height: 34px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 24px !default;
package/styles/rating/_bootstrap4-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 11px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-right-margin: 8px !default;
6
7
  $rating-label-bottom-margin: 4px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 4px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 13px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 9px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_bootstrap5-definition.scss CHANGED
@@ -1,36 +1,37 @@
1
- $rating-li-font-size: 22px !default;
1
+ $rating-li-font-size: $font-icon-22 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 30px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
7
8
  $rating-label-top-margin: 8px !default;
8
9
  $rating-label-left-margin: 11px !default;
9
- $rating-label-font-size: 12px !default;
10
+ $rating-label-font-size: $text-xs !default;
10
11
  $rating-label-line-height: 18px !default;
11
- $rating-reset-font-size : 18px !default;
12
+ $rating-reset-font-size : $font-icon-18 !default;
12
13
  $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
- $rating-small-li-font-size: 16px !default;
15
+ $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 6px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
- $rating-small-label-font-size: 10px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
18
+ $rating-small-label-font-size: $text-xxs !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
- $rating-small-reset-font-size : 12px !default;
20
+ $rating-small-reset-font-size : $font-icon-12 !default;
20
21
 
21
- $rating-bigger-li-font-size: 32px !default;
22
+ $rating-bigger-li-font-size: $font-icon-32 !default;
22
23
  $rating-bigger-li-line-height: 13px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
- $rating-bigger-label-font-size: 14px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
25
+ $rating-bigger-label-font-size: $text-sm !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
- $rating-bigger-reset-font-size : 28px !default;
27
+ $rating-bigger-reset-font-size : $font-icon-28 !default;
27
28
 
28
- $rating-bigger-small-li-font-size: 26px !default;
29
+ $rating-bigger-small-li-font-size: $font-icon-26 !default;
29
30
  $rating-bigger-small-li-line-height: 13px !default;
30
- $rating-bigger-small-li-hover-font-size: 28px !default;
31
- $rating-bigger-small-label-font-size: 12px !default;
31
+ $rating-bigger-small-li-min-width-height: 34px !default;
32
+ $rating-bigger-small-label-font-size: $text-xs !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
- $rating-bigger-small-reset-font-size : 22px !default;
34
+ $rating-bigger-small-reset-font-size : $font-icon-22 !default;
34
35
 
35
36
  $rating-border-width: 1px !default;
36
37
 
package/styles/rating/_fabric-dark-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 10px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_fabric-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_fluent-definition.scss CHANGED
@@ -1,36 +1,37 @@
1
- $rating-li-font-size: 20px !default;
1
+ $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 4px !default;
7
8
  $rating-label-top-margin: 4px !default;
8
9
  $rating-label-left-margin: 4px !default;
9
- $rating-label-font-size: 12px !default;
10
+ $rating-label-font-size: $text-xs !default;
10
11
  $rating-label-line-height: 18px !default;
11
- $rating-reset-font-size : 16px !default;
12
+ $rating-reset-font-size : $font-icon-16 !default;
12
13
  $rating-tooltip-tip-bottom-height: 12.5px !default;
13
14
 
14
- $rating-small-li-font-size: 16px !default;
15
+ $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
- $rating-small-label-font-size: 10px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
18
+ $rating-small-label-font-size: $text-xxs !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
- $rating-small-reset-font-size : 12px !default;
20
+ $rating-small-reset-font-size : $font-icon-12 !default;
20
21
 
21
- $rating-bigger-li-font-size: 28px !default;
22
+ $rating-bigger-li-font-size: $font-icon-28 !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
- $rating-bigger-label-font-size: 14px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
25
+ $rating-bigger-label-font-size: $text-sm !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
- $rating-bigger-reset-font-size : 24px !default;
27
+ $rating-bigger-reset-font-size : $font-icon-24 !default;
27
28
 
28
- $rating-bigger-small-li-font-size: 24px !default;
29
+ $rating-bigger-small-li-font-size: $font-icon-24 !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
- $rating-bigger-small-label-font-size: 12px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
32
+ $rating-bigger-small-label-font-size: $text-xs !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
- $rating-bigger-small-reset-font-size : 20px !default;
34
+ $rating-bigger-small-reset-font-size : $font-icon-20 !default;
34
35
 
35
36
  $rating-border-width: 1px !default;
36
37
 
package/styles/rating/_fusionnew-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 22px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 30px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 6px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 13px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 26px !default;
29
30
  $rating-bigger-small-li-line-height: 13px !default;
30
- $rating-bigger-small-li-hover-font-size: 28px !default;
31
+ $rating-bigger-small-li-min-width-height: 34px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 22px !default;
package/styles/rating/_highcontrast-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 9px !default;
6
7
  $rating-label-right-margin: 4px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_highcontrast-light-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 9px !default;
6
7
  $rating-label-right-margin: 4px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_layout.scss CHANGED
@@ -35,6 +35,8 @@
35
35
  padding: $rating-li-padding;
36
36
  line-height: $rating-li-line-height;
37
37
  display: block;
38
+ min-width: $rating-li-min-width-height; //font-size + padding
39
+ min-height: $rating-li-min-width-height; //font-size + padding
38
40
  //For Blazor Tooltip
39
41
  position: relative;
40
42
 
@@ -159,6 +161,8 @@
159
161
  .e-rating-item-container {
160
162
  font-size: $rating-small-li-font-size;
161
163
  line-height: $rating-small-li-line-height;
164
+ min-height: $rating-small-li-min-width-height; //font-size + padding
165
+ min-width: $rating-small-li-min-width-height; //font-size + padding
162
166
  }
163
167
 
164
168
  .e-rating-label {
@@ -176,6 +180,8 @@
176
180
  .e-rating-item-container {
177
181
  font-size: $rating-bigger-li-font-size;
178
182
  line-height: $rating-bigger-li-line-height;
183
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
184
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
179
185
  }
180
186
 
181
187
  .e-rating-label {
@@ -195,6 +201,8 @@
195
201
  .e-rating-item-container {
196
202
  font-size: $rating-bigger-small-li-font-size;
197
203
  line-height: $rating-bigger-small-li-line-height;
204
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
205
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
198
206
  }
199
207
 
200
208
  .e-rating-label {
package/styles/rating/_material-dark-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 9px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 17px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
package/styles/rating/_material-definition.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 9px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 17px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;