@syncfusion/ej2-multicolumn-combobox 31.2.12 → 32.1.20

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 (138) hide show
  1. package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
  2. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-multicolumn-combobox.es2015.js +1 -0
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  5. package/dist/es6/ej2-multicolumn-combobox.es5.js +1 -0
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
  7. package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
  8. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +3 -3
  11. package/src/multicolumn-combobox/multi-column-combo-box.js +1 -0
  12. package/styles/bds-lite.scss +10 -11
  13. package/styles/bds.scss +11 -12
  14. package/styles/bootstrap-dark-lite.scss +10 -11
  15. package/styles/bootstrap-dark.scss +11 -12
  16. package/styles/bootstrap-lite.scss +10 -11
  17. package/styles/bootstrap.scss +11 -12
  18. package/styles/bootstrap4-lite.scss +10 -11
  19. package/styles/bootstrap4.scss +11 -12
  20. package/styles/bootstrap5-dark-lite.scss +10 -11
  21. package/styles/bootstrap5-dark.scss +11 -12
  22. package/styles/bootstrap5-lite.scss +11 -11
  23. package/styles/bootstrap5.3-lite.css +88 -8
  24. package/styles/bootstrap5.3-lite.scss +11 -11
  25. package/styles/bootstrap5.3.css +88 -8
  26. package/styles/bootstrap5.3.scss +12 -12
  27. package/styles/bootstrap5.scss +12 -12
  28. package/styles/fabric-dark-lite.scss +11 -11
  29. package/styles/fabric-dark.scss +12 -12
  30. package/styles/fabric-lite.scss +11 -11
  31. package/styles/fabric.scss +12 -12
  32. package/styles/fluent-dark-lite.scss +11 -11
  33. package/styles/fluent-dark.scss +12 -12
  34. package/styles/fluent-lite.scss +11 -11
  35. package/styles/fluent.scss +12 -12
  36. package/styles/fluent2-lite.css +125 -10
  37. package/styles/fluent2-lite.scss +11 -11
  38. package/styles/fluent2.css +125 -10
  39. package/styles/fluent2.scss +12 -12
  40. package/styles/highcontrast-light-lite.scss +11 -11
  41. package/styles/highcontrast-light.scss +12 -12
  42. package/styles/highcontrast-lite.scss +11 -11
  43. package/styles/highcontrast.scss +12 -12
  44. package/styles/material-dark-lite.scss +11 -11
  45. package/styles/material-dark.scss +12 -12
  46. package/styles/material-lite.scss +10 -11
  47. package/styles/material.scss +11 -12
  48. package/styles/material3-dark-lite.css +147 -8
  49. package/styles/material3-dark-lite.scss +11 -11
  50. package/styles/material3-dark.css +147 -8
  51. package/styles/material3-dark.scss +12 -14
  52. package/styles/material3-lite.css +147 -8
  53. package/styles/material3-lite.scss +11 -11
  54. package/styles/material3.css +147 -8
  55. package/styles/material3.scss +12 -14
  56. package/styles/multicolumn-combobox/_all.scss +2 -2
  57. package/styles/multicolumn-combobox/_bds-definition.scss +16 -4
  58. package/styles/multicolumn-combobox/_bigger.scss +6 -4
  59. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +17 -0
  60. package/styles/multicolumn-combobox/_bootstrap-definition.scss +17 -0
  61. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +17 -0
  62. package/styles/multicolumn-combobox/_bootstrap5-dark-definition.scss +49 -1
  63. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +17 -0
  64. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +18 -1
  65. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +17 -0
  66. package/styles/multicolumn-combobox/_fabric-definition.scss +17 -0
  67. package/styles/multicolumn-combobox/_fluent-dark-definition.scss +49 -1
  68. package/styles/multicolumn-combobox/_fluent-definition.scss +17 -0
  69. package/styles/multicolumn-combobox/_fluent2-definition.scss +18 -1
  70. package/styles/multicolumn-combobox/_fusionnew-definition.scss +17 -0
  71. package/styles/multicolumn-combobox/_highcontrast-definition.scss +17 -0
  72. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +17 -0
  73. package/styles/multicolumn-combobox/_layout.scss +18 -16
  74. package/styles/multicolumn-combobox/_material-dark-definition.scss +17 -0
  75. package/styles/multicolumn-combobox/_material-definition.scss +17 -0
  76. package/styles/multicolumn-combobox/_material3-dark-definition.scss +49 -1
  77. package/styles/multicolumn-combobox/_material3-definition.scss +18 -1
  78. package/styles/multicolumn-combobox/_tailwind-dark-definition.scss +49 -1
  79. package/styles/multicolumn-combobox/_tailwind-definition.scss +17 -0
  80. package/styles/multicolumn-combobox/_tailwind3-definition.scss +18 -1
  81. package/styles/multicolumn-combobox/_theme-variables.scss +1 -0
  82. package/styles/multicolumn-combobox/_theme.scss +2 -0
  83. package/styles/multicolumn-combobox/bds.scss +12 -12
  84. package/styles/multicolumn-combobox/bootstrap-dark.scss +12 -12
  85. package/styles/multicolumn-combobox/bootstrap.scss +12 -12
  86. package/styles/multicolumn-combobox/bootstrap4.scss +12 -12
  87. package/styles/multicolumn-combobox/bootstrap5-dark.scss +12 -12
  88. package/styles/multicolumn-combobox/bootstrap5.3.css +88 -8
  89. package/styles/multicolumn-combobox/bootstrap5.3.scss +12 -12
  90. package/styles/multicolumn-combobox/bootstrap5.scss +12 -12
  91. package/styles/multicolumn-combobox/fabric-dark.scss +12 -12
  92. package/styles/multicolumn-combobox/fabric.scss +12 -12
  93. package/styles/multicolumn-combobox/fluent-dark.scss +12 -12
  94. package/styles/multicolumn-combobox/fluent.scss +12 -12
  95. package/styles/multicolumn-combobox/fluent2.css +125 -10
  96. package/styles/multicolumn-combobox/fluent2.scss +12 -12
  97. package/styles/multicolumn-combobox/highcontrast-light.scss +12 -12
  98. package/styles/multicolumn-combobox/highcontrast.scss +12 -12
  99. package/styles/multicolumn-combobox/icons/_bds.scss +1 -0
  100. package/styles/multicolumn-combobox/icons/_bootstrap-dark.scss +1 -0
  101. package/styles/multicolumn-combobox/icons/_bootstrap.scss +1 -0
  102. package/styles/multicolumn-combobox/icons/_bootstrap4.scss +1 -0
  103. package/styles/multicolumn-combobox/icons/_bootstrap5-dark.scss +1 -1
  104. package/styles/multicolumn-combobox/icons/_bootstrap5.3.scss +1 -0
  105. package/styles/multicolumn-combobox/icons/_bootstrap5.scss +1 -0
  106. package/styles/multicolumn-combobox/icons/_fabric-dark.scss +1 -0
  107. package/styles/multicolumn-combobox/icons/_fabric.scss +1 -0
  108. package/styles/multicolumn-combobox/icons/_fluent-dark.scss +1 -1
  109. package/styles/multicolumn-combobox/icons/_fluent.scss +1 -0
  110. package/styles/multicolumn-combobox/icons/_fluent2.scss +1 -0
  111. package/styles/multicolumn-combobox/icons/_fusionnew.scss +1 -0
  112. package/styles/multicolumn-combobox/icons/_highcontrast-light.scss +1 -0
  113. package/styles/multicolumn-combobox/icons/_highcontrast.scss +1 -0
  114. package/styles/multicolumn-combobox/icons/_material-dark.scss +1 -0
  115. package/styles/multicolumn-combobox/icons/_material.scss +1 -0
  116. package/styles/multicolumn-combobox/icons/_material3-dark.scss +1 -1
  117. package/styles/multicolumn-combobox/icons/_material3.scss +1 -0
  118. package/styles/multicolumn-combobox/icons/_tailwind-dark.scss +1 -1
  119. package/styles/multicolumn-combobox/icons/_tailwind.scss +1 -0
  120. package/styles/multicolumn-combobox/icons/_tailwind3.scss +1 -0
  121. package/styles/multicolumn-combobox/material-dark.scss +12 -12
  122. package/styles/multicolumn-combobox/material.scss +12 -12
  123. package/styles/multicolumn-combobox/material3-dark.css +147 -8
  124. package/styles/multicolumn-combobox/material3-dark.scss +12 -13
  125. package/styles/multicolumn-combobox/material3.css +147 -8
  126. package/styles/multicolumn-combobox/material3.scss +12 -13
  127. package/styles/multicolumn-combobox/tailwind-dark.scss +12 -12
  128. package/styles/multicolumn-combobox/tailwind.scss +12 -12
  129. package/styles/multicolumn-combobox/tailwind3.css +78 -8
  130. package/styles/multicolumn-combobox/tailwind3.scss +12 -12
  131. package/styles/tailwind-dark-lite.scss +11 -11
  132. package/styles/tailwind-dark.scss +12 -12
  133. package/styles/tailwind-lite.scss +11 -11
  134. package/styles/tailwind.scss +12 -12
  135. package/styles/tailwind3-lite.css +78 -8
  136. package/styles/tailwind3-lite.scss +11 -11
  137. package/styles/tailwind3.css +78 -8
  138. package/styles/tailwind3.scss +12 -12
