@syncfusion/blazor-themes 31.2.12 → 31.2.16

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 (201) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +8 -4
  2. package/Compiled-Themes/bds-dark.css +8 -4
  3. package/Compiled-Themes/bds-lite.css +8 -4
  4. package/Compiled-Themes/bds.css +8 -4
  5. package/Compiled-Themes/bootstrap-dark-lite.css +8 -4
  6. package/Compiled-Themes/bootstrap-dark.css +8 -4
  7. package/Compiled-Themes/bootstrap-lite.css +8 -4
  8. package/Compiled-Themes/bootstrap.css +8 -4
  9. package/Compiled-Themes/bootstrap4-lite.css +8 -4
  10. package/Compiled-Themes/bootstrap4.css +8 -4
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +8 -4
  12. package/Compiled-Themes/bootstrap5-dark.css +8 -4
  13. package/Compiled-Themes/bootstrap5-lite.css +8 -4
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +8 -4
  15. package/Compiled-Themes/bootstrap5.3-dark.css +8 -4
  16. package/Compiled-Themes/bootstrap5.3-lite.css +8 -4
  17. package/Compiled-Themes/bootstrap5.3.css +8 -4
  18. package/Compiled-Themes/bootstrap5.css +8 -4
  19. package/Compiled-Themes/fabric-dark-lite.css +8 -4
  20. package/Compiled-Themes/fabric-dark.css +8 -4
  21. package/Compiled-Themes/fabric-lite.css +8 -4
  22. package/Compiled-Themes/fabric.css +8 -4
  23. package/Compiled-Themes/fluent-dark-lite.css +8 -4
  24. package/Compiled-Themes/fluent-dark.css +8 -4
  25. package/Compiled-Themes/fluent-lite.css +8 -4
  26. package/Compiled-Themes/fluent.css +8 -4
  27. package/Compiled-Themes/fluent2-dark-lite.css +8 -4
  28. package/Compiled-Themes/fluent2-dark.css +8 -4
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +8 -4
  30. package/Compiled-Themes/fluent2-highcontrast.css +8 -4
  31. package/Compiled-Themes/fluent2-lite.css +8 -4
  32. package/Compiled-Themes/fluent2.css +8 -4
  33. package/Compiled-Themes/highcontrast-lite.css +8 -4
  34. package/Compiled-Themes/highcontrast.css +8 -4
  35. package/Compiled-Themes/material-dark-lite.css +8 -4
  36. package/Compiled-Themes/material-dark.css +8 -4
  37. package/Compiled-Themes/material-lite.css +8 -4
  38. package/Compiled-Themes/material.css +8 -4
  39. package/Compiled-Themes/material3-dark-lite.css +8 -4
  40. package/Compiled-Themes/material3-dark.css +8 -4
  41. package/Compiled-Themes/material3-lite.css +8 -4
  42. package/Compiled-Themes/material3.css +8 -4
  43. package/Compiled-Themes/tailwind-dark-lite.css +8 -4
  44. package/Compiled-Themes/tailwind-dark.css +8 -4
  45. package/Compiled-Themes/tailwind-lite.css +8 -4
  46. package/Compiled-Themes/tailwind.css +8 -4
  47. package/Compiled-Themes/tailwind3-dark-lite.css +8 -4
  48. package/Compiled-Themes/tailwind3-dark.css +8 -4
  49. package/Compiled-Themes/tailwind3-lite.css +8 -4
  50. package/Compiled-Themes/tailwind3.css +8 -4
  51. package/SCSS-Themes/bds-dark-lite.scss +11 -6
  52. package/SCSS-Themes/bds-dark.scss +11 -6
  53. package/SCSS-Themes/bds-lite.scss +11 -6
  54. package/SCSS-Themes/bds.scss +11 -6
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +11 -6
  56. package/SCSS-Themes/bootstrap-dark.scss +11 -6
  57. package/SCSS-Themes/bootstrap-lite.scss +11 -6
  58. package/SCSS-Themes/bootstrap.scss +11 -6
  59. package/SCSS-Themes/bootstrap4-lite.scss +11 -6
  60. package/SCSS-Themes/bootstrap4.scss +11 -6
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +11 -6
  62. package/SCSS-Themes/bootstrap5-dark.scss +11 -6
  63. package/SCSS-Themes/bootstrap5-lite.scss +11 -6
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +11 -6
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +11 -6
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +11 -6
  67. package/SCSS-Themes/bootstrap5.3.scss +11 -6
  68. package/SCSS-Themes/bootstrap5.scss +11 -6
  69. package/SCSS-Themes/buttons/check-box/bds-dark-lite.scss +5 -2
  70. package/SCSS-Themes/buttons/check-box/bds-dark.scss +5 -2
  71. package/SCSS-Themes/buttons/check-box/bds-lite.scss +5 -2
  72. package/SCSS-Themes/buttons/check-box/bds.scss +5 -2
  73. package/SCSS-Themes/buttons/check-box/bootstrap-dark-lite.scss +5 -2
  74. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +5 -2
  75. package/SCSS-Themes/buttons/check-box/bootstrap-lite.scss +5 -2
  76. package/SCSS-Themes/buttons/check-box/bootstrap.scss +5 -2
  77. package/SCSS-Themes/buttons/check-box/bootstrap4-lite.scss +5 -2
  78. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +5 -2
  79. package/SCSS-Themes/buttons/check-box/bootstrap5-dark-lite.scss +5 -2
  80. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +5 -2
  81. package/SCSS-Themes/buttons/check-box/bootstrap5-lite.scss +5 -2
  82. package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark-lite.scss +5 -2
  83. package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark.scss +5 -2
  84. package/SCSS-Themes/buttons/check-box/bootstrap5.3-lite.scss +5 -2
  85. package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss +5 -2
  86. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +5 -2
  87. package/SCSS-Themes/buttons/check-box/fabric-dark-lite.scss +5 -2
  88. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +5 -2
  89. package/SCSS-Themes/buttons/check-box/fabric-lite.scss +5 -2
  90. package/SCSS-Themes/buttons/check-box/fabric.scss +5 -2
  91. package/SCSS-Themes/buttons/check-box/fluent-dark-lite.scss +5 -2
  92. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +5 -2
  93. package/SCSS-Themes/buttons/check-box/fluent-lite.scss +5 -2
  94. package/SCSS-Themes/buttons/check-box/fluent.scss +5 -2
  95. package/SCSS-Themes/buttons/check-box/fluent2-dark-lite.scss +5 -2
  96. package/SCSS-Themes/buttons/check-box/fluent2-dark.scss +5 -2
  97. package/SCSS-Themes/buttons/check-box/fluent2-highcontrast-lite.scss +5 -2
  98. package/SCSS-Themes/buttons/check-box/fluent2-highcontrast.scss +5 -2
  99. package/SCSS-Themes/buttons/check-box/fluent2-lite.scss +5 -2
  100. package/SCSS-Themes/buttons/check-box/fluent2.scss +5 -2
  101. package/SCSS-Themes/buttons/check-box/highcontrast-lite.scss +5 -2
  102. package/SCSS-Themes/buttons/check-box/highcontrast.scss +5 -2
  103. package/SCSS-Themes/buttons/check-box/material-dark-lite.scss +5 -2
  104. package/SCSS-Themes/buttons/check-box/material-dark.scss +5 -2
  105. package/SCSS-Themes/buttons/check-box/material-lite.scss +5 -2
  106. package/SCSS-Themes/buttons/check-box/material.scss +5 -2
  107. package/SCSS-Themes/buttons/check-box/material3-dark-lite.scss +5 -2
  108. package/SCSS-Themes/buttons/check-box/material3-dark.scss +5 -2
  109. package/SCSS-Themes/buttons/check-box/material3-lite.scss +5 -2
  110. package/SCSS-Themes/buttons/check-box/material3.scss +5 -2
  111. package/SCSS-Themes/buttons/check-box/tailwind-dark-lite.scss +5 -2
  112. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +5 -2
  113. package/SCSS-Themes/buttons/check-box/tailwind-lite.scss +5 -2
  114. package/SCSS-Themes/buttons/check-box/tailwind.scss +5 -2
  115. package/SCSS-Themes/buttons/check-box/tailwind3-dark-lite.scss +5 -2
  116. package/SCSS-Themes/buttons/check-box/tailwind3-dark.scss +5 -2
  117. package/SCSS-Themes/buttons/check-box/tailwind3-lite.scss +5 -2
  118. package/SCSS-Themes/buttons/check-box/tailwind3.scss +5 -2
  119. package/SCSS-Themes/fabric-dark-lite.scss +11 -6
  120. package/SCSS-Themes/fabric-dark.scss +11 -6
  121. package/SCSS-Themes/fabric-lite.scss +11 -6
  122. package/SCSS-Themes/fabric.scss +11 -6
  123. package/SCSS-Themes/fluent-dark-lite.scss +11 -6
  124. package/SCSS-Themes/fluent-dark.scss +11 -6
  125. package/SCSS-Themes/fluent-lite.scss +11 -6
  126. package/SCSS-Themes/fluent.scss +11 -6
  127. package/SCSS-Themes/fluent2-dark-lite.scss +11 -6
  128. package/SCSS-Themes/fluent2-dark.scss +11 -6
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +11 -6
  130. package/SCSS-Themes/fluent2-highcontrast.scss +11 -6
  131. package/SCSS-Themes/fluent2-lite.scss +11 -6
  132. package/SCSS-Themes/fluent2.scss +11 -6
  133. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +6 -4
  134. package/SCSS-Themes/grids/grid/bds-dark.scss +6 -4
  135. package/SCSS-Themes/grids/grid/bds-lite.scss +6 -4
  136. package/SCSS-Themes/grids/grid/bds.scss +6 -4
  137. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +6 -4
  138. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +6 -4
  139. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +6 -4
  140. package/SCSS-Themes/grids/grid/bootstrap.scss +6 -4
  141. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +6 -4
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +6 -4
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +6 -4
  144. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +6 -4
  145. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +6 -4
  146. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +6 -4
  147. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +6 -4
  148. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +6 -4
  149. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +6 -4
  150. package/SCSS-Themes/grids/grid/bootstrap5.scss +6 -4
  151. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +6 -4
  152. package/SCSS-Themes/grids/grid/fabric-dark.scss +6 -4
  153. package/SCSS-Themes/grids/grid/fabric-lite.scss +6 -4
  154. package/SCSS-Themes/grids/grid/fabric.scss +6 -4
  155. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +6 -4
  156. package/SCSS-Themes/grids/grid/fluent-dark.scss +6 -4
  157. package/SCSS-Themes/grids/grid/fluent-lite.scss +6 -4
  158. package/SCSS-Themes/grids/grid/fluent.scss +6 -4
  159. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +6 -4
  160. package/SCSS-Themes/grids/grid/fluent2-dark.scss +6 -4
  161. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +6 -4
  162. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +6 -4
  163. package/SCSS-Themes/grids/grid/fluent2-lite.scss +6 -4
  164. package/SCSS-Themes/grids/grid/fluent2.scss +6 -4
  165. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +6 -4
  166. package/SCSS-Themes/grids/grid/highcontrast.scss +6 -4
  167. package/SCSS-Themes/grids/grid/material-dark-lite.scss +6 -4
  168. package/SCSS-Themes/grids/grid/material-dark.scss +6 -4
  169. package/SCSS-Themes/grids/grid/material-lite.scss +6 -4
  170. package/SCSS-Themes/grids/grid/material.scss +6 -4
  171. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +6 -4
  172. package/SCSS-Themes/grids/grid/material3-dark.scss +6 -4
  173. package/SCSS-Themes/grids/grid/material3-lite.scss +6 -4
  174. package/SCSS-Themes/grids/grid/material3.scss +6 -4
  175. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +6 -4
  176. package/SCSS-Themes/grids/grid/tailwind-dark.scss +6 -4
  177. package/SCSS-Themes/grids/grid/tailwind-lite.scss +6 -4
  178. package/SCSS-Themes/grids/grid/tailwind.scss +6 -4
  179. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +6 -4
  180. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +6 -4
  181. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +6 -4
  182. package/SCSS-Themes/grids/grid/tailwind3.scss +6 -4
  183. package/SCSS-Themes/highcontrast-lite.scss +11 -6
  184. package/SCSS-Themes/highcontrast.scss +11 -6
  185. package/SCSS-Themes/material-dark-lite.scss +11 -6
  186. package/SCSS-Themes/material-dark.scss +11 -6
  187. package/SCSS-Themes/material-lite.scss +11 -6
  188. package/SCSS-Themes/material.scss +11 -6
  189. package/SCSS-Themes/material3-dark-lite.scss +11 -6
  190. package/SCSS-Themes/material3-dark.scss +11 -6
  191. package/SCSS-Themes/material3-lite.scss +11 -6
  192. package/SCSS-Themes/material3.scss +11 -6
  193. package/SCSS-Themes/tailwind-dark-lite.scss +11 -6
  194. package/SCSS-Themes/tailwind-dark.scss +11 -6
  195. package/SCSS-Themes/tailwind-lite.scss +11 -6
  196. package/SCSS-Themes/tailwind.scss +11 -6
  197. package/SCSS-Themes/tailwind3-dark-lite.scss +11 -6
  198. package/SCSS-Themes/tailwind3-dark.scss +11 -6
  199. package/SCSS-Themes/tailwind3-lite.scss +11 -6
  200. package/SCSS-Themes/tailwind3.scss +11 -6
  201. package/package.json +1 -1
