@stripe/connect-js 3.3.51-preview-1 → 3.3.53-preview-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/connect.esm.js +10 -4
- package/dist/connect.js +10 -4
- package/dist/pure.esm.js +10 -4
- package/dist/pure.js +10 -4
- package/dist/src/shared.d.ts +1 -1
- package/dist/types/config.d.ts +6 -0
- package/package.json +1 -1
- package/src/shared.ts +5 -1
- package/types/config.ts +10 -0
- package/types/shared.d.ts +91 -1
package/dist/connect.esm.js
CHANGED
|
@@ -79,7 +79,8 @@ const ConnectElementCustomMethodConfig = {
|
|
|
79
79
|
setOnApplicationSubmitted: _listener => {},
|
|
80
80
|
setPrivacyPolicyUrl: _privacyPolicyUrl => {},
|
|
81
81
|
setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
|
|
82
|
-
setOnApplicationStepChange: _listener => {}
|
|
82
|
+
setOnApplicationStepChange: _listener => {},
|
|
83
|
+
setDefaultFinancingOffer: _defaultFinancingOffer => {}
|
|
83
84
|
},
|
|
84
85
|
"capital-financing-promotion": {
|
|
85
86
|
setLayout: _layout => {},
|
|
@@ -128,6 +129,9 @@ const ConnectElementCustomMethodConfig = {
|
|
|
128
129
|
},
|
|
129
130
|
"terminal-hardware-shop": {
|
|
130
131
|
setOnCheckoutFinished: _listener => {}
|
|
132
|
+
},
|
|
133
|
+
"payout-reconciliation-report": {
|
|
134
|
+
setOnReportAvailabilityLoaded: _listener => {}
|
|
131
135
|
}
|
|
132
136
|
};
|
|
133
137
|
|
|
@@ -168,7 +172,9 @@ const componentNameMapping = {
|
|
|
168
172
|
"agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
|
|
169
173
|
"terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
|
|
170
174
|
"terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
|
|
171
|
-
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report"
|
|
175
|
+
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
|
|
176
|
+
"balance-report": "stripe-connect-balance-report",
|
|
177
|
+
"payout-reconciliation-report": "stripe-connect-payout-reconciliation-report"
|
|
172
178
|
};
|
|
173
179
|
const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
|
|
174
180
|
const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
|
|
@@ -265,7 +271,7 @@ const initStripeConnect = (stripePromise, initParams) => {
|
|
|
265
271
|
element[method] = function (value) {
|
|
266
272
|
stripeConnectInstance.then(() => {
|
|
267
273
|
if (!this[`${method}InternalOnly`]) {
|
|
268
|
-
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.
|
|
274
|
+
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.52-preview-1`);
|
|
269
275
|
}
|
|
270
276
|
this[`${method}InternalOnly`](value);
|
|
271
277
|
});
|
|
@@ -319,7 +325,7 @@ const createWrapper = stripeConnect => {
|
|
|
319
325
|
sdk: true,
|
|
320
326
|
sdkOptions: {
|
|
321
327
|
// This will be replaced by the npm package version when bundling
|
|
322
|
-
sdkVersion: "3.3.
|
|
328
|
+
sdkVersion: "3.3.52-preview-1"
|
|
323
329
|
}
|
|
324
330
|
})
|
|
325
331
|
}));
|
package/dist/connect.js
CHANGED
|
@@ -83,7 +83,8 @@ const ConnectElementCustomMethodConfig = {
|
|
|
83
83
|
setOnApplicationSubmitted: _listener => {},
|
|
84
84
|
setPrivacyPolicyUrl: _privacyPolicyUrl => {},
|
|
85
85
|
setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
|
|
86
|
-
setOnApplicationStepChange: _listener => {}
|
|
86
|
+
setOnApplicationStepChange: _listener => {},
|
|
87
|
+
setDefaultFinancingOffer: _defaultFinancingOffer => {}
|
|
87
88
|
},
|
|
88
89
|
"capital-financing-promotion": {
|
|
89
90
|
setLayout: _layout => {},
|
|
@@ -132,6 +133,9 @@ const ConnectElementCustomMethodConfig = {
|
|
|
132
133
|
},
|
|
133
134
|
"terminal-hardware-shop": {
|
|
134
135
|
setOnCheckoutFinished: _listener => {}
|
|
136
|
+
},
|
|
137
|
+
"payout-reconciliation-report": {
|
|
138
|
+
setOnReportAvailabilityLoaded: _listener => {}
|
|
135
139
|
}
|
|
136
140
|
};
|
|
137
141
|
|
|
@@ -172,7 +176,9 @@ const componentNameMapping = {
|
|
|
172
176
|
"agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
|
|
173
177
|
"terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
|
|
174
178
|
"terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
|
|
175
|
-
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report"
|
|
179
|
+
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
|
|
180
|
+
"balance-report": "stripe-connect-balance-report",
|
|
181
|
+
"payout-reconciliation-report": "stripe-connect-payout-reconciliation-report"
|
|
176
182
|
};
|
|
177
183
|
const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
|
|
178
184
|
const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
|
|
@@ -269,7 +275,7 @@ const initStripeConnect = (stripePromise, initParams) => {
|
|
|
269
275
|
element[method] = function (value) {
|
|
270
276
|
stripeConnectInstance.then(() => {
|
|
271
277
|
if (!this[`${method}InternalOnly`]) {
|
|
272
|
-
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.
|
|
278
|
+
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.52-preview-1`);
|
|
273
279
|
}
|
|
274
280
|
this[`${method}InternalOnly`](value);
|
|
275
281
|
});
|
|
@@ -323,7 +329,7 @@ const createWrapper = stripeConnect => {
|
|
|
323
329
|
sdk: true,
|
|
324
330
|
sdkOptions: {
|
|
325
331
|
// This will be replaced by the npm package version when bundling
|
|
326
|
-
sdkVersion: "3.3.
|
|
332
|
+
sdkVersion: "3.3.52-preview-1"
|
|
327
333
|
}
|
|
328
334
|
})
|
|
329
335
|
}));
|
package/dist/pure.esm.js
CHANGED
|
@@ -79,7 +79,8 @@ const ConnectElementCustomMethodConfig = {
|
|
|
79
79
|
setOnApplicationSubmitted: _listener => {},
|
|
80
80
|
setPrivacyPolicyUrl: _privacyPolicyUrl => {},
|
|
81
81
|
setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
|
|
82
|
-
setOnApplicationStepChange: _listener => {}
|
|
82
|
+
setOnApplicationStepChange: _listener => {},
|
|
83
|
+
setDefaultFinancingOffer: _defaultFinancingOffer => {}
|
|
83
84
|
},
|
|
84
85
|
"capital-financing-promotion": {
|
|
85
86
|
setLayout: _layout => {},
|
|
@@ -128,6 +129,9 @@ const ConnectElementCustomMethodConfig = {
|
|
|
128
129
|
},
|
|
129
130
|
"terminal-hardware-shop": {
|
|
130
131
|
setOnCheckoutFinished: _listener => {}
|
|
132
|
+
},
|
|
133
|
+
"payout-reconciliation-report": {
|
|
134
|
+
setOnReportAvailabilityLoaded: _listener => {}
|
|
131
135
|
}
|
|
132
136
|
};
|
|
133
137
|
|
|
@@ -168,7 +172,9 @@ const componentNameMapping = {
|
|
|
168
172
|
"agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
|
|
169
173
|
"terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
|
|
170
174
|
"terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
|
|
171
|
-
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report"
|
|
175
|
+
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
|
|
176
|
+
"balance-report": "stripe-connect-balance-report",
|
|
177
|
+
"payout-reconciliation-report": "stripe-connect-payout-reconciliation-report"
|
|
172
178
|
};
|
|
173
179
|
const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
|
|
174
180
|
const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
|
|
@@ -265,7 +271,7 @@ const initStripeConnect = (stripePromise, initParams) => {
|
|
|
265
271
|
element[method] = function (value) {
|
|
266
272
|
stripeConnectInstance.then(() => {
|
|
267
273
|
if (!this[`${method}InternalOnly`]) {
|
|
268
|
-
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.
|
|
274
|
+
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.52-preview-1`);
|
|
269
275
|
}
|
|
270
276
|
this[`${method}InternalOnly`](value);
|
|
271
277
|
});
|
|
@@ -319,7 +325,7 @@ const createWrapper = stripeConnect => {
|
|
|
319
325
|
sdk: true,
|
|
320
326
|
sdkOptions: {
|
|
321
327
|
// This will be replaced by the npm package version when bundling
|
|
322
|
-
sdkVersion: "3.3.
|
|
328
|
+
sdkVersion: "3.3.52-preview-1"
|
|
323
329
|
}
|
|
324
330
|
})
|
|
325
331
|
}));
|
package/dist/pure.js
CHANGED
|
@@ -83,7 +83,8 @@ const ConnectElementCustomMethodConfig = {
|
|
|
83
83
|
setOnApplicationSubmitted: _listener => {},
|
|
84
84
|
setPrivacyPolicyUrl: _privacyPolicyUrl => {},
|
|
85
85
|
setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
|
|
86
|
-
setOnApplicationStepChange: _listener => {}
|
|
86
|
+
setOnApplicationStepChange: _listener => {},
|
|
87
|
+
setDefaultFinancingOffer: _defaultFinancingOffer => {}
|
|
87
88
|
},
|
|
88
89
|
"capital-financing-promotion": {
|
|
89
90
|
setLayout: _layout => {},
|
|
@@ -132,6 +133,9 @@ const ConnectElementCustomMethodConfig = {
|
|
|
132
133
|
},
|
|
133
134
|
"terminal-hardware-shop": {
|
|
134
135
|
setOnCheckoutFinished: _listener => {}
|
|
136
|
+
},
|
|
137
|
+
"payout-reconciliation-report": {
|
|
138
|
+
setOnReportAvailabilityLoaded: _listener => {}
|
|
135
139
|
}
|
|
136
140
|
};
|
|
137
141
|
|
|
@@ -172,7 +176,9 @@ const componentNameMapping = {
|
|
|
172
176
|
"agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
|
|
173
177
|
"terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
|
|
174
178
|
"terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
|
|
175
|
-
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report"
|
|
179
|
+
"network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
|
|
180
|
+
"balance-report": "stripe-connect-balance-report",
|
|
181
|
+
"payout-reconciliation-report": "stripe-connect-payout-reconciliation-report"
|
|
176
182
|
};
|
|
177
183
|
const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
|
|
178
184
|
const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
|
|
@@ -269,7 +275,7 @@ const initStripeConnect = (stripePromise, initParams) => {
|
|
|
269
275
|
element[method] = function (value) {
|
|
270
276
|
stripeConnectInstance.then(() => {
|
|
271
277
|
if (!this[`${method}InternalOnly`]) {
|
|
272
|
-
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.
|
|
278
|
+
throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.52-preview-1`);
|
|
273
279
|
}
|
|
274
280
|
this[`${method}InternalOnly`](value);
|
|
275
281
|
});
|
|
@@ -323,7 +329,7 @@ const createWrapper = stripeConnect => {
|
|
|
323
329
|
sdk: true,
|
|
324
330
|
sdkOptions: {
|
|
325
331
|
// This will be replaced by the npm package version when bundling
|
|
326
|
-
sdkVersion: "3.3.
|
|
332
|
+
sdkVersion: "3.3.52-preview-1"
|
|
327
333
|
}
|
|
328
334
|
})
|
|
329
335
|
}));
|
package/dist/src/shared.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IStripeConnectInitParams, StripeConnectInstance, ConnectElementTagName } from "../types";
|
|
2
2
|
export type LoadConnectAndInitialize = (initParams: IStripeConnectInitParams) => StripeConnectInstance;
|
|
3
|
-
export type ConnectElementHTMLName = "stripe-connect-payments" | "stripe-connect-payouts" | "stripe-connect-payment-details" | "stripe-connect-payment-disputes" | "stripe-connect-disputes-list" | "stripe-connect-account-onboarding" | "stripe-connect-payment-method-settings" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-instant-payouts" | "stripe-connect-instant-payouts-promotion" | "stripe-connect-issuing-card" | "stripe-connect-issuing-cards-list" | "stripe-connect-financial-account" | "stripe-connect-financial-account-transactions" | "stripe-connect-recipients" | "stripe-connect-capital-financing" | "stripe-connect-capital-financing-application" | "stripe-connect-capital-financing-promotion" | "stripe-connect-capital-overview" | "stripe-connect-documents" | "stripe-connect-product-tax-code-selector" | "stripe-connect-export-tax-transactions" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings" | "stripe-connect-tax-threshold-monitoring" | "stripe-connect-balances" | "stripe-connect-payouts-list" | "stripe-connect-payout-details" | "stripe-connect-app-install" | "stripe-connect-app-viewport" | "stripe-connect-reporting-chart" | "stripe-connect-check-scanning" | "stripe-connect-agentic-commerce-settings" | "stripe-connect-terminal-hardware-orders" | "stripe-connect-terminal-hardware-shop" | "stripe-connect-network-cost-passthrough-report";
|
|
3
|
+
export type ConnectElementHTMLName = "stripe-connect-payments" | "stripe-connect-payouts" | "stripe-connect-payment-details" | "stripe-connect-payment-disputes" | "stripe-connect-disputes-list" | "stripe-connect-account-onboarding" | "stripe-connect-payment-method-settings" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-instant-payouts" | "stripe-connect-instant-payouts-promotion" | "stripe-connect-issuing-card" | "stripe-connect-issuing-cards-list" | "stripe-connect-financial-account" | "stripe-connect-financial-account-transactions" | "stripe-connect-recipients" | "stripe-connect-capital-financing" | "stripe-connect-capital-financing-application" | "stripe-connect-capital-financing-promotion" | "stripe-connect-capital-overview" | "stripe-connect-documents" | "stripe-connect-product-tax-code-selector" | "stripe-connect-export-tax-transactions" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings" | "stripe-connect-tax-threshold-monitoring" | "stripe-connect-balances" | "stripe-connect-payouts-list" | "stripe-connect-payout-details" | "stripe-connect-app-install" | "stripe-connect-app-viewport" | "stripe-connect-reporting-chart" | "stripe-connect-check-scanning" | "stripe-connect-agentic-commerce-settings" | "stripe-connect-terminal-hardware-orders" | "stripe-connect-terminal-hardware-shop" | "stripe-connect-network-cost-passthrough-report" | "stripe-connect-balance-report" | "stripe-connect-payout-reconciliation-report";
|
|
4
4
|
export declare const componentNameMapping: Record<ConnectElementTagName, ConnectElementHTMLName>;
|
|
5
5
|
type StripeConnectInstanceExtended = StripeConnectInstance & {
|
|
6
6
|
debugInstance: () => Promise<StripeConnectInstance>;
|
package/dist/types/config.d.ts
CHANGED
|
@@ -190,6 +190,7 @@ export declare const ConnectElementCustomMethodConfig: {
|
|
|
190
190
|
setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
|
|
191
191
|
setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
|
|
192
192
|
setOnApplicationStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
|
|
193
|
+
setDefaultFinancingOffer: (_defaultFinancingOffer: string | undefined) => void;
|
|
193
194
|
};
|
|
194
195
|
"capital-financing-promotion": {
|
|
195
196
|
setLayout: (_layout: FinancingPromotionLayoutType | undefined) => void;
|
|
@@ -251,4 +252,9 @@ export declare const ConnectElementCustomMethodConfig: {
|
|
|
251
252
|
"terminal-hardware-shop": {
|
|
252
253
|
setOnCheckoutFinished: (_listener: (() => void) | undefined) => void;
|
|
253
254
|
};
|
|
255
|
+
"payout-reconciliation-report": {
|
|
256
|
+
setOnReportAvailabilityLoaded: (_listener: (({ isReportAvailable }: {
|
|
257
|
+
isReportAvailable: boolean;
|
|
258
|
+
}) => void) | undefined) => void;
|
|
259
|
+
};
|
|
254
260
|
};
|
package/package.json
CHANGED
package/src/shared.ts
CHANGED
|
@@ -50,7 +50,9 @@ export type ConnectElementHTMLName =
|
|
|
50
50
|
| "stripe-connect-agentic-commerce-settings"
|
|
51
51
|
| "stripe-connect-terminal-hardware-orders"
|
|
52
52
|
| "stripe-connect-terminal-hardware-shop"
|
|
53
|
-
| "stripe-connect-network-cost-passthrough-report"
|
|
53
|
+
| "stripe-connect-network-cost-passthrough-report"
|
|
54
|
+
| "stripe-connect-balance-report"
|
|
55
|
+
| "stripe-connect-payout-reconciliation-report";
|
|
54
56
|
|
|
55
57
|
export const componentNameMapping: Record<
|
|
56
58
|
ConnectElementTagName,
|
|
@@ -96,6 +98,8 @@ export const componentNameMapping: Record<
|
|
|
96
98
|
"terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
|
|
97
99
|
"network-cost-passthrough-report":
|
|
98
100
|
"stripe-connect-network-cost-passthrough-report",
|
|
101
|
+
"balance-report": "stripe-connect-balance-report",
|
|
102
|
+
"payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
|
|
99
103
|
};
|
|
100
104
|
|
|
101
105
|
type StripeConnectInstanceExtended = StripeConnectInstance & {
|
package/types/config.ts
CHANGED
|
@@ -344,6 +344,9 @@ export const ConnectElementCustomMethodConfig = {
|
|
|
344
344
|
setOnApplicationStepChange: (
|
|
345
345
|
_listener: (({ step }: StepChange) => void) | undefined
|
|
346
346
|
): void => {},
|
|
347
|
+
setDefaultFinancingOffer: (
|
|
348
|
+
_defaultFinancingOffer: string | undefined
|
|
349
|
+
): void => {},
|
|
347
350
|
},
|
|
348
351
|
"capital-financing-promotion": {
|
|
349
352
|
setLayout: (_layout: FinancingPromotionLayoutType | undefined): void => {},
|
|
@@ -433,4 +436,11 @@ export const ConnectElementCustomMethodConfig = {
|
|
|
433
436
|
"terminal-hardware-shop": {
|
|
434
437
|
setOnCheckoutFinished: (_listener: (() => void) | undefined): void => {},
|
|
435
438
|
},
|
|
439
|
+
"payout-reconciliation-report": {
|
|
440
|
+
setOnReportAvailabilityLoaded: (
|
|
441
|
+
_listener:
|
|
442
|
+
| (({ isReportAvailable }: { isReportAvailable: boolean }) => void)
|
|
443
|
+
| undefined
|
|
444
|
+
): void => {},
|
|
445
|
+
},
|
|
436
446
|
};
|
package/types/shared.d.ts
CHANGED
|
@@ -144,6 +144,44 @@ export declare type AppearanceVariables = {
|
|
|
144
144
|
*/
|
|
145
145
|
buttonSecondaryColorText?: string;
|
|
146
146
|
|
|
147
|
+
// Danger Button Colors
|
|
148
|
+
/**
|
|
149
|
+
* The color used as a background for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
|
|
150
|
+
*/
|
|
151
|
+
buttonDangerColorBackground?: string;
|
|
152
|
+
/**
|
|
153
|
+
* The color used as a border for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
|
|
154
|
+
*/
|
|
155
|
+
buttonDangerColorBorder?: string;
|
|
156
|
+
/**
|
|
157
|
+
* The text color used for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
|
|
158
|
+
*/
|
|
159
|
+
buttonDangerColorText?: string;
|
|
160
|
+
|
|
161
|
+
// Button Padding
|
|
162
|
+
/**
|
|
163
|
+
* The horizontal padding used for buttons. This supports pixel values only.
|
|
164
|
+
*/
|
|
165
|
+
buttonPaddingX?: string;
|
|
166
|
+
/**
|
|
167
|
+
* The vertical padding used for buttons. This supports pixel values only.
|
|
168
|
+
*/
|
|
169
|
+
buttonPaddingY?: string;
|
|
170
|
+
|
|
171
|
+
// Button Label Typography
|
|
172
|
+
/**
|
|
173
|
+
* The font size for button label typography. Button label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
|
|
174
|
+
*/
|
|
175
|
+
buttonLabelFontSize?: string;
|
|
176
|
+
/**
|
|
177
|
+
* The font weight for button label typography. Button label typography variables accept a valid font weight value.
|
|
178
|
+
*/
|
|
179
|
+
buttonLabelFontWeight?: string;
|
|
180
|
+
/**
|
|
181
|
+
* The text transform for button label typography. Button label typography variables accept a valid text transform value.
|
|
182
|
+
*/
|
|
183
|
+
buttonLabelTextTransform?: string;
|
|
184
|
+
|
|
147
185
|
/**
|
|
148
186
|
* The color used for secondary text. This accepts hex values or RGB/RGBA/HSL strings.
|
|
149
187
|
*/
|
|
@@ -168,6 +206,10 @@ export declare type AppearanceVariables = {
|
|
|
168
206
|
* The thickness of text decoration of primary actions and links. This accepts a valid text decoration thickness value.
|
|
169
207
|
*/
|
|
170
208
|
actionPrimaryTextDecorationThickness?: string;
|
|
209
|
+
/**
|
|
210
|
+
* The text transform for the primary actions and links. This accepts a valid text transform value.
|
|
211
|
+
*/
|
|
212
|
+
actionPrimaryTextTransform?: string;
|
|
171
213
|
/**
|
|
172
214
|
* The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
|
|
173
215
|
*/
|
|
@@ -188,6 +230,10 @@ export declare type AppearanceVariables = {
|
|
|
188
230
|
* The thickness of text decoration of secondary actions and links. This accepts a valid text decoration thickness value.
|
|
189
231
|
*/
|
|
190
232
|
actionSecondaryTextDecorationThickness?: string;
|
|
233
|
+
/**
|
|
234
|
+
* The text transform for the secondary actions and links. This accepts a valid text transform value.
|
|
235
|
+
*/
|
|
236
|
+
actionSecondaryTextTransform?: string;
|
|
191
237
|
|
|
192
238
|
// Neutral Badge Colors
|
|
193
239
|
/**
|
|
@@ -245,6 +291,30 @@ export declare type AppearanceVariables = {
|
|
|
245
291
|
*/
|
|
246
292
|
badgeDangerColorBorder?: string;
|
|
247
293
|
|
|
294
|
+
// Badge Padding
|
|
295
|
+
/**
|
|
296
|
+
* The horizontal padding used for badges. This supports pixel values only.
|
|
297
|
+
*/
|
|
298
|
+
badgePaddingX?: string;
|
|
299
|
+
/**
|
|
300
|
+
* The vertical padding used for badges. This supports pixel values only.
|
|
301
|
+
*/
|
|
302
|
+
badgePaddingY?: string;
|
|
303
|
+
|
|
304
|
+
// Badge Label Typography
|
|
305
|
+
/**
|
|
306
|
+
* The font size for badge label typography. Badge label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
|
|
307
|
+
*/
|
|
308
|
+
badgeLabelFontSize?: string;
|
|
309
|
+
/**
|
|
310
|
+
* The font weight for badge label typography. Badge label typography variables accept a valid font weight value.
|
|
311
|
+
*/
|
|
312
|
+
badgeLabelFontWeight?: string;
|
|
313
|
+
/**
|
|
314
|
+
* The text transform for badge label typography. Badge label typography variables accept a valid text transform value.
|
|
315
|
+
*/
|
|
316
|
+
badgeLabelTextTransform?: string;
|
|
317
|
+
|
|
248
318
|
// Background
|
|
249
319
|
/**
|
|
250
320
|
* The background color used when highlighting information, like the selected row on a table or particular piece of UI. This accepts hex values or RGB/HSL strings.
|
|
@@ -269,6 +339,24 @@ export declare type AppearanceVariables = {
|
|
|
269
339
|
* The color used for to fill in form items like checkboxes, radio buttons and switches. This accepts hex values or RGB/HSL strings.
|
|
270
340
|
*/
|
|
271
341
|
formAccentColor?: string;
|
|
342
|
+
/**
|
|
343
|
+
* The color used for placeholder text in form items. This accepts hex values or RGB/HSL strings.
|
|
344
|
+
*/
|
|
345
|
+
formPlaceholderTextColor?: string;
|
|
346
|
+
/**
|
|
347
|
+
* The horizontal padding used for input fields in forms. This supports pixel values only.
|
|
348
|
+
*/
|
|
349
|
+
inputFieldPaddingX?: string;
|
|
350
|
+
/**
|
|
351
|
+
* The vertical padding used for input fields in forms. This supports pixel values only.
|
|
352
|
+
*/
|
|
353
|
+
inputFieldPaddingY?: string;
|
|
354
|
+
|
|
355
|
+
// Table
|
|
356
|
+
/**
|
|
357
|
+
* The vertical padding used for table rows. This supports pixel values only.
|
|
358
|
+
*/
|
|
359
|
+
tableRowPaddingY?: string;
|
|
272
360
|
|
|
273
361
|
// Border Sizing
|
|
274
362
|
/**
|
|
@@ -592,4 +680,6 @@ export type ConnectElementTagName =
|
|
|
592
680
|
| "agentic-commerce-settings"
|
|
593
681
|
| "terminal-hardware-orders"
|
|
594
682
|
| "terminal-hardware-shop"
|
|
595
|
-
| "network-cost-passthrough-report"
|
|
683
|
+
| "network-cost-passthrough-report"
|
|
684
|
+
| "balance-report"
|
|
685
|
+
| "payout-reconciliation-report";
|