@syncfusion/ej2-angular-kanban 20.2.44-ngcc → 20.2.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +7 -0
  3. package/esm2020/src/kanban/columns.directive.mjs +66 -0
  4. package/esm2020/src/kanban/kanban-all.module.mjs +23 -0
  5. package/esm2020/src/kanban/kanban.component.mjs +100 -0
  6. package/esm2020/src/kanban/kanban.module.mjs +43 -0
  7. package/esm2020/src/kanban/stackedheaders.directive.mjs +58 -0
  8. package/esm2020/syncfusion-ej2-angular-kanban.mjs +5 -0
  9. package/fesm2015/syncfusion-ej2-angular-kanban.mjs +279 -0
  10. package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +1 -0
  11. package/fesm2020/syncfusion-ej2-angular-kanban.mjs +279 -0
  12. package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +1 -0
  13. package/package.json +26 -12
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/kanban/columns.directive.d.ts +5 -0
  16. package/src/kanban/kanban-all.module.d.ts +6 -0
  17. package/src/kanban/kanban.component.d.ts +3 -0
  18. package/src/kanban/kanban.module.d.ts +8 -0
  19. package/src/kanban/stackedheaders.directive.d.ts +5 -0
  20. package/styles/bootstrap-dark.css +14 -12
  21. package/styles/bootstrap.css +6 -4
  22. package/styles/bootstrap4.css +6 -3
  23. package/styles/bootstrap5-dark.css +8 -5
  24. package/styles/bootstrap5.css +8 -5
  25. package/styles/fabric-dark.css +7 -5
  26. package/styles/fabric.css +7 -5
  27. package/styles/fluent-dark.css +7 -4
  28. package/styles/fluent.css +7 -4
  29. package/styles/highcontrast-light.css +10 -5
  30. package/styles/highcontrast.css +10 -5
  31. package/styles/kanban/_all.scss +2 -0
  32. package/styles/kanban/_bootstrap-dark-definition.scss +224 -0
  33. package/styles/kanban/_bootstrap-definition.scss +223 -0
  34. package/styles/kanban/_bootstrap4-definition.scss +224 -0
  35. package/styles/kanban/_bootstrap5-dark-definition.scss +1 -0
  36. package/styles/kanban/_bootstrap5-definition.scss +233 -0
  37. package/styles/kanban/_fabric-dark-definition.scss +223 -0
  38. package/styles/kanban/_fabric-definition.scss +223 -0
  39. package/styles/kanban/_fluent-dark-definition.scss +1 -0
  40. package/styles/kanban/_fluent-definition.scss +225 -0
  41. package/styles/kanban/_fusionnew-definition.scss +233 -0
  42. package/styles/kanban/_highcontrast-definition.scss +224 -0
  43. package/styles/kanban/_highcontrast-light-definition.scss +224 -0
  44. package/styles/kanban/_layout.scss +976 -0
  45. package/styles/kanban/_material-dark-definition.scss +223 -0
  46. package/styles/kanban/_material-definition.scss +223 -0
  47. package/styles/kanban/_material3-definition.scss +233 -0
  48. package/styles/kanban/_tailwind-dark-definition.scss +1 -0
  49. package/styles/kanban/_tailwind-definition.scss +234 -0
  50. package/styles/kanban/_theme.scss +148 -0
  51. package/styles/kanban/bootstrap-dark.css +14 -12
  52. package/styles/kanban/bootstrap-dark.scss +15 -1
  53. package/styles/kanban/bootstrap.css +6 -4
  54. package/styles/kanban/bootstrap.scss +15 -1
  55. package/styles/kanban/bootstrap4.css +6 -3
  56. package/styles/kanban/bootstrap4.scss +15 -1
  57. package/styles/kanban/bootstrap5-dark.css +8 -5
  58. package/styles/kanban/bootstrap5-dark.scss +15 -1
  59. package/styles/kanban/bootstrap5.css +8 -5
  60. package/styles/kanban/bootstrap5.scss +15 -1
  61. package/styles/kanban/fabric-dark.css +7 -5
  62. package/styles/kanban/fabric-dark.scss +15 -1
  63. package/styles/kanban/fabric.css +7 -5
  64. package/styles/kanban/fabric.scss +15 -1
  65. package/styles/kanban/fluent-dark.css +7 -4
  66. package/styles/kanban/fluent-dark.scss +15 -1
  67. package/styles/kanban/fluent.css +7 -4
  68. package/styles/kanban/fluent.scss +15 -1
  69. package/styles/kanban/highcontrast-light.css +10 -5
  70. package/styles/kanban/highcontrast-light.scss +15 -1
  71. package/styles/kanban/highcontrast.css +10 -5
  72. package/styles/kanban/highcontrast.scss +15 -1
  73. package/styles/kanban/icons/_bootstrap-dark.scss +47 -0
  74. package/styles/kanban/icons/_bootstrap.scss +47 -0
  75. package/styles/kanban/icons/_bootstrap4.scss +47 -0
  76. package/styles/kanban/icons/_bootstrap5-dark.scss +1 -0
  77. package/styles/kanban/icons/_bootstrap5.scss +47 -0
  78. package/styles/kanban/icons/_fabric-dark.scss +47 -0
  79. package/styles/kanban/icons/_fabric.scss +47 -0
  80. package/styles/kanban/icons/_fluent-dark.scss +1 -0
  81. package/styles/kanban/icons/_fluent.scss +47 -0
  82. package/styles/kanban/icons/_fusionnew.scss +47 -0
  83. package/styles/kanban/icons/_highcontrast-light.scss +47 -0
  84. package/styles/kanban/icons/_highcontrast.scss +47 -0
  85. package/styles/kanban/icons/_material-dark.scss +47 -0
  86. package/styles/kanban/icons/_material.scss +47 -0
  87. package/styles/kanban/icons/_material3.scss +47 -0
  88. package/styles/kanban/icons/_tailwind-dark.scss +1 -0
  89. package/styles/kanban/icons/_tailwind.scss +47 -0
  90. package/styles/kanban/material-dark.css +20 -18
  91. package/styles/kanban/material-dark.scss +15 -1
  92. package/styles/kanban/material.css +6 -4
  93. package/styles/kanban/material.scss +15 -1
  94. package/styles/kanban/tailwind-dark.css +8 -5
  95. package/styles/kanban/tailwind-dark.scss +15 -1
  96. package/styles/kanban/tailwind.css +8 -5
  97. package/styles/kanban/tailwind.scss +15 -1
  98. package/styles/material-dark.css +20 -18
  99. package/styles/material.css +6 -4
  100. package/styles/tailwind-dark.css +8 -5
  101. package/styles/tailwind.css +8 -5
  102. package/syncfusion-ej2-angular-kanban.d.ts +5 -0
  103. package/@syncfusion/ej2-angular-kanban.es5.js +0 -355
  104. package/@syncfusion/ej2-angular-kanban.es5.js.map +0 -1
  105. package/@syncfusion/ej2-angular-kanban.js +0 -323
  106. package/@syncfusion/ej2-angular-kanban.js.map +0 -1
  107. package/CHANGELOG.md +0 -405
  108. package/dist/ej2-angular-kanban.umd.js +0 -397
  109. package/dist/ej2-angular-kanban.umd.js.map +0 -1
  110. package/dist/ej2-angular-kanban.umd.min.js +0 -11
  111. package/dist/ej2-angular-kanban.umd.min.js.map +0 -1
  112. package/ej2-angular-kanban.d.ts +0 -5
  113. package/ej2-angular-kanban.metadata.json +0 -1
  114. package/postinstall/tagchange.js +0 -18
  115. package/schematics/collection.json +0 -10
  116. package/schematics/ng-add/index.d.ts +0 -3
  117. package/schematics/ng-add/index.js +0 -9
  118. package/schematics/ng-add/schema.d.ts +0 -13
  119. package/schematics/ng-add/schema.js +0 -2
  120. package/schematics/ng-add/schema.json +0 -34
  121. package/schematics/tsconfig.json +0 -25
  122. package/schematics/utils/lib-details.d.ts +0 -4
  123. package/schematics/utils/lib-details.js +0 -6