package/SCSS-Themes/buttons/check-box/bootstrap-dark-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-key-focussed-bgcolor: transparent !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-key-focussed-bgcolor: transparent !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap4-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap4.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5-dark-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5.3-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/bootstrap5.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fabric-dark-lite.scss CHANGED
@@ -167,7 +167,7 @@ $cbox-ripple-size: -9px !default;
167
167
  bottom: $cbox-ripple-size;
168
168
  height: $cbox-ripple-height;
169
169
  left: $cbox-ripple-size;
170
- pointer-events: auto;
170
+ pointer-events: none;
171
171
  position: absolute;
172
172
  right: $cbox-ripple-size;
173
173
  top: $cbox-ripple-size;
@@ -357,9 +357,12 @@ $cbox-ripple-size: -9px !default;
357
357
  pointer-events: none;
358
358
  }
359
359
 
360
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
360
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
361
361
  pointer-events: none;
362
362
  }
363
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
364
+ pointer-events: auto;
365
+ }
363
366
 
364
367
  .e-small .e-checkbox-wrapper,
365
368
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fabric-dark.scss CHANGED
@@ -167,7 +167,7 @@ $cbox-ripple-size: -9px !default;
167
167
  bottom: $cbox-ripple-size;
168
168
  height: $cbox-ripple-height;
