@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/spreadsheet/_theme.scss CHANGED
@@ -944,6 +944,15 @@
944
944
  }
945
945
  }
946
946
 
947
+ .e-drag-preview-indicator div {
948
+ &.e-top,
949
+ &.e-bottom,
950
+ &.e-left,
951
+ &.e-right {
952
+ background-color: $selection-border-color;
953
+ }
954
+ }
955
+
947
956
  &.e-hide-column-gridlines .e-sheet-panel {
948
957
  &:not(.e-rtl) {
949
958
  & .e-cell {
@@ -2327,4 +2336,138 @@
2327
2336
  font-size: 12px;
2328
2337
  pointer-events: none;
2329
2338
  }
2339
+
2340
+ .e-sfcontextmenu {
2341
+ &.e-menu-popup.e-chart-menu ul,
2342
+ &.e-menu-popup.e-chart-type-menu ul {
2343
+ & .e-column1-text,
2344
+ & .e-column2-text,
2345
+ & .e-bar1-text,
2346
+ & .e-bar2-text,
2347
+ & .e-line-text,
2348
+ & .e-pie-text,
2349
+ & .e-radar-text,
2350
+ & .e-area-text,
2351
+ & .e-scatter-text {
2352
+ @if $sheet-skin == 'bootstrap-dark' or $sheet-skin == 'fabric-dark' or $sheet-skin == 'material-dark' or $sheet-skin == 'tailwind' or $sheet-skin == 'bootstrap5' {
2353
+ background-color: $ele-color;
2354
+ }
2355
+ @else if $skin-name == 'highcontrast' {
2356
+ background-color: $cell-color;
2357
+ }
2358
+ @else if $skin-name != 'fluent2' and $skin-name != 'bootstrap5.3' and $skin-name != 'tailwind3' {
2359
+ background-color: $ele-hover-color;
2360
+ }
2361
+ }
2362
+
2363
+ & .e-column1-cont,
2364
+ & .e-column2-cont,
2365
+ & .e-bar1-cont,
2366
+ & .e-bar2-cont,
2367
+ & .e-line-cont,
2368
+ & .e-pie-cont,
2369
+ & .e-radar-cont,
2370
+ & .e-area-cont,
2371
+ & .e-scatter-cont {
2372
+ @if $sheet-skin == 'bootstrap-dark' or $sheet-skin == 'fabric-dark' or $sheet-skin == 'material-dark' or $sheet-skin == 'tailwind-dark' or $sheet-skin == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
2373
+ background-color: $dark-ele-color;
2374
+ }
2375
+ @else if $skin-name == 'highcontrast' {
2376
+ background-color: $cell-color;
2377
+ }
2378
+ @else if $sheet-skin != 'Material3' and $skin-name != 'fluent2' and $skin-name != 'tailwind3' {
2379
+ background-color: $cell-background;
2380
+ }
2381
+
2382
+ & .e-clusteredcolumn,
2383
+ & .e-stackedcolumn,
2384
+ & .e-stackedcolumn100,
2385
+ & .e-clusteredcolumn3d,
2386
+ & .e-stackedcolumn3d,
2387
+ & .e-stackedcolumn1003d,
2388
+ & .e-clusteredbar,
2389
+ & .e-stackedbar,
2390
+ & .e-stackedbar100,
2391
+ & .e-clusteredbar3d,
2392
+ & .e-stackedbar3d,
2393
+ & .e-stackedbar1003d,
2394
+ & .e-line,
2395
+ & .e-line-marker,
2396
+ & .e-stackedline,
2397
+ & .e-stackedline-marker,
2398
+ & .e-stackedline100,
2399
+ & .e-stackedline100-marker,
2400
+ & .e-pie,
2401
+ & .e-doughnut,
2402
+ & .e-radar,
2403
+ & .e-radar-markers,
2404
+ & .e-area,
2405
+ & .e-stackedarea,
2406
+ & .e-stackedarea100,
2407
+ & .e-scatter {
2408
+ @if $theme-name == 'tailwind-dark' {
2409
+ color: $chart-icon-color;
2410
+ }
2411
+ }
2412
+
2413
+ & .e-clusteredcolumn:hover,
2414
+ & .e-stackedcolumn:hover,
2415
+ & .e-stackedcolumn100:hover,
2416
+ & .e-clusteredcolumn3d:hover,
2417
+ & .e-stackedcolumn3d:hover,
2418
+ & .e-stackedcolumn1003d:hover,
2419
+ & .e-clusteredbar:hover,
2420
+ & .e-stackedbar:hover,
2421
+ & .e-stackedbar100:hover,
2422
+ & .e-clusteredbar3d:hover,
2423
+ & .e-stackedbar3d:hover,
2424
+ & .e-stackedbar1003d:hover,
2425
+ & .e-line:hover,
2426
+ & .e-line-marker:hover,
2427
+ & .e-stackedline:hover,
2428
+ & .e-stackedline-marker:hover,
2429
+ & .e-stackedline100:hover,
2430
+ & .e-stackedline100-marker:hover,
2431
+ & .e-pie:hover,
2432
+ & .e-doughnut:hover,
2433
+ & .e-radar:hover,
2434
+ & .e-radar-markers:hover,
2435
+ & .e-area:hover,
2436
+ & .e-stackedarea:hover,
2437
+ & .e-stackedarea100:hover,
2438
+ & .e-scatter:hover,
2439
+ & .e-menu-icon:focus {
2440
+ @if $sheet-skin == 'bootstrap-dark' or $sheet-skin == 'fabric-dark' or $sheet-skin == 'material-dark' or $sheet-skin == 'tailwind' or $sheet-skin == 'bootstrap5' or $sheet-skin == 'bootstrap5.3' {
2441
+ background-color: $dark-ele-hover-color;
2442
+ }
2443
+ @else if $skin-name == 'highcontrast' or $skin-name == 'tailwind-dark' or $sheet-skin == 'bootstrap5-dark' {
2444
+ background-color: $hdr-hover-bg-color;
2445
+ }
2446
+ @else if $skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
2447
+ background-color: $spreadsheet-chart-icon-bg-color;
2448
+ border-radius: $spreadsheet-chart-icon-border-radius;
2449
+ }
2450
+ @else {
2451
+ background-color: $ele-hover-color;
2452
+ }
2453
+ }
2454
+ }
2455
+
2456
+ & .e-is-wrapper:hover,
2457
+ & .e-is-wrapper:focus {
2458
+ @if $sheet-skin == 'bootstrap-dark' or $sheet-skin == 'fabric-dark' or $sheet-skin == 'material-dark' or $sheet-skin == 'tailwind' or $sheet-skin == 'bootstrap5' or $sheet-skin == 'bootstrap5.3' {
2459
+ background-color: $dark-ele-hover-color;
2460
+ }
2461
+ @else if $skin-name == 'highcontrast' {
2462
+ background-color: $hdr-hover-bg-color;
2463
+ }
2464
+ @else if $skin-name == 'fluent2' or $skin-name == 'bootstrap5.3'{
2465
+ background-color: $spreadsheet-chart-icon-bg-color;
2466
+ }
2467
+ @else {
2468
+ background-color: $ele-hover-color;
2469
+ }
2470
+ }
2471
+ }
2472
+ }
2330
2473
  }