@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
+import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "./stencil-public-runtime";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
@@ -17,7 +18,6 @@ import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-na
 import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
 import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/sqm-password-field";
 import { PortalChangePasswordViewProps } from "./components/sqm-portal-change-password/sqm-portal-change-password-view";
-import { Spacing } from "./global/mixins";
 import { PortalEmailVerificationViewProps } from "./components/sqm-portal-email-verification/sqm-portal-email-verification-view";
 import { PortalForgotPasswordViewProps } from "./components/sqm-portal-forgot-password/sqm-portal-forgot-password-view";
 import { PortalFrameViewProps } from "./components/sqm-portal-frame/sqm-portal-frame-view";
@@ -192,9 +192,103 @@ export namespace Components {
          */
         "wrapDirection": "wrap" | "wrap-reverse";
     }
+    interface SqmHeroImage {
+        /**
+          * @uiName Background Color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Mobile Position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+         */
+        "imageMobilePos": "top" | "bottom";
+        /**
+          * @uiName Image Position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "imagePos": "left" | "center" | "right";
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl": string;
+        /**
+          * @uiName Image Link
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+         */
+        "layout": "overlay" | "columns";
+        /**
+          * @uiName Minimum Image Height
+         */
+        "minHeight": string;
+        /**
+          * @uiName Overlay Color
+         */
+        "overlayColor": string;
+        /**
+          * @uiName Overlay Opacity
+         */
+        "overlayOpacity": string;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "padding": Spacing;
+        /**
+          * @uiName Text Color
+         */
+        "textColor"?: string;
+    }
     interface SqmHookStoryContainer {
         "hookStory": FunctionalComponent;
     }
+    interface SqmImage {
+        /**
+          * @uiName Position Alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "align": "left" | "center" | "right";
+        /**
+          * @uiName Background Color
+         */
+        "backgroundColor": string;
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl": string;
+        /**
+          * @uiName Left Margin
+         */
+        "left": string;
+        /**
+          * @uiName Right Margin
+         */
+        "right": string;
+    }
     interface SqmLeaderboard {
         /**
           * @uiName Title displayed for users without names
@@ -281,70 +375,6 @@ export namespace Components {
          */
         "unrankedText": string;
     }