@@ -0,0 +1,47 @@
1
+ @include export-module('kanban-bootstrap-icons') {
2
+ .e-kanban {
3
+ .e-column-expand::before {
4
+ content: '\e765';
5
+ }
6
+
7
+ .e-column-collapse::before {
8
+ content: '\e748';
9
+ }
10
+
11
+ .e-swimlane-row-expand::before {
12
+ content: '\e729';
13
+ }
14
+
15
+ .e-swimlane-row-collapse::before {
16
+ content: '\e748';
17
+ }
18
+
19
+ .e-show-add-icon::before {
20
+ content: '\e805';
21
+ }
22
+
23
+ .e-swimlane-header-toolbar {
24
+ & .e-icon-menu::before {
25
+ content: '\e799';
26
+ }
27
+ }
28
+
29
+ &.e-rtl {
30
+ .e-column-collapse::before {
31
+ content: '\e765';
32
+ }
33
+
34
+ .e-column-expand::before {
35
+ content: '\e748';
36
+ }
37
+
38
+ .e-swimlane-row-collapse::before {
39
+ content: '\e765';
40
+ }
41
+ }
42
+ }
43
+
44
+ .e-mobile-popup-wrapper .e-close-icon::before {
45
+ content: '\e7e7';
46
+ }
47
+ }
@@ -0,0 +1 @@
1
+ @import './tailwind.scss';
@@ -0,0 +1,47 @@
1
+ @include export-module('kanban-bootstrap-icons') {
2
+ .e-kanban {
3
+ .e-column-expand::before {
4
+ content: '\e765';
5
+ }
6
+
7
+ .e-column-collapse::before {
8
+ content: '\e748';
9
+ }
10
+
11
+ .e-swimlane-row-expand::before {
12
+ content: '\e729';
13
+ }
14
+
15
+ .e-swimlane-row-collapse::before {
16
+ content: '\e748';
17
+ }
18
+
19
+ .e-show-add-icon::before {
20
+ content: '\e805';
21
+ }
22
+
23
+ .e-swimlane-header-toolbar {
24
+ & .e-icon-menu::before {
25
+ content: '\e799';
26
+ }
27
+ }
28
+
29
+ &.e-rtl {
30
+ .e-column-collapse::before {
31
+ content: '\e765';
32
+ }
33
+
34
+ .e-column-expand::before {
35
+ content: '\e748';
36
+ }
37
+
38
+ .e-swimlane-row-collapse::before {
39
+ content: '\e765';
40
+ }
41
+ }
42
+ }
43
+
44
+ .e-mobile-popup-wrapper .e-close-icon::before {
45
+ content: '\e7e7';
46
+ }
47
+ }
@@ -105,8 +105,10 @@
105
105
  padding: 5px 5px 5px 12px;