package/styles/multicolumn-combobox/tailwind3.css CHANGED
@@ -2,6 +2,76 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* border */
11
+ /* 0px */
12
+ /* 1px */
13
+ /* 1.5px */
14
+ /* 2px */
15
+ /* 3px */
16
+ /* 4px */
17
+ /* 5px */
18
+ /* 6px */
19
+ /* 7px */
20
+ /* 8px */
21
+ /* Radius */
22
+ /* 1px */
23
+ /* 2px */
24
+ /* 3px */
25
+ /* 4px */
26
+ /* 5px */
27
+ /* 6px */
28
+ /* 7px */
29
+ /* 8px */
30
+ /* 9px */
31
+ /* 10px */
32
+ /* 11px */
33
+ /* 12px */
34
+ /* 13px */
35
+ /* 14px */
36
+ /* 15px */
37
+ /* 16px */
38
+ /* 17px */
39
+ /* 18px */
40
+ /* 19px */
41
+ /* 20px */
42
+ /* 21px */
43
+ /* 22px */
44
+ /* 23px */
45
+ /* 24px */
46
+ /* 25px */
47
+ /* 26px */
48
+ /* 27px */
49
+ /* 28px */
50
+ /* 29px */
51
+ /* 30px */
52
+ /* 31px */
53
+ /* 32px */
54
+ /* 33px */
55
+ /* 34px */
56
+ /* 35px */
57
+ /* 36px */
58
+ /* 37px */
59
+ /* 38px */
60
+ /* 39px */
61
+ /* 40px */
62
+ /* 41px */
63
+ /* 42px */
64
+ /* 43px */
65
+ /* 44px */
66
+ /* 45px */
67
+ /* 46px */
68
+ /* 47px */
69
+ /* 48px */
70
+ /* 49px */
71
+ /* 50px */
72
+ /* 5em */
73
+
74
+
5
75
  .e-dropdownbase .e-list-group-item,
