@saasquatch/mint-components 1.5.0 → 1.5.1-0

package/dist/types/components/sqm-checkbox-field/CheckboxField.stories.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const DefaultChecked: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const Error: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomError: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TermsAndConditions: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TermsAndConditionsCustomLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-checkbox-field/UseCheckboxField.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const TermsAndConditions: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TermsAndConditionsWithLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const MultipleCheckboxes: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const OptionalCheckboxes: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -0,0 +1,18 @@
+export interface CheckboxFieldViewProps {
+  states: {
+    validationErrors?: Record<string, string>;
+    checked: boolean;
+  };
+  content: {
+    checkboxName: string;
+    checkboxLabel: string;
+    checkboxLabelLink?: string;
+    checkboxLabelLinkText?: string;
+    checkboxRequired?: boolean;
+    errorMessage: string;
+  };
+  callbacks: {
+    setChecked: Function;
+  };
+}
+export declare function CheckboxFieldView(props: CheckboxFieldViewProps): any;

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

@@ -0,0 +1,38 @@
+import { DemoData } from "../../global/demo";
+import { CheckboxFieldViewProps } from "./sqm-checkbox-field-view";
+/**
+ * @uiName Checkbox Field
+ */
+export declare class CheckboxField {
+  ignored: boolean;
+  /**
+   * @uiName Checkbox name attribute
+   */
+  checkboxName: string;
+  /**
+   * @uiName Checkbox label
+   */
+  checkboxLabel: string;
+  /**
+   * @uiName Checkbox label link
+   * Used with link text if the checkbox label contains {labelLink}
+   */
+  checkboxLabelLink: string;
+  /**
+   * @uiName Checkbox label link text
+   */
+  checkboxLabelLinkText: string;
+  /**
+   * @uiName Unchecked error message
+   */
+  errorMessage: string;
+  /**
+   * @uiName Required
+   */
+  checkboxRequired?: boolean;
+  /** @undocumented */
+  demoData?: DemoData<CheckboxFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+declare type ValidationErrors = {
+  [key: string]: string;
+};
+export declare function useCheckboxField(): {
+  states: {
+    validationErrors: ValidationErrors;
+    checked: boolean;
+  };
+  callbacks: {
+    setChecked: (value: boolean | ((prev: boolean) => boolean)) => void;
+  };
+};
+export {};

package/dist/types/components/sqm-country-field/UseCountryField.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const English: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const French: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const Turkish: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-country-field/sqm-country-field-view.d.ts

@@ -0,0 +1,18 @@
+import { VNode } from "../../stencil-public-runtime";
+import { Country } from "./useCountryField";
+export interface CountryFieldViewProps {
+  states: {
+    validationErrors?: Record<string, string>;
+  };
+  content: {
+    dropdownName: string;
+    dropdownLabel: string;
+    dropdownRequired?: boolean;
+    errorMessage: string;
+    selectOptions?: VNode | VNode[];
+  };
+  data: {
+    countries: Country[];
+  };
+}
+export declare function CountryFieldView(props: CountryFieldViewProps): any;

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

@@ -0,0 +1,29 @@
+import { DemoData } from "../../global/demo";
+import { CountryFieldViewProps } from "./sqm-country-field-view";
+/**
+ * @uiName Country Field
+ */
+export declare class CountryField {
+  ignored: boolean;
+  /**
+   * @uiName Country name attribute
+   */
+  dropdownName: string;
+  /**
+   * @uiName Country Dropdown label
+   */
+  dropdownLabel: string;
+  /**
+   * @uiName Unselected error message
+   */
+  errorMessage: string;
+  /**
+   * @uiName Required
+   */
+  dropdownRequired?: boolean;
+  /** @undocumented */
+  demoData?: DemoData<CountryFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-country-field/useCountryField.d.ts

@@ -0,0 +1,9 @@
+export declare type Country = {
+  countryCode: string;
+  displayName: string;
+};
+export declare function useCountryField(): {
+  data: {
+    countries: any;
+  };
+};

package/dist/types/components/sqm-dropdown-field/DropdownField.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const Error: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomError: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-dropdown-field/UseDropdownField.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const SelectOptions: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const Countries: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -0,0 +1,14 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface DropdownFieldViewProps {
+  states: {
+    validationErrors?: Record<string, string>;
+  };
+  content: {
+    dropdownName: string;
+    dropdownLabel: string;
+    dropdownRequired?: boolean;
+    errorMessage: string;
+    selectOptions?: VNode | VNode[];
+  };
+}
+export declare function DropdownFieldView(props: DropdownFieldViewProps): any;

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

@@ -0,0 +1,29 @@
+import { DemoData } from "../../global/demo";
+import { DropdownFieldViewProps } from "./sqm-dropdown-field-view";
+/**
+ * @uiName Dropdown Field
+ */
+export declare class DropdownField {
+  ignored: boolean;
+  /**
+   * @uiName Dropdown name attribute
+   */
+  dropdownName: string;
+  /**
+   * @uiName Dropdown label
+   */
+  dropdownLabel: string;
+  /**
+   * @uiName Unselected error message
+   */
+  errorMessage: string;
+  /**
+   * @uiName Required
+   */
+  dropdownRequired?: boolean;
+  /** @undocumented */
+  demoData?: DemoData<DropdownFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+declare type ValidationErrors = {
+  [key: string]: string;
+};
+export declare function useDropdownField(): {
+  states: {
+    validationErrors: ValidationErrors;
+  };
+};
+export {};

package/dist/types/components.d.ts

@@ -8,6 +8,9 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 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 { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
+import { CountryFieldViewProps } from "./components/sqm-country-field/sqm-country-field-view";
+import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "./stencil-public-runtime";
@@ -104,6 +107,58 @@ export namespace Components {
          */
         "width": number;
     }
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+         */
+        "checkboxLabel": string;
+        /**
+          * @uiName Checkbox label link Used with link text if the checkbox label contains {labelLink}
+         */
+        "checkboxLabelLink": string;
+        /**
+          * @uiName Checkbox label link text
+         */
+        "checkboxLabelLinkText": string;
+        /**
+          * @uiName Checkbox name attribute
+         */
+        "checkboxName": string;
+        /**
+          * @uiName Required
+         */
+        "checkboxRequired"?: boolean;
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage": string;
+    }
+    interface SqmCountryField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<CountryFieldViewProps>;
+        /**
+          * @uiName Country Dropdown label
+         */
+        "dropdownLabel": string;
+        /**
+          * @uiName Country name attribute
+         */
+        "dropdownName": string;
+        /**
+          * @uiName Required
+         */
+        "dropdownRequired"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage": string;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -118,6 +173,28 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
+    interface SqmDropdownField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel": string;
+        /**
+          * @uiName Dropdown name attribute
+         */
+        "dropdownName": string;
+        /**
+          * @uiName Required
+         */
+        "dropdownRequired"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage": string;
+    }
     interface SqmEditProfile {
         /**
           * @uiName Cancel button text
@@ -1952,12 +2029,30 @@ declare global {
         prototype: HTMLSqmCardFeedElement;
         new (): HTMLSqmCardFeedElement;
     };
+    interface HTMLSqmCheckboxFieldElement extends Components.SqmCheckboxField, HTMLStencilElement {
+    }
+    var HTMLSqmCheckboxFieldElement: {
+        prototype: HTMLSqmCheckboxFieldElement;
+        new (): HTMLSqmCheckboxFieldElement;
+    };
+    interface HTMLSqmCountryFieldElement extends Components.SqmCountryField, HTMLStencilElement {
+    }
+    var HTMLSqmCountryFieldElement: {
+        prototype: HTMLSqmCountryFieldElement;
+        new (): HTMLSqmCountryFieldElement;
+    };
     interface HTMLSqmDividedLayoutElement extends Components.SqmDividedLayout, HTMLStencilElement {
     }
     var HTMLSqmDividedLayoutElement: {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
+    interface HTMLSqmDropdownFieldElement extends Components.SqmDropdownField, HTMLStencilElement {
+    }
+    var HTMLSqmDropdownFieldElement: {
+        prototype: HTMLSqmDropdownFieldElement;
+        new (): HTMLSqmDropdownFieldElement;
+    };
     interface HTMLSqmEditProfileElement extends Components.SqmEditProfile, HTMLStencilElement {
     }
     var HTMLSqmEditProfileElement: {
@@ -2419,7 +2514,10 @@ declare global {
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-country-field": HTMLSqmCountryFieldElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
         "sqm-empty": HTMLSqmEmptyElement;
         "sqm-form-message": HTMLSqmFormMessageElement;
@@ -2568,6 +2666,58 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+         */
+        "checkboxLabel"?: string;
+        /**
+          * @uiName Checkbox label link Used with link text if the checkbox label contains {labelLink}
+         */
+        "checkboxLabelLink"?: string;
+        /**
+          * @uiName Checkbox label link text
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * @uiName Checkbox name attribute
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Required
+         */
+        "checkboxRequired"?: boolean;
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
+    }
+    interface SqmCountryField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<CountryFieldViewProps>;
+        /**
+          * @uiName Country Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * @uiName Country name attribute
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Required
+         */
+        "dropdownRequired"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -2582,6 +2732,28 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
+    interface SqmDropdownField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * @uiName Dropdown name attribute
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Required
+         */
+        "dropdownRequired"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
+    }
     interface SqmEditProfile {
         /**
           * @uiName Cancel button text
@@ -4370,7 +4542,10 @@ declare namespace LocalJSX {
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
         "sqm-card-feed": SqmCardFeed;
+        "sqm-checkbox-field": SqmCheckboxField;
+        "sqm-country-field": SqmCountryField;
         "sqm-divided-layout": SqmDividedLayout;
+        "sqm-dropdown-field": SqmDropdownField;
         "sqm-edit-profile": SqmEditProfile;
         "sqm-empty": SqmEmpty;
         "sqm-form-message": SqmFormMessage;
@@ -4457,7 +4632,10 @@ declare module "@stencil/core" {
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
+            "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
+            "sqm-country-field": LocalJSX.SqmCountryField & JSXBase.HTMLAttributes<HTMLSqmCountryFieldElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
+            "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
             "sqm-empty": LocalJSX.SqmEmpty & JSXBase.HTMLAttributes<HTMLSqmEmptyElement>;
             "sqm-form-message": LocalJSX.SqmFormMessage & JSXBase.HTMLAttributes<HTMLSqmFormMessageElement>;

package/dist/types/global/mixins.d.ts

@@ -109,7 +109,7 @@ export declare const AuthColumn: {
     "margin-right": string;
     "margin-bottom"?: undefined;
   };
-  "& > *:not(style, div)": {
+  "& > *:not(style, div, slot)": {
     display: string;
   };
   display: string;
@@ -119,7 +119,7 @@ export declare const AuthColumn: {
     "margin-bottom": string;
     "margin-right"?: undefined;
   };
-  "& > *:not(style, div)": {
+  "& > *:not(style, div, slot)": {
     display: string;
   };
   display: string;