106
106
  }
107
107
 
108
- /*! component's default definitions and variables */
108
+ /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
109
109
  /*! component's theme wise override material-definitions and variables */
110
+ /* stylelint-disable */
111
+ /* stylelint-disable property-no-vendor-prefix */
110
112
  @keyframes material-spinner-rotate {
111
113
  0% {
112
114
  transform: rotate(0deg);
@@ -191,7 +193,7 @@
191
193
  }
192
194
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
193
195
  font-size: 14px;
194
- font-weight: 400;
196
+ font-weight: normal;
195
197
  line-height: 20px;
196
198
  padding: 2px;
197
199
  }
@@ -272,7 +274,7 @@
272
274
  background: #ffcdd2;
273
275
  }
274
276
  .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
275
- background-color: #f5f5f5;
277
+ background-color: rgba(0, 0, 0, 0.16);
276
278
  text-align: center;
277
279
  width: 50px;
278
280
  }
@@ -381,7 +383,7 @@
381
383
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
382
384
  display: inline-block;
383
385
  font-size: 13px;
384
- font-weight: 400;
386
+ font-weight: normal;
385
387
  opacity: 0.57;
386
388
  }
387
389
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -617,7 +619,7 @@
617
619
  }
618
620
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
619
621
  font-size: 14px;
