@syncfusion/blazor-themes 26.1.39 → 26.1.40

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 (109) hide show
  1. package/SCSS-Themes/base/material3-dark.scss +546 -546
  2. package/SCSS-Themes/base/material3.scss +546 -546
  3. package/SCSS-Themes/bds-dark.scss +659 -649
  4. package/SCSS-Themes/bds.scss +659 -649
  5. package/SCSS-Themes/bootstrap-dark.scss +737 -727
  6. package/SCSS-Themes/bootstrap.scss +737 -727
  7. package/SCSS-Themes/bootstrap4.scss +737 -727
  8. package/SCSS-Themes/bootstrap5-dark.scss +738 -728
  9. package/SCSS-Themes/bootstrap5.scss +738 -728
  10. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +4 -6
  11. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +4 -6
  12. package/SCSS-Themes/fabric-dark.scss +737 -727
  13. package/SCSS-Themes/fabric.scss +737 -727
  14. package/SCSS-Themes/fluent-dark.scss +737 -727
  15. package/SCSS-Themes/fluent.scss +737 -727
  16. package/SCSS-Themes/fluent2-dark.scss +664 -656
  17. package/SCSS-Themes/fluent2.scss +664 -656
  18. package/SCSS-Themes/gantt/gantt/fluent2-dark.scss +1 -1
  19. package/SCSS-Themes/gantt/gantt/fluent2.scss +1 -1
  20. package/SCSS-Themes/grids/grid/bds-dark.scss +4 -2
  21. package/SCSS-Themes/grids/grid/bds.scss +4 -2
  22. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +4 -2
  23. package/SCSS-Themes/grids/grid/bootstrap.scss +4 -2
  24. package/SCSS-Themes/grids/grid/bootstrap4.scss +4 -2
  25. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +4 -2
  26. package/SCSS-Themes/grids/grid/bootstrap5.scss +4 -2
  27. package/SCSS-Themes/grids/grid/fabric-dark.scss +4 -2
  28. package/SCSS-Themes/grids/grid/fabric.scss +4 -2
  29. package/SCSS-Themes/grids/grid/fluent-dark.scss +4 -2
  30. package/SCSS-Themes/grids/grid/fluent.scss +4 -2
  31. package/SCSS-Themes/grids/grid/fluent2-dark.scss +4 -2
  32. package/SCSS-Themes/grids/grid/fluent2.scss +4 -2
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +4 -2
  34. package/SCSS-Themes/grids/grid/material-dark.scss +4 -2
  35. package/SCSS-Themes/grids/grid/material.scss +4 -2
  36. package/SCSS-Themes/grids/grid/material3-dark.scss +4 -2
  37. package/SCSS-Themes/grids/grid/material3.scss +4 -2
  38. package/SCSS-Themes/grids/grid/tailwind-dark.scss +4 -2
  39. package/SCSS-Themes/grids/grid/tailwind.scss +4 -2
  40. package/SCSS-Themes/highcontrast.scss +737 -727
  41. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +8 -0
  42. package/SCSS-Themes/image-editor/image-editor/bds.scss +8 -0
  43. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +8 -0
  44. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +8 -0
  45. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +8 -0
  46. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +8 -0
  47. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +8 -0
  48. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +8 -0
  49. package/SCSS-Themes/image-editor/image-editor/fabric.scss +8 -0
  50. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +8 -0
  51. package/SCSS-Themes/image-editor/image-editor/fluent.scss +8 -0
  52. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +8 -0
  53. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +8 -0
  54. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +8 -0
  55. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +8 -0
  56. package/SCSS-Themes/image-editor/image-editor/material.scss +8 -0
  57. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +8 -0
  58. package/SCSS-Themes/image-editor/image-editor/material3.scss +8 -0
  59. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +8 -0
  60. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +8 -0
  61. package/SCSS-Themes/inputs/input/tailwind-dark.scss +1 -1
  62. package/SCSS-Themes/inputs/input/tailwind.scss +1 -1
  63. package/SCSS-Themes/material-dark.scss +737 -727
  64. package/SCSS-Themes/material.scss +737 -727
  65. package/SCSS-Themes/material3-dark.scss +1285 -1275
  66. package/SCSS-Themes/material3.scss +1285 -1275
  67. package/SCSS-Themes/navigations/stepper/bds-dark.scss +639 -639
  68. package/SCSS-Themes/navigations/stepper/bds.scss +639 -639
  69. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +719 -719
  70. package/SCSS-Themes/navigations/stepper/bootstrap.scss +719 -719
  71. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +719 -719
  72. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +720 -720
  73. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +720 -720
  74. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +719 -719
  75. package/SCSS-Themes/navigations/stepper/fabric.scss +719 -719
  76. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +719 -719
  77. package/SCSS-Themes/navigations/stepper/fluent.scss +719 -719
  78. package/SCSS-Themes/navigations/stepper/fluent2-dark.scss +639 -639
  79. package/SCSS-Themes/navigations/stepper/fluent2.scss +639 -639
  80. package/SCSS-Themes/navigations/stepper/highcontrast.scss +719 -719
  81. package/SCSS-Themes/navigations/stepper/material-dark.scss +719 -719
  82. package/SCSS-Themes/navigations/stepper/material.scss +719 -719
  83. package/SCSS-Themes/navigations/stepper/material3-dark.scss +719 -719
  84. package/SCSS-Themes/navigations/stepper/material3.scss +719 -719
  85. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +719 -719
  86. package/SCSS-Themes/navigations/stepper/tailwind.scss +719 -719
  87. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +8 -8
  88. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +8 -8
  89. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +8 -8
  90. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +8 -8
  91. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +8 -8
  92. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +8 -8
  93. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +8 -8
  94. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +8 -8
  95. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +8 -8
  96. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +8 -8
  97. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +8 -8
  98. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss +8 -8
  99. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss +8 -8
  100. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +8 -8
  101. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +8 -8
  102. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +8 -8
  103. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +10 -10
  104. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +10 -10
  105. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +8 -8
  106. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +8 -8
  107. package/SCSS-Themes/tailwind-dark.scss +738 -728
  108. package/SCSS-Themes/tailwind.scss +738 -728
  109. package/package.json +1 -1