169
169
  left: $cbox-ripple-size;
170
- pointer-events: auto;
170
+ pointer-events: none;
171
171
  position: absolute;
172
172
  right: $cbox-ripple-size;
173
173
  top: $cbox-ripple-size;
@@ -357,9 +357,12 @@ $cbox-ripple-size: -9px !default;
357
357
  pointer-events: none;
358
358
  }
359
359
 
360
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
360
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
361
361
  pointer-events: none;
362
362
  }
363
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
364
+ pointer-events: auto;
365
+ }
363
366
 
364
367
  .e-small .e-checkbox-wrapper,
365
368
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fabric-lite.scss CHANGED
@@ -167,7 +167,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
167
167
  bottom: $cbox-ripple-size;
168
168
  height: $cbox-ripple-height;
169
169
  left: $cbox-ripple-size;
170
- pointer-events: auto;
170
+ pointer-events: none;
171
171
  position: absolute;
172
172
  right: $cbox-ripple-size;
173
173
  top: $cbox-ripple-size;
@@ -357,9 +357,12 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
357
357
  pointer-events: none;
358
358
  }
359
359
 
360
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
360
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
361
361
  pointer-events: none;
362
362
  }
363
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
364
+ pointer-events: auto;
365
+ }
363
366
 
364
367
  .e-small .e-checkbox-wrapper,