620
- font-weight: 400;
622
+ font-weight: normal;
621
623
  line-height: 20px;
622
624
  padding: 2px;
623
625
  }
@@ -692,7 +694,7 @@
692
694
  margin: 0 8px 0 0;
693
695
  }
694
696
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
695
- background: #f5f5f5;
697
+ background: rgba(0, 0, 0, 0.16);
696
698
  border-bottom: 0;
697
699
  display: -ms-flexbox;
698
700
  display: flex;
@@ -726,7 +728,7 @@
726
728
  width: 100%;
727
729
  }
728
730
  .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
729
- background: #fff;
731
+ background: #303030;
730
732
  border: 1px solid #e0e0e0;
731
733
  height: 100%;
732
734
  width: 225px;
@@ -924,7 +926,7 @@
924
926
 
925
927
  .e-mobile-popup-wrapper.e-device,
926
928
  .e-mobile-popup-container.e-device {
927
- background-color: #fff;
929
+ background-color: #303030;
928
930
  border-radius: 2px;
929
931
  bottom: 0;
930
932
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -1008,16 +1010,16 @@
1008
1010
 
1009
1011
  /*! kanban component theme */
1010
1012
  .e-kanban {
1011
- background: #fff;
1013
+ background: #303030;
1012
1014
  }
1013
1015
  .e-kanban .e-kanban-table .e-header-cells {
1014
- background-color: #f5f5f5;
1016
+ background-color: rgba(0, 0, 0, 0.16);
1015
1017
  }
1016
1018
  .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1017
- color: rgba(0, 0, 0, 0.87);
1019
+ color: #fff;
1018
1020
  }
1019
1021
  .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1020
- color: rgba(0, 0, 0, 0.87);
1022
+ color: #e0e0e0;
1021
1023
  }
1022
1024
  .e-kanban .e-kanban-table .e-header-cells .e-limits {
1023
1025
  color: inherit;
@@ -1037,11 +1039,11 @@
1037
1039
  color: rgba(0, 0, 0, 0.54);
1038
1040
  }
1039
1041
  .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
1040
- background-color: #f5f5f5;
1042
+ background-color: rgba(0, 0, 0, 0.16);
1041
1043
  }
1042
1044
  .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
1043
1045
  .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
1044
- color: rgba(0, 0, 0, 0.87);
1046
+ color: #fff;
1045
1047
  }
1046
1048
  .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
1047
1049
  background-color: rgba(63, 81, 181, 0.1);
@@ -1053,7 +1055,7 @@
1053
1055
  background-color: #757575;
1054
1056
  }
1055
1057
  .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
1056
- color: rgba(0, 0, 0, 0.87);
1058
+ color: #fff;
1057
1059
  }
1058
1060
  .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
1059
1061
  color: rgba(255, 255, 255, 0.7);
@@ -1073,13 +1075,13 @@
1073
1075
  border-color: #3f51b5;
1074
1076
  }
1075
1077
  .e-kanban .e-frozen-swimlane-row {
1076
- background: #fff;
1078
+ background: #303030;
1077
1079
  }
1078
1080
  .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
1079
- color: rgba(0, 0, 0, 0.87);
1081
+ color: #fff;
1080
1082
  }
1081
1083
  .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1082
- color: rgba(0, 0, 0, 0.87);
1084
+ color: #fff;
1083
1085
  }
1084
1086
 
1085
1087
  .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
