@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

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 (120) hide show
  1. package/package.json +2 -2
  2. package/styles/ai-assistview/_bigger.scss +9 -1
  3. package/styles/ai-assistview/_fabric-definition.scss +3 -0
  4. package/styles/ai-assistview/_layout.scss +77 -11
  5. package/styles/ai-assistview/_theme.scss +12 -1
  6. package/styles/ai-assistview/ai-assistview-lite.css +129 -28
  7. package/styles/ai-assistview/ai-assistview.css +144 -30
  8. package/styles/base/base.css +76 -8
  9. package/styles/base/common/_core.scss +39 -6
  10. package/styles/base/definition/_fabric.scss +19 -0
  11. package/styles/compatibility/fabric.css +1 -1
  12. package/styles/document-editor-container/_layout.scss +2 -0
  13. package/styles/excel-filter/_bigger.scss +1 -1
  14. package/styles/fabric-lite.css +3 -0
  15. package/styles/fabric-lite.scss +3 -0
  16. package/styles/fabric.css +3 -0
  17. package/styles/fabric.scss +3 -0
  18. package/styles/file-manager/_layout.scss +14 -3
  19. package/styles/file-manager/file-manager-lite.css +10 -2
  20. package/styles/file-manager/file-manager.css +10 -2
  21. package/styles/form-builder/_all.scss +2 -0
  22. package/styles/form-builder/_fabric-definition.scss +84 -0
  23. package/styles/form-builder/_layout.scss +2550 -0
  24. package/styles/form-builder/_mixin.scss +26 -0
  25. package/styles/form-builder/_theme.scss +711 -0
  26. package/styles/form-builder/_variables.scss +2 -0
  27. package/styles/form-builder/form-builder.css +2872 -0
  28. package/styles/form-builder/form-builder.scss +2 -0
  29. package/styles/form-builder/index.css +53 -0
  30. package/styles/form-builder/index.scss +53 -0
  31. package/styles/form-renderer/_layout.scss +83 -83
  32. package/styles/form-renderer/_theme.scss +19 -14
  33. package/styles/form-renderer/form-renderer.css +96 -93
  34. package/styles/gantt/_layout.scss +4 -0
  35. package/styles/gantt/gantt-lite.css +3 -0
  36. package/styles/gantt/gantt.css +3 -0
  37. package/styles/grid/_bigger.scss +70 -3
  38. package/styles/grid/_fabric-definition.scss +29 -0
  39. package/styles/grid/_layout.scss +423 -2
  40. package/styles/grid/_theme.scss +4 -1
  41. package/styles/grid/grid-lite.css +458 -2
  42. package/styles/grid/grid.css +519 -4
  43. package/styles/grid/icons/_fabric.scss +4 -0
  44. package/styles/headless-editor/_all.scss +2 -0
  45. package/styles/headless-editor/_bigger.scss +138 -0
  46. package/styles/headless-editor/_fabric-definition.scss +217 -0
  47. package/styles/headless-editor/_layout.scss +672 -0
  48. package/styles/headless-editor/_theme.scss +260 -0
  49. package/styles/headless-editor/_variables.scss +2 -0
  50. package/styles/headless-editor/headless-editor-lite.css +859 -0
  51. package/styles/headless-editor/headless-editor-lite.scss +2 -0
  52. package/styles/headless-editor/headless-editor.css +1003 -0
  53. package/styles/headless-editor/headless-editor.scss +3 -0
  54. package/styles/headless-editor/index-lite.css +2 -0
  55. package/styles/headless-editor/index-lite.scss +2 -0
  56. package/styles/headless-editor/index.css +2 -0
  57. package/styles/headless-editor/index.scss +2 -0
  58. package/styles/icons/fabric.css +37 -1
  59. package/styles/icons/fabric.scss +13 -1
  60. package/styles/kanban/_layout.scss +1 -1
  61. package/styles/kanban/kanban-lite.css +1 -1
  62. package/styles/kanban/kanban.css +1 -1
  63. package/styles/multi-select/_layout.scss +9 -0
  64. package/styles/multi-select/multi-select-lite.css +8 -0
  65. package/styles/multi-select/multi-select.css +8 -0
  66. package/styles/pager/_layout.scss +4 -0
  67. package/styles/pager/pager-lite.css +3 -0
  68. package/styles/pager/pager.css +3 -0
  69. package/styles/pdfviewer/_bigger.scss +162 -0
  70. package/styles/pdfviewer/_fabric-definition.scss +9 -0
  71. package/styles/pdfviewer/_theme.scss +2012 -46
  72. package/styles/pdfviewer/icons/_fabric.scss +44 -0
  73. package/styles/pdfviewer/pdfviewer-lite.css +1088 -43
  74. package/styles/pdfviewer/pdfviewer.css +1122 -53
  75. package/styles/pivotview/_layout.scss +8 -0
  76. package/styles/pivotview/_theme.scss +12 -3
  77. package/styles/pivotview/pivotview-lite.css +6 -2
  78. package/styles/pivotview/pivotview.css +6 -2
  79. package/styles/radio-button/_bigger.scss +1 -1
  80. package/styles/radio-button/_layout.scss +2 -2
  81. package/styles/ribbon/_layout.scss +12 -0
  82. package/styles/ribbon/ribbon-lite.css +4 -0
  83. package/styles/ribbon/ribbon.css +4 -0
  84. package/styles/rich-text-editor/_bigger.scss +7 -7
  85. package/styles/rich-text-editor/_fabric-definition.scss +2 -2
  86. package/styles/rich-text-editor/_layout.scss +16 -12
  87. package/styles/rich-text-editor/_theme.scss +3 -1
  88. package/styles/rich-text-editor/rich-text-editor-lite.css +21 -18
  89. package/styles/rich-text-editor/rich-text-editor.css +35 -32
  90. package/styles/richtexteditor-ui/_all.scss +2 -0
  91. package/styles/richtexteditor-ui/_bigger.scss +178 -0
  92. package/styles/richtexteditor-ui/_fabric-definition.scss +275 -0
  93. package/styles/richtexteditor-ui/_layout.scss +902 -0
  94. package/styles/richtexteditor-ui/_mixin.scss +45 -0
  95. package/styles/richtexteditor-ui/_theme.scss +653 -0
  96. package/styles/richtexteditor-ui/_variables.scss +2 -0
  97. package/styles/richtexteditor-ui/icons/_fabric.scss +13 -0
  98. package/styles/richtexteditor-ui/index-lite.css +22 -0
  99. package/styles/richtexteditor-ui/index-lite.scss +22 -0
  100. package/styles/richtexteditor-ui/index.css +22 -0
  101. package/styles/richtexteditor-ui/index.scss +22 -0
  102. package/styles/richtexteditor-ui/richtexteditor-ui-lite.css +1104 -0
  103. package/styles/richtexteditor-ui/richtexteditor-ui-lite.scss +3 -0
  104. package/styles/richtexteditor-ui/richtexteditor-ui.css +1228 -0
  105. package/styles/richtexteditor-ui/richtexteditor-ui.scss +4 -0
  106. package/styles/schedule/_layout.scss +0 -5
  107. package/styles/schedule/schedule-lite.css +0 -4
  108. package/styles/schedule/schedule.css +0 -4
  109. package/styles/spreadsheet/_bigger.scss +13 -0
  110. package/styles/spreadsheet/_fabric-definition.scss +2 -1
  111. package/styles/spreadsheet/_layout.scss +530 -3
  112. package/styles/spreadsheet/_theme.scss +143 -0
  113. package/styles/spreadsheet/spreadsheet-lite.css +423 -3
  114. package/styles/spreadsheet/spreadsheet.css +430 -3
  115. package/styles/spreadsheet-ribbon/_fabric-definition.scss +2 -0
  116. package/styles/spreadsheet-ribbon/_layout.scss +12 -0
  117. package/styles/spreadsheet-ribbon/spreadsheet-ribbon-lite.css +9 -0
  118. package/styles/spreadsheet-ribbon/spreadsheet-ribbon.css +9 -0
  119. package/styles/treegrid/_bigger.scss +1 -1
  120. package/styles/treegrid/_layout.scss +1 -1
