@saasquatch/mint-components 1.15.0-99 → 1.16.0-0

package/dist/types/components/sqm-lead-form/LeadFormDropdownField.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const Multiple: () => any;
+export declare const WithError: () => any;
+export declare const Disabled: () => any;
+export declare const Loading: () => any;
+export declare const WithInitialValue: () => any;

package/dist/types/components/sqm-lead-form/LeadInputField.stories.d.ts

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

package/dist/types/components/sqm-lead-form/sqm-lead-checkbox-field-view.d.ts

@@ -0,0 +1,15 @@
+import { LeadFormState } from "./useLeadFormState";
+export interface LeadCheckboxFieldViewProps {
+  states: {
+    leadFormState?: LeadFormState;
+  };
+  content: {
+    checkboxName: string;
+    checkboxLabel: string;
+    checkboxLabelLink?: string;
+    checkboxLabelLinkText?: string;
+    checkboxOptional?: boolean;
+    errorMessage?: string;
+  };
+}
+export declare function LeadCheckboxFieldView(props: LeadCheckboxFieldViewProps): any;

package/dist/types/components/sqm-lead-form/sqm-lead-checkbox-field.d.ts

@@ -0,0 +1,46 @@
+import { DemoData } from "../../global/demo";
+import { LeadCheckboxFieldViewProps } from "./sqm-lead-checkbox-field-view";
+/**
+ * @uiName Lead Form Checkbox Field
+ * @validParents ["sqm-lead-form"]
+ */
+export declare class LeadCheckboxField {
+  ignored: boolean;
+  /**
+   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+   * @uiName Checkbox name attribute
+   * @required
+   */
+  checkboxName: string;
+  /**
+   * @uiName Checkbox label
+   * @uiWidget textArea
+   */
+  checkboxLabel: string;
+  /**
+   * Used with link text if the checkbox label contains {labelLink}
+   *
+   * @uiName Checkbox label link
+   */
+  checkboxLabelLink?: string;
+  /**
+   * @uiName Checkbox label link lext
+   */
+  checkboxLabelLinkText?: string;
+  /**
+   * @uiName Unchecked error message
+   */
+  errorMessage?: string;
+  /**
+   * @uiName Optional
+   */
+  checkboxOptional?: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<LeadCheckboxFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-lead-form/sqm-lead-dropdown-field-view.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from "../../stencil-public-runtime";
+import { LeadFormState } from "./useLeadFormState";
+export interface DropdownFieldViewProps {
+  states: {
+    leadFormState?: LeadFormState;
+  };
+  content: {
+    dropdownName: string;
+    dropdownLabel: string;
+    dropdownOptional: boolean;
+    optionalLabel: string;
+    multiple: boolean;
+    requiredFieldErrorMessage?: string;
+    selectOptions?: VNode | VNode[];
+  };
+}
+export declare function LeadDropdownFieldView(props: DropdownFieldViewProps): any;

package/dist/types/components/sqm-lead-form/sqm-lead-dropdown-field.d.ts

@@ -0,0 +1,49 @@
+import { DemoData } from "../../global/demo";
+import { DropdownFieldViewProps } from "./sqm-lead-dropdown-field-view";
+/**
+ * @uiName Lead Form Dropdown Field
+ * @validParents ["sqm-lead-form"]
+ * @slots [{"name":"", "title":"Dropdown Option"}]
+ */
+export declare class LeadDropdownField {
+  ignored: boolean;
+  /**
+   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+   * @uiName Dropdown name attribute
+   * @required
+   */
+  dropdownName: string;
+  /**
+   * @uiName Dropdown label
+   */
+  dropdownLabel: string;
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * @uiName Optional label
+   */
+  optionalLabel: string;
+  /**
+   * @uiName Optional
+   * @default
+   */
+  dropdownOptional: boolean;
+  /**
+   * @uiName Multiple selection
+   * @default
+   */
+  multiple: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<DropdownFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-lead-form/sqm-lead-form-view.d.ts

@@ -0,0 +1,36 @@
+import { VNode } from "../../stencil-public-runtime";
+import { LeadFormState } from "./useLeadFormState";
+export interface LeadFormViewProps {
+  states: {
+    error: string;
+    success: boolean;
+    loading: boolean;
+    leadFormState: LeadFormState;
+    referralCode: string;
+  };
+  callbacks: {
+    submit: Function;
+    inputFunction: Function;
+    resetForm: Function;
+  };
+  content: {
+    formData?: VNode;
+    emailLabel?: string;
+    firstNameLabel?: string;
+    lastNameLabel?: string;
+    submitLabel?: string;
+    resubmitFormLabel?: string;
+    pageLabel?: string;
+    supportLinkText?: string;
+    submitSuccessHeader?: string;
+    submitSuccessDescription?: string;
+    submitErrorHeader?: string;
+    submitErrorDescription?: string;
+    requiredFieldErrorMessage: string;
+    invalidEmailErrorMessage: string;
+  };
+  refs: {
+    formRef: any;
+  };
+}
+export declare function LeadFormView(props: LeadFormViewProps): any;

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

@@ -0,0 +1,93 @@
+import { DemoData } from "../../global/demo";
+import { LeadFormViewProps } from "./sqm-lead-form-view";
+/**
+ * @uiName Lead Form
+ * @canvasRenderer always-replace
+ * @slots [{"name":"formData","title":"Additional Fields"}]
+ */
+export declare class LeadForm {
+  ignored: boolean;
+  /**
+   * @uiName Email field label
+   */
+  emailLabel: string;
+  /**
+   * @uiName First Name field label
+   */
+  firstNameLabel: string;
+  /**
+   * @uiName Last Name field label
+   */
+  lastNameLabel: string;
+  /**
+   * @uiName Submit button text
+   */
+  submitLabel: string;
+  /**
+   * @uiName Submit another form button label
+   */
+  resubmitFormLabel: string;
+  /**
+   * @uiName Header text
+   */
+  pageLabel: string;
+  /**
+   * Key of the form to connect to. Create and manage forms in the /advocate dashboard under Data > Forms.
+   * @uiName Form key
+   */
+  formKey: string;
+  /**
+   * Optional support link text for error messages.
+   * @uiName Support link text
+   */
+  supportLinkText: string;
+  /**
+   * Header text shown on successful lead submission.
+   * @uiName Submit success header
+   */
+  submitSuccessHeader: string;
+  /**
+   * Description text shown on successful lead submission.
+   * @uiName Submit success description
+   */
+  submitSuccessDescription: string;
+  /**
+   *  Header text shown if an error occurs.
+   * @uiName Submit error header
+   */
+  submitErrorHeader: string;
+  /**
+   * Description text shown if an error occurs.
+   * @uiName Submit error description
+   */
+  submitErrorDescription: string;
+  /**
+   * The message to be displayed if a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * The message to be displayed if a the form submission fails unexpectedly.
+   *
+   * @uiName Network error message
+   * @uiWidget textArea
+   */
+  networkErrorMessage: string;
+  /**
+   * The message to be displayed if the email used is invalid.
+   *
+   * @uiName Invalid email message
+   * @uiWidget textArea
+   */
+  invalidEmailErrorMessage: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<LeadFormViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-lead-form/sqm-lead-input-field-view.d.ts

@@ -0,0 +1,15 @@
+import { LeadFormState } from "./useLeadFormState";
+export interface LeadInputFieldViewProps {
+  states: {
+    leadFormState?: LeadFormState;
+  };
+  content: {
+    fieldName: string;
+    fieldLabel: string;
+    optionalLabel: string;
+    fieldType: "date" | "tel" | "text";
+    fieldOptional?: boolean;
+    requiredFieldErrorMessage: string;
+  };
+}
+export declare function LeadInputFieldView(props: LeadInputFieldViewProps): any;

package/dist/types/components/sqm-lead-form/sqm-lead-input-field.d.ts

@@ -0,0 +1,51 @@
+import { DemoData } from "../../global/demo";
+import { LeadInputFieldViewProps } from "./sqm-lead-input-field-view";
+/**
+ * @uiName Lead Form Input Field
+ * @validParents ["sqm-lead-form"]
+ */
+export declare class LeadInputField {
+  ignored: boolean;
+  /**
+   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+   *
+   * @uiName Input name attribute
+   * @required
+   */
+  fieldName: string;
+  /**
+   * @uiName Input label
+   */
+  fieldLabel: string;
+  /**
+   * @uiName Optional label
+   */
+  optionalLabel: string;
+  /**
+   * @uiName Input type
+   * @uiType string
+   * @uiEnum ["text", "date", "tel"]
+   * @uiEnumNames ["Text", "Date", "Phone Number"]
+   */
+  fieldType: "text" | "date" | "tel";
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * @uiName Optional
+   * @default
+   */
+  fieldOptional?: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<LeadInputFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-lead-form/useCheckboxField.d.ts

@@ -0,0 +1,6 @@
+import { LeadFormState } from "./useLeadFormState";
+export declare function useLeadCheckboxField(): {
+  states: {
+    leadFormState: LeadFormState;
+  };
+};

package/dist/types/components/sqm-lead-form/useLeadDropdownField.d.ts

@@ -0,0 +1,6 @@
+import { LeadFormState } from "./useLeadFormState";
+export declare function useLeadDropdownField(): {
+  states: {
+    leadFormState: LeadFormState;
+  };
+};

package/dist/types/components/sqm-lead-form/useLeadForm.d.ts

@@ -0,0 +1,28 @@
+import { LeadForm } from "./sqm-lead-form";
+export declare type LeadFormState = {
+  [key: string]: any;
+};
+export declare type ValidationErrorFunction = (input: {
+  control: any;
+  key: string;
+  value: any;
+}) => string | undefined;
+export declare function useLeadForm(props: LeadForm): {
+  states: {
+    loading: boolean;
+    error: string;
+    success: boolean;
+    leadFormState: import("./useLeadFormState").LeadFormState;
+    referralCode: any;
+  };
+  callbacks: {
+    submit: (event: any) => Promise<void>;
+    inputFunction: (e: any) => void;
+    resetForm: () => void;
+  };
+  refs: {
+    formRef: {
+      current: HTMLFormElement;
+    };
+  };
+};

package/dist/types/components/sqm-lead-form/useLeadFormState.d.ts

@@ -0,0 +1,19 @@
+export declare const LEAD_FORM_STATE_CONTEXT = "sq:lead-form-state";
+export declare type LeadFormState = {
+  error?: string;
+  validationErrors?: ValidationErrors;
+  loading?: boolean;
+  disabled?: boolean;
+  disabledMessage?: string;
+  initialData?: InitialData;
+};
+export declare type ValidationErrors = {
+  [key: string]: string;
+};
+export declare type InitialData = {
+  [key: string]: string;
+};
+export declare function useLeadFormState(formState?: LeadFormState): {
+  leadFormState: LeadFormState;
+  setLeadFormState: (value: LeadFormState | ((previousState?: LeadFormState) => LeadFormState)) => void;
+};

package/dist/types/components/sqm-lead-form/useLeadInputField.d.ts

@@ -0,0 +1,6 @@
+import { LeadFormState } from "./useLeadFormState";
+export declare function useLeadInputField(): {
+  states: {
+    leadFormState: LeadFormState;
+  };
+};

package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts

@@ -11,7 +11,6 @@ export declare const Essentials: () => any;
 export declare const One: () => any;
 export declare const Five: () => any;
 export declare const ReferralLeaderboard: () => any;
-export declare const ReferralLeaderboardWithCustomStyles: () => any;
 export declare const ReferralLeaderboardWithMaxWidth: () => any;
 export declare const PointsLeaderboard: () => any;
 export declare const TenWithRank: () => any;

package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts

@@ -11,16 +11,10 @@ export interface LeaderboardViewProps {
       showRank?: boolean;
       hideViewer?: boolean;
       viewingUserText?: string;
-      viewingUserHighlightColor?: string;
-      viewingUserHighlightTextColor?: string;
       hideNames?: boolean;
       anonymousUser?: string;
       rankSuffix?: string;
       width?: string;
-      background?: string;
-      borderColor?: string;
-      textColor?: string;
-      borderRadius?: number;
     };
   };
   data: {

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

@@ -2,14 +2,13 @@ import { DemoData } from "../../global/demo";
 import { LeaderboardViewProps } from "./sqm-leaderboard-view";
 /**
  * @uiName Leaderboard
- * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"empty", "title":"Empty State"}]
  * @requiredFeatures ["LEADERBOARDS"]
  * @exampleGroup Leaderboard
- * @example Referral Started - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Referral Converted - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Points Earned - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Anonymous Leaderboard - <sqm-leaderboard width="300px" usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard>
+ * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0; text-align: center;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
  * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
  */
 export declare class Leaderboard {
@@ -49,6 +48,13 @@ export declare class Leaderboard {
    * @uiName Rank Suffix
    */
   rankSuffix: string;
+  /**
+   * Hide the viewer's leaderboard row if not in the top results.
+   *
+   * @uiName Hide viewing user
+   * @default
+   */
+  hideViewer: boolean;
   /**
    * @uiName Viewing user text
    */
@@ -92,54 +98,6 @@ export declare class Leaderboard {
    * @uiName Maximum rows number
    */
   maxRows: number;
-  /**
-   * Hide the viewer's leaderboard row if not in the top results.
-   *
-   * @uiName Hide viewing user
-   * @default
-   */
-  hideViewer: boolean;
-  /**
-   * Changes the background color of the viewing user row in the leaderboard.
-   * @uiName Viewing User Highlight Color
-   * @uiWidget color
-   * @uiGroup Style
-   */
-  viewingUserHighlightColor?: string;
-  /**
-   * Changes the text color of the viewing user row in the leaderboard.
-   * @uiName Viewing User Text Color
-   * @uiWidget color
-   * @uiGroup Style
-   */
-  viewingUserHighlightTextColor?: string;
-  /**
-   * Changes the background color of the leaderboard.
-   * @uiName Background Color
-   * @uiWidget color
-   * @uiGroup Style
-   */
-  background?: string;
-  /**
-   * Changes the border color of the table rows.
-   * @uiName Border Color
-   * @uiWidget color
-   * @uiGroup Style
-   */
-  borderColor?: string;
-  /**
-   * Text color of the leaderboard.
-   * @uiName Text Color
-   * @uiWidget color
-   * @uiGroup Style
-   */
-  textColor?: string;
-  /**
-   * Leaderboard border radius in pixels.
-   * @uiName Border Radius
-   * @uiGroup Style
-   */
-  borderRadius?: number;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts

@@ -16,12 +16,6 @@ export interface LeaderboardProps {
   maxRows: number;
   programId?: string;
   interval: string;
-  viewingUserHighlightColor?: string;
-  viewingUserHighlightTextColor?: string;
-  background?: string;
-  borderColor?: string;
-  textColor?: string;
-  borderRadius?: number;
   empty: VNode;
   demoProps?: LeaderboardViewProps;
 }

package/dist/types/components/sqm-link-button/sqm-link-button.d.ts

@@ -1,6 +1,5 @@
 /**
  * @uiName Link Button
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @exampleGroup Common Components
  * @example Link Button - <sqm-link-button link="https://www.example.com" open-in-new-tab="true">Click here</sqm-link-button>
  */

package/dist/types/components/sqm-logout-current-user/sqm-logout-current-user.d.ts

@@ -4,7 +4,6 @@ import { CopyTextViewProps } from "../views/copy-text-view";
  * @uiName Sign out current user
  * @exampleGroup Instant Access
  * @compatibility Built for instant access
- * @validParents ["sqm-portal-container","template", "sqm-referred-registration", "sqb-auth-template-switch", "div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @example Sign out current user - <sqm-logout-current-user user-identification-text="{email}" switch-user-link="#" switch-user-text="not you?"></sqm-logout-current-user>
  */
 export declare class LogoutCurrentUser {

package/dist/types/components/sqm-navigation-menu/sqm-navigation-menu.d.ts

@@ -2,7 +2,6 @@ import { NavigationMenuViewProps } from "./sqm-navigation-menu-view";
 import { DemoData } from "../../global/demo";
 /**
  * @uiName Navigation Menu
- * @validParents ["sqm-portal-container","div","sqm-brand","sqm-divided-layout"]
  */
 export declare class NavigationMenu {
   ignored: boolean;

package/dist/types/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.d.ts

@@ -2,6 +2,5 @@ import { VNode } from "../../stencil-public-runtime";
 export interface NavigationSidebarViewProps {
   checked?: boolean;
   onClick?: (e: MouseEvent) => void;
-  mobileMenuColor?: string;
 }
 export declare function NavigationSidebarView(props: NavigationSidebarViewProps, children: VNode): any;

package/dist/types/components/sqm-navigation-sidebar/sqm-navigation-sidebar.d.ts

@@ -1,25 +1,9 @@
-import { NavigationSidebarViewProps } from "./sqm-navigation-sidebar-view";
-import { DemoData } from "../../global/demo";
 /**
  * @uiName Microsite Sidebar
- * @validParents ["div","sqm-divided-layout","template","sqm-portal-container","sqm-brand"]
- * @validChildren ["sqm-navigation-sidebar-item"]
  * @slots [{"name":"", "title":"Sidebar Content"}]
  */
 export declare class NavigationSidebar {
   ignored: boolean;
-  /**
-   * @uiName Text color
-   * @uiWidget color
-   * @format color
-   * @uiGroup Style
-   */
-  mobileMenuColor?: string;
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  demoData?: DemoData<NavigationSidebarViewProps>;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view.d.ts

@@ -7,13 +7,5 @@ export interface NavigationSidebarItemViewProps {
     icon: string;
     path: string;
   };
-  backgroundColor?: string;
-  backgroundHoverColor?: string;
-  textColor?: string;
-  textHoverColor?: string;
-  borderRadius?: number;
-  backgroundFocusedColor?: string;
-  textFocusedColor?: string;
-  padding?: string;
 }
 export declare function NavigationSidebarItemView(props: NavigationSidebarItemViewProps): any;