@saasquatch/mint-components 2.1.0 → 2.1.1-1

package/dist/mint-components/{p-26796f69.system.entry.js → p-fe0eceba.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-59b028db.system.js","./p-4f5329a2.system.js","./p-08c49143.system.js","./p-b5559e34.system.js"],(function(t){"use strict";var n,e,s,r,u;return{setters:[function(t){n=t.h;e=t.c;s=t.r},function(t){r=t.n},function(){},function(t){u=t.a}],execute:function(){var c=function(t,s){return n(e,null,s)};var i=t("sqm_tab",function(){function t(t){s(this,t);r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){u([this.header]);return n(c,null,n("slot",null))};return t}())}}}));
+System.register(["./p-641f968d.system.js","./p-b6504987.system.js","./p-d6c1e876.system.js","./p-f3b21df2.system.js"],(function(t){"use strict";var n,e,s,r,u;return{setters:[function(t){n=t.h;e=t.c;s=t.r},function(t){r=t.n},function(){},function(t){u=t.a}],execute:function(){var c=function(t,s){return n(e,null,s)};var i=t("sqm_tab",function(){function t(t){s(this,t);r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){u([this.header]);return n(c,null,n("slot",null))};return t}())}}}));

package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts

@@ -10,3 +10,4 @@ export declare const SuccessAlertTransparent: () => any;
 export declare const ErrorAlertTransparent: () => any;
 export declare const WarningAlertTransparent: () => any;
 export declare const InfoAlertTransparent: () => any;
+export declare const Loading: () => any;

package/dist/types/components/sqm-form-message/sqm-form-message.d.ts

@@ -10,6 +10,12 @@ export declare class FormMessage {
    * @uiName Alert type
    */
   type: string;
+  /**
+   * Loading state for the alert.
+   *
+   * @uiName Loading
+   */
+  loading: boolean;
   /**
    * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
    *

package/dist/types/components/sqm-password-field/sqm-password-field.d.ts

@@ -1,14 +1,4 @@
-import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
-export interface PasswordFieldViewDemoProps {
-  initValue: string;
-  states: {
-    enableValidation: boolean;
-    registrationFormState: RegistrationFormState;
-    content: {
-      fieldLabel: string;
-    };
-  };
-}
+import { PasswordFieldViewDemoProps } from "./usePasswordField";
 /**
  * @uiName Form Password Field
  * @validParents ["sqm-portal-register","sqm-portal-registration-form", "sqm-portal-google-registration-form"]

package/dist/types/components/sqm-password-field/usePasswordField.d.ts

@@ -1,3 +1,14 @@
 import { PortalPasswordField } from "./sqm-password-field";
 import { PortalPasswordFieldViewProps } from "./sqm-password-field-view";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
+export interface PasswordFieldViewDemoProps {
+  initValue: string;
+  states: {
+    enableValidation: boolean;
+    registrationFormState: RegistrationFormState;
+    content: {
+      fieldLabel: string;
+    };
+  };
+}
 export declare function usePasswordField(props: PortalPasswordField): PortalPasswordFieldViewProps;

package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password-view.d.ts

@@ -1,4 +1,4 @@
-import { PasswordFieldViewDemoProps } from "../sqm-password-field/sqm-password-field";
+import { PasswordFieldViewDemoProps } from "../sqm-password-field/usePasswordField";
 export interface PortalResetPasswordViewProps {
   states: {
     error: string;

package/dist/types/components/sqm-skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const CustomWidth: () => any;
+export declare const CustomHeight: () => any;
+export declare const CustomWidthAndHeight: () => any;

package/dist/types/components/sqm-skeleton/sqm-skeleton.d.ts

@@ -0,0 +1,14 @@
+export declare class Skeleton {
+  ignored: boolean;
+  /**
+   * @uiName Height (in pixels or %)
+   */
+  height?: string;
+  /**
+   * @uiName Width (in pixels or %)
+   */
+  width?: string;
+  disconnectedCallback(): void;
+  vanillaStyle: string;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -34,7 +34,7 @@ import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-na
 import { NavigationSidebarViewProps } from "./components/sqm-navigation-sidebar/sqm-navigation-sidebar-view";
 import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
 import { UsePagination } from "./components/sqm-pagination/usePagination";
-import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/sqm-password-field";
+import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/usePasswordField";
 import { PayoutButtonScrollViewProps } from "./components/sqm-payout-button-scroll/sqm-payout-button-scroll-view";
 import { PayoutStatusAlertViewProps } from "./components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view";
 import { ChangeMarketingViewProps } from "./components/sqm-portal-change-marketing/sqm-portal-change-marketing-view";
@@ -985,6 +985,11 @@ export namespace Components {
           * @uiName Icon
          */
         "icon"?: string;
+        /**
+          * Loading state for the alert.
+          * @uiName Loading
+         */
+        "loading": boolean;
         /**
           * Render the alert with transparent styles
          */
@@ -4957,6 +4962,16 @@ export namespace Components {
          */
         "tooltiptext": string;
     }
+    interface SqmSkeleton {
+        /**
+          * @uiName Height (in pixels or %)
+         */
+        "height"?: string;
+        /**
+          * @uiName Width (in pixels or %)
+         */
+        "width"?: string;
+    }
     interface SqmStatContainer {
         /**
           * Controls the alignment of the flexbox
@@ -7707,6 +7722,12 @@ declare global {
         prototype: HTMLSqmShareLinkElement;
         new (): HTMLSqmShareLinkElement;
     };
+    interface HTMLSqmSkeletonElement extends Components.SqmSkeleton, HTMLStencilElement {
+    }
+    var HTMLSqmSkeletonElement: {
+        prototype: HTMLSqmSkeletonElement;
+        new (): HTMLSqmSkeletonElement;
+    };
     interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
     }
     var HTMLSqmStatContainerElement: {
@@ -7925,6 +7946,7 @@ declare global {
         "sqm-share-button": HTMLSqmShareButtonElement;
         "sqm-share-code": HTMLSqmShareCodeElement;
         "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-skeleton": HTMLSqmSkeletonElement;
         "sqm-stat-container": HTMLSqmStatContainerElement;
         "sqm-stencilbook": HTMLSqmStencilbookElement;
         "sqm-tab": HTMLSqmTabElement;
@@ -8870,6 +8892,11 @@ declare namespace LocalJSX {
           * @uiName Icon
          */
         "icon"?: string;
+        /**
+          * Loading state for the alert.
+          * @uiName Loading
+         */
+        "loading"?: boolean;
         /**
           * Render the alert with transparent styles
          */
@@ -12813,6 +12840,16 @@ declare namespace LocalJSX {
          */
         "tooltiptext"?: string;
     }
+    interface SqmSkeleton {
+        /**
+          * @uiName Height (in pixels or %)
+         */
+        "height"?: string;
+        /**
+          * @uiName Width (in pixels or %)
+         */
+        "width"?: string;
+    }
     interface SqmStatContainer {
         /**
           * Controls the alignment of the flexbox
@@ -15016,6 +15053,7 @@ declare namespace LocalJSX {
         "sqm-share-button": SqmShareButton;
         "sqm-share-code": SqmShareCode;
         "sqm-share-link": SqmShareLink;
+        "sqm-skeleton": SqmSkeleton;
         "sqm-stat-container": SqmStatContainer;
         "sqm-stencilbook": SqmStencilbook;
         "sqm-tab": SqmTab;
@@ -15149,6 +15187,7 @@ declare module "@stencil/core" {
             "sqm-share-button": LocalJSX.SqmShareButton & JSXBase.HTMLAttributes<HTMLSqmShareButtonElement>;
             "sqm-share-code": LocalJSX.SqmShareCode & JSXBase.HTMLAttributes<HTMLSqmShareCodeElement>;
             "sqm-share-link": LocalJSX.SqmShareLink & JSXBase.HTMLAttributes<HTMLSqmShareLinkElement>;
+            "sqm-skeleton": LocalJSX.SqmSkeleton & JSXBase.HTMLAttributes<HTMLSqmSkeletonElement>;
             "sqm-stat-container": LocalJSX.SqmStatContainer & JSXBase.HTMLAttributes<HTMLSqmStatContainerElement>;
             "sqm-stencilbook": LocalJSX.SqmStencilbook & JSXBase.HTMLAttributes<HTMLSqmStencilbookElement>;
             "sqm-tab": LocalJSX.SqmTab & JSXBase.HTMLAttributes<HTMLSqmTabElement>;

package/dist/types/saasquatch.d.ts

@@ -216,6 +216,10 @@ export interface BrandingConfiguration {
   };
   color?: {
     backgroundColor?: string;
+    loadingSkeleton?: {
+      background?: string;
+      animationBackground?: string;
+    };
     textColorShades?: {
       mainText: string;
       subduedText: string;