@everymatrix/cashier-method-details 1.28.0 → 1.28.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.28.0",
+  "version": "1.28.2",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d291acb27fcd4cf8217ec1c98666c02bfb1aea9f"
+  "gitHead": "d958fcf980942e498f37b94d506a1b27a5169aa4"
 }

package/src/CashierMethodDetails.svelte

@@ -693,7 +693,7 @@
                              data-type={field.type}
                              placeholder={field.placeholder}
                              on:input={() => { validateField(field) }}
-                             on:blur={() => { showError[field.name] = true; validateField(field) }}
+                             on:change={() => { showError[field.name] = true; validateField(field) }}
                              bind:this={flatpickrEl[flatpickrEl.length]}
                       >
                     {:else if field.type === FieldTypes.Number || field.type === FieldTypes.Money}
@@ -874,6 +874,16 @@
   input[type=number] {
     -moz-appearance: textfield;
   }
+  .CashierMethodDetails {
+    width: 100%;
+  }
+  .ReceiptPage {
+    background-color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
+    border-radius: 6px;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
+    padding: 0 15px 15px;
+    margin-bottom: 10px;
+  }
   .MethodsDetails {
     position: relative;
     display: flex;
@@ -979,7 +989,7 @@
     z-index: 100;
     top: 0;
     left: 0;
-    background-color: var(--emw--color-gray-transparency-20, rgba(0, 0, 0, .2));
+    background-color: var(--emw--color-white, #FFF);
   }
   .FieldWrapper, label{
     display: flex;