@@ -1 +1,15 @@
1
- @import 'ej2-kanban/styles/kanban/material-dark.scss';
1
+ @import 'ej2-base/styles/material-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
+ @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
4
+ @import 'ej2-dropdowns/styles/multi-select/material-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/textbox/material-dark-definition.scss';
7
+ @import 'ej2-layouts/styles/card/material-dark-definition.scss';
8
+ @import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/material-dark-definition.scss';
10
+ @import 'ej2-popups/styles/popup/material-dark-definition.scss';
11
+ @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
12
+ @import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
13
+ @import 'material-dark-definition.scss';
14
+ @import 'icons/material-dark.scss';
15
+ @import 'all.scss';
@@ -130,7 +130,9 @@
130
130
  padding: 4px 8px;
131
131
  }
132
132
 
133
- /*! component's theme wise override material-definitions and variables */ /*! TreeView's material theme wise override definitions and variables */
133
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */ /*! TreeView's material theme wise override definitions and variables */
134
+ /* stylelint-disable */
135
+ /* stylelint-disable property-no-vendor-prefix */
134
136
  @keyframes material-spinner-rotate {
135
137
  0% {
136
138
  transform: rotate(0deg);
@@ -215,7 +217,7 @@
215
217
  }
216
218
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
217
219
  font-size: 14px;
218
- font-weight: 400;
220
+ font-weight: normal;
219
221
  line-height: 20px;
220
222
  padding: 2px;
221
223
  }
@@ -405,7 +407,7 @@
405
407
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
406
408
  display: inline-block;
407
409
  font-size: 13px;
408
- font-weight: 400;
410
+ font-weight: normal;
409
411
  opacity: 0.57;
410
412
  }
411
413
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -641,7 +643,7 @@
641
643
  }
642
644
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
643
645
  font-size: 14px;
644
- font-weight: 400;
646
+ font-weight: normal;
645
647
  line-height: 20px;
646
648
  padding: 2px;
647
649
  }
@@ -1 +1,15 @@
1
- @import 'ej2-kanban/styles/kanban/material.scss';
1
+ @import 'ej2-base/styles/material-definition.scss';
2
+ @import 'ej2-buttons/styles/button/material-definition.scss';
3
+ @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
4
+ @import 'ej2-dropdowns/styles/multi-select/material-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
6
+ @import 'ej2-inputs/styles/textbox/material-definition.scss';
7
+ @import 'ej2-layouts/styles/card/material-definition.scss';
8
+ @import 'ej2-navigations/styles/treeview/material-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/material-definition.scss';
10
+ @import 'ej2-popups/styles/popup/material-definition.scss';
11
+ @import 'ej2-popups/styles/spinner/material-definition.scss';
12
+ @import 'ej2-popups/styles/tooltip/material-definition.scss';
13
+ @import 'material-definition.scss';
14
+ @import 'icons/material.scss';
15
+ @import 'all.scss';
@@ -124,7 +124,10 @@
124
124
  height: 100%;
125
125
  }
126
126
 
127
- /*! TreeView's tailwind theme wise override definitions and variables */
127
+ /* stylelint-disable-line no-empty-source */ /*! TreeView's tailwind theme wise override definitions and variables */
128
+ /* stylelint-disable */
129
+ /* stylelint-disable-line no-empty-source */
130
+ /* stylelint-disable property-no-vendor-prefix */
128
131
  @keyframes material-spinner-rotate {
129
132
  0% {
130
133
  transform: rotate(0);
@@ -208,7 +211,7 @@
208
211
  }
209
212
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
210
213
  font-size: 14px;
211
- font-weight: 400;
214
+ font-weight: normal;
212
215
  line-height: 1.5;
213
216
  padding: 0 0 0 8px;
214
217
  }
@@ -398,7 +401,7 @@
398
401
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
399
402
  display: inline-block;
400
403
  font-size: 13px;