6
76
  .e-fixed-head {
7
77
  font-size: 12px;
@@ -23,7 +93,7 @@
23
93
  }
24
94
 
25
95
  .e-popup.e-ddl {
26
- border-radius: 4px;
96
+ border-radius: calc(var(--e-radius) * 0.25);
27
97
  -webkit-box-shadow: none;
28
98
  box-shadow: none;
29
99
  margin-top: 3px;
@@ -210,7 +280,7 @@
210
280
  -webkit-box-align: center;
211
281
  -ms-flex-align: center;
212
282
  align-items: center;
213
- border-radius: 0 0 6px 6px;
283
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
214
284
  }
215
285
 
216
286
  .e-multicolumn-list .e-multicolumn-list-hidden {
@@ -223,10 +293,10 @@
223
293
 
224
294
  .e-multicolumn-grid.e-grid {
225
295
  border-width: 1px;
226
- border-radius: 6px;
296
+ border-radius: calc(var(--e-radius) * 0.375);
227
297
  }
228
298
  .e-multicolumn-grid.e-grid .e-gridcontent {
229
- border-radius: 0 0 6px 6px;
299
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
230
300
  }
231
301
 
232
302
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -234,10 +304,10 @@
234
304
  }
235
305
 
236
306
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
237
- border-radius: 6px 6px 0 0;
307
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
238
308
  }