package/styles/ai-assistview/ai-assistview.css CHANGED
@@ -61,6 +61,7 @@
61
61
  .e-aiassistview {
62
62
  border: 1px solid;
63
63
  position: relative;
64
+ display: block;
64
65
  }
65
66
  .e-aiassistview.e-assist-tab-header-disabled .e-view-header {
66
67
  display: none;
@@ -447,6 +448,9 @@
447
448
  .e-aiassistview .e-footer.e-footer-expanded.e-toolbar-inline .e-footer-icons-wrapper .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
448
449
  position: absolute;
449
450
  }
451
+ .e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-textarea-icons-wrapper:has(.e-footer-left-items) .e-assist-textarea {
452
+ padding-left: 0;
453
+ }
450
454
  .e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-footer-icons-wrapper {
451
455
  width: -moz-fit-content;
452
456
  width: fit-content;
@@ -463,7 +467,8 @@
463
467
  .e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-footer-icons-wrapper .e-toolbar[style*="width:"][style*=px] .e-toolbar[style*=px] .e-toolbar-items.e-tbar-pos .e-toolbar-center {
464
468
  position: unset;
465
469
  }
466
- .e-aiassistview .e-footer .e-footer-icons-wrapper {
470
+ .e-aiassistview .e-footer .e-footer-icons-wrapper,
471
+ .e-aiassistview .e-footer .e-footer-left-items {
467
472
  display: -ms-flexbox;
468
473
  display: flex;
469
474
  -ms-flex-align: center;
@@ -471,40 +476,50 @@
471
476
  gap: 8px;
472
477
  padding: 4px 8px 4px 0;
473
478
  }
474
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar {
479
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar,
480
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar {
475
481
  width: 100%;
476
482
  min-height: 32px;
477
483
  }
478
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn {
484
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn,
485
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn {
479
486
  min-height: 32px;
480
487
  min-width: 32px;
481
488
  cursor: default;
482
489
  }
483
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:focus {
490
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:focus,
491
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:focus {
484
492
  padding: 0;
485
493
  }
486
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) {
494
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop),
495
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:has(.e-assist-stop) {
487
496
  max-width: 32px;
488
497
  }
489
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon {
498
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon,
499
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon {
490
500
  min-width: 32px;
491
501
  }
492
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
502
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child,
503
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
493
504
  margin-right: 0;
494
505
  }
495
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item {
506
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item,
507
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item {
496
508
  min-height: unset;
497
509
  min-width: unset;
498
510
  max-height: 32px;
499
511
  }
500
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled) {
512
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled),
513
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled) {
501
514
  outline: 1px solid;
502
515
  padding: 4px;
503
516
  }
504
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon {
517
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon,
518
+ .e-aiassistview .e-footer .e-footer-left-items .e-assist-attachment-icon {
505
519
  font-size: 14px;
506
520
  }
507
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-icons {
521
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-icons,
522
+ .e-aiassistview .e-footer .e-footer-left-items .e-icons {
508
523
  cursor: pointer;
509
524
  }
510
525
  .e-aiassistview .e-footer .e-assist-textarea {
@@ -530,15 +545,36 @@
530
545
  border-radius: 0;
531
546
  }
532
547
  .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper {
533
- display: block;
548
+ display: -ms-flexbox;
549
+ display: flex;
550
+ -ms-flex-wrap: wrap;
551
+ flex-wrap: wrap;
552
+ -ms-flex-align: end;
553
+ align-items: flex-end;
554
+ gap: 4px 8px;
555
+ }
556
+ .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-assist-textarea {
557
+ width: 100%;
558
+ -ms-flex-order: 1;
559
+ order: 1;
560
+ }
561
+ .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-hidden-textarea {
562
+ width: 100%;
563
+ -ms-flex-order: 2;
564
+ order: 2;
565
+ }
566
+ .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-footer-left-items {
567
+ -ms-flex-order: 3;
568
+ order: 3;
534
569
  }
535
570
  .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-footer-icons-wrapper {
536
571
  padding: 4px 8px;
537
572
  -ms-flex-pack: end;
538
573
  justify-content: end;
539
- }
540
- .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-assist-textarea {
541
- width: 100%;
574
+ -ms-flex-order: 4;
575
+ order: 4;
576
+ -ms-flex: 1;
577
+ flex: 1;
542
578
  }
543
579
  .e-aiassistview .e-footer:not(.e-footer-template).e-toolbar-bottom .e-textarea-icons-wrapper {
544
580
  display: block;
@@ -708,7 +744,8 @@
708
744
  padding: 4px 0 4px 8px;
709
745
  padding-right: unset;
710
746
  }
711
- .e-aiassistview .e-footer-icons-wrapper .e-upload {
747
+ .e-aiassistview .e-footer-icons-wrapper .e-upload,
748
+ .e-aiassistview .e-footer-left-items .e-upload {
712
749
  display: none;
713
750
  }
714
751
  .e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item) {
@@ -989,11 +1026,11 @@
989
1026
  -ms-flex-align: center;
990
1027
  align-items: center;
991
1028
  }
992
- .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .content {
1029
+ .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-stage-content {
993
1030
  padding-left: 10px;
994
1031
  margin-bottom: 8px;
995
1032
  }
996
- .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .content .content-container {
1033
+ .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-stage-content .e-stage-content-container {
997
1034
  display: -ms-flexbox;
998
1035
  display: flex;
999
1036
  -ms-flex-pack: justify;
@@ -1014,7 +1051,7 @@
1014
1051
  -ms-flex-pack: center;
1015
1052
  justify-content: center;
1016
1053
  }
1017
- .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line::after {
1054
+ .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line::after {
1018
1055
  content: "";
1019
1056
  position: absolute;
1020
1057
  top: 32px;
@@ -1025,12 +1062,56 @@
1025
1062
  background-color: #d0d0d0;
1026
1063
  z-index: 999;
1027
1064
  }
1028
- .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line {
1065
+ .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line {
1029
1066
  position: relative;
1030
1067
  }
1031
- .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container.e-timeline-last-item .progress-line::after {
1068
+ .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container.e-timeline-last-item .e-progress-line::after {
1032
1069
  display: none;
1033
1070
  }
1071
+ .e-aiassistview .e-mention.e-editable-element {
1072
+ border: none;
1073
+ }
1074
+ .e-aiassistview .e-mention-chip,
1075
+ .e-aiassistview .e-mention-chip:hover {
1076
+ display: inline-block;
1077
+ padding: 0 6px;
1078
+ -ms-flex-align: center;
1079
+ align-items: center;
1080
+ max-height: 22px;
1081
+ line-height: 22px;
1082
+ border-radius: 18px;
1083
+ }
1084
+ .e-aiassistview .e-mention-chip .e-icons,
1085
+ .e-aiassistview .e-mention-chip:hover .e-icons {
1086
+ font-size: 12px;
1087
+ margin-right: 4px;
1088
+ }
1089
+ .e-aiassistview .e-prompt-text .e-mention-chip,
1090
+ .e-aiassistview .e-prompt-text .e-footer .e-mention-chip:hover {
1091
+ display: -ms-inline-flexbox;
1092
+ display: inline-flex;
1093
+ }
1094
+ .e-assist-telemetry-tooltip-body {
1095
+ min-width: 150px;
1096
+ max-width: 320px;
1097
+ }
1098
+ .e-assist-telemetry-row {
1099
+ -ms-flex-align: center;
1100
+ align-items: center;
1101
+ -ms-flex-pack: justify;
1102
+ justify-content: space-between;
1103
+ display: -ms-flexbox;
1104
+ display: flex;
1105
+ padding: 3px 0;
1106
+ }
1107
+ .e-assist-telemetry-value {
1108
+ font-weight: 500;
1109
+ font-variant-numeric: tabular-nums;
1110
+ overflow: hidden;
1111
+ text-overflow: ellipsis;
1112
+ white-space: nowrap;
1113
+ max-width: 90px;
1114
+ }
1034
1115
  @media (max-width: 760px) {
1035
1116
  .e-aiassistview .e-view-container {
1036
1117
  width: 100%;
@@ -1180,28 +1261,42 @@
1180
1261
  .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide).disabled {
1181
1262
  color: #a6a6a6;
1182
1263
  }
1183
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-item::after {
1264
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-item::after,
1265
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar-item::after {
1184
1266
  background-color: transparent;
1185
1267
  }
1186
1268
  .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar,
1187
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-items {
1269
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-items,
1270
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar,
1271
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar-items {
1188
1272
  background: #fff;
1189
1273
  border: none;
1190
1274
  box-shadow: none;
1191
1275
  }
1192
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
1276
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus,
1277
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
1193
1278
  box-shadow: none;
1194
1279
  }
1195
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
1280
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled,
1281
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled,
1282
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
1196
1283
  color: #a6a6a6;
1197
1284
  }
1198
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop {
1285
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop,
1286
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop,
1287
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop {
1199
1288
  color: #0078d6;
1200
1289
  }
1201
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled) {
1290
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled),
1291
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled),
1292
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled),
1293
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled) {
1202
1294
  background: transparent;
1203
1295
  }
1204
- .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop) {
1296
+ .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop),
1297
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop),
1298
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop),
1299
+ .e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop) {
1205
1300
  background: transparent;
1206
1301
  }
1207
1302
  .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text,
@@ -1296,6 +1391,12 @@
1296
1391
  .e-aiassistview .e-toolbar .e-toolbar-item {
1297
1392
  box-shadow: none;
1298
1393
  }
1394
+ .e-aiassistview .e-mention-chip,
1395
+ .e-aiassistview .e-mention-chip:hover {
1396
+ background: rgb(208.9, 234.7504672897, 255);
1397
+ color: #0078d6;
1398
+ border: none;
1399
+ }
1299
1400
  .e-prompt-toolbar .e-toolbar,
1300
1401
  .e-prompt-toolbar .e-toolbar .e-toolbar-items,
1301
1402
  .e-prompt-toolbar .e-tbar-btn:not(:hover),
@@ -1629,8 +1730,21 @@
1629
1730
  min-height: 40px;
1630
1731
  font-size: 18px;
1631
1732
  }
1632
- .e-bigger.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line::after,
1633
- .e-bigger .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line::after {
1733
+ .e-bigger.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line::after,
1734
+ .e-bigger .e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line::after {
1634
1735
  top: 40px;
1635
1736
  height: 10px;
1737
+ }
1738
+ .e-bigger.e-aiassistview .e-mention-chip,
1739
+ .e-bigger.e-aiassistview .e-mention-chip:hover,
1740
+ .e-bigger .e-aiassistview .e-mention-chip,
1741
+ .e-bigger .e-aiassistview .e-mention-chip:hover {
1742
+ max-height: 24px;
1743
+ line-height: 24px;
1744
+ }
1745
+ .e-bigger.e-aiassistview .e-mention-chip .e-icons,
1746
+ .e-bigger.e-aiassistview .e-mention-chip:hover .e-icons,
1747
+ .e-bigger .e-aiassistview .e-mention-chip .e-icons,
1748
+ .e-bigger .e-aiassistview .e-mention-chip:hover .e-icons {
1749
+ font-size: 14px;
1636
1750
  }