@saasquatch/mint-components 1.4.1-1 → 1.4.1-2

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.4.1] - 2021-01-10
+
+### Fixed
+
+- Fixed broken WhatsApp icon by updating the version of bootstrap icons from 1.2.0 to 1.7.2
+
 ## [1.4.0] - 2021-12-09
 
 - Updated version of component-boilerplate to prevent rare case of user context being deleted during register
@@ -182,7 +188,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - \<sqm-popup-container>
   - \<sqm-stencilbook>
 
-[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.4.0...HEAD
+[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.4.1...HEAD
+[1.4.1]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.4.1
 [1.4.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.4.0
 [1.3.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.3.0
 [1.2.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.2.0

package/dist/cjs/{global-0c01d88f.js → global-413d075c.js}

@@ -26497,7 +26497,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", alert_default2);

package/dist/cjs/loader.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 require('./extends-0302d27d.js');
-require('./global-0c01d88f.js');
+require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 require('./index.module-2925fe3b.js');
 

package/dist/cjs/mint-components.cjs.js

@@ -2,7 +2,7 @@
 
 const index = require('./index-b0129cd6.js');
 require('./extends-0302d27d.js');
-require('./global-0c01d88f.js');
+require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 require('./index.module-2925fe3b.js');
 

package/dist/cjs/sqm-divided-layout_26.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 const useCallback = require('./use-callback-fadb2643.js');
 const index_module = require('./index.module-2925fe3b.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -15,7 +15,7 @@ const mixins = require('./mixins-7b7c59fe.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
 const reRender = require('./re-render-b1ad512d.js');
 const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
 const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
@@ -23,13 +23,13 @@ const ShadowViewAddon = require('./ShadowViewAddon-e9bacad0.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-1bad646a.js');
 const sqmStatContainerView = require('./sqm-stat-container-view-ee7b00ff.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-1704d285.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d78fd6d.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b595e302.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
 const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
 const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
 
@@ -1579,7 +1579,6 @@ function PortalRegisterView(props) {
           "Cannot be empty",
       }
         : [])))),
-      content.terms,
       index.h("div", { class: sheet$4.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
@@ -5638,7 +5637,6 @@ const PortalRegister = class {
     const content = {
       formData: index.h("slot", { name: "formData" }),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.mn.push(states.loginPath) }, this.loginLabel))),
-      terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -16525,7 +16523,7 @@ const ShareButton_stories = {
   title: "Share Button",
 };
 const WithIcon = () => {
-  const props = { medium: "facebook", iconslot: "suffix" };
+  const props = { medium: "whatsapp", iconslot: "suffix" };
   return index.h(ShareButtonView, Object.assign({}, props), "Share");
 };
 const WithIconOverride = () => {
@@ -16563,6 +16561,35 @@ const FullStackIcon = () => {
     index.h("br", null),
     index.h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
       index.h("span", null, "Email"))));
+};
+const AllMediums = () => {
+  return (index.h("div", null,
+    index.h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
+      index.h("span", null, "Facebook")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
+      index.h("span", null, "Email")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
+      index.h("span", null, "WhatsApp")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
+      index.h("span", null, "Linkedin")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
+      index.h("span", null, "Twitter")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
+      index.h("span", null, "Pinterest")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
+      index.h("span", null, "Messenger")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
+      index.h("span", null, "SMS")),
+    index.h("br", null),
+    index.h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
+      index.h("span", null, "Line Messenger"))));
 };
 
 const ShareButton$1 = /*#__PURE__*/Object.freeze({
@@ -16574,7 +16601,8 @@ const ShareButton$1 = /*#__PURE__*/Object.freeze({
   WithoutIcon: WithoutIcon,
   WithoutText: WithoutText,
   TextStyleWithoutIcon: TextStyleWithoutIcon,
-  FullStackIcon: FullStackIcon
+  FullStackIcon: FullStackIcon,
+  AllMediums: AllMediums
 });
 
 const ShareLink_stories = {
@@ -18039,7 +18067,7 @@ const defaultProps$3 = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18056,7 +18084,7 @@ const errorProps$1 = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18076,7 +18104,7 @@ const loadingProps$1 = {
     loading: true,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18093,7 +18121,7 @@ const slottedProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18120,18 +18148,11 @@ const FieldsHidden = () => {
         loading: true,
         confirmPassword: true,
         hideInputs: true,
-        loginPath: "/login",
+        loginPath: "/login"
       },
     } }));
 };
