@progressive-development/pd-content 0.0.9 → 0.0.11

package/package.json

@@ -3,7 +3,7 @@
   "description": "Progressive Development content components. ",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development UG",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "main": "index.js",
   "module": "index.js",
   "scripts": {
@@ -18,8 +18,8 @@
   },
   "dependencies": {
     "lit": "^2.0.2",
-    "@progressive-development/pd-icon": "0.0.4",
-    "@progressive-development/pd-dialog": "0.0.8",
+    "@progressive-development/pd-icon": "0.0.7",
+    "@progressive-development/pd-dialog": "0.0.10",
     "pwa-helpers": "^0.9.0"
   },
   "devDependencies": {

package/src/PdBoxView.js

@@ -15,10 +15,10 @@ export class PdBoxView extends LitElement {
         }
 
         @media (min-width: 580px) {
-          .button-icon squi-icon {
+          .button-icon pd-icon {
             margin: 0 0.5rem;
           }
-          .button-icon.small squi-icon {
+          .button-icon.small pd-icon {
             padding-right: 0.5rem;
           }
         }

package/src/PdCollapse.js

@@ -59,8 +59,8 @@ export class PdCollapse extends LitElement {
           position: relative;
           overflow: visible;
 
-          --squi-icon-fill: var(--my-icon-fill-color);
-          --squi-icon-fill-active: var(--my-icon-fill-active-color);
+          --pd-icon-fill: var(--my-icon-fill-color);
+          --pd-icon-fill-active: var(--my-icon-fill-active-color);
         }
         :host([popup]) {
           position: unset;
@@ -122,8 +122,8 @@ export class PdCollapse extends LitElement {
         .trigger:hover {
           box-shadow: 1px 1px 2px rgb(var(--raw-game-color-dark-darker, grey)); /* ToDo*/
           background: var(--my-header-background-hover-color);
-          --squi-icon-fill: var(--my-icon-fill-hover-color);
-          --squi-icon-fill-active: var(--my-icon-fill-active-hover-color);
+          --pd-icon-fill: var(--my-icon-fill-hover-color);
+          --pd-icon-fill-active: var(--my-icon-fill-active-hover-color);
         }
         .trigger.closed {
           margin-bottom: 1rem;
@@ -147,8 +147,8 @@ export class PdCollapse extends LitElement {
         .open .close-link {
           position: fixed;
           right: 0;
-          --squi-icon-fill: var(--app-primary-color);
-          --squi-icon-fill-active: var(--game-color-dark);
+          --pd-icon-fill: var(--app-primary-color);
+          --pd-icon-fill-active: var(--game-color-dark);
         }
         @media (min-width: 460px) {
           :host {
@@ -184,19 +184,19 @@ export class PdCollapse extends LitElement {
         @click="${this.onClick}"
       >
         <slot name="header"></slot>
-        <squi-icon
+        <pd-icon
           icon="${this.icon}"
           ?activeIcon="${this.active}"
           class="small"
-        ></squi-icon>
+        ></pd-icon>
       </div>
       <div class="content ${this.active ? 'open' : 'closed'}">
         ${this.popup
-          ? html`<squi-icon
+          ? html`<pd-icon
               @click="${this.onClick}"
               icon="closeLink"
               class="link round close-link"
-            ></squi-icon>`
+            ></pd-icon>`
           : ''}
         <slot name="content"></slot>
       </div> `;