@salla.sa/twilight-components 1.0.62 → 1.0.63

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -89,8 +89,8 @@ export class SallaProductAvailability {
           h("i", { class: "sicon-bell-ring s-product-availability-subs-icon" }),
           " ",
           this.subscribedMessage)
-        : h("slot", null,
-          h("salla-button", { onClick: () => this.isUser ? this.submit() : this.modal.show(), wide: true, ref: btn => this.inlineBtn = btn }, salla.lang.get('pages.products.notify_availability'))),
+        :
+          h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.show(), ref: btn => this.inlineBtn = btn }, salla.lang.get('pages.products.notify_availability')),
       this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
   }
   renderModal() {
@@ -106,8 +106,8 @@ export class SallaProductAvailability {
           h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
         ] : ''),
       h("div", { slot: "footer", class: "s-product-availability-footer" },
-        h("salla-button", { wide: true, "btn-style": "outline", onClick: () => this.modal.hide(), ref: btn => this.cancelBtn = btn }, salla.lang.get('common.elements.cancel')),
-        h("salla-button", { "loader-position": 'center', wide: true, ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
+        h("salla-button", { width: "wide", color: "light", fill: "outline", onClick: () => this.modal.hide(), ref: btn => this.cancelBtn = btn }, salla.lang.get('common.elements.cancel')),
+        h("salla-button", { "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
   }
   static get is() { return "salla-product-availability"; }
   static get originalStyleUrls() { return {