@saasquatch/mint-components 1.14.6-31 → 1.14.6-32

package/dist/mint-components/{p-cc9ec01e.entry.js → p-fe4dc286.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as M}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{P as V}from"./p-dbcb5359.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as U}from"./p-8c23d1b8.js";import{b as B,W as z,B as H,U as W,J as G,i as Y,K,D as Z,E as Q,H as X,I as J,Q as ee,O as te,X as re,L as se,N as ae,C as ie,d as ne,h as oe,P as le,e as ce,R as de,Y as ue,j as he,a as me,S as pe,u as ve,c as ge,T as fe}from"./p-eb9ecf25.js";import"./p-a9f4ddb1.js";import{R as be,L as ye,u as xe}from"./p-f98a4354.js";import{u as we}from"./p-11dff275.js";const ke=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?B(this):z(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(H,Object.assign({},r,{labelSlot:i}))}},Ee=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${i}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},Ce=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},T(this)),t("slot",null))}};function Ie(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Se=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(be,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ie(this);return t(Y,{states:s,content:r,callbacks:a})}},Re=p.gql`
+import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as M}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{P as V}from"./p-dbcb5359.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as U}from"./p-8c23d1b8.js";import{b as B,W as z,B as H,U as W,J as G,i as Y,K,D as Z,E as Q,H as X,I as J,Q as ee,O as te,X as re,L as se,N as ae,C as ie,d as ne,h as oe,P as le,e as ce,R as de,Y as ue,j as he,a as me,S as pe,u as ve,c as ge,T as fe}from"./p-84977160.js";import"./p-a9f4ddb1.js";import{R as be,L as ye,u as xe}from"./p-f98a4354.js";import{u as we}from"./p-11dff275.js";const ke=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?B(this):z(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(H,Object.assign({},r,{labelSlot:i}))}},Ee=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${i}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},Ce=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},T(this)),t("slot",null))}};function Ie(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Se=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=M([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(be,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ie(this);return t(Y,{states:s,content:r,callbacks:a})}},Re=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

package/dist/types/components.d.ts

@@ -402,6 +402,8 @@ export namespace Components {
          */
         "brandFont": string;
     }
+    interface SqmBrandSelector {
+    }
     interface SqmCardFeed {
         /**
           * @uiName Column gap
@@ -6201,6 +6203,12 @@ declare global {
         prototype: HTMLSqmBrandElement;
         new (): HTMLSqmBrandElement;
     };
+    interface HTMLSqmBrandSelectorElement extends Components.SqmBrandSelector, HTMLStencilElement {
+    }
+    var HTMLSqmBrandSelectorElement: {
+        prototype: HTMLSqmBrandSelectorElement;
+        new (): HTMLSqmBrandSelectorElement;
+    };
     interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
     }
     var HTMLSqmCardFeedElement: {
@@ -6933,6 +6941,7 @@ declare global {
         "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
+        "sqm-brand-selector": HTMLSqmBrandSelectorElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
         "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
         "sqm-close-button": HTMLSqmCloseButtonElement;
@@ -7399,6 +7408,8 @@ declare namespace LocalJSX {
          */
         "brandFont"?: string;
     }
+    interface SqmBrandSelector {
+    }
     interface SqmCardFeed {
         /**
           * @uiName Column gap
@@ -13142,6 +13153,7 @@ declare namespace LocalJSX {
         "sqm-banking-info-form": SqmBankingInfoForm;
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
+        "sqm-brand-selector": SqmBrandSelector;
         "sqm-card-feed": SqmCardFeed;
         "sqm-checkbox-field": SqmCheckboxField;
         "sqm-close-button": SqmCloseButton;
@@ -13274,6 +13286,7 @@ declare module "@stencil/core" {
             "sqm-banking-info-form": LocalJSX.SqmBankingInfoForm & JSXBase.HTMLAttributes<HTMLSqmBankingInfoFormElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
+            "sqm-brand-selector": LocalJSX.SqmBrandSelector & JSXBase.HTMLAttributes<HTMLSqmBrandSelectorElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
             "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.14.6-31",
+  "version": "1.14.6-32",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/shoelace/assets/icons/twitter-x.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z" fill="currentColor"/>
+<path d="M8.86754 7.23214L12.5378 3H11.6681L8.48117 6.67471L5.93579 3H3L6.84911 8.55681L3 12.9949H3.86979L7.23525 9.11425L9.92336 12.9949H12.8592L8.86732 7.23214H8.86754ZM7.67624 8.60577L7.28624 8.05244L4.18319 3.64951H5.51914L8.02334 7.20281L8.41333 7.75615L11.6685 12.3749H10.3325L7.67624 8.60598V8.60577Z" fill="white"/>
+</svg>