@saasquatch/mint-components 1.5.0-8 → 1.5.0-83

package/dist/cjs/sqm-empty_7.cjs.entry.js

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./extends-08099afd.js');
+const JSS = require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
+
+function EmptyStateView(props) {
+  const { emptyStateHeader, emptyStateImage, emptyStateText, table } = props;
+  function emptyBase() {
+    return (index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
+      index.h("sqm-image", { "image-url": emptyStateImage, "max-width": "100px" }),
+      index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
+        index.h("sqm-text", { slot: "label" },
+          index.h("h3", null, emptyStateHeader)),
+        index.h("sqm-text", { slot: "content" }, emptyStateText))));
+  }
+  if (table) {
+    return (index.h("div", { slot: "empty", style: { display: "contents" } },
+      index.h("sqm-table-row", null,
+        index.h("sqm-table-cell", { colspan: 5, style: { textAlign: "center" } }, emptyBase()))));
+  }
+  return index.h("slot", { name: "empty" }, emptyBase());
+}
+
+const HeroImage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(EmptyStateView, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText, table: this.table }));
+  }
+};
+
+function ImageView(props) {
+  const style = {
+    Container: {
+      display: "flex",
+      width: "100%",
+      justifyContent: props.alignment || "center",
+      background: props.backgroundColor || "",
+    },
+    Image: {
+      minHeight: props.minHeight || "100%",
+      objectFit: "cover",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  console.log(props);
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+  `;
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    index.h("div", { class: sheet.classes.Container },
+      index.h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
+}
+
+const Image = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Position Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     */
+    this.alignment = "center";
+  }
+  render() {
+    return index.h(ImageView, Object.assign({}, utils.getProps(this)));
+  }
+};
+
+const PortalContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Direction
+     * @uiType string
+     * @uiEnum ["row", "column"]
+     */
+    this.direction = "column";
+    /**
+     * @uiName Gap
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.gap = "xxx-large";
+    /**
+     * @uiName Display
+     * @uiType string
+     * @uiEnum ["grid", "flex"]
+     */
+    this.display = "grid";
+    /**
+     * @uiName Maximum width
+     */
+    this.maxWidth = "100%";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
+  }
+};
+
+const TableCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.colspan = 1;
+    this.padding = "15px 10px";
+  }
+  render() {
+    return (index.h(index.Host, { style: { display: "contents" } }, index.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index.h("slot", null))));
+  }
+};
+
+const TableRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.border = "1px solid #EAEAEA";
+  }
+  render() {
+    return (index.h(index.Host, { style: { display: "contents" } }, index.h("tr", { style: { border: this.border } }, index.h("slot", null))));
+  }
+};
+
+// import { insertCSS } from "../../insertcss";
+// import debugFn from "debug";
+// const debug = debugFn("sq:global");
+const vanillaStyle = `
+  sqm-text {
+    display: block;
+  }
+
+  sqm-text h1 {
+    font-size: var(--sl-font-size-xxx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h2 {
+    font-size: var(--sl-font-size-xx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h3 {
+    font-size: var(--sl-font-size-x-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h4 {
+    font-size: var(--sl-font-size-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text p {
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text p[light] {
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-600);
+    margin: 0;
+  }
+`;
+const Text = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() {
+    // try {
+    //   insertCSS(textStyles);
+    // } catch (error) {
+    //   debug(error);
+    // }
+  }
+  render() {
+    return (index.h("div", null, index.h("style", null, vanillaStyle), index.h("slot", null)));
+  }
+};
+
+const TitledSection = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Text Align
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     */
+    this.textAlign = "left";
+    /**
+     * @uiName Label margin style
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.labelMargin = "small";
+    /**
+     * @uiName Section padding
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.padding = "none";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const label = index.h("slot", { name: "label" }, this.label);
+    const content = index.h("slot", { name: "content" });
+    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
+  }
+};
+
+exports.sqm_empty = HeroImage;
+exports.sqm_image = Image;
+exports.sqm_portal_container = PortalContainer;
+exports.sqm_table_cell = TableCell;
+exports.sqm_table_row = TableRow;
+exports.sqm_text = Text;
+exports.sqm_titled_section = TitledSection;

package/dist/cjs/sqm-form-message.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+
+const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
+
+const FormMessage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    if (this.type === "error") {
+      return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
+    }
+    else if (this.type === "info") {
+      return (index.h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
+    }
+    else {
+      return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
+    }
+  }
+};
+FormMessage.style = sqmFormMessageCss;
+
+exports.sqm_form_message = FormMessage;

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.ee();
   const appDomain = domain;
-  const tenantAlias = index_module.k();
+  const tenantAlias = index_module.j();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.Se(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = _extends.m(index_module.Pe, managedIdentityClient);
-  _extends.useEffect(() => {
+  const managedIdentityClient = index_module.Pe(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.qe, managedIdentityClient);
+  stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);
 }
@@ -23,7 +24,7 @@ const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-hero-view-bb3d00a1.js → sqm-hero-view-a13795c0.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-const useCallback = require('./use-callback-fadb2643.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const useCallback = require('./use-callback-e754042f.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {
-  const [width, setWidth] = _extends.useState(window.innerWidth);
+  const [width, setWidth] = stencilHooks_module.useState(window.innerWidth);
   const handleWindowResize = useCallback.useCallback(() => setWidth(window.innerWidth), []);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     window.addEventListener("resize", handleWindowResize);
     return () => window.removeEventListener("resize", handleWindowResize);
   }, []);
@@ -118,8 +118,7 @@ function HeroView(props) {
       minHeight: "100%",
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   const vanillaStyle = `
   :host{    

package/dist/cjs/sqm-hero.cjs.entry.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
-const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+require('./extends-08099afd.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmHeroView = require('./sqm-hero-view-a13795c0.js');
 
 const Hero = class {
   constructor(hostRef) {
@@ -18,7 +19,7 @@ const Hero = class {
     this.paddingSize = "large";
     /** @uiName Wrap direction */
     this.wrapDirection = "wrap";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-leaderboard-rank-view-35015d30.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+
+function LeaderboardRankView(props) {
+  const { data } = props;
+  return index.h("span", { class: "P" }, data.rank);
+}
+
+exports.LeaderboardRankView = LeaderboardRankView;

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

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-const global = require('./global-89f66e76.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const global = require('./global-4c495d76.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-510f16d3.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
 
-const GET_RANK = sqmLeaderboardRankView.gql `
+const GET_RANK = index_module.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -34,7 +35,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.cn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.mn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_a = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _a === void 0 ? void 0 : _a.leaderboardRank) ? global.intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c[props.rankType],
   })
@@ -55,21 +56,18 @@ const LeaderboardRank = class {
      * @uiName Rank Text
      */
     this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.j()
+    const props = index_module.k()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {
-  const intl = global.createIntl({
-    locale: "en",
-  });
-  const rank = intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
+  const rank = global.intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: 1,
   }) || "1st";
   return cjs.cjs({

package/dist/cjs/{sqm-name-fields-view-24614ac7.js → sqm-name-fields-view-c95e4768.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 const style = {
   InputContainer: {
@@ -29,8 +29,7 @@ sl-input::part(label){
   font-weight: var(--sl-font-weight-semibold);
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function NameFieldsView(props) {
   const { states } = props;

package/dist/cjs/sqm-name-fields.cjs.entry.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
+require('./JSS-c65a40f1.js');
+const sqmNameFieldsView = require('./sqm-name-fields-view-c95e4768.js');
 
 const CONTEXT_NAME = "sq:validation-state";
 function useNameFields(props) {
-  const validationState = _extends.d(CONTEXT_NAME);
+  const validationState = stencilHooks_module.d(CONTEXT_NAME);
   return {
     states: {
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
@@ -37,11 +38,11 @@ const NameFields = class {
      * @uiName Last name field label
      */
     this.lastNameLabel = "Last Name";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states } = index_module.j() ? useNameFieldsDemo(this) : useNameFields(this);
+    const { states } = index_module.k() ? useNameFieldsDemo(this) : useNameFields(this);
     return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
   }
 };

package/dist/cjs/{sqm-navigation-sidebar-item-view-a2bdcf05.js → sqm-navigation-sidebar-item-view-da648fbc.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-c0bf9df0.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const index_module = require('./index.module-54724339.js');
 const mixins = require('./mixins-7b7c59fe.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;
@@ -19,7 +19,9 @@ function NavigationSidebarItemView(props) {
       ...mixins.gap({ direction: "row", size: "var(--sl-font-size-small)" }),
       "&:hover": {
         cursor: "pointer",
-        background: states.active ? "var(--sl-color-gray-300)" : "var(--sl-color-gray-50)",
+        background: states.active
+          ? "var(--sl-color-gray-300)"
+          : "var(--sl-color-gray-50)",
       },
     },
     Label: {
@@ -29,12 +31,11 @@ function NavigationSidebarItemView(props) {
       "flex-shrink": "0",
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.mn.push(data.path);
+      index_module.pn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     index.h("style", { type: "text/css" }, styleString),
     index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a2bdcf05.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-da648fbc.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.vn();
+  const currentPage = index_module.hn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -29,11 +30,11 @@ function useNavigationSidebarItem(props) {
 const NavigationSidebarItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.j()
+    const props = index_module.k()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-view-d06e1885.js → sqm-navigation-sidebar-view-36632c96.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 const style = {
   ItemsContainer: {
@@ -20,8 +20,7 @@ const vanillaStyle = `
     max-width: 320px;
   }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function NavigationSidebarView(
 // @ts-ignore - Stencil requires props (even if empty)

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./extends-08099afd.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
+require('./JSS-c65a40f1.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-36632c96.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {