@syncfusion/ej2-angular-inputs 23.2.4 → 24.1.41

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 (142) hide show
  1. package/package.json +9 -9
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +263 -3
  6. package/styles/bootstrap-dark.scss +1 -0
  7. package/styles/bootstrap.css +263 -3
  8. package/styles/bootstrap.scss +1 -0
  9. package/styles/bootstrap4.css +263 -3
  10. package/styles/bootstrap4.scss +1 -0
  11. package/styles/bootstrap5-dark.css +276 -3
  12. package/styles/bootstrap5-dark.scss +1 -0
  13. package/styles/bootstrap5.css +276 -3
  14. package/styles/bootstrap5.scss +1 -0
  15. package/styles/color-picker/_layout.scss +36 -0
  16. package/styles/color-picker/bootstrap5-dark.css +13 -0
  17. package/styles/color-picker/bootstrap5.css +13 -0
  18. package/styles/color-picker/fabric.css +5 -0
  19. package/styles/color-picker/fluent-dark.css +13 -0
  20. package/styles/color-picker/fluent.css +13 -0
  21. package/styles/color-picker/material.css +13 -0
  22. package/styles/color-picker/material3-dark.css +18 -0
  23. package/styles/color-picker/material3.css +18 -0
  24. package/styles/color-picker/tailwind-dark.css +13 -0
  25. package/styles/color-picker/tailwind.css +13 -0
  26. package/styles/data-form/_all.scss +2 -0
  27. package/styles/data-form/_bootstrap-dark-definition.scss +42 -0
  28. package/styles/data-form/_bootstrap-definition.scss +41 -0
  29. package/styles/data-form/_bootstrap4-definition.scss +41 -0
  30. package/styles/data-form/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/data-form/_bootstrap5-definition.scss +41 -0
  32. package/styles/data-form/_fabric-dark-definition.scss +41 -0
  33. package/styles/data-form/_fabric-definition.scss +41 -0
  34. package/styles/data-form/_fluent-dark-definition.scss +1 -0
  35. package/styles/data-form/_fluent-definition.scss +41 -0
  36. package/styles/data-form/_fusionnew-definition.scss +41 -0
  37. package/styles/data-form/_highcontrast-definition.scss +41 -0
  38. package/styles/data-form/_highcontrast-light-definition.scss +41 -0
  39. package/styles/data-form/_layout.scss +223 -0
  40. package/styles/data-form/_material-dark-definition.scss +41 -0
  41. package/styles/data-form/_material-definition.scss +42 -0
  42. package/styles/data-form/_material3-dark-definition.scss +1 -0
  43. package/styles/data-form/_material3-definition.scss +41 -0
  44. package/styles/data-form/_tailwind-dark-definition.scss +1 -0
  45. package/styles/data-form/_tailwind-definition.scss +41 -0
  46. package/styles/data-form/_theme.scss +38 -0
  47. package/styles/data-form/bootstrap-dark.css +240 -0
  48. package/styles/data-form/bootstrap-dark.scss +3 -0
  49. package/styles/data-form/bootstrap.css +240 -0
  50. package/styles/data-form/bootstrap.scss +3 -0
  51. package/styles/data-form/bootstrap4.css +240 -0
  52. package/styles/data-form/bootstrap4.scss +3 -0
  53. package/styles/data-form/bootstrap5-dark.css +240 -0
  54. package/styles/data-form/bootstrap5-dark.scss +3 -0
  55. package/styles/data-form/bootstrap5.css +240 -0
  56. package/styles/data-form/bootstrap5.scss +3 -0
  57. package/styles/data-form/fabric-dark.css +240 -0
  58. package/styles/data-form/fabric-dark.scss +3 -0
  59. package/styles/data-form/fabric.css +240 -0
  60. package/styles/data-form/fabric.scss +3 -0
  61. package/styles/data-form/fluent-dark.css +240 -0
  62. package/styles/data-form/fluent-dark.scss +3 -0
  63. package/styles/data-form/fluent.css +240 -0
  64. package/styles/data-form/fluent.scss +3 -0
  65. package/styles/data-form/highcontrast-light.css +240 -0
  66. package/styles/data-form/highcontrast-light.scss +3 -0
  67. package/styles/data-form/highcontrast.css +240 -0
  68. package/styles/data-form/highcontrast.scss +3 -0
  69. package/styles/data-form/material-dark.css +240 -0
  70. package/styles/data-form/material-dark.scss +3 -0
  71. package/styles/data-form/material.css +240 -0
  72. package/styles/data-form/material.scss +3 -0
  73. package/styles/data-form/material3-dark.css +295 -0
  74. package/styles/data-form/material3-dark.scss +4 -0
  75. package/styles/data-form/material3.css +351 -0
  76. package/styles/data-form/material3.scss +4 -0
  77. package/styles/data-form/tailwind-dark.css +240 -0
  78. package/styles/data-form/tailwind-dark.scss +3 -0
  79. package/styles/data-form/tailwind.css +240 -0
  80. package/styles/data-form/tailwind.scss +3 -0
  81. package/styles/fabric-dark.css +263 -3
  82. package/styles/fabric-dark.scss +1 -0
  83. package/styles/fabric.css +268 -3
  84. package/styles/fabric.scss +1 -0
  85. package/styles/fluent-dark.css +276 -3
  86. package/styles/fluent-dark.scss +1 -0
  87. package/styles/fluent.css +276 -3
  88. package/styles/fluent.scss +1 -0
  89. package/styles/highcontrast-light.css +263 -3
  90. package/styles/highcontrast-light.scss +1 -0
  91. package/styles/highcontrast.css +263 -3
  92. package/styles/highcontrast.scss +1 -0
  93. package/styles/material-dark.css +275 -3
  94. package/styles/material-dark.scss +1 -0
  95. package/styles/material.css +288 -3
  96. package/styles/material.scss +1 -0
  97. package/styles/material3-dark.css +293 -3
  98. package/styles/material3-dark.scss +1 -0
  99. package/styles/material3.css +293 -3
  100. package/styles/material3.scss +1 -0
  101. package/styles/rating/_bootstrap-dark-definition.scss +4 -0
  102. package/styles/rating/_bootstrap-definition.scss +4 -0
  103. package/styles/rating/_bootstrap4-definition.scss +4 -0
  104. package/styles/rating/_bootstrap5-definition.scss +4 -0
  105. package/styles/rating/_fabric-dark-definition.scss +4 -0
  106. package/styles/rating/_fabric-definition.scss +4 -0
  107. package/styles/rating/_fluent-definition.scss +4 -0
  108. package/styles/rating/_fusionnew-definition.scss +4 -0
  109. package/styles/rating/_highcontrast-definition.scss +4 -0
  110. package/styles/rating/_highcontrast-light-definition.scss +4 -0
  111. package/styles/rating/_layout.scss +21 -7
  112. package/styles/rating/_material-dark-definition.scss +4 -0
  113. package/styles/rating/_material-definition.scss +4 -0
  114. package/styles/rating/_material3-definition.scss +4 -0
  115. package/styles/rating/_tailwind-definition.scss +4 -0
  116. package/styles/rating/_theme.scss +5 -2
  117. package/styles/rating/bootstrap-dark.css +22 -3
  118. package/styles/rating/bootstrap.css +22 -3
  119. package/styles/rating/bootstrap4.css +22 -3
  120. package/styles/rating/bootstrap5-dark.css +22 -3
  121. package/styles/rating/bootstrap5.css +22 -3
  122. package/styles/rating/fabric-dark.css +22 -3
  123. package/styles/rating/fabric.css +22 -3
  124. package/styles/rating/fluent-dark.css +22 -3
  125. package/styles/rating/fluent.css +22 -3
  126. package/styles/rating/highcontrast-light.css +22 -3
  127. package/styles/rating/highcontrast.css +22 -3
  128. package/styles/rating/material-dark.css +22 -3
  129. package/styles/rating/material.css +22 -3
  130. package/styles/rating/material3-dark.css +22 -3
  131. package/styles/rating/material3.css +22 -3
  132. package/styles/rating/tailwind-dark.css +22 -3
  133. package/styles/rating/tailwind.css +22 -3
  134. package/styles/slider/_layout.scss +4 -0
  135. package/styles/slider/material-dark.css +12 -0
  136. package/styles/slider/material.css +12 -0
  137. package/styles/slider/material3-dark.css +12 -0
  138. package/styles/slider/material3.css +12 -0
  139. package/styles/tailwind-dark.css +276 -3
  140. package/styles/tailwind-dark.scss +1 -0
  141. package/styles/tailwind.css +276 -3
  142. package/styles/tailwind.scss +1 -0