-const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
-const TermsAndConditions = () => (index.h(PortalRegisterView, Object.assign({}, defaultProps$3, { content: {
-    ...defaultProps$3.content,
-    terms: (index.h("p", null,
-      "By signing up you agree to the",
-      " ",
-      index.h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
-  } })));
+const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
 
 const PortalRegister$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -18140,8 +18161,7 @@ const PortalRegister$1 = /*#__PURE__*/Object.freeze({
   RegisterWithError: RegisterWithError,
   RegisterLoading: RegisterLoading,
   FieldsHidden: FieldsHidden,
-  SlottedInputs: SlottedInputs,
-  TermsAndConditions: TermsAndConditions
+  SlottedInputs: SlottedInputs
 });
 
 const scenario = "@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n  @motivating\r\n  Scenario: Users can request to reset their password\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email is sent\r\n    Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n  @motivating\r\n  Scenario: Users are notified if sending their password reset email fails\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email fails to send\r\n    Then the user does not receive a password reset email\r\n    And an error banner is shown stating that they should try again\r\n\r\n  @motivating\r\n  @landmine\r\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n    Given the user entered an email address that is not associated to an accoun\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    But no email is sent\r\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n  @motivating\r\n  Scenario: Users can resend password reset email\r\n    Given a user had previously requested to reset their password\r\n    When they enter their email address\r\n    And that email address is linked to a previously created account\r\n    And they click \"Reset Password\"\r\n    Then the user receives a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n\r\n  @motivating\r\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to \"/resetPassword\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"redirect-path\" with <value>\r\n    When they request a password reset email\r\n    And they click the link in the email\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value            | redirectPath     |\r\n      | doesn't have | N/A              | /resetPassword   |\r\n      | has          | /resetMyPassword | /resetMyPassword |\r\n\r\n  @minutae\r\n  Scenario Outline: Navigation back to the login page can be customized but defaults to \"/login\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"login-path\" with <value>\r\n    Then they see a \"Sign In\" text button\r\n    When they click \"Sign In\"\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value   | redirectPath |\r\n      | doesn't have | N/A     | /login       |\r\n      | has          | /signin | /signin      |";

package/dist/cjs/{sqm-leaderboard-rank-view-48245b30.js → sqm-leaderboard-rank-view-b1b55673.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 const index_module = require('./index.module-2925fe3b.js');
 
 var docCache = new Map();

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 const index_module = require('./index.module-2925fe3b.js');
 const cjs = require('./cjs-1066ec21.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
 
 const GET_RANK = sqmLeaderboardRankView.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/cjs/{sqm-portal-email-verification-view-68b16f27.js → sqm-portal-email-verification-view-eeb4ca62.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-0c01d88f.js');
+require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/{sqm-portal-footer-view-edeeebab.js → sqm-portal-footer-view-08a2efd5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-0c01d88f.js');
+require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-profile-view-2b48529e.js → sqm-portal-profile-view-ce86369e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0c01d88f.js');
+const global = require('./global-413d075c.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-0c01d88f.js');
+require('./global-413d075c.js');
 require('./use-callback-fadb2643.js');
 const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
@@ -12,7 +12,7 @@ const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./sqm-portal-container-view-d144735a.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
 
 const GET_USER = index_module.dist.gql `
   query {

package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js

@@ -69,7 +69,6 @@ export function PortalRegisterView(props) {
           "Cannot be empty",
       }
         : [])))),
-      content.terms,
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js

@@ -71,7 +71,6 @@ export class PortalRegister {
       formData: h("slot", { name: "formData" }),
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
-      terms: h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -340,7 +339,7 @@ export class PortalRegister {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegisterViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/global/global.js

@@ -19,7 +19,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", SlAlert);

package/dist/collection/stories/PortalRegister.stories.js

@@ -9,7 +9,7 @@ const defaultProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -26,7 +26,7 @@ const errorProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -46,7 +46,7 @@ const loadingProps = {
     loading: true,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -63,7 +63,7 @@ const slottedProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login",
+    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -90,15 +90,8 @@ export const FieldsHidden = () => {
         loading: true,
         confirmPassword: true,
         hideInputs: true,
-        loginPath: "/login",
+        loginPath: "/login"
       },
     } }));
 };
 export const SlottedInputs = () => h(PortalRegisterView, Object.assign({}, slottedProps));
-export const TermsAndConditions = () => (h(PortalRegisterView, Object.assign({}, defaultProps, { content: {
-    ...defaultProps.content,
-    terms: (h("p", null,
-      "By signing up you agree to the",
-      " ",
-      h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
-  } })));

package/dist/collection/stories/ShareButton.stories.js

@@ -4,7 +4,7 @@ export default {
   title: "Share Button",
 };
 export const WithIcon = () => {
-  const props = { medium: "facebook", iconslot: "suffix" };
+  const props = { medium: "whatsapp", iconslot: "suffix" };
   return h(ShareButtonView, Object.assign({}, props), "Share");
 };
 export const WithIconOverride = () => {
@@ -43,3 +43,32 @@ export const FullStackIcon = () => {
     h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
       h("span", null, "Email"))));
 };
+export const AllMediums = () => {
+  return (h("div", null,
+    h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
+      h("span", null, "Facebook")),
+    h("br", null),
+    h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
+      h("span", null, "Email")),
+    h("br", null),
+    h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
+      h("span", null, "WhatsApp")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
+      h("span", null, "Linkedin")),
+    h("br", null),
+    h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
+      h("span", null, "Twitter")),
+    h("br", null),
+    h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
+      h("span", null, "Pinterest")),
+    h("br", null),
+    h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
+      h("span", null, "Messenger")),
+    h("br", null),
+    h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
+      h("span", null, "SMS")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
+      h("span", null, "Line Messenger"))));
+};

package/dist/esm/{global-0fcfbedf.js → global-2e50d2dc.js}

@@ -26495,7 +26495,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", alert_default2);

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
 import './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import './index.module-1e92a7a3.js';
 

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
 import './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import './index.module-1e92a7a3.js';