npm - @salla.sa/twilight-components - Versions diffs - 2.14.431 → 2.14.433 - Mend

@salla.sa/twilight-components 2.14.431 → 2.14.433

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/dist/collection/components/salla-tabs/salla-tabs.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: 'ca22c220d70aa825f10c645d3993fb72948944a9', class: "s-tabs" }, h("div", { key: '00a506e74704e76f4d2890d1201528bb17826aa1', class: "s-tabs-header" }, h("slot", { key: 'e0c0c4b621994137a83a51292667e9acf4ff39c5', name: "header" })), h("div", { key: '7fdb971d2c60ff37c130449533e3b44d8d7e3a83', class: "s-tabs-content-wrapper" }, h("slot", { key: '72160d870ba9007b5a74d09a798265cbbc387efa', name: "content" })))
+            h("div", { key: '5584079da6ec0297e1b5b0696b951d9a1e59737a', class: "s-tabs" }, h("div", { key: '7ccbf64b3dd3b8a0cc26dbac085b0a6b4fdd674b', class: "s-tabs-header" }, h("slot", { key: 'aad3107a146bb0ee7130b17ebb622fdb5cf6b1e7', name: "header" })), h("div", { key: '4f6a38f41b7788162549123fed9c8a256e3f7c94', class: "s-tabs-content-wrapper" }, h("slot", { key: '51cb020f8f95c76959c3b3f730d8763419570b43', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js CHANGED Viewed

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '52617befb5152051a2be9f65a96a4f2a8577e6c4', class: "s-tel-input" }, h("input", { key: '7f6e7cc0b8cde9139cfdf6fb0ba0d6efe48bcb3b', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'c5b21209ee941ae455516e3b4e9c503e8c52f3c5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a09cb211e141996066ade2a6e8b901696de65bb7', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'f9dbd104d08e371c2d948d4e2f521f180f0e9728', class: "s-tel-input" }, h("input", { key: '88d9aec228b90558b51d94efca25404603fa028b', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '3e143a4a2021889e0c2dec33968ec7cf127cf635', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'bec80ffbd16d6f36a70205bcdc3dae180270be62', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/collection/components/salla-tooltip/salla-tooltip.css CHANGED Viewed

@@ -4,9 +4,9 @@
 }
 .s-tooltip-item {
   position: absolute;
-  transform: translateX(-39%);
-  background-color: #baf3e6;
-  color: #004d5a;
+  transform: translateX(-63%) translateY(-50%);
+  background-color: var(--color-primary);
+  color: var(--color-primary-reverse);
   bottom: 100%;
   left: 50%;
   text-align: center;
@@ -31,7 +31,7 @@
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
-  border-color: #baf3e6 transparent transparent transparent;
+  border-color: var(--color-primary) transparent transparent transparent;
 }
 .s-tooltip-item:dir(ltr) {
   transform: translateX(-72%);

package/dist/collection/components/salla-tooltip/salla-tooltip.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '62b83d29f0c62d93fa493494f810a5bfbd8423bf', class: "s-tooltip-container" }, h("div", { key: '23b1760656599e63e3ce2d7ec669475f17d932fd', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: 'cc5a63847902e9030444f09e503884b89911804e', class: "s-tooltip-container" }, h("div", { key: '8c468cff2093ab72b6021af8935dea9089208d06', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-user-settings/salla-user-settings.js CHANGED Viewed

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'd5cdafbb882bfac9b9604a246df93ed698577d83', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '84ab3744fec66aa61c626c377e1dc59e3a41b4d5', class: "s-user-settings-section" }, h("salla-list-tile", { key: '39494a613096611f63778fc147b01440bba9af06' }, h("div", { key: '2aa0f7582f1590d036b7f649710125bb74751c84', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '54d75c7bb262247b3e1caff46b47c6dc5e0f7b8f', innerHTML: UserCancel })), h("div", { key: '7cf196cec61f67515e4deeb9006876fb31c89fde', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'e554cd922c97cd6aeec02d637cb138f37b17cf9d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '75af7edd3d365e8f8e9ca37dd7670b7fb58a9bbd', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '11c2829b508147cfaa7a7e58625301e1a1590980', class: "s-toggle" }, h("input", { key: '49394f1a904c2053b1dc960b2895120a8c6795d4', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '982f7ae509e335bddb9852bd147dd9963f04c1c5', class: "s-toggle-switcher" }))))), h("div", { key: '7c0276263f599160e129f77df0d2a6125aad900a', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'd248a1b634ef8639c0b39937cf9b30e673ac0d26' }, h("div", { key: '365bb3f400a96ddd434c2e902b7b280ca1805fb7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '398a3ffea087ffbdd78639ad72fefbf8f04eb202', innerHTML: Bullhorn })), h("div", { key: 'ee0b0f8e2d2c974cf14d50677eb23d21dceed745', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '890e4bd4d13f9decd3595a95ac370f3c6fe33810', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '073fc9d0f17b70afbf1e174707075a17f471af30', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '2a3b31b294ec0f81ac476f38d457a75d45532bac', class: "s-toggle" }, h("input", { key: '78a9df7c3c4c826acf044b650021ade2c2bad054', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '8167ce78297b174eb1b55c66c03fdc394c63282d', class: "s-toggle-switcher" }))))), h("div", { key: '13ed578bab3f587daceb1a7573bb1b3881ecd57e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '3177d1bbfaf00279b5c36f5305ae13729d5f2160' }, h("div", { key: '23b3c3b7fff5b51678e68b39aa7b4de9e54dbf21', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4dbfb202a3419590fd9efd6585cb35f44cbb70d8', innerHTML: UserOff })), h("div", { key: '1929b9ac8930bcd7a09322b9767f5edd42488ea4', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'f28baf1e5a1dd05572e8d5dbc6cee4fe352eb821', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '1f315571afcac490b6e19a06b0cd3000e76c2ed3', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bbd31e5df4eb1339a84621616671c7e0aae0903', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '67949f4efafdcb160d2a02af3e0ae7eb1cd7edcc', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'a23293ebc5a46ac41375abc1ad83dbdd7b4cd2e5', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '3134591a10759a22b9a17335a0ec33e80e8a094b', class: "s-user-settings-confirmation" }, h("div", { key: 'df0b762a441326bf5ea1cc3973e5d0cc6132ba13', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '68c52e34dda9e407cc2435efbeb33b5665749f3f', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '3f64972422ab639412b711d5ceb41ed0fb07e5e9', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '64774bd0dee3fd1f4b61b1471ba4bec8e9a1257f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '3b503ea1843a9fa0931a7c3478822994140f1a8d', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '5e4874063fbd5936351f92ea04b9b303c0bd49a3', class: "s-user-settings-section" }, h("salla-list-tile", { key: '6a966de44e40d51e03f1b81f9e170e8d716084e7' }, h("div", { key: '1f5f4ab2d595253304d977c34ad0b4f86c88d900', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f93006050cd12ea0ad453c7ada465422519f0833', innerHTML: UserCancel })), h("div", { key: '7e8f6021ecf415cbbdfc5b7279b3d06370159df2', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'd4faf62bde6ef5e9ebad40058e411aa56ed14eff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '1f285539e0627b62b0072a02c51d7134d560a733', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'fae13b1910d84447218d493745b523c40f41376f', class: "s-toggle" }, h("input", { key: '1d36c238f51814e0b201b957182109f2721a8581', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '829fd12d0b4693ccb412767594f6c4060962f027', class: "s-toggle-switcher" }))))), h("div", { key: '3eb2c9d0deacc89cba4ec04788d11e0f25724f84', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'a81db53d1ab9f8477325e279f9e54c58047f4ac2' }, h("div", { key: '8f9368d8ad52ed31872cf95a408c6ffd8da4279c', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '2d7e0c5bf9c54b657ea5ba3299cf09e3d3666e9b', innerHTML: Bullhorn })), h("div", { key: '6a6471a37d98522aa3d118fce39af89b45971b9b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3844d2bb30e191cdd32681dd4b6601bb6b29975c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '5eba79efdc171ab9bd0b6b10d0782a3a50d914e7', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '22a4c9433aad0060c2b61c8baa982d9634ddd9e7', class: "s-toggle" }, h("input", { key: '784dc34cdf5f539bf63f788369dcd9a83e4cddb4', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '138bf3b64ef06eb0ccc420e6774feaa5cf296c3d', class: "s-toggle-switcher" }))))), h("div", { key: '04b416e46d89a4acceb2fa17f480729751d78fa5', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'c5a3d7e16b97d773219c14de9f51ea6280bd5784' }, h("div", { key: '90f4db05c86c64a33ec9cc39565524a01f44ccd4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4cef5fd2411d81a23cc8e9bcd399d5dbd360be6c', innerHTML: UserOff })), h("div", { key: '57d16bf204b0854355368049aab0b45d398da6fc', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '596c8d4c165f2bd71f5c70ec984aa86252841493', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'c5912d000eaa947223013fc562e0a3607bb0c6d5', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '9501681d074dc16fbe82c2ded6bc73bb045715e7', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '34ebc1adaabccbc44f5f742305c087c2916d310a', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '8e3c8f4bccc605051d092ea0f507808157faacc8', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '0e9cfb8c990bf86cf846d25e8f17c8823212a651', class: "s-user-settings-confirmation" }, h("div", { key: '672ab4c5689ff9fa0a2af07d3ddcc77f8babd7ce', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '65f5e0eaeab3b4f28998dc84e2ba225fac44c294', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '7f19101736ff2e2e1ad932cbd84e01ab19520d9b', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '80a161ac2fbe61d9ba1f0999f6a055aa378f05bd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {