@syncfusion/ej2-vue-pdfviewer 26.1.40 → 26.1.42

package/dist/ej2-vue-pdfviewer.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-pdfviewer.umd.min.js
-*  version : 26.1.40
+*  version : 26.1.42
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pdfviewer@*",
-  "_id": "@syncfusion/ej2-vue-pdfviewer@26.1.39",
+  "_id": "@syncfusion/ej2-vue-pdfviewer@26.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-g6XNDDBh1Qp/HpG7kzA2ImvA4i3dwnYubmtX7LeECguh13eUZvaHuDpzaVLIOkcyC+G7ub3P9h2rdcMW+5Be3Q==",
+  "_integrity": "sha512-Wod8cX1R5DAAzf2LmtVxnhD0bM1jRfQWtlbZPVPI7UMivBFJOV0GrF3P+Sdf+oai9CoNawB+X2+g8hMV+vdX6Q==",
   "_location": "/@syncfusion/ej2-vue-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-26.1.39.tgz",
-  "_shasum": "b07014dd6e7c9f16d5d61bfacb3744a2db56b935",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-26.1.41.tgz",
+  "_shasum": "7f00f35f580ae69238f4c1396294d29a42b6c49a",
   "_spec": "@syncfusion/ej2-vue-pdfviewer@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-pdfviewer": "26.1.40",
+    "@syncfusion/ej2-base": "~26.1.42",
+    "@syncfusion/ej2-pdfviewer": "26.1.42",
     "@syncfusion/ej2-vue-base": "~26.1.35"
   },
   "deprecated": false,
@@ -57,6 +57,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "26.1.40",
+  "version": "26.1.42",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #131313;
   border: 0;
   border-radius: 0;
@@ -1869,7 +1870,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #f0f0f0;
 }
 
@@ -2090,6 +2093,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2098,6 +2102,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #2a2a2a;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #2a2a2a;
@@ -2892,7 +2901,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3454,6 +3463,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/bootstrap.css

@@ -1639,7 +1639,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #e6e6e6;
   border: 1px solid #adadad;
   border-radius: 4px;
@@ -1875,7 +1876,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #333;
 }
 
@@ -2096,6 +2099,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2104,6 +2108,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #fff;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
@@ -2898,7 +2907,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3463,6 +3472,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/bootstrap4.css

@@ -1700,7 +1700,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 7px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #545b62;
   border: 1px solid #545b62;
   border-radius: 4px;
@@ -1985,7 +1986,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #495057;
 }
 
@@ -2033,7 +2036,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #fff;
 }
 
@@ -2311,6 +2316,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2319,6 +2325,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #fff;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
@@ -3184,7 +3195,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3780,6 +3791,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/bootstrap5-dark.css

@@ -1678,7 +1678,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #565e64;
   border: none;
   border-radius: 4px;
@@ -1928,7 +1929,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #adb5bd;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1985,7 +1988,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #fff;
 }
 
@@ -2220,6 +2225,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2229,9 +2235,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #282d31;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #282d31;
   -webkit-box-shadow: 0 3px 8px 0 #31373d;
           box-shadow: 0 3px 8px 0 #31373d;
   color: #fff;
@@ -2555,13 +2566,17 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   height: 30px;
   line-height: 16px;
   background: transparent;
-  border: 1px solid #444c54;
   border-radius: 4px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: #fff;
 }
 
+.e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:disabled,
+.e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:disabled {
+  color: #adb5bd;
+}
+
 .e-pv-properties-window .e-dlg-content {
   padding-top: 6px;
 }
@@ -3141,7 +3156,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3778,6 +3793,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/bootstrap5.css

@@ -1678,7 +1678,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #565e64;
   border: none;
   border-radius: 4px;
@@ -1928,7 +1929,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #6c757d;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1985,7 +1988,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #fff;
 }
 
@@ -2220,6 +2225,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2229,9 +2235,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #f8f9fa;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #f8f9fa;
   -webkit-box-shadow: 0 3px 8px 0 #e9ecef;
           box-shadow: 0 3px 8px 0 #e9ecef;
   color: #212529;
@@ -2555,13 +2566,17 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   height: 30px;
   line-height: 16px;
   background: transparent;
-  border: 1px solid #dee2e6;
   border-radius: 4px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: #212529;
 }
 
+.e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:disabled,
+.e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:disabled {
+  color: #6c757d;
+}
+
 .e-pv-properties-window .e-dlg-content {
   padding-top: 6px;
 }
@@ -3141,7 +3156,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3778,6 +3793,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/fabric-dark.css

@@ -1643,7 +1643,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #282727;
   border: none;
   border-radius: 0;
@@ -1879,7 +1880,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #dadada;
 }
 
@@ -2098,6 +2101,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2106,6 +2110,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #282727;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #282727;
@@ -2900,7 +2909,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3462,6 +3471,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/fabric.css

@@ -1650,7 +1650,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #eaeaea;
   border: none;
   border-radius: 0;
@@ -1886,7 +1887,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #000;
 }
 
@@ -2109,6 +2112,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2117,6 +2121,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #fff;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
@@ -2911,7 +2920,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3477,6 +3486,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/fluent-dark.css

@@ -1672,7 +1672,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #292827;
   border: none;
   border-radius: 4px;
@@ -1922,7 +1923,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #a19f9d;
 }
 
@@ -1975,7 +1978,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #fff;
 }
 
@@ -2201,6 +2206,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2209,9 +2215,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #201f1e;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #201f1e;
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #f3f2f1;
@@ -3103,7 +3114,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3692,6 +3703,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/fluent.css

@@ -1672,7 +1672,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #edebe9;
   border: none;
   border-radius: 4px;
@@ -1922,7 +1923,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #605e5c;
 }
 
@@ -1975,7 +1978,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #323130;
 }
 
@@ -2201,6 +2206,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2209,9 +2215,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #faf9f8;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #faf9f8;
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #201f1e;
@@ -3103,7 +3114,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3692,6 +3703,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {