@progressive-development/pd-dialog 0.0.47 → 0.0.49

package/package.json

@@ -3,7 +3,7 @@
   "description": "Progressive Development dialog components.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "main": "index.js",
   "module": "index.js",
   "scripts": {
@@ -17,8 +17,8 @@
     "storybook:build": "npm run analyze -- --exclude dist && build-storybook"
   },
   "dependencies": {
-    "@progressive-development/pd-forms": "^0.1.2",
-    "@progressive-development/pd-icon": "^0.1.6",
+    "@progressive-development/pd-forms": "^0.1.4",
+    "@progressive-development/pd-icon": "^0.1.8",
     "@progressive-development/pd-price": "0.0.8",
     "lit": "^2.0.2"
   },

package/src/PdPopup.js

@@ -35,7 +35,7 @@ export class PdPopup extends LitElement {
 
       /* Modal Content */
       .modal-content {        
-        background-color: var(--pd-default-bg-color);
+        background-color: var(--pd-default-bg-col);
         opacity: 1;
         margin: auto;
         padding: 20px;

package/src/PdPopupDialog.js

@@ -17,7 +17,7 @@ import { SharedGlobalStyles } from './shared-global-styles.js';
  */
 export class PdPopupDialog extends LitElement {
   /**
-   * @event button-clicked - fired if one of the configured buttons was clicked.
+   * @event submit-button-clicked - fired if one of the configured buttons was clicked.
    */
 
   static get styles() {
@@ -55,7 +55,7 @@ export class PdPopupDialog extends LitElement {
         padding-top: 8px;
         font-family: var(--pd-default-font-title-family);
         font-size: var(--pd-popup-header-font-size, 1.4em);
-        color: var(--pd-popup-header-font-col, var(--pd-default-bg-color));
+        color: var(--pd-popup-header-font-col, var(--pd-default-bg-col));
       }
 
       .info-logo {
@@ -66,7 +66,7 @@ export class PdPopupDialog extends LitElement {
 
       .content {
         padding: 0.5rem 1rem 1rem 1rem;
-        background-color: var(--pd-popup-header-font-col, var(--pd-default-bg-color));
+        background-color: var(--pd-popup-header-font-col, var(--pd-default-bg-col));
         height: 100%;
       }
 
@@ -120,7 +120,7 @@ export class PdPopupDialog extends LitElement {
               bt => html`
                 <pd-button
                   data-key="${bt.key}"
-                  @click="${this._handleButtonEvent}"
+                  @button-clicked="${this._handleButtonEvent}"
                   text="${bt.name}"
                 ></pd-button>
               `
@@ -133,7 +133,7 @@ export class PdPopupDialog extends LitElement {
 
   _handleButtonEvent(e) {
     this.dispatchEvent(
-      new CustomEvent('button-clicked', {
+      new CustomEvent('submit-button-clicked', {
         detail: {
           button: e.target.dataset.key,
         },

package/src/PdSubmitDialog.js

@@ -149,7 +149,7 @@ export class PdSubmitDialog extends LitElement {
         class="popup-dialog"
         title="${this.title}"
         .buttons="${this._buttons}"
-        @button-clicked="${this._goToStartpage}"
+        @submit-button-clicked="${this._goToStartpage}"
       >
         <div slot="content">
             ${this._renderContent()}
@@ -232,7 +232,7 @@ export class PdSubmitDialog extends LitElement {
 
   _goToStartpage() {
     this.dispatchEvent(
-      new CustomEvent('button-clicked', {
+      new CustomEvent('submit-button-clicked', {
         detail: {
           // TODO: Get index from event
           button: this._buttons[0].key,

package/src/shared-global-styles.js

@@ -29,13 +29,13 @@ export const SharedGlobalStyles = css`
     --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-color: var(--app-primary-bg-col, #fefefe);
+    --pd-default-bg-col: var(--app-primary-bg-col, #fefefe);
 
-    --pd-default-hover-col: var(--app-hover-col, #E1E03D);
+    --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-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);