@alfresco/adf-core 8.4.0-19302006691 → 8.4.0-19336680353

package/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss

@@ -59,6 +59,7 @@
             justify-content: flex-end;
             align-items: flex-end;
             display: flex;
+            color: var(--adf-theme-foreground-text-color-054);
         }
     }
 
@@ -99,23 +100,23 @@
 
         .adf-toolbar #{ms.$mat-toolbar} {
             max-height: 48px;
-            background-color: var(--mat-sys-surface);
+            background-color: var(--adf-theme-background-card-color);
             border-width: 0;
             border-radius: 2px;
-            box-shadow:
-                0 2px 2px 0 rgba(0, 0, 0, 20.4),
-                0 0 2px 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 20.4), 0 0 2px 0 rgba(0, 0, 0, 0.12);
         }
 
         &-page-selector {
             padding-left: 10px;
             padding-right: 10px;
             white-space: nowrap;
+            font-size: var(--theme-body-1-font-size);
 
             & > input {
-                border: 1px solid var(--mat-sys-outline);
-                background-color: var(--mat-sys-surface);
+                border: 1px solid var(--adf-theme-foreground-text-color-007);
+                background-color: var(--adf-theme-background-card-color);
                 color: inherit;
+                font-size: var(--theme-body-1-font-size);
                 padding: 5px;
                 height: 24px;
                 line-height: 24px;
@@ -131,8 +132,8 @@
             cursor: default;
             width: 79px;
             height: 24px;
-            font-size: var(--mat-sys-body-medium-size);
-            border: 1px solid var(--mat-sys-outline);
+            font-size: var(--theme-body-1-font-size);
+            border: 1px solid var(--adf-theme-foreground-text-color-007);
             text-align: center;
             line-height: 24px;
             margin-left: 4px;

package/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.scss

@@ -9,3 +9,7 @@
 .adf-dialog-buttons button {
     text-transform: uppercase;
 }
+
+.adf-dialog-action-button:enabled {
+    color: var(--theme-primary-color);
+}

package/lib/viewer/components/pdf-viewer-thumbnails/pdf-viewer-thumbnails.component.scss

@@ -16,15 +16,15 @@
         cursor: pointer;
         display: block;
         width: 91px;
-        background: var(--mat-sys-surface);
+        background: var(--theme-background-color);
         margin-bottom: 15px;
     }
 
     &__thumb:hover {
-        box-shadow: var(--mat-sys-level2);
+        box-shadow: 0 0 5px 0 var(--adf-theme-foreground-text-color-087);
     }
 
     &__thumb--selected {
-        border: 2px solid var(--mat-sys-primary);
+        border: 2px solid var(--theme-accent-color-a200);
     }
 }

package/lib/viewer/components/txt-viewer/txt-viewer.component.scss

@@ -1,5 +1,5 @@
 .adf-txt-viewer {
-    background-color: var(--mat-sys-surface);
+    background-color: var(--theme-background-color);
     overflow: auto;
     height: 100%;
     width: 100%;

package/lib/viewer/components/unknown-format/unknown-format.component.scss

@@ -5,4 +5,5 @@
     flex: 1;
     flex-direction: column;
     justify-content: center;
+    color: var(--adf-theme-foreground-text-color);
 }

package/lib/viewer/components/viewer-render/viewer-render.component.scss