239
309
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
240
- border-radius: 0;
310
+ border-radius: calc(var(--e-radius) * 0);
241
311
  }
242
312
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
243
313
  -webkit-transform: rotate(180deg);
@@ -269,7 +339,7 @@
269
339
 
270
340
  .e-popup.e-multicolumn-list {
271
341
  position: absolute;
272
- border-radius: 6px;
342
+ border-radius: calc(var(--e-radius) * 0.375);
273
343
  margin-top: 2px;
274
344
  }
275
345
  .e-popup.e-multicolumn-list .e-nodata {
@@ -287,7 +357,7 @@
287
357
  position: sticky;
288
358
  top: 0;
289
359
  z-index: 1;
290
- border-radius: 6px 6px 0 0;
360
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) 0 0;
291
361
  }
292
362
 
293
363
  .e-multicolumn-grid .e-headercontent {
package/styles/multicolumn-combobox/tailwind3.scss CHANGED
@@ -1,12 +1,12 @@
1
- @import 'ej2-base/styles/definition/tailwind3.scss';
2
- @import 'ej2-buttons/styles/button/tailwind3-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind3-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind3-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind3-definition.scss';
9
- @import 'tailwind3-definition.scss';
10
- @import 'icons/tailwind3.scss';
11
- @import 'all.scss';
12
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/tailwind3' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind3-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind3-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind3-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind3-definition' as *;
9
+ @use 'tailwind3-definition' as *;
10
+ @use 'icons/tailwind3' as *;
11
+ @use 'all' as *;
12
+ @use 'bigger' as *;
package/styles/tailwind-dark-lite.scss CHANGED
@@ -1,11 +1,11 @@
1
- @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
- @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind-dark-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind-dark-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
9
- @import 'multicolumn-combobox/tailwind-dark-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind-dark.scss';
11
- @import 'multicolumn-combobox/all.scss';
1
+ @use 'ej2-base/styles/definition/tailwind-dark' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind-dark-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind-dark-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind-dark-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind-dark-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind-dark' as *;
11
+ @use 'multicolumn-combobox/all' as *;
package/styles/tailwind-dark.scss CHANGED
@@ -1,12 +1,12 @@
1
- @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
- @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind-dark-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind-dark-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
9
- @import 'multicolumn-combobox/tailwind-dark-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind-dark.scss';
11
- @import 'multicolumn-combobox/all.scss';
12
- @import 'multicolumn-combobox/bigger.scss';
1
+ @use 'ej2-base/styles/definition/tailwind-dark' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind-dark-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind-dark-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind-dark-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind-dark-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind-dark' as *;
11
+ @use 'multicolumn-combobox/all' as *;
12
+ @use 'multicolumn-combobox/bigger' as *;
package/styles/tailwind-lite.scss CHANGED
@@ -1,11 +1,11 @@
1
- @import 'ej2-base/styles/definition/tailwind.scss';
2
- @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
9
- @import 'multicolumn-combobox/tailwind-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind.scss';
11
- @import 'multicolumn-combobox/all.scss';
1
+ @use 'ej2-base/styles/definition/tailwind' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind' as *;
11
+ @use 'multicolumn-combobox/all' as *;
package/styles/tailwind.scss CHANGED
@@ -1,12 +1,12 @@
1
- @import 'ej2-base/styles/definition/tailwind.scss';
2
- @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
9
- @import 'multicolumn-combobox/tailwind-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind.scss';
11
- @import 'multicolumn-combobox/all.scss';
12
- @import 'multicolumn-combobox/bigger.scss';
1
+ @use 'ej2-base/styles/definition/tailwind' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind' as *;
11
+ @use 'multicolumn-combobox/all' as *;
12
+ @use 'multicolumn-combobox/bigger' as *;
package/styles/tailwind3-lite.css CHANGED
@@ -2,6 +2,76 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* border */
11
+ /* 0px */
12
+ /* 1px */
13
+ /* 1.5px */
14
+ /* 2px */
15
+ /* 3px */
16
+ /* 4px */
17
+ /* 5px */
18
+ /* 6px */
19
+ /* 7px */
20
+ /* 8px */
21
+ /* Radius */
22
+ /* 1px */
23
+ /* 2px */
24
+ /* 3px */
25
+ /* 4px */
26
+ /* 5px */
27
+ /* 6px */
28
+ /* 7px */
29
+ /* 8px */
30
+ /* 9px */
31
+ /* 10px */
32
+ /* 11px */
33
+ /* 12px */
34
+ /* 13px */
35
+ /* 14px */
36
+ /* 15px */
37
+ /* 16px */
38
+ /* 17px */
39
+ /* 18px */
40
+ /* 19px */
41
+ /* 20px */
42
+ /* 21px */
43
+ /* 22px */
44
+ /* 23px */
45
+ /* 24px */
46
+ /* 25px */
47
+ /* 26px */
48
+ /* 27px */
49
+ /* 28px */
50
+ /* 29px */
51
+ /* 30px */
52
+ /* 31px */
53
+ /* 32px */
54
+ /* 33px */
55
+ /* 34px */
56
+ /* 35px */
57
+ /* 36px */
58
+ /* 37px */
59
+ /* 38px */
60
+ /* 39px */
61
+ /* 40px */
62
+ /* 41px */
63
+ /* 42px */
64
+ /* 43px */
65
+ /* 44px */
66
+ /* 45px */
67
+ /* 46px */
68
+ /* 47px */
69
+ /* 48px */
70
+ /* 49px */
71
+ /* 50px */
72
+ /* 5em */
73
+
74
+
5
75
  .e-dropdownbase .e-list-group-item,
6
76
  .e-fixed-head {
7
77
  font-size: 12px;
@@ -23,7 +93,7 @@
23
93
  }
24
94
 
25
95
  .e-popup.e-ddl {
26
- border-radius: 4px;
96
+ border-radius: calc(var(--e-radius) * 0.25);
27
97
  -webkit-box-shadow: none;
28
98
  box-shadow: none;
29
99
  margin-top: 3px;
@@ -210,7 +280,7 @@
210
280
  -webkit-box-align: center;
211
281
  -ms-flex-align: center;
212
282
  align-items: center;
213
- border-radius: 0 0 6px 6px;
283
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
214
284
  }
215
285
 
216
286
  .e-multicolumn-list .e-multicolumn-list-hidden {
@@ -223,10 +293,10 @@
223
293
 
224
294
  .e-multicolumn-grid.e-grid {
225
295
  border-width: 1px;
226
- border-radius: 6px;
296
+ border-radius: calc(var(--e-radius) * 0.375);
227
297
  }
228
298
  .e-multicolumn-grid.e-grid .e-gridcontent {
229
- border-radius: 0 0 6px 6px;
299
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
230
300
  }
231
301
 
232
302
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -234,10 +304,10 @@
234
304
  }
235
305
 
236
306
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
237
- border-radius: 6px 6px 0 0;
307
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
238
308
  }
