@saasquatch/mint-components 1.15.0-143 → 1.15.0-145

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.15.0-143",
+  "version": "1.15.0-145",
   "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>

package/dist/esm-es5/copy-text-view-47cbf0e4.js

@@ -1 +0,0 @@
-import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-f750863a.js";var vanillaStyle="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var textAlignStyle={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var disabledStyles="\n  sl-input::part(input){\n    cursor: default;\n  }\n";function CopyTextView(t){var o=t.buttonStyle,r=o===void 0?"icon":o;var e={HostBlock:HostBlock,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%",color:t.textColor||"var(--sl-input-color)"},"&::part(base)":{"--sl-input-border-radius":t.borderRadius+"px"||"var(--sqm-border-radius-normal)","--sl-input-border-color":"var(--sqm-border-color)","--sl-input-border-color-hover":"#999999","--sl-input-border-color-focus":"#999999","--sl-input-color-hover":"var(--sqm-input-color-hover)","--sl-input-color-focus":"var(--sqm-input-color-focus)","--sl-input-color-disabled":"var(--sqm-input-disabled-color)","--sl-input-background-color-focus":"var(--sqm-input-background)","--sl-input-background-color-hover":"var(--sqm-input-background)",cursor:"pointer",overflow:"visible",borderRadius:t.borderRadius+"px"||"var(--sqm-border-radius-normal)",background:t.backgroundColor||"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid "+(t.borderColor||"var(--sqm-input-border-color)")},width:"100%"},icon:{"&::part(base)":{color:t.textColor||"var(--sqm-text)"}},inputErrorStyle:{},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sqm-danger-color-text)"},notificationTextStyle:{margin:"0",color:"inherit"}};var l=createStyleSheet(e);var i=l.toString();var n=!t.loading&&t.error;var s=n?t.inputPlaceholderText:t.copyString;var a=n||t.loading||t.disabled;var c=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var u=h("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:c,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},r==="icon"?h("sl-icon-button",{class:l.classes.icon,exportparts:"base: icon-button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},name:"files",disabled:a}):h("sl-button",{exportparts:"base: "+(t.buttonType||"primary")+"button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},size:"medium",style:{width:""+(r==="button-below"&&"100%")},disabled:a,type:"primary"},t.copyButtonLabel||"Copy"));return h("div",{class:l.classes.ContainerDiv},h("style",{type:"text/css"},i,vanillaStyle,textAlignStyle[t.textAlign],a&&disabledStyles),h("div",{class:l.classes.containerStyle,style:{flexDirection:""+(r==="button-below"?"column":"row")}},h("sl-input",{class:l.classes.inputStyle+" "+(n?l.classes.inputErrorStyle:""),value:t.loading?"Loading...":s,readonly:true,disabled:a},r==="icon"&&u,n&&h("p",{slot:"help-text",class:l.classes.errorTextStyle},t.errorText)),(r==="button-outside"||r==="button-below")&&u),t.isCopied&&t.showNotificationText&&t.notificationText&&h("p",{part:"sqm-notification-text",class:l.classes.notificationTextStyle},t.notificationText))}export{CopyTextView as C};

package/dist/mint-components/p-1b3c16f8.entry.js

@@ -1,33 +0,0 @@
-import{r as e,h as t}from"./p-c7c11325.js";import"./p-f655c9ae.js";import{k as r,f as i,n as o}from"./p-63e29387.js";import{d as s,J as a,w as l,$ as n,i as u}from"./p-0ec54f97.js";import{c as d}from"./p-c1086930.js";import{g as m}from"./p-6951663b.js";import"./p-cef45012.js";import"./p-204861a6.js";import{P as c}from"./p-e5a4f49e.js";import{i as f}from"./p-513f5d80.js";const v=s.gql`
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-      }
-    }
-  }
-`,h=s.gql`
-  mutation (
-    $id: String!
-    $accountId: String!
-    $firstName: String!
-    $lastName: String!
-  ) {
-    upsertUser(
-      userInput: {
-        id: $id
-        accountId: $accountId
-        firstName: $firstName
-        lastName: $lastName
-      }
-    ) {
-      firstName
-      lastName
-    }
-  }
-`,p={country:"",email:"",firstName:"",lastName:"",errors:{},error:""},N=class{constructor(t){e(this,t),this.ignored=!0,this.firstnametext="First Name",this.lastnametext="Last Name",this.emailtext="Email",this.countrytext="Country",this.editProfileHeader="Edit your profile",this.editProfileSubHeader="Personal Information",this.submitChangeButtonText="Submit Changes",this.hideCountry=!1,this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.fieldEmptyText="Field is required",this.formErrorText="Please correct the errors below to update your profile.",this.submissionSuccessText="Your profile has been successfully updated.",o(this)}disconnectedCallback(){}render(){const e=u()?function(e){return d({states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),onChange:e=>console.log(e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(m(this)):function(e){const t=a(),[o,s]=r(!1),[u,d]=r(void 0),[m,c]=r(p),N=l(v,{},!(null==t?void 0:t.jwt)),[b,g]=n(h);return i((()=>{(null==g?void 0:g.loading)||((null==g?void 0:g.errors)?c((e=>{var t,r,i;return{...e,error:null===(i=null===(r=null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===i?void 0:i[0].message}})):(d((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),(null==g?void 0:g.data)&&s(!0)))}),[null==g?void 0:g.loading]),i((()=>{var e,t;d((e=>{var t;return{...e,...null===(t=null==N?void 0:N.data)||void 0===t?void 0:t.viewer}})),c({...p,...null===(e=N.data)||void 0===e?void 0:e.viewer,...null===(t=g.data)||void 0===t?void 0:t.upsertUser})}),[null==N?void 0:N.data]),i((()=>{var t,r;(null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.message)&&c({...null===(r=N.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==g?void 0:g.errors]),{states:{success:o,loading:(null==N?void 0:N.loading)||g.loading,submitDisabled:!1,showCountry:!e.hideCountry,formState:m,user:u,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:()=>{if(s(!1),m.firstName&&m.lastName)return b({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:m.firstName,lastName:m.lastName}),void c((e=>({...e,errors:{},error:""})));const r={};m.firstName||(r.firstName={message:e.fieldEmptyText}),m.lastName||(r.lastName={message:e.fieldEmptyText}),f(r)||c((t=>({...t,error:e.formErrorText}))),c((e=>({...e,errors:r})))},onChange:e=>{const{name:t,value:r}=e.target;c((e=>({...e,[t]:r})))}}}}(m(this));return t(c,Object.assign({},e))}};export{N as sqm_portal_profile}

package/dist/mint-components/p-bc2cce30.js

@@ -1 +0,0 @@
-import{h as t}from"./p-c7c11325.js";import{c as o}from"./p-cef45012.js";import{H as r}from"./p-49b20dae.js";const n={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};function i(i){const{buttonStyle:l="icon"}=i,s=o({HostBlock:r,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%",color:i.textColor||"var(--sl-input-color)"},"&::part(base)":{"--sl-input-border-radius":`${i.borderRadius}px`||"var(--sqm-border-radius-normal)","--sl-input-border-color":"var(--sqm-border-color)","--sl-input-border-color-hover":"#999999","--sl-input-border-color-focus":"#999999","--sl-input-color-hover":"var(--sqm-input-color-hover)","--sl-input-color-focus":"var(--sqm-input-color-focus)","--sl-input-color-disabled":"var(--sqm-input-disabled-color)","--sl-input-background-color-focus":"var(--sqm-input-background)","--sl-input-background-color-hover":"var(--sqm-input-background)",cursor:"pointer",overflow:"visible",borderRadius:`${i.borderRadius}px`||"var(--sqm-border-radius-normal)",background:i.backgroundColor||"var(--sqm-portal-background)",border:`var(--sqm-border-thickness) solid ${i.borderColor||"var(--sqm-input-border-color)"}`},width:"100%"},icon:{"&::part(base)":{color:i.textColor||"var(--sqm-text)"}},inputErrorStyle:{},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sqm-danger-color-text)"},notificationTextStyle:{margin:"0",color:"inherit"}}),e=s.toString(),a=!i.loading&&i.error,c=a?i.inputPlaceholderText:i.copyString,p=a||i.loading||i.disabled,u=t("sl-tooltip",{trigger:"manual",content:i.tooltiptext,placement:"button-below"===i.buttonStyle?"bottom":"button-outside"===i.buttonStyle?"top":"top-end",disabled:i.disabled,open:i.open,skidding:"icon"===i.buttonStyle?-5:0,slot:"suffix"},"icon"===l?t("sl-icon-button",{class:s.classes.icon,exportparts:"base: icon-button-base",onClick:()=>{var t;return null===(t=i.onClick)||void 0===t?void 0:t.call(i)},name:"files",disabled:p}):t("sl-button",{exportparts:`base: ${i.buttonType||"primary"}button-base`,onClick:()=>{var t;return null===(t=i.onClick)||void 0===t?void 0:t.call(i)},size:"medium",style:{width:`${"button-below"===l&&"100%"}`},disabled:p,type:"primary"},i.copyButtonLabel||"Copy"));return t("div",{class:s.classes.ContainerDiv},t("style",{type:"text/css"},e,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",n[i.textAlign],p&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),t("div",{class:s.classes.containerStyle,style:{flexDirection:"button-below"===l?"column":"row"}},t("sl-input",{class:`${s.classes.inputStyle} ${a?s.classes.inputErrorStyle:""}`,value:i.loading?"Loading...":c,readonly:!0,disabled:p},"icon"===l&&u,a&&t("p",{slot:"help-text",class:s.classes.errorTextStyle},i.errorText)),("button-outside"===l||"button-below"===l)&&u),i.isCopied&&i.showNotificationText&&i.notificationText&&t("p",{part:"sqm-notification-text",class:s.classes.notificationTextStyle},i.notificationText))}export{i as C}

package/dist/mint-components/p-f9e466b8.system.js

@@ -1 +0,0 @@
-System.register(["./p-59b028db.system.js","./p-1a673057.system.js","./p-8a6494c7.system.js"],(function(t){"use strict";var o,r,n;return{setters:[function(t){o=t.h},function(t){r=t.c},function(t){n=t.H}],execute:function(){t("C",s);var e="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var i={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var l="\n  sl-input::part(input){\n    cursor: default;\n  }\n";function s(t){var s=t.buttonStyle,a=s===void 0?"icon":s;var c={HostBlock:n,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%",color:t.textColor||"var(--sl-input-color)"},"&::part(base)":{"--sl-input-border-radius":t.borderRadius+"px"||"var(--sqm-border-radius-normal)","--sl-input-border-color":"var(--sqm-border-color)","--sl-input-border-color-hover":"#999999","--sl-input-border-color-focus":"#999999","--sl-input-color-hover":"var(--sqm-input-color-hover)","--sl-input-color-focus":"var(--sqm-input-color-focus)","--sl-input-color-disabled":"var(--sqm-input-disabled-color)","--sl-input-background-color-focus":"var(--sqm-input-background)","--sl-input-background-color-hover":"var(--sqm-input-background)",cursor:"pointer",overflow:"visible",borderRadius:t.borderRadius+"px"||"var(--sqm-border-radius-normal)",background:t.backgroundColor||"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid "+(t.borderColor||"var(--sqm-input-border-color)")},width:"100%"},icon:{"&::part(base)":{color:t.textColor||"var(--sqm-text)"}},inputErrorStyle:{},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sqm-danger-color-text)"},notificationTextStyle:{margin:"0",color:"inherit"}};var u=r(c);var d=u.toString();var p=!t.loading&&t.error;var b=p?t.inputPlaceholderText:t.copyString;var v=p||t.loading||t.disabled;var m=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var x=o("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:m,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},a==="icon"?o("sl-icon-button",{class:u.classes.icon,exportparts:"base: icon-button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},name:"files",disabled:v}):o("sl-button",{exportparts:"base: "+(t.buttonType||"primary")+"button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},size:"medium",style:{width:""+(a==="button-below"&&"100%")},disabled:v,type:"primary"},t.copyButtonLabel||"Copy"));return o("div",{class:u.classes.ContainerDiv},o("style",{type:"text/css"},d,e,i[t.textAlign],v&&l),o("div",{class:u.classes.containerStyle,style:{flexDirection:""+(a==="button-below"?"column":"row")}},o("sl-input",{class:u.classes.inputStyle+" "+(p?u.classes.inputErrorStyle:""),value:t.loading?"Loading...":b,readonly:true,disabled:v},a==="icon"&&x,p&&o("p",{slot:"help-text",class:u.classes.errorTextStyle},t.errorText)),(a==="button-outside"||a==="button-below")&&x),t.isCopied&&t.showNotificationText&&t.notificationText&&o("p",{part:"sqm-notification-text",class:u.classes.notificationTextStyle},t.notificationText))}}}}));