@@ -3,7 +3,7 @@
 .adf-full-screen {
     width: 100%;
     height: 100%;
-    background-color: var(--mat-sys-surface);
+    background-color: var(--adf-theme-background-card-color);
 }
 
 .adf-viewer-render-main-loader {
@@ -36,7 +36,7 @@
         position: relative;
         overflow: hidden;
         z-index: 1;
-        background-color: var(--mat-sys-surface);
+        background-color: var(--theme-background-color);
         display: flex;
         flex-flow: row wrap;
         flex: 1;

package/lib/viewer/components/viewer.component.scss

@@ -1,9 +1,10 @@
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
+@use '../../styles/mat-selectors' as ms;
 
 .adf-full-screen {
     width: 100%;
     height: 100%;
-    background-color: var(--mat-sys-surface);
+    background-color: var(--adf-theme-background-card-color);
 }
 
 .adf-viewer {
@@ -11,8 +12,12 @@
     width: 100%;
     height: 100%;
 
-    .adf-toolbar-title {
-        width: auto;
+    #{ms.$mat-toolbar} {
+        color: var(--adf-theme-foreground-text-color-054);
+
+        .adf-toolbar-title {
+            width: auto;
+        }
     }
 
     &-main {
@@ -27,6 +32,12 @@
         margin-right: 4px;
     }
 
+    &-toolbar {
+        #{ms.$mat-toolbar} {
+            background-color: var(--adf-theme-background-card-color-087);
+        }
+    }
+
     &__file-title {
         text-align: center;
         flex: 1 1 auto;
@@ -37,16 +48,17 @@
         flex-direction: row;
         align-items: center;
 
-        @media screen and (width <=1450px) {
+        @media screen and (width <= 1450px) {
             left: 30%;
         }
     }
 
     &__title-display-name-container,
     &__display-name {
-        font-size: var(--mat-sys-title-small-size);
+        font-size: var(--theme-subheading-2-font-size);
         line-height: 1.5;
         vertical-align: middle;
+        color: var(--adf-theme-foreground-text-color);
         white-space: nowrap;
     }
 
@@ -58,7 +70,7 @@
     }
 
     &__display-name-value {
-        font-size: var(--mat-sys-body-medium-size);
+        font-size: var(--theme-body-1-font-size);
     }
 
     &-container {
@@ -68,7 +80,7 @@
             position: relative;
             overflow: hidden;
             z-index: 1;
-            background-color: var(--mat-sys-surface);
+            background-color: var(--theme-background-color);
             display: flex;
             flex-direction: row;
             /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
@@ -127,17 +139,17 @@
             width: 350px;
             display: block;
             padding: 0;
-            background-color: var(--mat-sys-surface);
-            box-shadow: var(--mat-sys-level2);
+            background-color: var(--theme-background-color);
+            box-shadow: 0 2px 4px 0 var(--adf-theme-foreground-text-color-027);
             overflow: auto;
 
             &__right {
-                border-left: 1px solid var(--mat-sys-outline);
+                border-left: 1px solid var(--adf-theme-foreground-text-color-007);
                 order: 4;
             }
 
             &__left {
-                border-right: 1px solid var(--mat-sys-outline);
+                border-right: 1px solid var(--adf-theme-foreground-text-color-007);
                 order: 1;
             }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alfresco/adf-core",
   "description": "Alfresco ADF core",
-  "version": "8.4.0-19302006691",
+  "version": "8.4.0-19336680353",
   "author": "Hyland Software, Inc. and its affiliates",
   "repository": {
     "type": "git",
@@ -30,14 +30,14 @@
       "types": "./api/index.d.ts",
       "default": "./fesm2022/alfresco-adf-core-api.mjs"
     },
-    "./auth": {
-      "types": "./auth/index.d.ts",
-      "default": "./fesm2022/alfresco-adf-core-auth.mjs"
-    },
     "./feature-flags": {
       "types": "./feature-flags/index.d.ts",
       "default": "./fesm2022/alfresco-adf-core-feature-flags.mjs"
     },
+    "./auth": {
+      "types": "./auth/index.d.ts",
+      "default": "./fesm2022/alfresco-adf-core-auth.mjs"
+    },
     "./shell": {
       "types": "./shell/index.d.ts",
       "default": "./fesm2022/alfresco-adf-core-shell.mjs"
@@ -63,8 +63,8 @@
     "@angular/router": ">=16.0.0",
     "@mat-datetimepicker/core": ">=12.0.1",
     "@ngx-translate/core": ">=16.0.0",
-    "@alfresco/js-api": ">=9.4.0-19302006691",
-    "@alfresco/adf-extensions": ">=8.4.0-19302006691",
+    "@alfresco/js-api": ">=9.4.0-19336680353",
+    "@alfresco/adf-extensions": ">=8.4.0-19336680353",
     "minimatch": ">=10.0.0",
     "pdfjs-dist": ">=3.3.122"
   },