239
309
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
240
- border-radius: 0;
310
+ border-radius: calc(var(--e-radius) * 0);
241
311
  }
242
312
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
243
313
  -webkit-transform: rotate(180deg);
@@ -269,7 +339,7 @@
269
339
 
270
340
  .e-popup.e-multicolumn-list {
271
341
  position: absolute;
272
- border-radius: 6px;
342
+ border-radius: calc(var(--e-radius) * 0.375);
273
343
  margin-top: 2px;
274
344
  }
275
345
  .e-popup.e-multicolumn-list .e-nodata {
@@ -287,7 +357,7 @@
287
357
  position: sticky;
288
358
  top: 0;
289
359
  z-index: 1;
290
- border-radius: 6px 6px 0 0;
360
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) 0 0;
291
361
  }
292
362
 
293
363
  .e-multicolumn-grid .e-headercontent {
package/styles/tailwind3-lite.scss CHANGED
@@ -1,11 +1,11 @@
1
- @import 'ej2-base/styles/definition/tailwind3.scss';
2
- @import 'ej2-buttons/styles/button/tailwind3-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind3-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind3-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind3-definition.scss';
9
- @import 'multicolumn-combobox/tailwind3-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind3.scss';
11
- @import 'multicolumn-combobox/all.scss';
1
+ @use 'ej2-base/styles/definition/tailwind3' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind3-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind3-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind3-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind3-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind3-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind3' as *;
11
+ @use 'multicolumn-combobox/all' as *;
package/styles/tailwind3.css CHANGED
@@ -2,6 +2,76 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* border */
11
+ /* 0px */
12
+ /* 1px */
13
+ /* 1.5px */
14
+ /* 2px */
15
+ /* 3px */
16
+ /* 4px */
17
+ /* 5px */
18
+ /* 6px */
19
+ /* 7px */
20
+ /* 8px */
21
+ /* Radius */
22
+ /* 1px */
23
+ /* 2px */
24
+ /* 3px */
25
+ /* 4px */
26
+ /* 5px */
27
+ /* 6px */
28
+ /* 7px */
29
+ /* 8px */
30
+ /* 9px */
31
+ /* 10px */
32
+ /* 11px */
33
+ /* 12px */
34
+ /* 13px */
35
+ /* 14px */
36
+ /* 15px */
37
+ /* 16px */
38
+ /* 17px */
39
+ /* 18px */
40
+ /* 19px */
41
+ /* 20px */
42
+ /* 21px */
43
+ /* 22px */
44
+ /* 23px */
45
+ /* 24px */
46
+ /* 25px */
47
+ /* 26px */
48
+ /* 27px */
49
+ /* 28px */
50
+ /* 29px */
51
+ /* 30px */
52
+ /* 31px */
53
+ /* 32px */
54
+ /* 33px */
55
+ /* 34px */
56
+ /* 35px */
57
+ /* 36px */
58
+ /* 37px */
59
+ /* 38px */
60
+ /* 39px */
61
+ /* 40px */
62
+ /* 41px */
63
+ /* 42px */
64
+ /* 43px */
65
+ /* 44px */
66
+ /* 45px */
67
+ /* 46px */
68
+ /* 47px */
69
+ /* 48px */
70
+ /* 49px */
71
+ /* 50px */
72
+ /* 5em */
73
+
74
+
5
75
  .e-dropdownbase .e-list-group-item,
6
76
  .e-fixed-head {
7
77
  font-size: 12px;
@@ -23,7 +93,7 @@
23
93
  }
24
94
 
25
95
  .e-popup.e-ddl {
26
- border-radius: 4px;
96
+ border-radius: calc(var(--e-radius) * 0.25);
27
97
  -webkit-box-shadow: none;
28
98
  box-shadow: none;
29
99
  margin-top: 3px;
@@ -210,7 +280,7 @@
210
280
  -webkit-box-align: center;
211
281
  -ms-flex-align: center;
212
282
  align-items: center;
213
- border-radius: 0 0 6px 6px;
283
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
214
284
  }
215
285
 
216
286
  .e-multicolumn-list .e-multicolumn-list-hidden {
@@ -223,10 +293,10 @@
223
293
 
224
294
  .e-multicolumn-grid.e-grid {
225
295
  border-width: 1px;
226
- border-radius: 6px;
296
+ border-radius: calc(var(--e-radius) * 0.375);
227
297
  }
228
298
  .e-multicolumn-grid.e-grid .e-gridcontent {
229
- border-radius: 0 0 6px 6px;
299
+ border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375);
230
300
  }
231
301
 
232
302
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -234,10 +304,10 @@
234
304
  }
