From ebc0938b3ce037491e251f7199463dd9f6b8f632 Mon Sep 17 00:00:00 2001 From: Andy Date: Tue, 4 Aug 2026 17:01:05 -0700 Subject: [PATCH 01/12] Change --sqm-input-label-font-size to use --sl-input-font-size-small and input labels to be bold instead of semibold --- packages/mint-components/package.json | 2 +- .../src/components/sqm-name-fields/sqm-name-fields-view.tsx | 2 +- .../src/components/sqm-user-attribute/readme.md | 2 +- packages/mint-components/src/global/styles.ts | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 4aa03ef7cc..17c1fc3504 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.0", + "version": "2.2.1-0", "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", diff --git a/packages/mint-components/src/components/sqm-name-fields/sqm-name-fields-view.tsx b/packages/mint-components/src/components/sqm-name-fields/sqm-name-fields-view.tsx index 1426f18a1b..ec45bb037a 100644 --- a/packages/mint-components/src/components/sqm-name-fields/sqm-name-fields-view.tsx +++ b/packages/mint-components/src/components/sqm-name-fields/sqm-name-fields-view.tsx @@ -32,7 +32,7 @@ const vanillaStyle = ` *::part(input-label), *::part(select-label), *::part(textarea-label){ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small)); - font-weight: var(--sl-font-weight-semibold); + font-weight: var(--sl-font-weight-bold); color: var(--sqm-input-label-color, var(--sqm-text), black); } diff --git a/packages/mint-components/src/components/sqm-user-attribute/readme.md b/packages/mint-components/src/components/sqm-user-attribute/readme.md index ead6002003..6c04bd65bb 100644 --- a/packages/mint-components/src/components/sqm-user-attribute/readme.md +++ b/packages/mint-components/src/components/sqm-user-attribute/readme.md @@ -13,7 +13,7 @@ | `demoData` | -- | | `{ loading?: boolean; value?: string; fontSize?: number; color?: string; fontWeight?: number; }` | `undefined` | | `fontSize` | `font-size` | Number in pixels. | `number` | `undefined` | | `fontWeight` | `font-weight` | Font weight | `number` | `undefined` | -| `value` | `value` | The custom field key to display. | `string` | `undefined` | +| `value` | `value` | The custom field key to display. | `number \| string` | `undefined` | ## Dependencies diff --git a/packages/mint-components/src/global/styles.ts b/packages/mint-components/src/global/styles.ts index 4db1f82edf..0c0caa85c3 100644 --- a/packages/mint-components/src/global/styles.ts +++ b/packages/mint-components/src/global/styles.ts @@ -745,7 +745,7 @@ html { config?.formFields?.hoverStateColor || "hsl(0, 0%, 91%)" }; - --sqm-input-label-font-size: inherit; + --sqm-input-label-font-size: var(--sl-input-font-size-small); --sqm-input-disabled-color: var(--sqm-text-subdued); --sqm-input-disabled-background: ${ config?.formFields?.disabledBackgroundColor || "#F4F4F5" @@ -968,7 +968,7 @@ sl-button[type="secondary"]::part(base):hover { *::part(input-label), *::part(select-label), *::part(textarea-label){ font-family: var(--sqm-primary-font); font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small)); - font-weight: var(--sl-font-weight-semibold); + font-weight: var(--sl-font-weight-bold); color: var(--sqm-input-label-color, var(--sqm-text), black); } From 91a9b3129f1071e4ddd302727ec34ac62d9ab7bc Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 00:04:19 +0000 Subject: [PATCH 02/12] publish: @saasquatch/mint-components v2.2.1-1 This commit was generated by GitHub Actions CI --- packages/mint-components/package-lock.json | 4 ++-- packages/mint-components/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json index 78abc83003..cb2f306357 100644 --- a/packages/mint-components/package-lock.json +++ b/packages/mint-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/mint-components", - "version": "2.2.0", + "version": "2.2.1-1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/mint-components", - "version": "2.2.0", + "version": "2.2.1-1", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 17c1fc3504..5ee7f07919 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-0", + "version": "2.2.1-1", "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", From 0fd6d1962199af2fd147e02dcb21a4040f674cab Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 10:13:48 -0700 Subject: [PATCH 03/12] Add sl-input::part(label) override in styles.ts --- packages/mint-components/src/global/styles.ts | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/mint-components/src/global/styles.ts b/packages/mint-components/src/global/styles.ts index 0c0caa85c3..ac5ac2fb33 100644 --- a/packages/mint-components/src/global/styles.ts +++ b/packages/mint-components/src/global/styles.ts @@ -543,7 +543,7 @@ html { --sl-input-spacing-medium: var(--sl-spacing-medium); --sl-input-spacing-large: var(--sl-spacing-large); --sl-input-label-font-size-small: var(--sl-font-size-small); - --sl-input-label-font-size-medium: var(--sl-font-size-medium); + --sl-input-label-font-size-medium: var(--sl-font-size-small); --sl-input-label-font-size-large: var(--sl-font-size-large); --sl-input-label-color: inherit; --sl-input-help-text-font-size-small: var(--sl-font-size-x-small); @@ -943,6 +943,10 @@ sl-button[type="primary"]::part(base):hover{ color: var(--sqm-primary-button-color-hover); } +.form-control--has-label .form-control--medium .form-control__label { + font-weight: 800; +} + *::part(primarybutton-base):focus, sl-button[type="primary"]::part(base):focus { @@ -966,12 +970,18 @@ sl-button[type="secondary"]::part(base):hover { } *::part(input-label), *::part(select-label), *::part(textarea-label){ + border: 1px solid red; font-family: var(--sqm-primary-font); font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small)); font-weight: var(--sl-font-weight-bold); color: var(--sqm-input-label-color, var(--sqm-text), black); } +sl-input::part(label) { + font-weight: 800; + font-size: var(--sl-input-font-size-small); +} + *::part(input-base), *::part(select-base), *::part(textarea-base){ font-family: var(--sqm-primary-font); background-color: var(--sqm-input-background, #fff); From ae7720929308aba300e4bdf9f28041494c9adfa7 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 17:18:03 +0000 Subject: [PATCH 04/12] publish: @saasquatch/mint-components v2.2.1-2 This commit was generated by GitHub Actions CI --- packages/mint-components/package-lock.json | 4 ++-- packages/mint-components/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json index cb2f306357..324267c6e2 100644 --- a/packages/mint-components/package-lock.json +++ b/packages/mint-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/mint-components", - "version": "2.2.1-1", + "version": "2.2.1-2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/mint-components", - "version": "2.2.1-1", + "version": "2.2.1-2", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 5ee7f07919..2d1110b76a 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-1", + "version": "2.2.1-2", "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", From 19d5f9399f246d7149df95d3834b6aacc1bf3d59 Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 10:23:31 -0700 Subject: [PATCH 05/12] Correct font-weight --- packages/mint-components/src/global/styles.ts | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/packages/mint-components/src/global/styles.ts b/packages/mint-components/src/global/styles.ts index ac5ac2fb33..20b50616f5 100644 --- a/packages/mint-components/src/global/styles.ts +++ b/packages/mint-components/src/global/styles.ts @@ -943,11 +943,6 @@ sl-button[type="primary"]::part(base):hover{ color: var(--sqm-primary-button-color-hover); } -.form-control--has-label .form-control--medium .form-control__label { - font-weight: 800; -} - - *::part(primarybutton-base):focus, sl-button[type="primary"]::part(base):focus { box-shadow: none; @@ -970,7 +965,6 @@ sl-button[type="secondary"]::part(base):hover { } *::part(input-label), *::part(select-label), *::part(textarea-label){ - border: 1px solid red; font-family: var(--sqm-primary-font); font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small)); font-weight: var(--sl-font-weight-bold); @@ -978,7 +972,7 @@ sl-button[type="secondary"]::part(base):hover { } sl-input::part(label) { - font-weight: 800; + font-weight: var(--sl-font-weight-bold); font-size: var(--sl-input-font-size-small); } From fb669c355f6786981fe9ae4fd74d09fb434ecfd3 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 17:26:00 +0000 Subject: [PATCH 06/12] publish: @saasquatch/mint-components v2.2.1-3 This commit was generated by GitHub Actions CI --- packages/mint-components/package-lock.json | 4 ++-- packages/mint-components/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json index 324267c6e2..8bc2ec9d61 100644 --- a/packages/mint-components/package-lock.json +++ b/packages/mint-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/mint-components", - "version": "2.2.1-2", + "version": "2.2.1-3", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/mint-components", - "version": "2.2.1-2", + "version": "2.2.1-3", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 2d1110b76a..0c0c779441 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-2", + "version": "2.2.1-3", "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", From dbbdeb0ae62850b965f4ffcf106371edc96212e5 Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 10:36:09 -0700 Subject: [PATCH 07/12] adjust bold for selects and other inputs --- .../components/sqm-dropdown-field/sqm-dropdown-field-view.tsx | 2 +- .../components/sqm-lead-form/sqm-lead-dropdown-field-view.tsx | 2 +- .../sqm-email-verification/sqm-email-verification-view.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/src/components/sqm-dropdown-field/sqm-dropdown-field-view.tsx b/packages/mint-components/src/components/sqm-dropdown-field/sqm-dropdown-field-view.tsx index b48d6dd025..1fba5d345e 100644 --- a/packages/mint-components/src/components/sqm-dropdown-field/sqm-dropdown-field-view.tsx +++ b/packages/mint-components/src/components/sqm-dropdown-field/sqm-dropdown-field-view.tsx @@ -42,7 +42,7 @@ const vanillaStyle = ` } sl-select::part(label){ font-size: var(--sl-input-label-font-size-small); - font-weight: var(--sl-font-weight-semibold); + font-weight: var(--sl-font-weight-bold); } `; diff --git a/packages/mint-components/src/components/sqm-lead-form/sqm-lead-dropdown-field-view.tsx b/packages/mint-components/src/components/sqm-lead-form/sqm-lead-dropdown-field-view.tsx index 7d32105ed0..b55ed1aca4 100644 --- a/packages/mint-components/src/components/sqm-lead-form/sqm-lead-dropdown-field-view.tsx +++ b/packages/mint-components/src/components/sqm-lead-form/sqm-lead-dropdown-field-view.tsx @@ -48,7 +48,7 @@ const vanillaStyle = ` } sl-select::part(label){ font-size: var(--sl-input-label-font-size-small); - font-weight: var(--sl-font-weight-semibold); + font-weight: var(--sl-font-weight-bold); } sl-select::part(menu){ max-height: 300px; diff --git a/packages/mint-components/src/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.tsx b/packages/mint-components/src/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.tsx index ce8d1b7735..72dcb53c6d 100644 --- a/packages/mint-components/src/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.tsx +++ b/packages/mint-components/src/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.tsx @@ -124,7 +124,7 @@ sl-button[type="secondary"]::part(base):hover { *::part(input-label), *::part(select-label), *::part(textarea-label){ font-family: var(--sqm-primary-font); font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small)); - font-weight: var(--sl-font-weight-semibold); + font-weight: var(--sl-font-weight-bold); color: var(--sqm-input-label-color, var(--sqm-text), black); } From 6bb1dfbcf1ac9701509d4e2e8b1755ac9939a007 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 17:41:09 +0000 Subject: [PATCH 08/12] publish: @saasquatch/mint-components v2.2.1-4 This commit was generated by GitHub Actions CI --- packages/mint-components/package-lock.json | 4 ++-- packages/mint-components/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json index 8bc2ec9d61..b41b615309 100644 --- a/packages/mint-components/package-lock.json +++ b/packages/mint-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/mint-components", - "version": "2.2.1-3", + "version": "2.2.1-4", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/mint-components", - "version": "2.2.1-3", + "version": "2.2.1-4", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 0c0c779441..e657312b8c 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-3", + "version": "2.2.1-4", "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", From 8b2d9ea197ca84836edc56f38e4f910add0ce089 Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 11:25:55 -0700 Subject: [PATCH 09/12] Add changeset and remove pre-release ver. in package.json --- .../.changeset/cozy-boxes-jog.md | 5 + packages/mint-components/package.json | 2 +- packages/mint-components/src/components.d.ts | 218 ++++++++++++++++++ 3 files changed, 224 insertions(+), 1 deletion(-) create mode 100644 packages/mint-components/.changeset/cozy-boxes-jog.md diff --git a/packages/mint-components/.changeset/cozy-boxes-jog.md b/packages/mint-components/.changeset/cozy-boxes-jog.md new file mode 100644 index 0000000000..7ee779e670 --- /dev/null +++ b/packages/mint-components/.changeset/cozy-boxes-jog.md @@ -0,0 +1,5 @@ +--- +"@saasquatch/mint-components": patch +--- + +Update styles.ts with sl-input::part(label) font overrides. Update bold style tokens in sqm-dropdown-field, sqm-name-fields, sqm-email-verification, and sqm-lead-dropdown-field. diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index e657312b8c..4aa03ef7cc 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-4", + "version": "2.2.0", "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", diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts index 549fafb9c2..5671ca61af 100644 --- a/packages/mint-components/src/components.d.ts +++ b/packages/mint-components/src/components.d.ts @@ -34,6 +34,7 @@ import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-na import { NavigationSidebarViewProps } from "./components/sqm-navigation-sidebar/sqm-navigation-sidebar-view"; import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view"; import { UsePagination } from "./components/sqm-pagination/usePagination"; +import { PartnerInfoModalResult } from "./components/sqm-partner-info-modal/usePartnerInfoModal"; import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/usePasswordField"; import { PayoutButtonScrollViewProps } from "./components/sqm-payout-button-scroll/sqm-payout-button-scroll-view"; import { PayoutStatusAlertViewProps } from "./components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view"; @@ -2192,6 +2193,110 @@ export namespace Components { */ "paginationText": string; } + interface SqmPartnerInfoModal { + /** + * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}. + * @uiName Terms and conditions checkbox + */ + "allowBankingCollection": string; + /** + * @uiName Confirm button label + */ + "confirmButtonLabel": string; + /** + * @uiName Country label + */ + "countryLabel": string; + /** + * @uiName Currency label + */ + "currencyLabel": string; + /** + * @undocumented + * @uiType object + */ + "demoData"?: DemoData; + /** + * Description for existing partner confirmation + * @uiName Existing partner description + * @uiWidget textArea + */ + "descriptionExistingPartner": string; + /** + * Description for new partner setup + * @uiName New partner description + * @uiWidget textArea + */ + "descriptionNewPartner": string; + /** + * Used to render in another modal. + * @undocumented + */ + "inModal": boolean; + /** + * @uiName Missing fields error text + * @uiWidget textArea + */ + "missingFieldsErrorText": string; + /** + * Header text when user has no existing partner + * @uiName New partner header + * @uiWidget textArea + */ + "modalHeader": string; + /** + * Header text when user has an existing partner + * @uiName Existing partner header + * @uiWidget textArea + */ + "modalHeaderExistingPartner": string; + /** + * @uiName Network error text + * @uiWidget textArea + */ + "networkErrorText": string; + /** + * @uiName Search country placeholder + */ + "searchCountryPlaceholder": string; + /** + * @uiName Search currency placeholder + */ + "searchCurrencyPlaceholder": string; + /** + * @undocumented + * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } } + * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } } + * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } } + */ + "stateController": string; + /** + * @uiName Submit button label + */ + "submitButtonLabel": string; + /** + * Support description for existing partner confirmation + * @uiName Existing partner support description + * @uiWidget textArea + */ + "supportDescriptionExistingPartner": string; + /** + * Support description for existing partner confirmation + * @uiName Existing partner support description + */ + "supportLink": string; + /** + * The link text that appears in the terms and conditions checkbox + * @uiName Terms and conditions text + * @uiWidget textArea + */ + "termsAndConditionsLabel": string; + /** + * The link that appears in the terms and conditions checkbox + * @uiName Terms and conditions link + */ + "termsAndConditionsLink": string; + } interface SqmPasswordField { /** * @undocumented @@ -7591,6 +7696,12 @@ declare global { prototype: HTMLSqmPaginationElement; new (): HTMLSqmPaginationElement; }; + interface HTMLSqmPartnerInfoModalElement extends Components.SqmPartnerInfoModal, HTMLStencilElement { + } + var HTMLSqmPartnerInfoModalElement: { + prototype: HTMLSqmPartnerInfoModalElement; + new (): HTMLSqmPartnerInfoModalElement; + }; interface HTMLSqmPasswordFieldElement extends Components.SqmPasswordField, HTMLStencilElement { } var HTMLSqmPasswordFieldElement: { @@ -8121,6 +8232,7 @@ declare global { "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement; "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement; "sqm-pagination": HTMLSqmPaginationElement; + "sqm-partner-info-modal": HTMLSqmPartnerInfoModalElement; "sqm-password-field": HTMLSqmPasswordFieldElement; "sqm-payout-button-scroll": HTMLSqmPayoutButtonScrollElement; "sqm-payout-details-card": HTMLSqmPayoutDetailsCardElement; @@ -10328,6 +10440,110 @@ declare namespace LocalJSX { */ "paginationText"?: string; } + interface SqmPartnerInfoModal { + /** + * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}. + * @uiName Terms and conditions checkbox + */ + "allowBankingCollection"?: string; + /** + * @uiName Confirm button label + */ + "confirmButtonLabel"?: string; + /** + * @uiName Country label + */ + "countryLabel"?: string; + /** + * @uiName Currency label + */ + "currencyLabel"?: string; + /** + * @undocumented + * @uiType object + */ + "demoData"?: DemoData; + /** + * Description for existing partner confirmation + * @uiName Existing partner description + * @uiWidget textArea + */ + "descriptionExistingPartner"?: string; + /** + * Description for new partner setup + * @uiName New partner description + * @uiWidget textArea + */ + "descriptionNewPartner"?: string; + /** + * Used to render in another modal. + * @undocumented + */ + "inModal"?: boolean; + /** + * @uiName Missing fields error text + * @uiWidget textArea + */ + "missingFieldsErrorText"?: string; + /** + * Header text when user has no existing partner + * @uiName New partner header + * @uiWidget textArea + */ + "modalHeader"?: string; + /** + * Header text when user has an existing partner + * @uiName Existing partner header + * @uiWidget textArea + */ + "modalHeaderExistingPartner"?: string; + /** + * @uiName Network error text + * @uiWidget textArea + */ + "networkErrorText"?: string; + /** + * @uiName Search country placeholder + */ + "searchCountryPlaceholder"?: string; + /** + * @uiName Search currency placeholder + */ + "searchCurrencyPlaceholder"?: string; + /** + * @undocumented + * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } } + * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } } + * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } } + */ + "stateController"?: string; + /** + * @uiName Submit button label + */ + "submitButtonLabel"?: string; + /** + * Support description for existing partner confirmation + * @uiName Existing partner support description + * @uiWidget textArea + */ + "supportDescriptionExistingPartner"?: string; + /** + * Support description for existing partner confirmation + * @uiName Existing partner support description + */ + "supportLink"?: string; + /** + * The link text that appears in the terms and conditions checkbox + * @uiName Terms and conditions text + * @uiWidget textArea + */ + "termsAndConditionsLabel"?: string; + /** + * The link that appears in the terms and conditions checkbox + * @uiName Terms and conditions link + */ + "termsAndConditionsLink"?: string; + } interface SqmPasswordField { /** * @undocumented @@ -15456,6 +15672,7 @@ declare namespace LocalJSX { "sqm-navigation-sidebar": SqmNavigationSidebar; "sqm-navigation-sidebar-item": SqmNavigationSidebarItem; "sqm-pagination": SqmPagination; + "sqm-partner-info-modal": SqmPartnerInfoModal; "sqm-password-field": SqmPasswordField; "sqm-payout-button-scroll": SqmPayoutButtonScroll; "sqm-payout-details-card": SqmPayoutDetailsCard; @@ -15591,6 +15808,7 @@ declare module "@stencil/core" { "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes; "sqm-navigation-sidebar-item": LocalJSX.SqmNavigationSidebarItem & JSXBase.HTMLAttributes; "sqm-pagination": LocalJSX.SqmPagination & JSXBase.HTMLAttributes; + "sqm-partner-info-modal": LocalJSX.SqmPartnerInfoModal & JSXBase.HTMLAttributes; "sqm-password-field": LocalJSX.SqmPasswordField & JSXBase.HTMLAttributes; "sqm-payout-button-scroll": LocalJSX.SqmPayoutButtonScroll & JSXBase.HTMLAttributes; "sqm-payout-details-card": LocalJSX.SqmPayoutDetailsCard & JSXBase.HTMLAttributes; From 5479fed98c598eba11bd5056c5c91653ed0654ca Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 14:32:18 -0700 Subject: [PATCH 10/12] update css tokens and components.d.ts file --- packages/mint-components/src/components.d.ts | 218 ------------------ packages/mint-components/src/global/styles.ts | 4 +- 2 files changed, 2 insertions(+), 220 deletions(-) diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts index 5671ca61af..549fafb9c2 100644 --- a/packages/mint-components/src/components.d.ts +++ b/packages/mint-components/src/components.d.ts @@ -34,7 +34,6 @@ import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-na import { NavigationSidebarViewProps } from "./components/sqm-navigation-sidebar/sqm-navigation-sidebar-view"; import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view"; import { UsePagination } from "./components/sqm-pagination/usePagination"; -import { PartnerInfoModalResult } from "./components/sqm-partner-info-modal/usePartnerInfoModal"; import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/usePasswordField"; import { PayoutButtonScrollViewProps } from "./components/sqm-payout-button-scroll/sqm-payout-button-scroll-view"; import { PayoutStatusAlertViewProps } from "./components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view"; @@ -2193,110 +2192,6 @@ export namespace Components { */ "paginationText": string; } - interface SqmPartnerInfoModal { - /** - * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}. - * @uiName Terms and conditions checkbox - */ - "allowBankingCollection": string; - /** - * @uiName Confirm button label - */ - "confirmButtonLabel": string; - /** - * @uiName Country label - */ - "countryLabel": string; - /** - * @uiName Currency label - */ - "currencyLabel": string; - /** - * @undocumented - * @uiType object - */ - "demoData"?: DemoData; - /** - * Description for existing partner confirmation - * @uiName Existing partner description - * @uiWidget textArea - */ - "descriptionExistingPartner": string; - /** - * Description for new partner setup - * @uiName New partner description - * @uiWidget textArea - */ - "descriptionNewPartner": string; - /** - * Used to render in another modal. - * @undocumented - */ - "inModal": boolean; - /** - * @uiName Missing fields error text - * @uiWidget textArea - */ - "missingFieldsErrorText": string; - /** - * Header text when user has no existing partner - * @uiName New partner header - * @uiWidget textArea - */ - "modalHeader": string; - /** - * Header text when user has an existing partner - * @uiName Existing partner header - * @uiWidget textArea - */ - "modalHeaderExistingPartner": string; - /** - * @uiName Network error text - * @uiWidget textArea - */ - "networkErrorText": string; - /** - * @uiName Search country placeholder - */ - "searchCountryPlaceholder": string; - /** - * @uiName Search currency placeholder - */ - "searchCurrencyPlaceholder": string; - /** - * @undocumented - * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } } - * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } } - * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } } - */ - "stateController": string; - /** - * @uiName Submit button label - */ - "submitButtonLabel": string; - /** - * Support description for existing partner confirmation - * @uiName Existing partner support description - * @uiWidget textArea - */ - "supportDescriptionExistingPartner": string; - /** - * Support description for existing partner confirmation - * @uiName Existing partner support description - */ - "supportLink": string; - /** - * The link text that appears in the terms and conditions checkbox - * @uiName Terms and conditions text - * @uiWidget textArea - */ - "termsAndConditionsLabel": string; - /** - * The link that appears in the terms and conditions checkbox - * @uiName Terms and conditions link - */ - "termsAndConditionsLink": string; - } interface SqmPasswordField { /** * @undocumented @@ -7696,12 +7591,6 @@ declare global { prototype: HTMLSqmPaginationElement; new (): HTMLSqmPaginationElement; }; - interface HTMLSqmPartnerInfoModalElement extends Components.SqmPartnerInfoModal, HTMLStencilElement { - } - var HTMLSqmPartnerInfoModalElement: { - prototype: HTMLSqmPartnerInfoModalElement; - new (): HTMLSqmPartnerInfoModalElement; - }; interface HTMLSqmPasswordFieldElement extends Components.SqmPasswordField, HTMLStencilElement { } var HTMLSqmPasswordFieldElement: { @@ -8232,7 +8121,6 @@ declare global { "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement; "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement; "sqm-pagination": HTMLSqmPaginationElement; - "sqm-partner-info-modal": HTMLSqmPartnerInfoModalElement; "sqm-password-field": HTMLSqmPasswordFieldElement; "sqm-payout-button-scroll": HTMLSqmPayoutButtonScrollElement; "sqm-payout-details-card": HTMLSqmPayoutDetailsCardElement; @@ -10440,110 +10328,6 @@ declare namespace LocalJSX { */ "paginationText"?: string; } - interface SqmPartnerInfoModal { - /** - * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}. - * @uiName Terms and conditions checkbox - */ - "allowBankingCollection"?: string; - /** - * @uiName Confirm button label - */ - "confirmButtonLabel"?: string; - /** - * @uiName Country label - */ - "countryLabel"?: string; - /** - * @uiName Currency label - */ - "currencyLabel"?: string; - /** - * @undocumented - * @uiType object - */ - "demoData"?: DemoData; - /** - * Description for existing partner confirmation - * @uiName Existing partner description - * @uiWidget textArea - */ - "descriptionExistingPartner"?: string; - /** - * Description for new partner setup - * @uiName New partner description - * @uiWidget textArea - */ - "descriptionNewPartner"?: string; - /** - * Used to render in another modal. - * @undocumented - */ - "inModal"?: boolean; - /** - * @uiName Missing fields error text - * @uiWidget textArea - */ - "missingFieldsErrorText"?: string; - /** - * Header text when user has no existing partner - * @uiName New partner header - * @uiWidget textArea - */ - "modalHeader"?: string; - /** - * Header text when user has an existing partner - * @uiName Existing partner header - * @uiWidget textArea - */ - "modalHeaderExistingPartner"?: string; - /** - * @uiName Network error text - * @uiWidget textArea - */ - "networkErrorText"?: string; - /** - * @uiName Search country placeholder - */ - "searchCountryPlaceholder"?: string; - /** - * @uiName Search currency placeholder - */ - "searchCurrencyPlaceholder"?: string; - /** - * @undocumented - * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } } - * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } } - * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } } - */ - "stateController"?: string; - /** - * @uiName Submit button label - */ - "submitButtonLabel"?: string; - /** - * Support description for existing partner confirmation - * @uiName Existing partner support description - * @uiWidget textArea - */ - "supportDescriptionExistingPartner"?: string; - /** - * Support description for existing partner confirmation - * @uiName Existing partner support description - */ - "supportLink"?: string; - /** - * The link text that appears in the terms and conditions checkbox - * @uiName Terms and conditions text - * @uiWidget textArea - */ - "termsAndConditionsLabel"?: string; - /** - * The link that appears in the terms and conditions checkbox - * @uiName Terms and conditions link - */ - "termsAndConditionsLink"?: string; - } interface SqmPasswordField { /** * @undocumented @@ -15672,7 +15456,6 @@ declare namespace LocalJSX { "sqm-navigation-sidebar": SqmNavigationSidebar; "sqm-navigation-sidebar-item": SqmNavigationSidebarItem; "sqm-pagination": SqmPagination; - "sqm-partner-info-modal": SqmPartnerInfoModal; "sqm-password-field": SqmPasswordField; "sqm-payout-button-scroll": SqmPayoutButtonScroll; "sqm-payout-details-card": SqmPayoutDetailsCard; @@ -15808,7 +15591,6 @@ declare module "@stencil/core" { "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes; "sqm-navigation-sidebar-item": LocalJSX.SqmNavigationSidebarItem & JSXBase.HTMLAttributes; "sqm-pagination": LocalJSX.SqmPagination & JSXBase.HTMLAttributes; - "sqm-partner-info-modal": LocalJSX.SqmPartnerInfoModal & JSXBase.HTMLAttributes; "sqm-password-field": LocalJSX.SqmPasswordField & JSXBase.HTMLAttributes; "sqm-payout-button-scroll": LocalJSX.SqmPayoutButtonScroll & JSXBase.HTMLAttributes; "sqm-payout-details-card": LocalJSX.SqmPayoutDetailsCard & JSXBase.HTMLAttributes; diff --git a/packages/mint-components/src/global/styles.ts b/packages/mint-components/src/global/styles.ts index 20b50616f5..21108df9f0 100644 --- a/packages/mint-components/src/global/styles.ts +++ b/packages/mint-components/src/global/styles.ts @@ -543,7 +543,7 @@ html { --sl-input-spacing-medium: var(--sl-spacing-medium); --sl-input-spacing-large: var(--sl-spacing-large); --sl-input-label-font-size-small: var(--sl-font-size-small); - --sl-input-label-font-size-medium: var(--sl-font-size-small); + --sl-input-label-font-size-medium: var(--sl-font-size-medium); --sl-input-label-font-size-large: var(--sl-font-size-large); --sl-input-label-color: inherit; --sl-input-help-text-font-size-small: var(--sl-font-size-x-small); @@ -745,7 +745,7 @@ html { config?.formFields?.hoverStateColor || "hsl(0, 0%, 91%)" }; - --sqm-input-label-font-size: var(--sl-input-font-size-small); + --sqm-input-label-font-size: var(--sl-input-label-font-size-small); --sqm-input-disabled-color: var(--sqm-text-subdued); --sqm-input-disabled-background: ${ config?.formFields?.disabledBackgroundColor || "#F4F4F5" From dcc4957fd487bafdb72a82f6a1f78679a63ad28f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 21:36:34 +0000 Subject: [PATCH 11/12] publish: @saasquatch/mint-components v2.2.1-0 This commit was generated by GitHub Actions CI --- packages/mint-components/package-lock.json | 4 ++-- packages/mint-components/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json index b41b615309..64116755b9 100644 --- a/packages/mint-components/package-lock.json +++ b/packages/mint-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/mint-components", - "version": "2.2.1-4", + "version": "2.2.1-0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/mint-components", - "version": "2.2.1-4", + "version": "2.2.1-0", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 4aa03ef7cc..17c1fc3504 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.0", + "version": "2.2.1-0", "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", From 4389dae6695f85327c1b6bc03eff0d1cdd00d8dc Mon Sep 17 00:00:00 2001 From: Andy Date: Wed, 5 Aug 2026 14:46:14 -0700 Subject: [PATCH 12/12] roll back pre-release version --- packages/mint-components/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 17c1fc3504..4aa03ef7cc 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "2.2.1-0", + "version": "2.2.0", "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",