package/styles/rating/fluent-dark.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 13px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 28px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 19px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #f3f2f1;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/fluent.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 13px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 28px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 19px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #323130;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/highcontrast-light.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 13px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 28px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 19px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #000;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/highcontrast.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 13px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 28px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 19px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #fff;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/material-dark.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 9px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 32px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 17px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #3f51b5;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/material.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 13px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 9px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 32px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 21px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 14px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 24px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 17px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 20px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #3f51b5;
179
198
  border-radius: 0;
180
199
  }
package/styles/rating/material3-dark.css CHANGED
@@ -73,7 +73,8 @@
73
73
  padding: 0;
74
74
  margin: 4px;
75
75
  }
76
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
76
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
77
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
77
78
  outline: 1px solid;
78
79
  }
79
80
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -92,10 +93,13 @@
92
93
  min-height: calc(1em + 8px);
93
94
  position: relative;
94
95
  }
96
+ .e-rating-container .e-rating-item-container:has(svg) {
97
+ line-height: 13px;
98
+ }
95
99
  .e-rating-container .e-rating-item-container .e-rating-item {
96
100
  display: block;
97
101
  }
98
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
102
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
99
103
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
100
104
  transform: scale(1.4);
101
105
  pointer-events: none;
@@ -185,6 +189,10 @@
185
189
  .e-small .e-rating-container .e-rating-item-container {
186
190
  font-size: 16px;
187
191
  }
