@syncfusion/ej2-react-pdfviewer 19.4.38 → 19.4.43

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 ## [Unreleased]
 
+## 19.4.42 (2022-01-11)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#SF-358006`- Overlapped stamp annotations are now placed at the exact position in the saved PDF document.
+- `#SF-357273`- Exception thrown while loading the provided PDF document due to an invalid key, is now resolved.
+- `#SF-357655`- The PDF pages are now exported to image in a multi-threaded environment.
+- `#SF-357060`- Now, the typed handwritten signature content does not exceed the text area.
+
+## 19.4.41 (2022-01-04)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#SF-357108` - Now, the annotations are displayed properly for the rotated documents.
+- `#SF-357489` - Now, the unnecessary thumbnail requests are restricted.
+
+## 19.4.40 (2021-12-28)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#299110`, `#348963` - Now, the font size is updated properly while export and import shape annotations.
+
+## 19.4.38 (2021-12-17)
+
 ### PDF Viewer
 
 #### New Features

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.umd.min.js
-*  version : 19.4.38
+*  version : 19.4.43
 *  Copyright Syncfusion Inc. 2001 - 2020. 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-react-pdfviewer@*",
-  "_id": "@syncfusion/ej2-react-pdfviewer@19.26.1",
+  "_id": "@syncfusion/ej2-react-pdfviewer@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-Bv1am8dieHTJpqk38RAdLO/dTjK6pD6kq52Epi7rJKjUp62ZUkKWUmjbIyoJN2C4aOttk3o/43Qj/uNEibZC0Q==",
+  "_integrity": "sha512-OnydNnjyZqx2ShvNE1t0euSzxdEeAWvwwO9uo4VfF5VXB3vSFgKcPmohvLnGgzyqXTsQLLftvGBSO455x2OJww==",
   "_location": "/@syncfusion/ej2-react-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.26.1.tgz",
-  "_shasum": "eff8ab8170858f5e4cac86369a3ff893baefeaab",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.42.tgz",
+  "_shasum": "dee986204dc41bb8ca5d0aaccf4cc2c69bd64c0c",
   "_spec": "@syncfusion/ej2-react-pdfviewer@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-pdfviewer": "19.4.38",
-    "@syncfusion/ej2-react-base": "~19.4.38"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-pdfviewer": "19.4.43",
+    "@syncfusion/ej2-react-base": "~19.4.42"
   },
   "deprecated": false,
   "description": "Essential JS 2 PDF viewer Component for React",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.38",
+  "version": "19.4.43",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1798,7 +1798,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #2a2a2a;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #f0f0f0;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/bootstrap.css

@@ -1804,7 +1804,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 23px;
@@ -2732,6 +2734,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #333;
 }
 

package/styles/bootstrap4.css

@@ -1721,8 +1721,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1819,6 +1818,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #495057;
 }
@@ -2004,7 +2011,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #212529;
   height: auto;
   min-height: 58px;
   padding: 23px;
@@ -3005,6 +3014,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #495057;
 }
 

package/styles/bootstrap5-dark.css

@@ -1671,8 +1671,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1741,6 +1740,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #adb5bd;
 }
@@ -1902,7 +1909,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2952,6 +2961,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #adb5bd;
   height: 32px;
   line-height: 32px;

package/styles/bootstrap5.css

@@ -1671,8 +1671,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1741,6 +1740,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #6c757d;
 }
@@ -1902,7 +1909,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #e9ecef;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2952,6 +2961,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #6c757d;
   height: 32px;
   line-height: 32px;

package/styles/fabric-dark.css

@@ -1809,7 +1809,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #282727;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #dadada;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/fabric.css

@@ -1817,7 +1817,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/highcontrast-light.css

@@ -1796,7 +1796,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/highcontrast.css

@@ -1796,7 +1796,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/material-dark.css

@@ -1799,7 +1799,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #424242;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/material.css

@@ -1802,7 +1802,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/bootstrap-dark.css

@@ -1798,7 +1798,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #2a2a2a;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #f0f0f0;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/pdfviewer/bootstrap.css

@@ -1804,7 +1804,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 23px;
@@ -2732,6 +2734,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #333;
 }
 

package/styles/pdfviewer/bootstrap4.css

@@ -1721,8 +1721,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1819,6 +1818,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #495057;
 }
@@ -2004,7 +2011,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #212529;
   height: auto;
   min-height: 58px;
   padding: 23px;
@@ -3005,6 +3014,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #495057;
 }
 

package/styles/pdfviewer/bootstrap5-dark.css

@@ -1671,8 +1671,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1741,6 +1740,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #adb5bd;
 }
@@ -1902,7 +1909,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2952,6 +2961,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #adb5bd;
   height: 32px;
   line-height: 32px;

package/styles/pdfviewer/bootstrap5.css

@@ -1671,8 +1671,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
@@ -1741,6 +1740,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #6c757d;
 }
@@ -1902,7 +1909,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #e9ecef;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2952,6 +2961,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #6c757d;
   height: 32px;
   line-height: 32px;

package/styles/pdfviewer/fabric-dark.css

@@ -1809,7 +1809,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #282727;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #dadada;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/fabric.css

@@ -1817,7 +1817,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/highcontrast-light.css

@@ -1796,7 +1796,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/highcontrast.css

@@ -1796,7 +1796,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/material-dark.css

@@ -1799,7 +1799,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #424242;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/material.css

@@ -1802,7 +1802,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/tailwind-dark.css

@@ -1819,7 +1819,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #374151;
   box-shadow: 0 3px 8px 0 #4b5563;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2757,6 +2759,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #d1d5db;
 }
 

package/styles/pdfviewer/tailwind.css

@@ -1819,7 +1819,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #f3f4f6;
+  color: #374151;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2757,6 +2759,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #6b7280;
 }
 

package/styles/tailwind-dark.css

@@ -1819,7 +1819,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #374151;
   box-shadow: 0 3px 8px 0 #4b5563;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2757,6 +2759,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #d1d5db;
 }
 

package/styles/tailwind.css

@@ -1819,7 +1819,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #f3f4f6;
+  color: #374151;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2757,6 +2759,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  border-radius: 4px;
   color: #6b7280;
 }