@saasquatch/mint-components 1.15.0-47 → 1.15.0-49

package/dist/collection/components/sqm-referral-code/sqm-referral-code.js

@@ -62,11 +62,11 @@ export class ReferralCode {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button that is used (primary, secondary, or tertiary).
+     * The type of the button that is used (primary or secondary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary", "tertiary"]
-     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -394,8 +394,8 @@ export class ReferralCode {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
-        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "original": "\"primary\" | \"secondary\"",
+        "resolved": "\"primary\" | \"secondary\"",
         "references": {}
       },
       "required": false,
@@ -408,16 +408,16 @@ export class ReferralCode {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "[\"primary\", \"secondary\", \"tertiary\"]",
+            "text": "[\"primary\", \"secondary\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Primary\", \"Secondary\", \"Tertiary\"]",
+            "text": "[\"Primary\", \"Secondary\"]",
             "name": "uiEnumNames"
           }, {
             "text": "Style",
             "name": "uiGroup"
           }],
-        "text": "The type of the button that is used (primary, secondary, or tertiary)."
+        "text": "The type of the button that is used (primary or secondary)."
       },
       "attribute": "button-type",
       "reflect": false,
@@ -428,7 +428,7 @@ export class ReferralCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -50,11 +50,11 @@ export class ShareCode {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button that is used (primary, secondary, or tertiary).
+     * The type of the button that is used (primary or secondary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary", "tertiary"]
-     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -311,8 +311,8 @@ export class ShareCode {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
-        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "original": "\"primary\" | \"secondary\"",
+        "resolved": "\"primary\" | \"secondary\"",
         "references": {}
       },
       "required": false,
@@ -325,16 +325,16 @@ export class ShareCode {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "[\"primary\", \"secondary\", \"tertiary\"]",
+            "text": "[\"primary\", \"secondary\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Primary\", \"Secondary\", \"Tertiary\"]",
+            "text": "[\"Primary\", \"Secondary\"]",
             "name": "uiEnumNames"
           }, {
             "text": "Style",
             "name": "uiGroup"
           }],
-        "text": "The type of the button that is used (primary, secondary, or tertiary)."
+        "text": "The type of the button that is used (primary or secondary)."
       },
       "attribute": "button-type",
       "reflect": false,
