@syncfusion/ej2-material-theme 34.1.29 → 34.1.31

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 (85) hide show
  1. package/package.json +2 -2
  2. package/styles/ai-assistview/index-lite.css +2 -1
  3. package/styles/ai-assistview/index-lite.scss +2 -1
  4. package/styles/ai-assistview/index.css +2 -1
  5. package/styles/ai-assistview/index.scss +2 -1
  6. package/styles/base/base.css +10 -1
  7. package/styles/blockeditor/index-lite.css +1 -0
  8. package/styles/blockeditor/index-lite.scss +1 -0
  9. package/styles/blockeditor/index.css +1 -0
  10. package/styles/blockeditor/index.scss +1 -0
  11. package/styles/button/_mixin.scss +1 -0
  12. package/styles/chat-ui/index-lite.css +1 -0
  13. package/styles/chat-ui/index-lite.scss +1 -0
  14. package/styles/chat-ui/index.css +1 -0
  15. package/styles/chat-ui/index.scss +1 -0
  16. package/styles/color-picker/_bigger.scss +3 -0
  17. package/styles/color-picker/_layout.scss +5 -0
  18. package/styles/color-picker/_material-definition.scss +1 -0
  19. package/styles/color-picker/color-picker-lite.css +5 -0
  20. package/styles/color-picker/color-picker.css +10 -0
  21. package/styles/compatibility/material.css +1 -1
  22. package/styles/customized/material.css +52 -13
  23. package/styles/file-manager/_layout.scss +5 -0
  24. package/styles/file-manager/file-manager-lite.css +5 -0
  25. package/styles/file-manager/file-manager.css +5 -0
  26. package/styles/gantt/index-lite.css +2 -0
  27. package/styles/gantt/index-lite.scss +2 -0
  28. package/styles/gantt/index.css +2 -0
  29. package/styles/gantt/index.scss +2 -0
  30. package/styles/grid/_theme.scss +1 -1
  31. package/styles/grid/grid-lite.css +1 -1
  32. package/styles/grid/grid.css +1 -1
  33. package/styles/icons/material.css +10 -1
  34. package/styles/icons/material.scss +4 -1
  35. package/styles/inline-ai-assist/_layout.scss +1 -0
  36. package/styles/inline-ai-assist/_material-definition.scss +1 -0
  37. package/styles/inline-ai-assist/_theme.scss +4 -0
  38. package/styles/inline-ai-assist/index-lite.css +2 -1
  39. package/styles/inline-ai-assist/index-lite.scss +2 -1
  40. package/styles/inline-ai-assist/index.css +2 -1
  41. package/styles/inline-ai-assist/index.scss +2 -1
  42. package/styles/inline-ai-assist/inline-ai-assist-lite.css +4 -0
  43. package/styles/inline-ai-assist/inline-ai-assist.css +4 -0
  44. package/styles/inplace-editor/index-lite.css +2 -0
  45. package/styles/inplace-editor/index-lite.scss +2 -0
  46. package/styles/inplace-editor/index.css +2 -0
  47. package/styles/inplace-editor/index.scss +2 -0
  48. package/styles/material-lite.css +0 -1
  49. package/styles/material-lite.scss +0 -1
  50. package/styles/material.css +0 -1
  51. package/styles/material.scss +0 -1
  52. package/styles/mention/index-lite.css +4 -0
  53. package/styles/mention/index-lite.scss +4 -0
  54. package/styles/mention/index.css +2 -1
  55. package/styles/mention/index.scss +2 -1
  56. package/styles/offline-theme/material.css +52 -13
  57. package/styles/pager/_layout.scss +10 -0
  58. package/styles/pager/pager-lite.css +8 -0
  59. package/styles/pager/pager.css +8 -0
  60. package/styles/pdfviewer/_material-definition.scss +7 -0
  61. package/styles/pdfviewer/_theme.scss +46 -24
  62. package/styles/pdfviewer/index-lite.css +2 -0
  63. package/styles/pdfviewer/index-lite.scss +2 -0
  64. package/styles/pdfviewer/index.css +2 -0
  65. package/styles/pdfviewer/index.scss +2 -0
  66. package/styles/pdfviewer/pdfviewer-lite.css +14 -10
  67. package/styles/pdfviewer/pdfviewer.css +14 -10
  68. package/styles/rich-text-editor/index-lite.css +2 -0
  69. package/styles/rich-text-editor/index-lite.scss +2 -0
  70. package/styles/rich-text-editor/index.css +2 -0
  71. package/styles/rich-text-editor/index.scss +2 -0
  72. package/styles/smartpdfviewer/index-lite.css +2 -1
  73. package/styles/smartpdfviewer/index-lite.scss +2 -1
  74. package/styles/smartpdfviewer/index.css +2 -1
  75. package/styles/smartpdfviewer/index.scss +2 -1
  76. package/styles/spreadsheet/index-lite.css +1 -0
  77. package/styles/spreadsheet/index-lite.scss +1 -0
  78. package/styles/spreadsheet/index.css +1 -0
  79. package/styles/spreadsheet/index.scss +1 -0
  80. package/styles/mention/_all.scss +0 -1
  81. package/styles/mention/_layout.scss +0 -7
  82. package/styles/mention/_material-definition.scss +0 -3
  83. package/styles/mention/_variables.scss +0 -2
  84. package/styles/mention/mention.css +0 -0
  85. package/styles/mention/mention.scss +0 -2