-    interface SqmMedia {
-        /**
-          * @uiName Background Color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName CTA Button Link
-         */
-        "buttonLink"?: string;
-        /**
-          * @uiName CTA Button Link Open in New Tab
-         */
-        "buttonNewTab"?: boolean;
-        /**
-          * @uiName CTA Button Text
-         */
-        "buttonText"?: string;
-        /**
-          * @uiName Description Text
-         */
-        "description"?: string;
-        /**
-          * @uiName Title Text
-         */
-        "header"?: string;
-        /**
-          * @uiName Image Mobile Position
-          * @uiType string
-          * @uiEnum ["top", "bottom" ]
-         */
-        "imageMobilePos": "top" | "bottom";
-        /**
-          * @uiName Image Position
-          * @uiType string
-          * @uiEnum ["left", "right"]
-         */
-        "imagePos": "left" | "right";
-        /**
-          * @uiName Image Link
-         */
-        "imageUrl": string;
-        /**
-          * @uiName Image Link
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-         */
-        "layout": "overlay" | "columns";
-        /**
-          * @uiName Minimum Image Height
-         */
-        "minHeight": string;
-        /**
-          * @uiName Overlay Color
-         */
-        "overlayColor": string;
-        /**
-          * @uiName Overlay Opacity
-         */
-        "overlayOpacity": string;
-        /**
-          * @uiName Text Color
-         */
-        "textColor"?: string;
-    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -1673,6 +1703,10 @@ export namespace Components {
           * @uiEnum ["gift", "circle"]
          */
         "icon": string;
+        /**
+          * @undocumented
+         */
+        "line"?: boolean;
         /**
           * @uiName Reward Amount
          */
@@ -1768,12 +1802,24 @@ declare global {
         prototype: HTMLSqmHeroElement;
         new (): HTMLSqmHeroElement;
     };
+    interface HTMLSqmHeroImageElement extends Components.SqmHeroImage, HTMLStencilElement {
+    }
+    var HTMLSqmHeroImageElement: {
+        prototype: HTMLSqmHeroImageElement;
+        new (): HTMLSqmHeroImageElement;
+    };
     interface HTMLSqmHookStoryContainerElement extends Components.SqmHookStoryContainer, HTMLStencilElement {
     }
     var HTMLSqmHookStoryContainerElement: {
         prototype: HTMLSqmHookStoryContainerElement;
         new (): HTMLSqmHookStoryContainerElement;
     };
+    interface HTMLSqmImageElement extends Components.SqmImage, HTMLStencilElement {
+    }
+    var HTMLSqmImageElement: {
+        prototype: HTMLSqmImageElement;
+        new (): HTMLSqmImageElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -1786,12 +1832,6 @@ declare global {
         prototype: HTMLSqmLeaderboardRankElement;
         new (): HTMLSqmLeaderboardRankElement;
     };
-    interface HTMLSqmMediaElement extends Components.SqmMedia, HTMLStencilElement {
-    }
-    var HTMLSqmMediaElement: {
-        prototype: HTMLSqmMediaElement;
-        new (): HTMLSqmMediaElement;
-    };
     interface HTMLSqmNameFieldsElement extends Components.SqmNameFields, HTMLStencilElement {
     }
     var HTMLSqmNameFieldsElement: {
@@ -2174,10 +2214,11 @@ declare global {
         "sqm-form-message": HTMLSqmFormMessageElement;
         "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
         "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
         "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-media": HTMLSqmMediaElement;
         "sqm-name-fields": HTMLSqmNameFieldsElement;
         "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
         "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
@@ -2400,9 +2441,103 @@ declare namespace LocalJSX {
          */
         "wrapDirection"?: "wrap" | "wrap-reverse";
     }
+    interface SqmHeroImage {
+        /**
+          * @uiName Background Color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Mobile Position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image Position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "imagePos"?: "left" | "center" | "right";
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image Link
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Minimum Image Height
+         */
+        "minHeight"?: string;
+        /**
+          * @uiName Overlay Color
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Overlay Opacity
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "padding"?: Spacing;
+        /**
+          * @uiName Text Color
+         */
+        "textColor"?: string;
+    }
     interface SqmHookStoryContainer {
         "hookStory"?: FunctionalComponent;
     }
+    interface SqmImage {
+        /**
+          * @uiName Position Alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "align"?: "left" | "center" | "right";
+        /**
+          * @uiName Background Color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Left Margin
+         */
+        "left"?: string;
+        /**
+          * @uiName Right Margin
+         */
+        "right"?: string;
+    }
     interface SqmLeaderboard {
         /**
           * @uiName Title displayed for users without names
@@ -2489,70 +2624,6 @@ declare namespace LocalJSX {
          */
         "unrankedText"?: string;
     }
-    interface SqmMedia {
-        /**
-          * @uiName Background Color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName CTA Button Link
-         */
-        "buttonLink"?: string;
-        /**
-          * @uiName CTA Button Link Open in New Tab
-         */
-        "buttonNewTab"?: boolean;
-        /**
-          * @uiName CTA Button Text
-         */
-        "buttonText"?: string;
-        /**
-          * @uiName Description Text
-         */
-        "description"?: string;
-        /**
-          * @uiName Title Text
-         */
-        "header"?: string;
-        /**
-          * @uiName Image Mobile Position
-          * @uiType string
-          * @uiEnum ["top", "bottom" ]
-         */
-        "imageMobilePos"?: "top" | "bottom";
-        /**
-          * @uiName Image Position
-          * @uiType string
-          * @uiEnum ["left", "right"]
-         */
-        "imagePos"?: "left" | "right";
-        /**
-          * @uiName Image Link
-         */
-        "imageUrl"?: string;
-        /**
-          * @uiName Image Link
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-         */
-        "layout"?: "overlay" | "columns";
-        /**
-          * @uiName Minimum Image Height
-         */
-        "minHeight"?: string;
-        /**
-          * @uiName Overlay Color
-         */
-        "overlayColor"?: string;
-        /**
-          * @uiName Overlay Opacity
-         */
-        "overlayOpacity"?: string;
-        /**
-          * @uiName Text Color
-         */
-        "textColor"?: string;
-    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -3863,6 +3934,10 @@ declare namespace LocalJSX {
           * @uiEnum ["gift", "circle"]
          */
         "icon"?: string;
+        /**
+          * @undocumented
+         */
+        "line"?: boolean;
         /**
           * @uiName Reward Amount
          */
@@ -3912,10 +3987,11 @@ declare namespace LocalJSX {
         "sqm-form-message": SqmFormMessage;
         "sqm-graphql-client-provider": SqmGraphqlClientProvider;
         "sqm-hero": SqmHero;
+        "sqm-hero-image": SqmHeroImage;
         "sqm-hook-story-container": SqmHookStoryContainer;
+        "sqm-image": SqmImage;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
-        "sqm-media": SqmMedia;
         "sqm-name-fields": SqmNameFields;
         "sqm-navigation-menu": SqmNavigationMenu;
         "sqm-navigation-sidebar": SqmNavigationSidebar;
@@ -3993,10 +4069,11 @@ declare module "@stencil/core" {
             "sqm-form-message": LocalJSX.SqmFormMessage & JSXBase.HTMLAttributes<HTMLSqmFormMessageElement>;
             "sqm-graphql-client-provider": LocalJSX.SqmGraphqlClientProvider & JSXBase.HTMLAttributes<HTMLSqmGraphqlClientProviderElement>;
             "sqm-hero": LocalJSX.SqmHero & JSXBase.HTMLAttributes<HTMLSqmHeroElement>;
+            "sqm-hero-image": LocalJSX.SqmHeroImage & JSXBase.HTMLAttributes<HTMLSqmHeroImageElement>;
             "sqm-hook-story-container": LocalJSX.SqmHookStoryContainer & JSXBase.HTMLAttributes<HTMLSqmHookStoryContainerElement>;
+            "sqm-image": LocalJSX.SqmImage & JSXBase.HTMLAttributes<HTMLSqmImageElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
-            "sqm-media": LocalJSX.SqmMedia & JSXBase.HTMLAttributes<HTMLSqmMediaElement>;
             "sqm-name-fields": LocalJSX.SqmNameFields & JSXBase.HTMLAttributes<HTMLSqmNameFieldsElement>;
             "sqm-navigation-menu": LocalJSX.SqmNavigationMenu & JSXBase.HTMLAttributes<HTMLSqmNavigationMenuElement>;
             "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarElement>;