package/SCSS-Themes/image-editor/image-editor/bds-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 0 10px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 0 12px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 0 15px !default;
39
39
  $image-editor-icon-button: 3px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $gray-25 !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 3px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bds-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bds.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 0 10px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 0 12px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 0 15px !default;
39
39
  $image-editor-icon-button: 3px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $gray-25 !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 3px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bds-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-grp-btn-padding: 0 12px !default;
37
37
  $image-editor-save-dlg-dev-grp-btn-padding: 0 12px !default;
38
38
  $image-editor-button-label: 14.2px !default;
39
39
  $image-editor-icon-button: 3px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $grey-dark-font !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 3px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bootstrap-dark-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bootstrap.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 0 10px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 0 12px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 0 12px !default;
39
39
  $image-editor-icon-button: 2px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $grey-light-font !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 2px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bootstrap-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 9px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 4px 12px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 4px 12px !default;
39
39
  $image-editor-icon-button: 2px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $black !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 2px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bootstrap4-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-grp-btn-padding: 4px 12px !default;
37
37
  $image-editor-save-dlg-dev-grp-btn-padding: 6px 13px !default;
38
38
  $image-editor-button-label: 15px !default;
39
39
  $image-editor-icon-button: 4px !default;
40
+ $image-editor-filter-canvas-focus: 2px solid $icon-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 4px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bootstrap5-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-grp-btn-padding: 4px 12px !default;
37
37
  $image-editor-save-dlg-dev-grp-btn-padding: 6px 13px !default;
38
38
  $image-editor-button-label: 15px !default;
39
39
  $image-editor-icon-button: 4px !default;
40
+ $image-editor-filter-canvas-focus: 2px solid $icon-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 4px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-bootstrap5-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 2px 11px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 2px 10px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 2px 8px !default;
39
39
  $image-editor-icon-button: 4px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $neutral-light-fontalt !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 4px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fabric-dark-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fabric.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 2px 11px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 2px 10px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 2px 8px !default;
