npm - @saasquatch/mint-components - Versions diffs - 1.15.0-2 → 1.15.0-20 - Mend

@saasquatch/mint-components 1.15.0-2 → 1.15.0-20

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 (428) hide show

package/dist/types/components/sqm-stat-container/sqm-stat-container.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Stat Container
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero", "sqb-program-section", "sqb-conditional-section"]
  * @validChildren ["sqm-big-stat"]
  * @slots [{"name":"", "title":"Stats"}]
  * @exampleGroup Statistics
@@ -17,12 +17,35 @@ export declare class StatContainer {
    */
   space: Spacing;
   /**
+   * @undocumented
    * @uiName Display
    * @uiType string
    * @uiEnum ["grid", "flex"]
    * @uiEnumNames ["Grid", "Flex"]
    */
   display: "grid" | "flex";
+  /**
+   * Hide the seperating border between stats
+   * @uiName Hide border
+   * @uiType boolean
+   */
+  hideBorder?: boolean;
+  /**
+   * Controls the alignment of the flexbox
+   *
+   * @uiName Alignment
+   * @uiType string
+   * @uiEnum ["left", "right", "center"]
+   * @uiEnumNames ["Left", "Right", "Center"]
+   */
+  alignment?: "left" | "right" | "center";
+  /**
+   * @uiName Gap
+   * @uiType string
+   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+   */
+  gap: Spacing;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-tabs/Tabs.stories.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const SimpleTabs: () => any;
+export declare const CustomColor: () => any;
 export declare const ManyTabs: () => any;
 export declare const SingleTab: () => any;
 export declare const ReferralProgram: () => any;

package/dist/types/components/sqm-tabs/sqm-tabs-view.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { FunctionalComponent } from "../../stencil-public-runtime";
 import { TabElement } from "./useTabs";
 export declare type TabsViewProps = {
   placement: "left" | "right" | "bottom" | "top";
+  textColor?: string;
   content: {
     tabs: TabElement[];
   };

package/dist/types/components/sqm-tabs/sqm-tabs.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 /**
  * @uiName Tab Group
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section"]
+ * @validChildren ["sqm-tab"]
  * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
  * @exampleGroup Layout
  * @canvasRenderer always-replace
@@ -15,6 +17,14 @@ export declare class Tabs {
    * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
    */
   placement?: "left" | "right" | "bottom" | "top";
+  /**
+   * Tab text color
+   *
+   * @uiName Text color
+   * @uiType string
+   * @uiWidget color
+   */
+  textColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-task-card/sqm-task-card-view.d.ts CHANGED Viewed

@@ -21,6 +21,11 @@ export declare type TaskCardViewProps = {
     openNewTab: boolean;
     eventKey?: string;
     hideButton?: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    buttonStyle?: "primary" | "secondary";
   };
   states: {
     loading: boolean;

package/dist/types/components/sqm-task-card/sqm-task-card.d.ts CHANGED Viewed

@@ -166,6 +166,38 @@ export declare class TaskCard {
    * @uiGroup Button
    */
   hideButton?: boolean;
+  /**
+   * @uiName Card Background color
+   * @uiWidget color
+   * @uiGroup Style
+   */
+  backgroundColor?: string;
+  /**
+   * @uiName Text color
+   * @uiWidget color
+   * @uiGroup Style
+   */
+  textColor?: string;
+  /**
+   * @uiName Border color
+   * @uiWidget color
+   * @uiGroup Style
+   */
+  borderColor?: string;
+  /**
+   * @uiName Border radius
+   * @uiType number
+   * @uiGroup Style
+   */
+  borderRadius?: number;
+  /**
+   * @uiName Button Style
+   * @uiType string
+   * @uiEnum ["primary", "secondary"]
+   * @uiEnumNames ["Primary", "Secondary"]
+   * @uiGroup Style
+   */
+  buttonStyle?: "primary" | "secondary";
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-task-card/useTaskCard.d.ts CHANGED Viewed

@@ -4,6 +4,15 @@ export declare function useTaskCard(props: TaskCard): {
     loadingEvent: boolean;
     locale: string;
   };
+  styles: {
+    card: {
+      backgroundColor: string;
+      textColor: string;
+      borderColor: string;
+      borderRadius: number;
+      buttonStyle: "primary" | "secondary";
+    };
+  };
   callbacks: {
     sendEvent: (eventKey: string) => void;
     onClick: () => void;

package/dist/types/components/sqm-text/Text.stories.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const PurpleText: () => any;
+export declare const CustomFontSize: () => any;

package/dist/types/components/sqm-text/sqm-text.d.ts CHANGED Viewed

@@ -1,11 +1,24 @@
 /**
  * @uiName Text
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"", "title":"Text"}]
  * @slotEditor richText
  * @canvasRenderer always-replace
  */
 export declare class Text {
   ignored: boolean;
+  /**
+   * Font size in pixels
+   * @uiName Font Size
+   * @uiType number
+   */
+  fontSize?: number;
+  /**
+   * @uiName Text Color
+   * @uiWidget color
+   * @format color
+   */
+  textColor?: string;
   constructor();
   disconnectedCallback(): void;
   componentWillLoad(): void;

package/dist/types/components/sqm-text-span/sqm-text-span.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 /**
  * @uiName Text Span
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
  * @canvasRenderer always-replace
  */
 export declare class Text {

package/dist/types/components/sqm-timeline/Timeline.stories.d.ts CHANGED Viewed

@@ -9,3 +9,4 @@ export declare const TimelineWith1Reward: () => any;
 export declare const TimelineWith2Rewards: () => any;
 export declare const TimelineWith3Rewards: () => any;
 export declare const TimelineWith4Rewards: () => any;
+export declare const TimelineWithCustomColors: () => any;

package/dist/types/components/sqm-timeline/sqm-timeline-entry-view.d.ts CHANGED Viewed

@@ -5,5 +5,7 @@ export interface TimelineEntryProps {
   desc: string;
   icon: string;
   iconState: string;
+  textColor?: string;
+  lineColor?: string;
 }
 export declare function TimelineEntryView(props: TimelineEntryProps): VNode;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts CHANGED Viewed

@@ -6,6 +6,20 @@
  */
 export declare class TimelineReward {
   ignored: boolean;
+  /**
+   * Color of the text and copy icon
+   * @uiName Text color
+   * @uiWidget color
+   * @format color
+   */
+  textColor?: string;
+  /**
+   * Color of timeline
+   * @uiName Line color
+   * @uiWidget color
+   * @format color
+   */
+  lineColor?: string;
   /**
    * @uiName Reward amount
    */

package/dist/types/components/sqm-timeline/sqm-timeline.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 /**
  * @uiName Program Timeline
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]
+ * @validChildren ["sqm-timeline-entry"]
  * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
  * @exampleGroup Common Components
  * @example Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry></sqm-timeline>
-*/
+ */
 export declare class Timeline {
   ignored: boolean;
   /**

package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { VNode } from "../../stencil-public-runtime";
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Titled Section
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab"]
+ * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span"]
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout
  * @example Titled Section - <sqm-titled-section text-align="center" label-margin="small" padding="none"><div slot="label"><h2>Section Label</h2></div><div slot="content"><p>Add your section content here!</p></div></sqm-titled-section>

package/dist/types/components/views/copy-text-view.d.ts CHANGED Viewed

@@ -14,6 +14,11 @@ export interface CopyTextViewProps {
   dateAvailable?: string;
   loading?: boolean;
   isCopied?: boolean;
+  backgroundColor?: string;
+  textColor?: string;
+  borderRadius?: string;
+  buttonType?: "primary" | "secondary";
+  borderColor?: string;
   onClick?: () => void;
 }
 export declare function CopyTextView(props: CopyTextViewProps): any;