365
368
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fabric.scss CHANGED
@@ -167,7 +167,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
167
167
  bottom: $cbox-ripple-size;
168
168
  height: $cbox-ripple-height;
169
169
  left: $cbox-ripple-size;
170
- pointer-events: auto;
170
+ pointer-events: none;
171
171
  position: absolute;
172
172
  right: $cbox-ripple-size;
173
173
  top: $cbox-ripple-size;
@@ -357,9 +357,12 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
357
357
  pointer-events: none;
358
358
  }
359
359
 
360
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
360
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
361
361
  pointer-events: none;
362
362
  }
363
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
364
+ pointer-events: auto;
365
+ }
363
366
 
364
367
  .e-small .e-checkbox-wrapper,
365
368
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent-dark-lite.scss CHANGED
@@ -170,7 +170,7 @@ $cbox-icon-color: $icon-color !default;
170
170
  bottom: $cbox-ripple-size;
171
171
  height: $cbox-ripple-height;
172
172
  left: $cbox-ripple-size;
173
- pointer-events: auto;
173
+ pointer-events: none;
174
174
  position: absolute;
175
175
  right: $cbox-ripple-size;
176
176
  top: $cbox-ripple-size;
@@ -360,9 +360,12 @@ $cbox-icon-color: $icon-color !default;
360
360
  pointer-events: none;
