@syncfusion/ej2-bootstrap-dark-theme 34.1.30 → 34.1.32

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-bootstrap-dark-theme",
3
- "version": "34.1.30",
3
+ "version": "34.1.32",
4
4
  "description": "A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -16,5 +16,5 @@
16
16
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls"
17
17
  },
18
18
  "typings": "index.d.ts",
19
- "_id": "@syncfusion/ej2-bootstrap-dark-theme@34.1.30"
19
+ "_id": "@syncfusion/ej2-bootstrap-dark-theme@34.1.32"
20
20
  }
@@ -362,6 +362,7 @@
362
362
  background: $btn-outline-disabled-bgcolor !important; /* stylelint-disable-line declaration-no-important */
363
363
  border-color: $btn-outline-disabled-border-color !important; /* stylelint-disable-line declaration-no-important */
364
364
  color: $btn-outline-disabled-color !important; /* stylelint-disable-line declaration-no-important */
365
+ outline: none !important; /* stylelint-disable-line declaration-no-important */
365
366
  }
366
367
  @else if $skin-name == 'tailwind3' {
367
368
  border: 1px solid $secondary-border-color-disabled;
@@ -1383,6 +1383,32 @@
1383
1383
  margin-bottom: $de-spellcheck-container-gap;
1384
1384
  display: flex;
1385
1385
  }
1386
+ .e-de-loading-dots::after {
1387
+ content: '';
1388
+ animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
1389
+ }
1390
+
1391
+ @keyframes e-de-loading-dots-animation {
1392
+ 0% {
1393
+ content: '';
1394
+ }
1395
+
1396
+ 25% {
1397
+ content: '.';
1398
+ }
1399
+
1400
+ 50% {
1401
+ content: '..';
1402
+ }
1403
+
1404
+ 75% {
1405
+ content: '...';
1406
+ }
1407
+
1408
+ 100% {
1409
+ content: '';
1410
+ }
1411
+ }
1386
1412
  .e-dlg-spellcheck-listitem {
1387
1413
  font-size: $de-spellcheck--listitem-font-size !important;
1388
1414
  }
@@ -1914,6 +1914,27 @@ label[for*=_wholeWord_e-de-rtl] {
1914
1914
  display: -ms-flexbox;
1915
1915
  display: flex;
1916
1916
  }
1917
+ .e-de-loading-dots::after {
1918
+ content: "";
1919
+ animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
1920
+ }
1921
+ @keyframes e-de-loading-dots-animation {
1922
+ 0% {
1923
+ content: "";
1924
+ }
1925
+ 25% {
1926
+ content: ".";
1927
+ }
1928
+ 50% {
1929
+ content: "..";
1930
+ }
1931
+ 75% {
1932
+ content: "...";
1933
+ }
1934
+ 100% {
1935
+ content: "";
1936
+ }
1937
+ }
1917
1938
  .e-dlg-spellcheck-listitem {
1918
1939
  font-size: 15px !important;
1919
1940
  }
@@ -1914,6 +1914,27 @@ label[for*=_wholeWord_e-de-rtl] {
1914
1914
  display: -ms-flexbox;
1915
1915
  display: flex;
1916
1916
  }
1917
+ .e-de-loading-dots::after {
1918
+ content: "";
1919
+ animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
1920
+ }
1921
+ @keyframes e-de-loading-dots-animation {
1922
+ 0% {
1923
+ content: "";
1924
+ }
1925
+ 25% {
1926
+ content: ".";
1927
+ }
1928
+ 50% {
1929
+ content: "..";
1930
+ }
1931
+ 75% {
1932
+ content: "...";
1933
+ }
1934
+ 100% {
1935
+ content: "";
1936
+ }
1937
+ }
1917
1938
  .e-dlg-spellcheck-listitem {
1918
1939
  font-size: 15px !important;
1919
1940
  }
@@ -585,7 +585,7 @@
585
585
  color: $grid-cell-selection-color;
586
586
  }
587
587
 
588
- td:hover.e-cellselectionbackground {
588
+ &.e-gridhover td:hover.e-cellselectionbackground {
589
589
  background: $grid-cell-selection-hover-bg-color;
590
590
  }
591
591
 
@@ -3700,7 +3700,7 @@
3700
3700
  background: #484848;
3701
3701
  color: #fff;
3702
3702
  }