401
- font-weight: 400;
404
+ font-weight: normal;
402
405
  opacity: 0.57;
403
406
  }
404
407
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -637,7 +640,7 @@
637
640
  }
638
641
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
639
642
  font-size: 14px;
640
- font-weight: 400;
643
+ font-weight: normal;
641
644
  line-height: 1.5;
642
645
  padding: 0 0 0 8px;
643
646
  }
@@ -1110,7 +1113,7 @@
1110
1113
  background-color: initial;
1111
1114
  color: #fff;
1112
1115
  min-width: 70%;
1113
- font-weight: 400;
1116
+ font-weight: normal;
1114
1117
  border-color: #d1d5db;
1115
1118
  border-radius: 4px;
1116
1119
  outline: none;
@@ -1 +1,15 @@
1
- @import 'ej2-kanban/styles/kanban/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
4
+ @import 'ej2-dropdowns/styles/multi-select/tailwind-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/textbox/tailwind-dark-definition.scss';
7
+ @import 'ej2-layouts/styles/card/tailwind-dark-definition.scss';
8
+ @import 'ej2-navigations/styles/treeview/tailwind-dark-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/tailwind-dark-definition.scss';
10
+ @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
11
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
12
+ @import 'ej2-popups/styles/tooltip/tailwind-dark-definition.scss';
13
+ @import 'tailwind-dark-definition.scss';
14
+ @import 'icons/tailwind-dark.scss';
15
+ @import 'all.scss';
@@ -124,7 +124,10 @@
124
124
  height: 100%;
125
125
  }
126
126
 
127
- /*! TreeView's tailwind theme wise override definitions and variables */
127
+ /* stylelint-disable-line no-empty-source */ /*! TreeView's tailwind theme wise override definitions and variables */
128
+ /* stylelint-disable */
129
+ /* stylelint-disable-line no-empty-source */
130
+ /* stylelint-disable property-no-vendor-prefix */
128
131
  @keyframes material-spinner-rotate {
129
132
  0% {
130
133
  transform: rotate(0);
@@ -208,7 +211,7 @@
208
211
  }
209
212
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
210
213
  font-size: 14px;
211
- font-weight: 400;
214
+ font-weight: normal;
212
215
  line-height: 1.5;
213
216
  padding: 0 0 0 8px;
214
217
  }
@@ -398,7 +401,7 @@
398
401
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
399
402
  display: inline-block;
400
403
  font-size: 13px;
401
- font-weight: 400;
404
+ font-weight: normal;
402
405
  opacity: 0.57;
403
406
  }
404
407
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -637,7 +640,7 @@
637
640
  }
638
641
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
639
642
  font-size: 14px;
640
- font-weight: 400;
643
+ font-weight: normal;
641
644
  line-height: 1.5;
642
645
  padding: 0 0 0 8px;
643
646
  }
@@ -1110,7 +1113,7 @@
1110
1113
  background-color: initial;
1111
1114
  color: #111827;
1112
1115
  min-width: 70%;
1113
- font-weight: 400;
1116
+ font-weight: normal;
1114
1117
  border-color: #d1d5db;
1115
1118
  border-radius: 4px;
1116
1119
  outline: none;
@@ -1 +1,15 @@
1
- @import 'ej2-kanban/styles/kanban/tailwind.scss';
1
+ @import 'ej2-base/styles/tailwind-definition.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
4
+ @import 'ej2-dropdowns/styles/multi-select/tailwind-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
6
+ @import 'ej2-inputs/styles/textbox/tailwind-definition.scss';
7
+ @import 'ej2-layouts/styles/card/tailwind-definition.scss';
8
+ @import 'ej2-navigations/styles/treeview/tailwind-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/tailwind-definition.scss';
10
+ @import 'ej2-popups/styles/popup/tailwind-definition.scss';
11
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
12
+ @import 'ej2-popups/styles/tooltip/tailwind-definition.scss';
13
+ @import 'tailwind-definition.scss';
14
+ @import 'icons/tailwind.scss';
15
+ @import 'all.scss';
@@ -105,8 +105,10 @@
105
105
  padding: 5px 5px 5px 12px;
