@things-factory/operato-wms 7.0.0-alpha.9 → 7.0.0

package/client/pages/outbound/return-pallet-check-popup.js

@@ -1,8 +1,8 @@
 import '@things-factory/barcode-ui'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { isMobileDevice } from '@operato/utils'
 import { css, html, LitElement } from 'lit'
 
 class ReturnPalletCheckPopup extends localize(i18next)(LitElement) {
@@ -22,10 +22,10 @@ class ReturnPalletCheckPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/outbound/route-label-popup.js

@@ -8,9 +8,9 @@ import { connect } from 'pwa-helpers/connect-mixin'
 
 import { DirectPrinter } from '@things-factory/barcode-base'
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, store } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchSettingRule } from '../../fetch-setting-value'
 import { LOCATION_TYPE, ROUTE_LABEL_SETTING_KEY } from '../constants'
@@ -26,10 +26,10 @@ class RouteLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -60,7 +60,7 @@ class RouteLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           float: right;
           padding-right: 5px;
           padding-bottom: 1px;
-          color: var(--search-form-icon-color);
+          color: var(--search-form-icon-color, var(--md-sys-color-primary));
         }
       `
     ]

package/client/pages/outbound/select-operator-popup.js

@@ -1,6 +1,6 @@
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, gqlContext } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import '@material/mwc-button'
@@ -21,7 +21,7 @@ class SelectOperatorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         ox-grist {
           overflow-y: auto;

package/client/pages/outbound/serial-number-popup.js

@@ -5,9 +5,9 @@ import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { isMobileDevice } from '@operato/utils'
 
 import { ORDER_SOURCES } from '../constants'
 
@@ -22,10 +22,10 @@ class SerialNumberPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/outbound/show-my-worksheet-list-popup.js

@@ -1,4 +1,4 @@
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { navigate, client } from '@things-factory/shell'
 import { css, html, LitElement } from 'lit'
 import { WORKSHEET_STATUS } from '../constants'
@@ -22,7 +22,7 @@ class ShowMyWorksheetListPopup extends localize(i18next)(LitElement) {
           flex-direction: column;
           justify-content: center;
           overflow: hidden;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .button-container {
           display: flex;

package/client/pages/outbound/show-ro-list-popup.js

@@ -1,8 +1,8 @@
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import { css, html, LitElement } from 'lit'
 
 class ShowRoListPopup extends localize(i18next)(LitElement) {
@@ -22,7 +22,7 @@ class ShowRoListPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .grist {
           display: flex;
@@ -63,7 +63,7 @@ class ShowRoListPopup extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/outbound/single-outbound-worksheet.js

@@ -7,10 +7,10 @@ import { css, html } from 'lit'
 
 import './select-operator-popup'
 import { getCodeByName } from '@things-factory/code-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import { openPopup } from '@operato/layout'
 
 import { fetchSettingRule } from '../../fetch-setting-value'

package/client/pages/outbound/sorting-product.js

@@ -10,11 +10,11 @@ import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { sleep } from '@operato/utils'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchSettingRule } from '../../fetch-setting-value'
 import { WORKSHEET_STATUS } from '../constants'
@@ -53,7 +53,7 @@ class SortingProduct extends connect(store)(localize(i18next)(PageView)) {
         }
 
         #form-section {
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         h2 {

package/client/pages/outbound/tote-popup.js

@@ -5,10 +5,10 @@ import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import { TOTE_STATUS } from '../constants'
 
 class TotePopup extends localize(i18next)(LitElement) {
@@ -38,7 +38,7 @@ class TotePopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         .grist {

package/client/pages/outbound/transport-vehicles-popup.js

@@ -1,11 +1,11 @@
 import '@things-factory/barcode-ui'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import '@things-factory/import-ui'
-import { client } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { client } from '@operato/graphql'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
@@ -26,7 +26,7 @@ class TransportVehiclesPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {
@@ -71,7 +71,7 @@ class TransportVehiclesPopup extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/outbound/worksheet-batch-picking.js

@@ -10,11 +10,11 @@ import { css, html } from 'lit'
 import orderBy from 'lodash-es/orderBy'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { ORDER_INVENTORY_STATUS, WORKSHEET_STATUS } from '../constants'
 
@@ -57,7 +57,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: row;
           flex: 1;
@@ -83,7 +83,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/outbound/worksheet-loading.js

@@ -1,10 +1,10 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { getRenderer } from '@operato/data-grist'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import { CommonButtonStyles } from '@things-factory/styles'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -51,7 +51,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -71,7 +71,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/outbound/worksheet-packing.js

@@ -6,11 +6,11 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { MARKETPLACE_STATUS, WORKSHEET_STATUS } from '../constants'
 
@@ -50,7 +50,7 @@ class WorksheetPacking extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: row;
           flex: 1;
@@ -76,7 +76,7 @@ class WorksheetPacking extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/outbound/worksheet-picking.js

@@ -10,11 +10,11 @@ import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { getRenderer } from '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import {
   ORDER_INVENTORY_STATUS,
@@ -75,7 +75,7 @@ class WorksheetPicking extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: row;
           flex: 1;
@@ -101,7 +101,7 @@ class WorksheetPicking extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/outbound/worksheet-return.js

@@ -1,10 +1,10 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { WORKSHEET_STATUS } from '../constants'
@@ -41,7 +41,7 @@ class WorksheetReturn extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -61,7 +61,7 @@ class WorksheetReturn extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/outbound/worksheet-sorting.js

@@ -1,10 +1,10 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { WORKSHEET_STATUS } from '../constants'
@@ -41,7 +41,7 @@ class WorksheetSorting extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -61,7 +61,7 @@ class WorksheetSorting extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/report/costing-report.js

@@ -7,7 +7,7 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { getCodeByName } from '@things-factory/code-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, gqlContext, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 
@@ -26,7 +26,7 @@ class CostingReport extends connect(store)(localize(i18next)(PageView)) {
       }
 
       .summary {
-        background-color: var(--main-section-background-color);
+        background-color: var(--md-sys-color-background);
         display: flex;
         flex-direction: column;
         overflow-y: auto;

package/client/pages/report/custom-elccl/elccl-daily-collection-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 class ElcclDailyCollectionReport extends connect(store)(localize(i18next)(PageView)) {
   static get styles() {

package/client/pages/report/custom-elccl/elccl-daily-order-inventory-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 

package/client/pages/report/custom-elccl/elccl-delivery-order-summary.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 
@@ -341,12 +341,12 @@ class ElcclDeliveryOrderSummary extends connect(store)(localize(i18next)(PageVie
     return dt?.remark
       ? dt.remark
       : dt.cross_docking
-      ? dt.pallet === ''
-        ? `${dt.palletQty} PALLET(S) [C/D]`
-        : `${dt.palletQty} PALLET(S) (${dt.pallet}) [C/D]`
-      : dt.pallet === ''
-      ? `${dt.palletQty} PALLET(S)`
-      : `${dt.palletQty} PALLET(S) (${dt.pallet})`
+        ? dt.pallet === ''
+          ? `${dt.palletQty} PALLET(S) [C/D]`
+          : `${dt.palletQty} PALLET(S) (${dt.pallet}) [C/D]`
+        : dt.pallet === ''
+          ? `${dt.palletQty} PALLET(S)`
+          : `${dt.palletQty} PALLET(S) (${dt.pallet})`
   }
 
   async _fetchPartners() {

package/client/pages/report/custom-elccl/elccl-inventory-pallet-detail-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject } from '@things-factory/utils'
 

package/client/pages/report/custom-elccl/elccl-inventory-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject } from '@things-factory/utils'
 

package/client/pages/report/custom-elccl/elccl-inventory-summary-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 

package/client/pages/report/inbound-order-details-report.js

@@ -6,7 +6,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, gqlContext, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 
@@ -25,7 +25,7 @@ class InboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVie
       }
 
       .summary {
-        background-color: var(--main-section-background-color);
+        background-color: var(--md-sys-color-background);
         display: flex;
         flex-direction: column;
         overflow-y: auto;

package/client/pages/report/inbound-serial-number-report.js

@@ -6,7 +6,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, gqlContext, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 
@@ -25,7 +25,7 @@ class InboundSerialNumberReport extends connect(store)(localize(i18next)(PageVie
       }
 
       .summary {
-        background-color: var(--main-section-background-color);
+        background-color: var(--md-sys-color-background);
         display: flex;
         flex-direction: column;
         overflow-y: auto;

package/client/pages/report/inventory-pallet-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject } from '@things-factory/utils'
 

package/client/pages/report/inventory-pallet-storage-report.js

@@ -6,7 +6,7 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { getCodeByName } from '@things-factory/code-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 
@@ -25,7 +25,7 @@ class InventoryPalletStorageReport extends connect(store)(localize(i18next)(Page
       }
 
       .summary {
-        background-color: var(--main-section-background-color);
+        background-color: var(--md-sys-color-background);
         display: flex;
         flex-direction: column;
         overflow-y: auto;

package/client/pages/report/inventory-report.js

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject } from '@things-factory/utils'
 

package/client/pages/report/inventory-summary-report.js

@@ -7,7 +7,7 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { getPartnerCodeByName } from '@things-factory/code-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
@@ -27,7 +27,7 @@ class InventorySummaryReport extends connect(store)(localize(i18next)(PageView))
       }
 
       .summary {
-        background-color: var(--main-section-background-color);
+        background-color: var(--md-sys-color-background);
         display: flex;
         flex-direction: column;
         overflow-y: auto;