39
39
  $image-editor-icon-button: 4px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $neutral-light-fontalt !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 4px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fabric-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 15px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 4px 11px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 7px 10px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fluent-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fluent.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 15px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 4px 11px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 7px 10px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fluent-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 8px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 5.2px 10.5px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 5.2px 10.5px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fluent2-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/fluent2.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 8px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 5.2px 10.5px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 5.2px 10.5px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-fluent2-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/highcontrast.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 2px 11px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 2px 10px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 3px 9px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $content-font !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-highcontrast-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/material-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 11px 2px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 6px 7.5px 4px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 2px 9.5px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $grey-white !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-material-dark-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/material.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 11px 2px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 6px 7.5px 4px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 2px 9.5px !default;
39
39
  $image-editor-icon-button: 5px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $grey-light-font !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 5px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-material-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/material3-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 8px 11px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 8px 10.5px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 11px 12px !default;
39
39
  $image-editor-icon-button: 3px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $icon-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 3px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-material3-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/material3.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 8px 11px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 8px 10.5px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 11px 12px !default;
39
39
  $image-editor-icon-button: 3px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $icon-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 3px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-material3-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 15px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 4px 10px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 4px 9px !default;
39
39
  $image-editor-icon-button: 2.9px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 2.9px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-tailwind-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/image-editor/image-editor/tailwind.scss CHANGED
@@ -37,6 +37,7 @@ $image-editor-save-dlg-big-btn-pad: 4px 15px !default;
37
37
  $image-editor-save-dlg-grp-btn-padding: 4px 10px !default;
38
38
  $image-editor-save-dlg-dev-grp-btn-padding: 4px 9px !default;
39
39
  $image-editor-icon-button: 2.9px !default;
40
+ $image-editor-filter-canvas-focus: 1px solid $secondary-text-color !default;
40
41
 
41
42
  @include export-module('image-editor-layout') {
42
43
  .e-ie-toolbar-upload-div.e-hide,
@@ -1077,6 +1078,13 @@ $image-editor-icon-button: 2.9px !default;
1077
1078
  }
1078
1079
  }
1079
1080
 
1081
+ .e-ie-filter-canvas:focus,
1082
+ .filter-wrapper:focus .e-ie-filter-canvas,
1083
+ .filter-wrapper:focus canvas,
1084
+ .filter-wrapper canvas:focus {
1085
+ border: $image-editor-filter-canvas-focus;
1086
+ }
1087
+
1080
1088
 
1081
1089
  @include export-module('image-editor-tailwind-icons') {
1082
1090
  .e-image-editor {
package/SCSS-Themes/inputs/input/tailwind-dark.scss CHANGED
@@ -239,7 +239,7 @@ $float-label-disbale-font-color: $input-disable-font-color !default;
239
239
  $input-placeholder-color: $placeholder-text-color !default;
240
240
  $input-group-disabled-color: $icon-color-disabled !default;
241
241
  $input-group-hovered-color: $icon-color-hover !default;
242
- $input-readonly-bg-color: none !default;
242
+ $input-readonly-bg-color: $content-bg-color-alt1 !default;
243
243
  $input-readonly-color: $cool-gray-600 !default;
244
244
  $input-icon-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
245
245
  $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;
package/SCSS-Themes/inputs/input/tailwind.scss CHANGED
@@ -239,7 +239,7 @@ $float-label-disbale-font-color: $input-disable-font-color !default;
239
239
  $input-placeholder-color: $placeholder-text-color !default;
240
240
  $input-group-disabled-color: $icon-color-disabled !default;
241
241
  $input-group-hovered-color: $icon-color-hover !default;
242
- $input-readonly-bg-color: none !default;
242
+ $input-readonly-bg-color: $content-bg-color-alt1 !default;
243
243
  $input-readonly-color: $cool-gray-600 !default;
244
244
  $input-icon-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
245
245
  $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;