106
106
  }
107
107
 
108
- /*! component's default definitions and variables */
108
+ /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
109
109
  /*! component's theme wise override material-definitions and variables */
110
+ /* stylelint-disable */
111
+ /* stylelint-disable property-no-vendor-prefix */
110
112
  @keyframes material-spinner-rotate {
111
113
  0% {
112
114
  transform: rotate(0deg);
@@ -191,7 +193,7 @@
191
193
  }
192
194
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
193
195
  font-size: 14px;
194
- font-weight: 400;
196
+ font-weight: normal;
195
197
  line-height: 20px;
196
198
  padding: 2px;
197
199
  }
@@ -272,7 +274,7 @@
272
274
  background: #ffcdd2;
273
275
  }
274
276
  .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
275
- background-color: #f5f5f5;
277
+ background-color: rgba(0, 0, 0, 0.16);
276
278
  text-align: center;
277
279
  width: 50px;
278
280
  }
@@ -381,7 +383,7 @@
381
383
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
382
384
  display: inline-block;
383
385
  font-size: 13px;
384
- font-weight: 400;
386
+ font-weight: normal;
385
387
  opacity: 0.57;
386
388
  }
387
389
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -617,7 +619,7 @@
617
619
  }
618
620
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
619
621
  font-size: 14px;
620
- font-weight: 400;
622
+ font-weight: normal;
621
623
  line-height: 20px;
622
624
  padding: 2px;
623
625
  }
@@ -692,7 +694,7 @@
692
694
  margin: 0 8px 0 0;
693
695
  }
694
696
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
695
- background: #f5f5f5;
697
+ background: rgba(0, 0, 0, 0.16);
696
698
  border-bottom: 0;
697
699
  display: -ms-flexbox;
698
700
  display: flex;
@@ -726,7 +728,7 @@
726
728
  width: 100%;
727
729
  }
728
730
  .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
729
- background: #fff;
731
+ background: #303030;
730
732
  border: 1px solid #e0e0e0;
731
733
  height: 100%;
732
734
  width: 225px;
@@ -924,7 +926,7 @@
924
926
 
925
927
  .e-mobile-popup-wrapper.e-device,
926
928
  .e-mobile-popup-container.e-device {
927
- background-color: #fff;
929
+ background-color: #303030;
928
930
  border-radius: 2px;
929
931
  bottom: 0;
930
932
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -1008,16 +1010,16 @@
1008
1010
 
1009
1011
  /*! kanban component theme */
1010
1012
  .e-kanban {
1011
- background: #fff;
1013
+ background: #303030;
1012
1014
  }
1013
1015
  .e-kanban .e-kanban-table .e-header-cells {
1014
- background-color: #f5f5f5;
1016
+ background-color: rgba(0, 0, 0, 0.16);
1015
1017
  }
1016
1018
  .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1017
- color: rgba(0, 0, 0, 0.87);
1019
+ color: #fff;
1018
1020
  }
1019
1021
  .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1020
- color: rgba(0, 0, 0, 0.87);
1022
+ color: #e0e0e0;
1021
1023
  }
1022
1024
  .e-kanban .e-kanban-table .e-header-cells .e-limits {
1023
1025
  color: inherit;
@@ -1037,11 +1039,11 @@
1037
1039
  color: rgba(0, 0, 0, 0.54);
1038
1040
  }
1039
1041
  .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
1040
- background-color: #f5f5f5;
1042
+ background-color: rgba(0, 0, 0, 0.16);
1041
1043
  }
1042
1044
  .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
1043
1045
  .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
1044
- color: rgba(0, 0, 0, 0.87);
1046
+ color: #fff;
1045
1047
  }
1046
1048
  .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
1047
1049
  background-color: rgba(63, 81, 181, 0.1);