@@ -374,7 +374,7 @@ export class ShareCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -39,11 +39,11 @@ export class ShareLink {
      */
     this.copyButtonLabel = "Copy Link";
     /**
-     * The type of the button that is used (primary, secondary, or tertiary).
+     * The type of the button that is used (primary or secondary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary", "tertiary"]
-     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -306,8 +306,8 @@ export class ShareLink {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
-        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "original": "\"primary\" | \"secondary\"",
+        "resolved": "\"primary\" | \"secondary\"",
         "references": {}
       },
       "required": false,
@@ -320,16 +320,16 @@ export class ShareLink {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "[\"primary\", \"secondary\", \"tertiary\"]",
+            "text": "[\"primary\", \"secondary\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Primary\", \"Secondary\", \"Tertiary\"]",
+            "text": "[\"Primary\", \"Secondary\"]",
             "name": "uiEnumNames"
           }, {
             "text": "Style",
             "name": "uiGroup"
           }],
-        "text": "The type of the button that is used (primary, secondary, or tertiary)."
+        "text": "The type of the button that is used (primary or secondary)."
       },
       "attribute": "button-type",
       "reflect": false,
@@ -373,7 +373,7 @@ export class ShareLink {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-stencilbook/Themes.js

@@ -14,6 +14,12 @@ export const Default = null;
 export const Netflix = {
   main: {
     brandFont: "Netflix Sans, Arial, sans-serif",
+    brandColor: "#E50914",
+  },
+  border: {
+    borderColor: "#333333",
+    borderRadius: 4,
+    borderThickness: 1,
   },
   color: {
     textColorShades: {
@@ -53,10 +59,9 @@ export const Netflix = {
     },
     neutral: {
       text: "white",
-      icon: "#B3B3B3",
+      iconAndBadge: "#B3B3B3",
       border: "#333333",
       background: "#222222",
-      iconAndBadge: "#B3B3B3",
     },
   },
   primaryButton: {
@@ -70,6 +75,7 @@ export const Netflix = {
       border: "transparent",
       label: "#FFFFFF",
     },
+    borderRadius: 4,
   },
   secondaryButton: {
     buttonColor: {
@@ -82,6 +88,7 @@ export const Netflix = {
       border: "#B3B3B3",
       label: "#FFFFFF",
     },
+    borderRadius: 4,
   },
   formFields: {
     formFieldColor: {
@@ -96,6 +103,12 @@ export const Netflix = {
 export const Amazon = {
   main: {
     brandFont: "Amazon Ember, Arial, sans-serif",
+    brandColor: "#FF9900",
+  },
+  border: {
+    borderColor: "#D5D9D9",
+    borderRadius: 4,
+    borderThickness: 1,
   },
   color: {
     backgroundColor: "#ffffff",
@@ -135,10 +148,9 @@ export const Amazon = {
     },
     neutral: {
       text: "#232F3E",
-      icon: "#565959",
+      iconAndBadge: "#565959",
       border: "#D5D9D9",
       background: "#F0F2F2",
-      iconAndBadge: "#565959",
     },
   },
   primaryButton: {
@@ -152,6 +164,7 @@ export const Amazon = {
       border: "transparent",
       label: "#FFFFFF",
     },
+    borderRadius: 4,
   },
   secondaryButton: {
     buttonColor: {
@@ -164,6 +177,7 @@ export const Amazon = {
       border: "#888C8C",
       label: "#232F3E",
     },
+    borderRadius: 4,
   },
   formFields: {
     formFieldColor: {
@@ -176,6 +190,14 @@ export const Amazon = {
   },
 };
 export const Spotify = {
+  main: {
+    brandColor: "#1ed760",
+  },
+  border: {
+    borderColor: "#f4f4f4",
+    borderRadius: 18,
+    borderThickness: 1,
+  },
   color: {
     textColorShades: {
       mainText: "white",
@@ -197,6 +219,7 @@ export const Spotify = {
       border: "transparent",
       label: "#121212",
     },
+    borderRadius: 30,
   },
   secondaryButton: {
     buttonColor: {
@@ -209,6 +232,7 @@ export const Spotify = {
       border: "#FFFFFF",
       label: "#121212",
     },
+    borderRadius: 30,
   },
   formFields: {
     formFieldColor: {
@@ -222,6 +246,11 @@ export const Spotify = {
 };
 export const Google = {
   main: { brandColor: "#4285F4", brandFont: "Roboto, Arial, sans-serif" },
+  border: {
+    borderColor: "#DADCE0",
+    borderRadius: 4,
+    borderThickness: 1,
+  },
   color: {
     textColorShades: {
       mainText: "#212124",
@@ -276,6 +305,7 @@ export const Google = {
       border: "transparent",
       label: "#FFFFFF",
     },
+    borderRadius: 4,
   },
   secondaryButton: {
     buttonColor: {
@@ -288,6 +318,7 @@ export const Google = {
       border: "#DADCE0",
       label: "#4285F4",
     },
+    borderRadius: 4,
   },
   formFields: {
     formFieldColor: {
@@ -295,7 +326,7 @@ export const Google = {
       border: "#DADCE0",
       inputText: "#202124",
     },
-    hoverStateColor: "9AA0A6",
-    selectedStateColor: "4285F4",
+    hoverStateColor: "#9AA0A6",
+    selectedStateColor: "#4285F4",
   },
 };

package/dist/collection/components/sqm-task-card/sqm-task-card-view.js

@@ -18,8 +18,8 @@ export function TaskCardView(props) {
         position: "relative",
         boxSizing: "border-sizing",
         background: content.backgroundColor || "var(--sqm-portal-background)",
-        border: `1px solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
-        borderRadius: "var(--sl-border-radius-large)",
+        border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
+        borderRadius: "var(--sqm-border-radius-normal)",
         boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
         fontSize: "var(--sl-font-size-small)",
         lineHeight: "var(--sl-line-height-dense)",
@@ -52,7 +52,7 @@ export function TaskCardView(props) {
       padding: "var(--sl-spacing-medium)",
       color: content.textColor || "var(--sl-color-primary-600)",
       border: `1px solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
-      borderRadius: "var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",
+      borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
       background: content.backgroundColor || "var(--sl-color-primary-50)",
       fontWeight: "var(--sl-font-weight-semibold)",
@@ -69,7 +69,7 @@ export function TaskCardView(props) {
       padding: "var(--sl-spacing-medium)",
       color: content.textColor || "var(--sl-color-warning-600)",
       border: `1px solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
-      borderRadius: "var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",
+      borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
       background: content.backgroundColor || "var(--sl-color-warning-50)",
       fontWeight: "var(--sl-font-weight-semibold)",
@@ -211,7 +211,7 @@ export function TaskCardView(props) {
       }))),
     h("div", { part: "sqm-style-container", style: {
         borderRadius: taskUnavailable &&
-          "0 0 var(--sl-border-radius-large) var(--sl-border-radius-large)",
+          "0 0 var(--sqm-border-radius-normal) var(--sqm-border-radius-normal)",
       }, class: taskUnavailable
         ? "main expired"
         : taskComplete

package/dist/collection/components/sqm-task-card/sqm-task-card.js

@@ -127,8 +127,8 @@ export class TaskCard {
     /**
      * @uiName Button Style
      * @uiType string
-     * @uiEnum ["primary", "secondary", "tertiary"]
-     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -849,8 +849,8 @@ export class TaskCard {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
-        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "original": "\"primary\" | \"secondary\"",
+        "resolved": "\"primary\" | \"secondary\"",
         "references": {}
       },
       "required": false,
@@ -863,10 +863,10 @@ export class TaskCard {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "[\"primary\", \"secondary\", \"tertiary\"]",
+            "text": "[\"primary\", \"secondary\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Primary\", \"Secondary\", \"Tertiary\"]",
+            "text": "[\"Primary\", \"Secondary\"]",
             "name": "uiEnumNames"
           }, {
             "text": "Style",

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.js

@@ -118,19 +118,19 @@ const style = {
       background: "var(--sqm-primary-button-background-hover)",
     },
   },
-  TertiaryButton: {
+  SecondaryButton: {
     "&::part(base)": {
-      background: "var(--sqm-tertiary-button-background)",
-      color: "var(--sqm-tertiary-button-color)",
-      borderColor: "var(--sqm-tertiary-button-color-border)",
-      borderRadius: "var(--sqm-tertiary-button-radius)",
+      background: "var(--sqm-secondary-button-background)",
+      color: "var(--sqm-secondary-button-color)",
+      borderColor: "var(--sqm-secondary-button-color-border)",
+      borderRadius: "var(--sqm-secondary-button-radius)",
       width: "max-content",
       display: "flex",
       margin: "auto",
     },
     "&::part(base):hover": {
       color: "var(--sqm-text)",
-      background: "var(--sqm-tertiary-button-background-hover)",
+      background: "var(--sqm-secondary-button-background-hover)",
     },
   },
 };
@@ -234,5 +234,5 @@ export const IndirectTaxFormView = (props) => {
         })),
       h("div", { class: classes.BtnContainer },
         h("sl-button", { class: classes.PrimaryButton, type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
-        h("sl-button", { class: classes.TertiaryButton, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: tertiarybutton-base" }, text.backButton))))));
+        h("sl-button", { class: classes.SecondaryButton, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
 };

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -137,7 +137,6 @@ const vanillaStyle = `
       min-width: 250px;
     }
 
-    /* Corrected: Target sl-button::part(base) for primary button */
     sl-button[type="primary"]::part(base){
         background-color: var(--sqm-primary-button-background);
         color: var(--sqm-primary-button-color);
@@ -153,7 +152,6 @@ const vanillaStyle = `
         box-shadow: none;
     }
 
-    /* Corrected: Target sl-button::part(base) for secondary button */
     sl-button[type="secondary"]::part(base){
         background-color: var(--sqm-secondary-button-background);
         color: var(--sqm-secondary-button-color);
@@ -165,13 +163,7 @@ const vanillaStyle = `
         background-color: var(--sqm-secondary-button-background-hover);
     }
 
-    /* Corrected: Target sl-button::part(base) for tertiary button */
-    sl-button[type="tertiary"]::part(base){
-        color: var(--sqm-text, var(--sl-color-neutral-800));
-        width: max-content;
-        display: flex;
-        margin: auto;
-    }
+
 
 *::part(primarybutton-base){
   background-color: var(--sqm-primary-button-background);
@@ -199,18 +191,18 @@ const vanillaStyle = `
   background-color: var(--sqm-secondary-button-background-hover);
 }
 
-*::part(tertiarybutton-base){
-  background-color: var(--sqm-tertiary-button-background);
-  color: var(--sqm-tertiary-button-color);
-  border-color: var(--sqm-tertiary-button-color-border);
-  border-radius: var(--sqm-tertiary-button-radius);
+*::part(secondarybutton-base){
+  background-color: var(--sqm-secondary-button-background);
+  color: var(--sqm-secondary-button-color);
+  border-color: var(--sqm-secondary-button-color-border);
+  border-radius: var(--sqm-secondary-button-radius);
   width: max-content;
   display: flex;
   margin: auto;
 }
 
-*::part(tertiarybutton-base):hover{
-  background: var(--sqm-tertiary-button-background-hover);
+*::part(secondarybutton-base):hover{
+  background: var(--sqm-secondary-button-background-hover);
 }
 
     sl-input::part(label),