192
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
193
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
194
+ line-height: 9px;
195
+ }
188
196
  .e-small.e-rating-container .e-rating-label,
189
197
  .e-small .e-rating-container .e-rating-label {
190
198
  font-size: 10px;
@@ -199,6 +207,10 @@
199
207
  .e-bigger .e-rating-container .e-rating-item-container {
200
208
  font-size: 28px;
201
209
  }
210
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
211
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
212
+ line-height: 21px;
213
+ }
202
214
  .e-bigger.e-rating-container .e-rating-label,
203
215
  .e-bigger .e-rating-container .e-rating-label {
204
216
  font-size: 14px;
@@ -215,6 +227,12 @@
215
227
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
216
228
  font-size: 24px;
217
229
  }
230
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
231
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
232
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
233
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
234
+ line-height: 17px;
235
+ }
218
236
  .e-bigger.e-small.e-rating-container .e-rating-label,
219
237
  .e-bigger.e-small .e-rating-container .e-rating-label,
220
238
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -229,7 +247,8 @@
229
247
  font-size: 20px;
230
248
  }
231
249
 
232
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
250
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
251
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
233
252
  outline-color: rgba(var(--color-sf-primary));
234
253
  border-radius: 0;
235
254
  }
package/styles/rating/material3.css CHANGED
@@ -129,7 +129,8 @@
129
129
  padding: 0;
130
130
  margin: 4px;
131
131
  }
132
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
132
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
133
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
133
134
  outline: 1px solid;
134
135
  }
135
136
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -148,10 +149,13 @@
148
149
  min-height: calc(1em + 8px);
149
150
  position: relative;
150
151
  }
152
+ .e-rating-container .e-rating-item-container:has(svg) {
153
+ line-height: 13px;
154
+ }
151
155
  .e-rating-container .e-rating-item-container .e-rating-item {
152
156
  display: block;
153
157
  }
154
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
158
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
155
159
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
156
160
  transform: scale(1.4);
157
161
  pointer-events: none;