@@ -1053,7 +1055,7 @@
1053
1055
  background-color: #757575;
1054
1056
  }
1055
1057
  .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
1056
- color: rgba(0, 0, 0, 0.87);
1058
+ color: #fff;
1057
1059
  }
1058
1060
  .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
1059
1061
  color: rgba(255, 255, 255, 0.7);
@@ -1073,13 +1075,13 @@
1073
1075
  border-color: #3f51b5;
1074
1076
  }
1075
1077
  .e-kanban .e-frozen-swimlane-row {
1076
- background: #fff;
1078
+ background: #303030;
1077
1079
  }
1078
1080
  .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
1079
- color: rgba(0, 0, 0, 0.87);
1081
+ color: #fff;
1080
1082
  }
1081
1083
  .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1082
- color: rgba(0, 0, 0, 0.87);
1084
+ color: #fff;
1083
1085
  }
1084
1086
 
1085
1087
  .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
@@ -130,7 +130,9 @@
130
130
  padding: 4px 8px;
131
131
  }
132
132
 
133
- /*! component's theme wise override material-definitions and variables */ /*! TreeView's material theme wise override definitions and variables */
133
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */ /*! TreeView's material theme wise override definitions and variables */
134
+ /* stylelint-disable */
135
+ /* stylelint-disable property-no-vendor-prefix */
134
136
  @keyframes material-spinner-rotate {
135
137
  0% {
136
138
  transform: rotate(0deg);
@@ -215,7 +217,7 @@
215
217
  }
216
218
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
217
219
  font-size: 14px;
218
- font-weight: 400;
220
+ font-weight: normal;
219
221
  line-height: 20px;
220
222
  padding: 2px;
221
223
  }
@@ -405,7 +407,7 @@
405
407
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
406
408
  display: inline-block;
407
409
  font-size: 13px;
408
- font-weight: 400;
410
+ font-weight: normal;
409
411
  opacity: 0.57;
410
412
  }
411
413
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -641,7 +643,7 @@
641
643
  }
642
644
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
643
645
  font-size: 14px;
644
- font-weight: 400;
646
+ font-weight: normal;
645
647
  line-height: 20px;
646
648
  padding: 2px;
647
649
  }
@@ -124,7 +124,10 @@
124
124
  height: 100%;
125
125
  }
126
126
 
127
- /*! TreeView's tailwind theme wise override definitions and variables */
127
+ /* stylelint-disable-line no-empty-source */ /*! TreeView's tailwind theme wise override definitions and variables */
128
+ /* stylelint-disable */
129
+ /* stylelint-disable-line no-empty-source */
130
+ /* stylelint-disable property-no-vendor-prefix */
128
131
  @keyframes material-spinner-rotate {
129
132
  0% {
130
133
  transform: rotate(0);
@@ -208,7 +211,7 @@
208
211
  }
209
212
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
210
213
  font-size: 14px;
211
- font-weight: 400;
214
+ font-weight: normal;
212
215
  line-height: 1.5;
213
216
  padding: 0 0 0 8px;
214
217
  }
@@ -398,7 +401,7 @@
398
401
  .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
399
402
  display: inline-block;
400
403
  font-size: 13px;
401
- font-weight: 400;
404
+ font-weight: normal;
402
405
  opacity: 0.57;
403
406
  }
404
407
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -637,7 +640,7 @@
637
640
  }
638
641
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
639
642
  font-size: 14px;
640
- font-weight: 400;
643
+ font-weight: normal;
641
644
  line-height: 1.5;
642
645
  padding: 0 0 0 8px;
643
646
  }
@@ -1110,7 +1113,7 @@
1110
1113
  background-color: initial;
1111
1114
  color: #fff;
1112
1115
  min-width: 70%;
1113
- font-weight: 400;
1116
+ font-weight: normal;
1114
1117
  border-color: #d1d5db;
1115
1118
  border-radius: 4px;
1116
1119
  outline: none;