3703
- .e-grid td:hover.e-cellselectionbackground {
3703
+ .e-grid.e-gridhover td:hover.e-cellselectionbackground {
3704
3704
  background: rgb(72, 72, 72);
3705
3705
  }
3706
3706
  .e-grid .e-filterbarcell,
@@ -3700,7 +3700,7 @@
3700
3700
  background: #484848;
3701
3701
  color: #fff;
3702
3702
  }
3703
- .e-grid td:hover.e-cellselectionbackground {
3703
+ .e-grid.e-gridhover td:hover.e-cellselectionbackground {
3704
3704
  background: rgb(72, 72, 72);
3705
3705
  }
3706
3706
  .e-grid .e-filterbarcell,
@@ -25,6 +25,7 @@ $inline-ai-assist-send-font-size: 16px !default;
25
25
  $inline-ai-assist-popup-border: 1px solid $grey-99 !default;
26
26
  $inline-ai-assist-response-text-color: $grey-light-font !default;
27
27
  $inline-ai-assist-textarea-placeholder-color: $grey-f5 !default;
28
+ $inline-ai-assist-textarea-color: $grey-light-font !default;
28
29
  $inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
29
30
  $inline-ai-assist-send-color: $grey-light-font !default;
30
31
  $inline-ai-assist-send-disabled-color: $grey-light-font !default;
@@ -121,6 +121,7 @@
121
121
  max-width: $inline-ai-assist-footer-tbar-min-height;
122
122
  .e-btn-icon {
123
123
  min-width: $inline-ai-assist-footer-tbar-min-height;
124
+ max-height: $inline-ai-assist-footer-tbar-min-height;
124
125
  }
125
126
  }
126
127
  .e-toolbar-right .e-toolbar-item:last-child {
@@ -10,6 +10,10 @@
10
10
  color: $inline-ai-assist-response-text-color;
11
11
  }
12
12
 
13
+ .e-assist-textarea {
14
+ color: $inline-ai-assist-textarea-color;
15
+ }
16
+
13
17
  .e-toolbar-item::after {
14
18
  background-color: transparent;
15
19
  }
@@ -131,6 +131,7 @@
131
131
  }
132
132
  .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
133
133
  min-width: 34px;
134
+ max-height: 34px;
134
135
  }
135
136
  .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
136
137
  margin-right: 0;
@@ -261,6 +262,9 @@
261
262
  .e-inlineaiassist .e-response-text {
262
263
  color: #fff;
263
264
  }
265
+ .e-inlineaiassist .e-assist-textarea {
266
+ color: #fff;
267
+ }
264
268
  .e-inlineaiassist .e-toolbar-item::after {
265
269
  background-color: transparent;
266
270
  }
@@ -131,6 +131,7 @@
131
131
  }
132
132
  .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
133
133
  min-width: 34px;
134
+ max-height: 34px;
134
135
  }
135
136
  .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
136
137
  margin-right: 0;
@@ -261,6 +262,9 @@
261
262
  .e-inlineaiassist .e-response-text {
262
263
  color: #fff;
263
264
  }
265
+ .e-inlineaiassist .e-assist-textarea {
266
+ color: #fff;
267
+ }
264
268
  .e-inlineaiassist .e-toolbar-item::after {
265
269
  background-color: transparent;
266
270
  }
@@ -383,8 +383,8 @@
383
383
 
384
384
  .e-grid {
385
385
 
386
- th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
387
- box-shadow: none !important;
386
+ th.e-leftfreeze {
387
+ border-left-width: 0 !important;
388
388
  }
389
389
 
390
390
  @if ($skin-name == 'bootstrap5.3')
@@ -1017,8 +1017,8 @@
1017
1017
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1018
1018
  color: #f0f0f0 !important;
1019
1019
  }
1020
- .e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
1021
- box-shadow: none !important;
1020
+ .e-pivotview .e-grid th.e-leftfreeze {
1021
+ border-left-width: 0 !important;
1022
1022
  }
1023
1023
  .e-pivotview .e-grid .e-pivot-content-loader {
1024
1024
  position: absolute;
@@ -1017,8 +1017,8 @@
1017
1017
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1018
1018
  color: #f0f0f0 !important;
1019
1019
  }
1020
- .e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
1021
- box-shadow: none !important;
1020
+ .e-pivotview .e-grid th.e-leftfreeze {
1021
+ border-left-width: 0 !important;
1022
1022
  }
1023
1023
  .e-pivotview .e-grid .e-pivot-content-loader {
1024
1024
  position: absolute;