@@ -241,6 +245,10 @@
241
245
  .e-small .e-rating-container .e-rating-item-container {
242
246
  font-size: 16px;
243
247
  }
248
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
249
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
250
+ line-height: 9px;
251
+ }
244
252
  .e-small.e-rating-container .e-rating-label,
245
253
  .e-small .e-rating-container .e-rating-label {
246
254
  font-size: 10px;
@@ -255,6 +263,10 @@
255
263
  .e-bigger .e-rating-container .e-rating-item-container {
256
264
  font-size: 28px;
257
265
  }
266
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
267
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
268
+ line-height: 21px;
269
+ }
258
270
  .e-bigger.e-rating-container .e-rating-label,
259
271
  .e-bigger .e-rating-container .e-rating-label {
260
272
  font-size: 14px;
@@ -271,6 +283,12 @@
271
283
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
272
284
  font-size: 24px;
273
285
  }
286
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
287
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
288
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
289
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
290
+ line-height: 17px;
291
+ }
274
292
  .e-bigger.e-small.e-rating-container .e-rating-label,
275
293
  .e-bigger.e-small .e-rating-container .e-rating-label,
276
294
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -285,7 +303,8 @@
285
303
  font-size: 20px;
286
304
  }
287
305
 
288
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
306
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
307
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
289
308
  outline-color: rgba(var(--color-sf-primary));
290
309
  border-radius: 0;
291
310
  }
package/styles/rating/tailwind-dark.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 3px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 10px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 24px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 18px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 24px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 22px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 15px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 18px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #d1d5db;
179
198
  border-radius: 4px;
180
199
  }
package/styles/rating/tailwind.css CHANGED
@@ -18,7 +18,8 @@
18
18
  padding: 0;
19
19
  margin: 4px;
20
20
  }
21
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
21
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
22
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
22
23
  outline: 1px solid;
23
24
  }
24
25
  .e-rating-container .e-rating-item-list:focus-visible {
@@ -37,10 +38,13 @@
37
38
  min-height: calc(1em + 8px);
38
39
  position: relative;
39
40
  }
41
+ .e-rating-container .e-rating-item-container:has(svg) {
42
+ line-height: 3px;
43
+ }
40
44
  .e-rating-container .e-rating-item-container .e-rating-item {
41
45
  display: block;
42
46
  }
43
- .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
47
+ .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
44
48
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
45
49
  transform: scale(1.4);
46
50
  pointer-events: none;
@@ -130,6 +134,10 @@
130
134
  .e-small .e-rating-container .e-rating-item-container {
131
135
  font-size: 16px;
132
136
  }
137
+ .e-small.e-rating-container .e-rating-item-container:has(svg),
138
+ .e-small .e-rating-container .e-rating-item-container:has(svg) {
139
+ line-height: 10px;
140
+ }
133
141
  .e-small.e-rating-container .e-rating-label,
134
142
  .e-small .e-rating-container .e-rating-label {
135
143
  font-size: 10px;
@@ -144,6 +152,10 @@
144
152
  .e-bigger .e-rating-container .e-rating-item-container {
145
153
  font-size: 24px;
146
154
  }
155
+ .e-bigger.e-rating-container .e-rating-item-container:has(svg),
156
+ .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
157
+ line-height: 18px;
158
+ }
147
159
  .e-bigger.e-rating-container .e-rating-label,
148
160
  .e-bigger .e-rating-container .e-rating-label {
149
161
  font-size: 24px;
@@ -160,6 +172,12 @@
160
172
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
161
173
  font-size: 22px;
162
174
  }
175
+ .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
176
+ .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
177
+ .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
178
+ .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
179
+ line-height: 15px;
180
+ }
163
181
  .e-bigger.e-small.e-rating-container .e-rating-label,
164
182
  .e-bigger.e-small .e-rating-container .e-rating-label,
165
183
  .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -174,7 +192,8 @@
174
192
  font-size: 18px;
175
193
  }
176
194
 
177
- .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
195
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
196
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
178
197
  outline-color: #111827;
179
198
  border-radius: 4px;
180
199
  }