235
305
 
236
306
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
237
- border-radius: 6px 6px 0 0;
307
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
238
308
  }
239
309
  .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
240
- border-radius: 0;
310
+ border-radius: calc(var(--e-radius) * 0);
241
311
  }
242
312
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
243
313
  -webkit-transform: rotate(180deg);
@@ -269,7 +339,7 @@
269
339
 
270
340
  .e-popup.e-multicolumn-list {
271
341
  position: absolute;
272
- border-radius: 6px;
342
+ border-radius: calc(var(--e-radius) * 0.375);
273
343
  margin-top: 2px;
274
344
  }
275
345
  .e-popup.e-multicolumn-list .e-nodata {
@@ -287,7 +357,7 @@
287
357
  position: sticky;
288
358
  top: 0;
289
359
  z-index: 1;
290
- border-radius: 6px 6px 0 0;
360
+ border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0.375) 0 0;
291
361
  }
292
362
 
293
363
  .e-multicolumn-grid .e-headercontent {
package/styles/tailwind3.scss CHANGED
@@ -1,12 +1,12 @@
1
- @import 'ej2-base/styles/definition/tailwind3.scss';
2
- @import 'ej2-buttons/styles/button/tailwind3-definition.scss';
3
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition.scss';
4
- @import 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition.scss';
5
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition.scss';
6
- @import 'ej2-dropdowns/styles/combo-box/tailwind3-definition.scss';
7
- @import 'ej2-grids/styles/grid/tailwind3-definition.scss';
8
- @import 'ej2-popups/styles/spinner/tailwind3-definition.scss';
9
- @import 'multicolumn-combobox/tailwind3-definition.scss';
10
- @import 'multicolumn-combobox/icons/tailwind3.scss';
11
- @import 'multicolumn-combobox/all.scss';
12
- @import 'multicolumn-combobox/bigger.scss';
1
+ @use 'ej2-base/styles/definition/tailwind3' as *;
2
+ @use 'ej2-buttons/styles/button/tailwind3-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/drop-down-button/tailwind3-definition' as *;
4
+ @use 'ej2-dropdowns/styles/drop-down-base/tailwind3-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition' as *;
6
+ @use 'ej2-dropdowns/styles/combo-box/tailwind3-definition' as *;
7
+ @use 'ej2-grids/styles/grid/tailwind3-definition' as *;
8
+ @use 'ej2-popups/styles/spinner/tailwind3-definition' as *;
9
+ @use 'multicolumn-combobox/tailwind3-definition' as *;
10
+ @use 'multicolumn-combobox/icons/tailwind3' as *;
11
+ @use 'multicolumn-combobox/all' as *;
12
+ @use 'multicolumn-combobox/bigger' as *;