@progressive-development/pd-spa-helper 0.7.6 → 0.8.1-a

package/dist/{src/tmpown → tmpown}/pd-loading-state.js

@@ -18,37 +18,52 @@ let PdLoadingState = class extends LitElement {
     if (!this.loadingState) {
       return "";
     }
-    return this.loadingState.modal ? html`
-        <div id="modalId" class="modal">
-          ${this._renderContent()}
-        </div>
-      ` : this._renderContent();
+    return this.loadingState.modal ? html` <div id="modalId" class="modal">${this._renderContent()}</div> ` : this._renderContent();
   }
   _renderContent() {
     if (!this.loadingState) {
       return "";
     }
     return html`
-      <div class="${classMap({
+      <div
+        class="${classMap({
       content: !this.loadingState.smallBackground,
       "no-modal-content": this.loadingState.modal !== true && this.loadingState.smallBackground !== true,
       "background-content": this.loadingState.smallBackground === true
-    })}">
-        <div class="${this.loadingState.smallBackground ? "background-loader" : "loader"}"></div>
-        <p>${this.loadingState.loadingTxt || (this.loadingState.smallBackground ? msg("Daten werden synchronisiert", { id: "spaH.loadingstate.syncState" }) : msg("Bitte warten, Daten werden geladen", { id: "spaH.loadingstate.pleaseWait" }))}
+    })}"
+      >
+        <div
+          class="${this.loadingState.smallBackground ? "background-loader" : "loader"}"
+        ></div>
+        <p>
+          ${this.loadingState.loadingTxt || (this.loadingState.smallBackground ? msg("Daten werden synchronisiert", {
+      id: "spaH.loadingstate.syncState"
+    }) : msg("Bitte warten, Daten werden geladen", {
+      id: "spaH.loadingstate.pleaseWait"
+    }))}
         </p>
         ${this.loadingState.subTask && this.loadingState.subTask.length > 0 ? html`
-        <ul class="sub-ul">
-            ${this.loadingState.subTask.map((task) => html`
-            <li>
-              <div class="sub-row">
-                ${task.loadingTxt}
-                ${task.completed ? html`<pd-icon class="sub-icon completed" icon="checkBox" activeIcon></pd-icon>` : html`<pd-icon class="sub-icon loading" icon="syncIcon" activeIcon></pd-icon>`}
-              </div>
-            </li>
-            `)}
-        </ul>
-        ` : ""}
+              <ul class="sub-ul">
+                ${this.loadingState.subTask.map(
+      (task) => html`
+                    <li>
+                      <div class="sub-row">
+                        ${task.loadingTxt}
+                        ${task.completed ? html`<pd-icon
+                              class="sub-icon completed"
+                              icon="checkBox"
+                              activeIcon
+                            ></pd-icon>` : html`<pd-icon
+                              class="sub-icon loading"
+                              icon="syncIcon"
+                              activeIcon
+                            ></pd-icon>`}
+                      </div>
+                    </li>
+                  `
+    )}
+              </ul>
+            ` : ""}
       </div>
     `;
   }
@@ -60,8 +75,8 @@ PdLoadingState.styles = [
       }
 
       /* The Modal (background) */
-      .modal {        
-        position: fixed; /* Stay in place */      
+      .modal {
+        position: fixed; /* Stay in place */
         left: 0;
         top: 0;
         z-index: 500; /* Sit on top */
@@ -69,37 +84,40 @@ PdLoadingState.styles = [
         display: flex;
         align-items: center;
         justify-content: center;
-                
+
         width: 100%; /* Full width */
-        height: 100%; /* Full height */        
+        height: 100%; /* Full height */
         overflow: auto; /* Enable scroll if needed */
         /* RGBA Wert muss hier verwendet werden #AFC1D2 to rgba for opacity */
-        background-color: var(--pd-popup-modal-bg-rgba, rgba(175, 193, 210, 0.8));        
+        background-color: var(
+          --pd-popup-modal-bg-rgba,
+          rgba(175, 193, 210, 0.8)
+        );
       }
 
       /* Modal Content */
-      .no-modal-content {         
-        position: fixed; /* Stay in place */ 
-        left: 50%;   
-        top: 50%;   
-        transform: translate(-50%, -50%);        
+      .no-modal-content {
+        position: fixed; /* Stay in place */
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
       }
 
       .content {
         padding: 1em;
         text-align: center;
         background-color: var(--pd-loading-state-bg-col, #edf7fd);
-        border: 2px solid var(--pd-loading-state-bg-col, var(--pd-default-col, #067394));
+        border: 2px solid
+          var(--pd-loading-state-bg-col, var(--pd-default-col, #067394));
         z-index: 101; /* Sit on top */
       }
 
       .background-content {
+        position: fixed; /* Stay in place */
+        right: 0em;
+        bottom: 0em;
 
-        position: fixed; /* Stay in place */ 
-        right: 0em;   
-        bottom: 0em;   
-
-        padding: 1em;        
+        padding: 1em;
         z-index: 600; /* Sit on top */
 
         display: flex;
@@ -109,20 +127,20 @@ PdLoadingState.styles = [
         background-color: white;
       }
 
-      .loader {        
-        border: 16px solid var(--pd-heating-service-loader, #0A3A48);
+      .loader {
+        border: 16px solid var(--pd-heating-service-loader, #0a3a48);
         border-top: 16px solid var(--pd-heating-service-loader-run, #067394);
         border-radius: 50%;
         width: 30px;
         height: 30px;
         animation: spin 2s linear infinite;
-        
+
         margin-left: auto;
         margin-right: auto;
       }
 
-      .background-loader {        
-        border: 10px solid var(--pd-heating-service-loader, #0A3A48);
+      .background-loader {
+        border: 10px solid var(--pd-heating-service-loader, #0a3a48);
         border-top: 10px solid var(--pd-heating-service-loader-run, #067394);
         border-radius: 50%;
         width: 10px;
@@ -145,7 +163,7 @@ PdLoadingState.styles = [
         --pd-icon-size: 1rem;
         padding: 0;
         vertical-align: baseline;
-        margin: 0 .25rem 0 0;
+        margin: 0 0.25rem 0 0;
       }
 
       .completed {
@@ -166,7 +184,6 @@ PdLoadingState.styles = [
           transform: rotate(360deg);
         }
       }
-
     `
 ];
 __decorateClass([

package/dist/tmpown/pd-login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAKrD,qBACa,OAAQ,SAAQ,UAAU;IAErC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAuBhB;IAED,MAAM;IAyCN,YAAY;IAwCZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAUhC"}
+{"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAIrD,qBACa,OAAQ,SAAQ,UAAU;IACrC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAsBhB;IAED,MAAM;IA2CN,YAAY;IAoDZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAYhC"}

package/dist/{src/tmpown → tmpown}/pd-login.js

@@ -21,31 +21,29 @@ let PdLogin = class extends LitElement {
     return [
       css`
         :host {
-            display: flex;
-            justify-content: center;
-            /*min-height: 100vh;
-            min-width: 100vh;*/            
+          display: flex;
+          justify-content: center;
+          /*min-height: 100vh;
+            min-width: 100vh;*/
         }
 
         .login-form {
-            display: flex;            
-            flex-flow: column;
-            justify-content: center;                        
-            --pd-form-row-allign: center;
+          display: flex;
+          flex-flow: column;
+          justify-content: center;
+          --pd-form-row-allign: center;
 
-            background-color: var(--pd-login-bg-color);
-            padding: 1rem;
-            border-radius: var(--pd-login-border-radius);
+          background-color: var(--pd-login-bg-color);
+          padding: 1rem;
+          border-radius: var(--pd-login-border-radius);
         }
-        
       `
     ];
   }
   render() {
     return html`
-    <div class="login-form">
+      <div class="login-form">
         <pd-form-container id="loginFormId">
-          
           <pd-form-row>
             <pd-input
               id="eMail"
@@ -53,7 +51,7 @@ let PdLogin = class extends LitElement {
               maxlength="250"
               field-type="mail"
               valueName="email"
-              label="E-mail"    
+              label="E-mail"
               autoCompleteName="email"
               required
               @enter-pressed="${this._accessLogin}"
@@ -64,21 +62,24 @@ let PdLogin = class extends LitElement {
             <pd-input
               id="pWord"
               class="quarter3"
-              secret        
+              secret
               maxlength="30"
-              label="Password"   
-              required         
+              label="Password"
+              required
               @enter-pressed="${this._accessLogin}"
             ></pd-input>
           </pd-form-row>
-          
+
           <pd-form-row>
-            <pd-button class="quarter3" primary text="Login" @click="${this._accessLogin}"></pd-button>          
+            <pd-button
+              class="quarter3"
+              primary
+              text="Login"
+              @click="${this._accessLogin}"
+            ></pd-button>
           </pd-form-row>
-
-        </pd-form-container>        
-    </div>
-
+        </pd-form-container>
+      </div>
     `;
   }
   _accessLogin() {
@@ -86,42 +87,54 @@ let PdLogin = class extends LitElement {
     const detail = {
       errorMap: /* @__PURE__ */ new Map()
     };
-    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("loginFormId")) == null ? void 0 : _b.dispatchEvent(
-      new CustomEvent("validate-form", { detail })
-    );
+    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("loginFormId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
     if (detail.errorMap.size === 0) {
-      const elMail = (_c = this.shadowRoot) == null ? void 0 : _c.getElementById("eMail");
-      const elSec = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById("pWord");
+      const elMail = (_c = this.shadowRoot) == null ? void 0 : _c.getElementById(
+        "eMail"
+      );
+      const elSec = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById(
+        "pWord"
+      );
       loginImpl(elMail == null ? void 0 : elMail.value, elSec == null ? void 0 : elSec.value).then((user) => {
-        this.dispatchEvent(new CustomEvent("login-success", {
-          detail: user,
-          bubbles: true,
-          composed: true
-        }));
+        this.dispatchEvent(
+          new CustomEvent("login-success", {
+            detail: user,
+            bubbles: true,
+            composed: true
+          })
+        );
       }).catch((error) => {
         switch (error.code) {
           case "auth/invalid-email":
-            this._dispatchToastEvent("E-Mail Format für Benutzer ist ungültig.");
+            this._dispatchToastEvent(
+              "E-Mail Format für Benutzer ist ungültig."
+            );
             break;
           case "auth/wrong-password":
           case "auth/user-not-found":
-            this._dispatchToastEvent("Anmeldung fehlgeschlagen, ungültige Benutzerdaten.");
+            this._dispatchToastEvent(
+              "Anmeldung fehlgeschlagen, ungültige Benutzerdaten."
+            );
             break;
           default:
-            this._dispatchToastEvent("Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden.");
+            this._dispatchToastEvent(
+              "Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden."
+            );
         }
       });
     }
   }
   _dispatchToastEvent(txt) {
-    this.dispatchEvent(new CustomEvent("toast-event", {
-      detail: {
-        txt,
-        isError: true
-      },
-      bubbles: true,
-      composed: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("toast-event", {
+        detail: {
+          txt,
+          isError: true
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
 };
 PdLogin = __decorateClass([

package/dist/tmpown/pd-toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IAGrC,OAAO,EAAE,OAAO,CAAS;IAGzB,SAAS,EAAE,OAAO,CAAS;IAG3B,QAAQ,EAAE,MAAM,CAAQ;IAExB,MAAM,CAAC,MAAM,0BA+CT;IAEJ,MAAM;IAON,iBAAiB;IAMjB,OAAO,CAAC,YAAY,EAAC,GAAG;IAUxB,KAAK;IAwBL,MAAM;CAIP"}
+{"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IAErC,OAAO,EAAE,OAAO,CAAS;IAGzB,SAAS,EAAE,OAAO,CAAS;IAG3B,QAAQ,EAAE,MAAM,CAAQ;IAExB,MAAM,CAAC,MAAM,0BA6CX;IAEF,MAAM;IAWN,iBAAiB;IAKjB,OAAO,CAAC,YAAY,EAAE,GAAG;IAUzB,KAAK;IAwBL,MAAM;CAIP"}

package/dist/{src/tmpown → tmpown}/pd-toast.js

@@ -20,7 +20,11 @@ let PdToast = class extends LitElement {
   render() {
     return html`
       <slot></slot>
-      <pd-icon @click="${this._close}" icon="closeLink" class="close-link"></pd-icon>
+      <pd-icon
+        @click="${this._close}"
+        icon="closeLink"
+        class="close-link"
+      ></pd-icon>
     `;
   }
   connectedCallback() {
@@ -63,26 +67,26 @@ let PdToast = class extends LitElement {
 };
 PdToast.styles = css`
     :host {
-        --pd-icon-size: 1rem;        
+      --pd-icon-size: 1rem;
 
-        transform: translateX(-150%);
-        transition: transform 1s;
+      transform: translateX(-150%);
+      transition: transform 1s;
 
-        /* Other styles */
-        position: fixed;
-        bottom: 30px;
-        left: 30px;
-        width: calc(100% - 60px);
-        max-width: 400px;
+      /* Other styles */
+      position: fixed;
+      bottom: 30px;
+      left: 30px;
+      width: calc(100% - 60px);
+      max-width: 400px;
 
-        z-index: 105;
+      z-index: 105;
 
-        background: var(--app-primary-color, #ebcf57);
-        color: #0A3A48;
-        padding: 0.6rem;
-        border-radius: var(--item-border-radius, 2px);
-        box-shadow: 3px 5px 5px 3px lightgrey;
-        display: flex;
+      background: var(--app-primary-color, #ebcf57);
+      color: #0a3a48;
+      padding: 0.6rem;
+      border-radius: var(--item-border-radius, 2px);
+      box-shadow: 3px 5px 5px 3px lightgrey;
+      display: flex;
     }
 
     :host([isError]) {
@@ -96,7 +100,7 @@ PdToast.styles = css`
     }
 
     :host(.show) {
-        transform: translateX(0%);
+      transform: translateX(0%);
     }
 
     .close-link {
@@ -106,8 +110,7 @@ PdToast.styles = css`
       top: 0;
       cursor: pointer;
     }
-    
-    `;
+  `;
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], PdToast.prototype, "isError", 2);

package/package.json

@@ -1,18 +1,14 @@
 {
   "name": "@progressive-development/pd-spa-helper",
+  "version": "0.8.1-a",
   "description": "Webcomponent pd-spa-helper following open-wc recommendations",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
-  "version": "0.7.6",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
-    "./pd-tab": "./dist/pd-tab.js",
-    "./pd-panel-viewer": "./dist/pd-panel-viewer.js",
-    "./pd-panel": "./dist/pd-panel.js",
-    "./pd-icon-panel-button": "./dist/pd-icon-panel-button.js"
+    ".": "./dist/index.js"
   },
   "files": [
     "dist/",
@@ -21,38 +17,40 @@
     "LICENSE"
   ],
   "scripts": {
-    "analyze": "cem analyze --litelement",
+    "analyze": "cem analyze --litelement --exclude dist,demo",
     "start": "vite",
-    "build": "vite build && npm run analyze -- --exclude dist",
-    "prepublish": "vite build && npm run analyze -- --exclude dist",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "build": "vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "vitest run --coverage",
     "test:watch": "vitest --watch",
+    "check": "npm run lint && npm run build",
+    "prepublishOnly": "npm run clean && npm run check",
     "localizeExtract": "lit-localize extract",
     "localizeBuild": "lit-localize build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@lit-labs/task": "^1.1.3",
-    "@lit/localize": "^0.11.4",
-    "@progressive-development/pd-dialog": "^0.5.8",
-    "@progressive-development/pd-forms": "^0.5.7",
-    "@progressive-development/pd-icon": "^0.5.0",
-    "@progressive-development/pd-order": "^0.5.17",
-    "@progressive-development/pd-page": "^0.5.10",
-    "@progressive-development/pd-shared-styles": "^0.1.1",
-    "@progressive-development/pd-wizard": "^0.5.8",
-    "@types/hammerjs": "^2.0.46",
+    "@lit/localize": "^0.12.2",
+    "@progressive-development/pd-content": "^0.6.2",
+    "@progressive-development/pd-dialog": "^0.6.0",
+    "@progressive-development/pd-forms": "^0.6.0",
+    "@progressive-development/pd-icon": "^0.6.1",
+    "@progressive-development/pd-order": "^0.6.0",
+    "@progressive-development/pd-page": "^0.6.0",
+    "@progressive-development/pd-shared-styles": "^0.2.1",
+    "@progressive-development/pd-wizard": "^0.6.0",
+    "date-fns": "^2.30.0",
     "firebase": "^10.14.1",
-    "hammerjs": "^2.0.8",
-    "lit": "^2.8.0",
-    "lit-element-router": "^2.0.3",
+    "lit": "^3.3.0",
     "mini-rx-store": "^5.1.0",
     "rxjs": "^7.8.2",
     "ts-action": "^11.0.0",
-    "ts-action-operators": "^9.1.2"
+    "ts-action-operators": "^9.1.2",
+    "universal-router": "^10.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.9.0",
@@ -64,60 +62,25 @@
     "@storybook/test": "^8.6.14",
     "@storybook/web-components": "^8.0.10",
     "@storybook/web-components-vite": "^8.6.14",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "concurrently": "^5.3.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.10.0",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^4.3.8",
-    "lint-staged": "^10.5.4",
-    "prettier": "^2.8.8",
+    "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
     "storybook": "^8.6.14",
-    "tslib": "^2.8.1",
-    "typescript": "^4.9.5",
+    "typescript": "^5.8.3",
     "vite": "^5.4.19",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^2.1.9"
   },
   "customElements": "custom-elements.json",
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier",
-      "plugin:storybook/recommended"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": [
-        "error",
-        {
-          "varsIgnorePattern": "^(customElement|property|state|[A-Za-z].*)$"
-        }
-      ],
-      "import/no-unresolved": "off",
-      "import/extensions": [
-        "error",
-        "always",
-        {
-          "ignorePackages": true
-        }
-      ]
-    }
-  },
-  "prettier": {
-    "singleQuote": true,
-    "arrowParens": "avoid"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write"
-    ]
-  }
+  "keywords": [
+    "pd",
+    "progressive",
+    "development",
+    "content",
+    "collapse"
+  ]
 }

package/dist/helper/helper-utils.d.ts

@@ -1,6 +0,0 @@
-export declare const isEmpty: (field?: string) => boolean;
-export declare const isBlank: (field?: string) => boolean;
-export declare const deactivateOfflineWatcher: () => void;
-export declare const activateOfflineWatcher: (firstCall: boolean) => void;
-export declare const isValidNumber: (value: string) => boolean;
-//# sourceMappingURL=helper-utils.d.ts.map

package/dist/helper/helper-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper-utils.d.ts","sourceRoot":"","sources":["../../src/helper/helper-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAAiC,CAAC;AAE1E,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAA0C,CAAC;AAKnF,eAAO,MAAM,wBAAwB,YAGpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAAe,OAAO,SAOxD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAU,MAAM,KAAE,OAU3C,CAAA"}

package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-color-styles.js

@@ -1,30 +0,0 @@
-import { css } from "lit";
-/**
- * @license
- * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
- */
-const PDColorStyles = css`
-
-  :host {
-
-    /**
-     * Set default colors for all pd-components 
-     */
-    --pd-default-col: var(--app-primary-col, #067394);
-    --pd-default-light-col: var(--app-primary-light-col, #AFC1D2);
-    --pd-default-dark-col: var(--app-primary-dark-col, #0A3A48);
-    --pd-default-bg-col: var(--app-primary-bg-col, #fefefe);
-
-    --pd-default-hover-col: var(--app-hover-col, #ffc857);
-    --pd-default-error-col: var(--app-error-col, #cc2029);
-    --pd-default-error-light-col: var(--app-error-light-col, #ffe8e8);
-    --pd-default-success-col: var(--app-success-col, #42a01c);
-    --pd-default-success-light-col: var(--app-success-light-col, #f5ffe8);    
-    --pd-default-disabled-col: var(--app-disabled-col, #888585);
-    --pd-default-disabled-light-col: var(--app-disabled-light-col, lightgrey);    
-  }
-
-`;
-export {
-  PDColorStyles
-};

package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js

@@ -1,32 +0,0 @@
-import { css } from "lit";
-/**
- * @license
- * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
- */
-const PDFontStyles = css`
-
-  :host {
-    /** 
-     * Set default fonts for all pd-components.
-     * Use content, title and input categories for fonts.
-     */
-    --pd-default-font-title-family: var(--app-font-title-family);
-    --pd-default-font-content-family: var(--app-font-content-family);
-    --pd-default-font-input-family: var(--app-font-input-family);
-    --pd-default-font-link-family: var(--app-font-link-family);
-
-    --pd-default-font-title-col: var(--app-font-title-col, #0A3A48);    
-    --pd-default-font-content-col: var(--app-font-content-col, #353738);
-    --pd-default-font-input-col: var(--app-font-input-col, #353738);
-    --pd-default-font-link-col: var(--app-font-link-col, #067394);
-    --pd-default-font-link-col-hover: var(--app-font-link-col, #451A46);
-
-    --pd-default-font-link-size: var(--app-font-link-size, 0.9em);
-    --pd-default-font-content-size: var(--app-font-content-size, 1em);
-    --pd-default-font-input-size: var(--app-font-input-size, 1em);
-  }
-
-`;
-export {
-  PDFontStyles
-};

package/dist/pd-icon-panel-button.d.ts

@@ -1,2 +0,0 @@
-export * from './tmpown/pd-icon-panel-button'
-export {}