package/styles/blockeditor/index-lite.css CHANGED
@@ -15,6 +15,7 @@
15
15
  @import '../v-scroll/v-scroll-lite.css';
16
16
  @import '../toolbar/toolbar-lite.css';
17
17
  @import '../menu/menu-lite.css';
18
+ @import '../ej2-lists/ej2-lists.css';
18
19
  @import '../drop-down-base/drop-down-base-lite.css';
19
20
  @import '../mention/mention.css';
20
21
  @import '../blockeditor/blockeditor-lite.css';
package/styles/blockeditor/index-lite.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  @use '../v-scroll/v-scroll-lite' as *;
16
16
  @use '../toolbar/toolbar-lite' as *;
17
17
  @use '../menu/menu-lite' as *;
18
+ @use '../ej2-lists/ej2-lists' as *;
18
19
  @use '../drop-down-base/drop-down-base-lite' as *;
19
20
  @use '../mention/mention' as *;
20
21
  @use '../blockeditor/blockeditor-lite' as *;
package/styles/blockeditor/index.css CHANGED
@@ -15,6 +15,7 @@
15
15
  @import '../v-scroll/v-scroll.css';
16
16
  @import '../toolbar/toolbar.css';
17
17
  @import '../menu/menu.css';
18
+ @import '../ej2-lists/ej2-lists.css';
18
19
  @import '../drop-down-base/drop-down-base.css';
19
20
  @import '../mention/mention.css';
20
21
  @import '../blockeditor/blockeditor.css';
package/styles/blockeditor/index.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  @use '../v-scroll/v-scroll' as *;
16
16
  @use '../toolbar/toolbar' as *;
17
17
  @use '../menu/menu' as *;
18
+ @use '../ej2-lists/ej2-lists' as *;
18
19
  @use '../drop-down-base/drop-down-base' as *;
19
20
  @use '../mention/mention' as *;
20
21
  @use '../blockeditor/blockeditor' as *;
package/styles/button/_mixin.scss CHANGED
@@ -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;
package/styles/chat-ui/index-lite.css CHANGED
@@ -10,6 +10,7 @@
10
10
  @import '../spinner/spinner.css';
11
11
  @import '../floating-action-button/floating-action-button-lite.css';
12
12
  @import '../drop-down-button/drop-down-button-lite.css';
13
+ @import '../ej2-lists/ej2-lists.css';
13
14
  @import '../drop-down-base/drop-down-base-lite.css';
14
15
  @import '../mention/mention.css';
15
16
  @import '../chat-ui/chat-ui-lite.css';
package/styles/chat-ui/index-lite.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  @use '../spinner/spinner' as *;
11
11
  @use '../floating-action-button/floating-action-button-lite' as *;