361
361
  }
362
362
 
363
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
363
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
364
364
  pointer-events: none;
365
365
  }
366
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
367
+ pointer-events: auto;
368
+ }
366
369
 
367
370
  .e-small .e-checkbox-wrapper,
368
371
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent-dark.scss CHANGED
@@ -170,7 +170,7 @@ $cbox-icon-color: $icon-color !default;
170
170
  bottom: $cbox-ripple-size;
171
171
  height: $cbox-ripple-height;
172
172
  left: $cbox-ripple-size;
173
- pointer-events: auto;
173
+ pointer-events: none;
174
174
  position: absolute;
175
175
  right: $cbox-ripple-size;
176
176
  top: $cbox-ripple-size;
@@ -360,9 +360,12 @@ $cbox-icon-color: $icon-color !default;
360
360
  pointer-events: none;
361
361
  }
362
362
 
363
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
363
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
364
364
  pointer-events: none;
365
365
  }
366
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
367
+ pointer-events: auto;
368
+ }
366
369
 
367
370
  .e-small .e-checkbox-wrapper,
368
371
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent-lite.scss CHANGED
@@ -170,7 +170,7 @@ $cbox-icon-color: $icon-color !default;
170
170
  bottom: $cbox-ripple-size;
171
171
  height: $cbox-ripple-height;
172
172
  left: $cbox-ripple-size;
173
- pointer-events: auto;
173
+ pointer-events: none;
174
174
  position: absolute;
175
175
  right: $cbox-ripple-size;
176
176
  top: $cbox-ripple-size;
@@ -360,9 +360,12 @@ $cbox-icon-color: $icon-color !default;
360
360
  pointer-events: none;
361
361
  }
362
362
 
363
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
363
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
364
364
  pointer-events: none;
365
365
  }
366
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
367
+ pointer-events: auto;
368
+ }
366
369
 
367
370
  .e-small .e-checkbox-wrapper,
368
371
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent.scss CHANGED
@@ -170,7 +170,7 @@ $cbox-icon-color: $icon-color !default;
170
170
  bottom: $cbox-ripple-size;
171
171
  height: $cbox-ripple-height;
172
172
  left: $cbox-ripple-size;
173
- pointer-events: auto;
173
+ pointer-events: none;
174
174
  position: absolute;
175
175
  right: $cbox-ripple-size;
176
176
  top: $cbox-ripple-size;
@@ -360,9 +360,12 @@ $cbox-icon-color: $icon-color !default;
360
360
  pointer-events: none;
361
361
  }
362
362
 
363
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
363
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
364
364
  pointer-events: none;
365
365
  }
366
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
367
+ pointer-events: auto;
368
+ }
366
369
 
367
370
  .e-small .e-checkbox-wrapper,
368
371
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2-dark-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2-dark.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2-highcontrast-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2-highcontrast.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2-lite.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,
package/SCSS-Themes/buttons/check-box/fluent2.scss CHANGED
@@ -165,7 +165,7 @@ $cbox-border-style: solid !default;
165
165
  bottom: $cbox-ripple-size;
166
166
  height: $cbox-ripple-height;
167
167
  left: $cbox-ripple-size;
168
- pointer-events: auto;
168
+ pointer-events: none;
169
169
  position: absolute;
170
170
  right: $cbox-ripple-size;
171
171
  top: $cbox-ripple-size;
@@ -355,9 +355,12 @@ $cbox-border-style: solid !default;
355
355
  pointer-events: none;
356
356
  }
357
357
 
358
- .e-overlay .e-checkbox-wrapper .e-ripple-container {
358
+ .e-overlay .e-checkbox-wrapper.e-pointer-event .e-ripple-container {
359
359
  pointer-events: none;
360
360
  }
361
+ .e-checkbox-wrapper.e-pointer-event .e-ripple-container{
362
+ pointer-events: auto;
363
+ }
361
364
 
362
365
  .e-small .e-checkbox-wrapper,
363
366
  .e-small.e-checkbox-wrapper,