add whole code of new version

Author: Adem Demir

.browserslistrc

@@ -0,0 +1,3 @@
+IE>=9
+last 4 version
+> 1%

.eslintignore

@@ -0,0 +1,16 @@
+const packageName = '@myparcel/checkout';
+
+const preCommit = [
+  `npm run postcss`,
+  `npm update ${packageName}`,
+  `npm run postinstall`,
+  'git add package.json',
+  'git add package-lock.json',
+  'git add assets/js/myparcel.js',
+].join(' && ');
+
+module.exports = {
+  hooks: {
+    'pre-commit': preCommit
+  },
+};

.huskyrc.js

@@ -0,0 +1,11 @@
+#order_data .order_data_column ._billing_street_name_field,
+#order_data .order_data_column ._billing_box_number_field,
+#order_data .order_data_column ._shipping_street_name_field,
+#order_data .order_data_column ._shipping_box_number_field {
+  float: left;
+}
+
+#order_data .order_data_column ._shipping_house_number_field,
+#order_data .order_data_column ._billing_house_number_field {
+  float: right;
+}

assets/css/checkout-admin.css

@@ -0,0 +1,75 @@
+/* Hack to disable yellow bg color on filled fields and allow js to listen for it  */
+
+@-webkit-keyframes onAutoFillStart {
+  0% {
+  }
+  100% {
+  }
+}
+
+@keyframes onAutoFillStart {
+  0% {
+  }
+  100% {
+  }
+}
+
+input:-webkit-autofill {
+  -webkit-animation-name: onAutoFillStart;
+          animation-name: onAutoFillStart;
+  -webkit-transition: background-color 50000s ease-in-out 0s;
+  -o-transition: background-color 50000s ease-in-out 0s;
+  transition: background-color 50000s ease-in-out 0s;
+}
+
+/* End of hack */
+
+#mypabe-load,
+#mypabe-delivery-date-text,
+#header-delivery-options-title,
+#mypabe-delivery-option-form,
+#mypabe-location-details,
+.mypabe-message-model,
+.woocommerce form .optional {
+  display: none;
+}
+
+.woocommerce-page form .form-row-third {
+  float: left;
+  width: 16%;
+  overflow: visible;
+}
+
+.woocommerce form .form-row-third {
+  margin-right: 4%;
+}
+
+.woocommerce form .form-row-third.first {
+  width: 60%;
+}
+
+.woocommerce-page form .form-row-third.last {
+  margin-right: 0 !important;
+}
+
+@media screen and (max-width: 450px) {
+  .woocommerce-page form .form-row-third.first {
+    width: 100%;
+  }
+
+  .woocommerce-page form .form-row-third {
+    width: 48%;
+  }
+}
+
+#billing_house_number::-webkit-outer-spin-button,
+#billing_house_number::-webkit-inner-spin-button,
+#shipping_house_number::-webkit-outer-spin-button,
+#shipping_house_number::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+#billing_house_number, #shipping_house_number {
+  -moz-appearance: textfield;
+}

assets/css/checkout.css

@@ -0,0 +1,7 @@
+/* Storefront preset */
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options {
+  background-color: #fafafa;
+  clear: both;
+  margin-bottom: 1rem;
+  padding: 1em 1.41575em;
+}

assets/css/delivery-options/delivery-options-preset-storefront.css

@@ -0,0 +1,6 @@
+/* Twenty Nineteen preset */
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options {
+  padding: 1rem;
+  clear: both;
+  background: #eee;
+}

assets/css/delivery-options/delivery-options-preset-twenty-nineteen.css

@@ -0,0 +1,11 @@
+/* Twenty Seventeen preset */
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options label {
+  font-weight: normal;
+}
+
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options {
+  border: 1px solid #bbb;
+  border-radius: 3px;
+  display: block;
+  padding: 0.7em;
+}

assets/css/delivery-options/delivery-options-preset-twenty-seventeen.css

@@ -0,0 +1,12 @@
+/* Twenty Sixteen preset */
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options {
+  background: #ebe9eb;
+  border-radius: 5px;
+  padding: 1em;
+  margin: 3px;
+}
+
+.woocommerce-myparcel__delivery-options > .myparcel-delivery-options table {
+  border: none;
+  table-layout: auto;
+}

assets/css/delivery-options/delivery-options-preset-twenty-sixteen.css

@@ -1,5 +1,5 @@
 /* Order actions button styling */
-.widefat .column-order_actions .column-wc_actions a.button.postnl {
-    float: left;
-    padding: 1px 2px;
+.widefat .column-order_actions .column-wc_actions a.button.myparcel {
+  float: left;
+  padding: 1px 2px;
 }