12
12
  @use '../drop-down-button/drop-down-button-lite' as *;
13
+ @use '../ej2-lists/ej2-lists' as *;
13
14
  @use '../drop-down-base/drop-down-base-lite' as *;
14
15
  @use '../mention/mention' as *;
15
16
  @use '../chat-ui/chat-ui-lite' as *;
package/styles/chat-ui/index.css CHANGED
@@ -10,6 +10,7 @@
10
10
  @import '../spinner/spinner.css';
11
11
  @import '../floating-action-button/floating-action-button.css';
12
12
  @import '../drop-down-button/drop-down-button.css';
13
+ @import '../ej2-lists/ej2-lists.css';
13
14
  @import '../drop-down-base/drop-down-base.css';
14
15
  @import '../mention/mention.css';
15
16
  @import '../chat-ui/chat-ui.css';
package/styles/chat-ui/index.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  @use '../spinner/spinner' as *;
11
11
  @use '../floating-action-button/floating-action-button' as *;
12
12
  @use '../drop-down-button/drop-down-button' as *;
13
+ @use '../ej2-lists/ej2-lists' as *;
13
14
  @use '../drop-down-base/drop-down-base' as *;
14
15
  @use '../mention/mention' as *;
15
16
  @use '../chat-ui/chat-ui' as *;
package/styles/color-picker/_bigger.scss CHANGED
@@ -72,6 +72,9 @@
72
72
  @else {
73
73
  width: $cpicker-bigger-container-width;
74
74
  }
75
+ @media screen and (max-width: 480px) {
76
+ width: $cpicker-media-width;
77
+ }
75
78
 
76
79
  & .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
77
80
  @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
package/styles/color-picker/_layout.scss CHANGED
@@ -221,6 +221,11 @@
221
221
  @else {
222
222
  width: $cpicker-container-width;
223
223
  }
224
+
225
+ @media screen and (max-width: 480px) {
226
+ width: $cpicker-media-width;
227
+ }
228
+
224
229
  @if $skin-name == 'bootstrap4' {
225
230
  background-color: $content-bg;
226
231
  border: 1px solid $cpicker-shadow;
package/styles/color-picker/_material-definition.scss CHANGED
@@ -180,3 +180,4 @@ $show-value-palette-width: 270px !default;
180
180
  $color-half-border-width: .5px !default;
181
181
  $selected-value-float-text-right: -12px !default;
182
182
  $cpicker-cont-color-ctrl-btn-padding-top: 12px !default;
183
+ $cpicker-media-width: 344px !default;
package/styles/color-picker/color-picker-lite.css CHANGED
@@ -114,6 +114,11 @@ body.e-colorpicker-overflow {
114
114
  .e-container.e-color-picker {
115
115
  width: 270px;
116
116
  }
117
+ @media screen and (max-width: 480px) {
118
+ .e-container.e-color-picker {
119
+ width: 344px;
120
+ }
121
+ }
117
122
  .e-container.e-color-picker .e-mode-switch-btn {
118
123
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
119
124
  }
package/styles/color-picker/color-picker.css CHANGED
@@ -114,6 +114,11 @@ body.e-colorpicker-overflow {
114
114
  .e-container.e-color-picker {
115
115
  width: 270px;
116
116
  }
117
+ @media screen and (max-width: 480px) {
118
+ .e-container.e-color-picker {
119
+ width: 344px;
120
+ }
121
+ }
117
122
  .e-container.e-color-picker .e-mode-switch-btn {
118
123
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
119
124
  }
@@ -615,6 +620,11 @@ body.e-colorpicker-overflow {
615
620
  .e-bigger .e-container.e-color-picker {
616
621
  width: 290px;
617
622
  }
623
+ @media screen and (max-width: 480px) {
624
+ .e-bigger .e-container.e-color-picker {
625
+ width: 344px;
626
+ }
627
+ }
618
628
  @media only screen and (max-width: 600px) {
619
629
  .e-bigger .e-container.e-color-picker {
620
630
  width: 100% !important; /* stylelint-disable-line declaration-no-important */