@intercartx/booster-core 0.0.1-beta.3 → 0.0.1-beta.30
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/README.md +379 -1
- package/dist/api/config/index.d.ts +2 -0
- package/dist/api/config/index.js +7 -0
- package/dist/api/index.d.ts +1 -0
- package/dist/api/index.js +1 -0
- package/dist/api/order/index.d.ts +1 -0
- package/dist/api/order/index.js +1 -0
- package/dist/api/order/quick.d.ts +12 -0
- package/dist/api/order/quick.js +4 -0
- package/dist/api/order/types.d.ts +4 -0
- package/dist/api/order/types.js +5 -0
- package/dist/api/types.d.ts +18 -14
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/models/business/CustomInfo.js +1 -1
- package/dist/models/business/ErrorTip.d.ts +9 -0
- package/dist/models/business/ErrorTip.js +27 -0
- package/dist/models/business/FullScreeenLoading.js +3 -0
- package/dist/models/business/OrderSummary.d.ts +4 -2
- package/dist/models/business/OrderSummary.js +67 -6
- package/dist/models/business/PaypalModal.d.ts +1 -0
- package/dist/models/business/PaypalModal.js +34 -3
- package/dist/models/business/address/Address.js +2 -0
- package/dist/models/business/address/AddressSuggestion.js +2 -2
- package/dist/models/business/address/MultiRegions.d.ts +1 -0
- package/dist/models/business/address/MultiRegions.js +5 -0
- package/dist/models/business/fees/ShippingMethods.js +2 -0
- package/dist/models/business/fees/Tips.d.ts +1 -0
- package/dist/models/business/fees/Tips.js +7 -1
- package/dist/models/business/index.d.ts +1 -0
- package/dist/models/business/index.js +1 -0
- package/dist/models/business/pay-button/ACHPaymentHandler.js +5 -4
- package/dist/models/business/pay-button/PPPaymentHandler.js +7 -2
- package/dist/models/business/pay-button/PayButton.d.ts +1 -0
- package/dist/models/business/pay-button/PayButton.js +55 -1
- package/dist/models/business/pay-button/cc-handler/DefaultCCPaymentHandler.d.ts +1 -0
- package/dist/models/business/pay-button/cc-handler/DefaultCCPaymentHandler.js +78 -4
- package/dist/models/business/pay-button/cc-handler/FxpCCPaymentHandler.js +3 -3
- package/dist/models/business/pay-button/cc-handler/StripeCCPaymentHandler.d.ts +2 -0
- package/dist/models/business/pay-button/cc-handler/StripeCCPaymentHandler.js +100 -42
- package/dist/models/business/payment/CCPayment.js +15 -10
- package/dist/models/business/payment/FxpCCPayment.js +15 -10
- package/dist/models/business/payment/StripeCCPayment.d.ts +1 -0
- package/dist/models/business/payment/StripeCCPayment.js +20 -11
- package/dist/report-event.d.ts +2 -0
- package/dist/report-event.js +12 -0
- package/dist/styles/address.css +1 -1
- package/dist/styles/button.css +7 -1
- package/dist/styles/checkout-page.css +1 -1
- package/dist/styles/custom-info.css +1 -1
- package/dist/styles/error-tip.css +1 -0
- package/dist/styles/fee.css +1 -1
- package/dist/styles/fxp-payment.css +1 -1
- package/dist/styles/global.css +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/loading.css +1 -1
- package/dist/styles/order-summary.css +1 -1
- package/dist/styles/payment.css +1 -1
- package/dist/styles/paypal-modal.css +1 -1
- package/dist/styles/phone-input.css +1 -1
- package/dist/styles/select-list.css +1 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/stripe-payment.css +1 -1
- package/dist/styles/theme.css +1 -1
- package/dist/types.d.ts +4 -2
- package/dist/types.js +2 -0
- package/dist/validate/phone.js +14 -5
- package/package.json +34 -11
|
@@ -1,11 +1,30 @@
|
|
|
1
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
2
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
3
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
4
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6
|
+
};
|
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
|
+
};
|
|
12
|
+
var _StripeCCPaymentHandler_orderResult;
|
|
1
13
|
import { CheckoutEvents, hideLoading, showLoading } from "../../../../index";
|
|
2
|
-
import {
|
|
14
|
+
import { apiConfirmOneTimeOrder,
|
|
15
|
+
// apiConfirmOneTimeOrderWithRetry,
|
|
16
|
+
apiConfirmSubscriptionOrderWithRetry, ResponseErrorCode, SubmissionAction } from "../../../../api";
|
|
3
17
|
import { apiCCOneTimeOrder, apiCCSubscriptionOrder, } from "../../../../api/order/cc";
|
|
4
18
|
import { apiCreatePreOrder } from "../../../../api/order/pre-order";
|
|
5
19
|
import { getBrowserInfo } from "../../../../utils/browserInfo";
|
|
6
20
|
import { globalState } from "../../../GlobalState";
|
|
7
21
|
import { BaseCCPaymentHandler } from "./BaseCCPaymentHandler";
|
|
22
|
+
import { HTTPError } from "../../../../api/helper";
|
|
8
23
|
export class StripeCCPaymentHandler extends BaseCCPaymentHandler {
|
|
24
|
+
constructor() {
|
|
25
|
+
super(...arguments);
|
|
26
|
+
_StripeCCPaymentHandler_orderResult.set(this, null);
|
|
27
|
+
}
|
|
9
28
|
isSubscription() {
|
|
10
29
|
const config = globalState.getConfig();
|
|
11
30
|
const productInfo = config.processorData
|
|
@@ -84,58 +103,97 @@ export class StripeCCPaymentHandler extends BaseCCPaymentHandler {
|
|
|
84
103
|
};
|
|
85
104
|
}
|
|
86
105
|
async handlePayment() {
|
|
87
|
-
var _a;
|
|
88
106
|
const { token } = globalState.getConfig();
|
|
89
107
|
try {
|
|
90
108
|
const isAllValid = await this.validatePayment();
|
|
91
109
|
showLoading('Processing payment...');
|
|
92
|
-
if (isAllValid) {
|
|
93
|
-
|
|
94
|
-
const { products, shippingAddress, billingAddress, email, paymentData, stripe, } = prepareData;
|
|
95
|
-
const submissionAction = this.isSubscription()
|
|
96
|
-
? SubmissionAction.SUBSCRIPTION
|
|
97
|
-
: SubmissionAction.ONETIME;
|
|
98
|
-
const orderRes = await apiCreatePreOrder(token, submissionAction, {
|
|
99
|
-
email,
|
|
100
|
-
shippingAddress,
|
|
101
|
-
billingAddress,
|
|
102
|
-
products,
|
|
103
|
-
});
|
|
104
|
-
const requestBody = {
|
|
105
|
-
products,
|
|
106
|
-
email,
|
|
107
|
-
shippingAddress,
|
|
108
|
-
billingAddress,
|
|
109
|
-
browser: getBrowserInfo(),
|
|
110
|
-
paymentData,
|
|
111
|
-
confirmUrl: window.location.href,
|
|
112
|
-
};
|
|
113
|
-
const res = this.isSubscription()
|
|
114
|
-
? await apiCCSubscriptionOrder(token, requestBody)
|
|
115
|
-
: await apiCCOneTimeOrder(token, requestBody);
|
|
116
|
-
if ((_a = res.action) === null || _a === void 0 ? void 0 : _a.secret) {
|
|
117
|
-
const { error } = await stripe.confirmCardPayment(res.action.secret);
|
|
118
|
-
if (error) {
|
|
119
|
-
throw new Error(error.message);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
const confirmReq = [
|
|
123
|
-
token,
|
|
124
|
-
{
|
|
125
|
-
tradeId: res.tradeId,
|
|
126
|
-
},
|
|
127
|
-
];
|
|
128
|
-
this.isSubscription()
|
|
129
|
-
? await apiConfirmSubscriptionOrderWithRetry(...confirmReq)
|
|
130
|
-
: await apiConfirmOneTimeOrderWithRetry(...confirmReq);
|
|
131
|
-
globalState.emit(CheckoutEvents.ORDER_COMPLETED, token);
|
|
110
|
+
if (!isAllValid) {
|
|
111
|
+
throw new Error('Invalid payment');
|
|
132
112
|
}
|
|
113
|
+
const prepareData = await this.preparePaymentData();
|
|
114
|
+
const { products, shippingAddress, billingAddress, email, paymentData, fees, stripe, } = prepareData;
|
|
115
|
+
const submissionAction = this.isSubscription()
|
|
116
|
+
? SubmissionAction.SUBSCRIPTION
|
|
117
|
+
: SubmissionAction.ONETIME;
|
|
118
|
+
await apiCreatePreOrder(token, submissionAction, {
|
|
119
|
+
email,
|
|
120
|
+
shippingAddress,
|
|
121
|
+
billingAddress,
|
|
122
|
+
products,
|
|
123
|
+
});
|
|
124
|
+
const requestBody = {
|
|
125
|
+
products,
|
|
126
|
+
email,
|
|
127
|
+
shippingAddress,
|
|
128
|
+
billingAddress,
|
|
129
|
+
browser: getBrowserInfo(),
|
|
130
|
+
paymentData,
|
|
131
|
+
fees,
|
|
132
|
+
confirmUrl: window.location.href,
|
|
133
|
+
};
|
|
134
|
+
const res = this.isSubscription()
|
|
135
|
+
? await apiCCSubscriptionOrder(token, requestBody)
|
|
136
|
+
: await apiCCOneTimeOrder(token, requestBody);
|
|
137
|
+
__classPrivateFieldSet(this, _StripeCCPaymentHandler_orderResult, res, "f");
|
|
138
|
+
await this.handleStripeOrdered();
|
|
139
|
+
// if (res.action?.secret) {
|
|
140
|
+
// const { error } = await stripe.confirmCardPayment(res.action.secret);
|
|
141
|
+
// if (error) {
|
|
142
|
+
// throw new Error(error.message);
|
|
143
|
+
// }
|
|
144
|
+
// }
|
|
145
|
+
// const confirmReq: [string, OrderConfirmRequest] = [
|
|
146
|
+
// token,
|
|
147
|
+
// {
|
|
148
|
+
// tradeId: res.tradeId,
|
|
149
|
+
// },
|
|
150
|
+
// ];
|
|
151
|
+
// this.isSubscription()
|
|
152
|
+
// ? await apiConfirmSubscriptionOrderWithRetry(...confirmReq)
|
|
153
|
+
// // : await apiConfirmOneTimeOrderWithRetry(...confirmReq);
|
|
154
|
+
// : await apiConfirmOneTimeOrder(...confirmReq);
|
|
155
|
+
// globalState.emit(CheckoutEvents.ORDER_COMPLETED, token);
|
|
133
156
|
}
|
|
134
157
|
catch (error) {
|
|
135
158
|
console.error(error);
|
|
159
|
+
if (error instanceof HTTPError) {
|
|
160
|
+
const errJson = error.json;
|
|
161
|
+
if (errJson.code === ResponseErrorCode.ORDER_ALREADY_HAS_TRADE && __classPrivateFieldGet(this, _StripeCCPaymentHandler_orderResult, "f")) {
|
|
162
|
+
await this.handleStripeOrdered();
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
throw error;
|
|
136
167
|
}
|
|
137
168
|
finally {
|
|
138
169
|
hideLoading();
|
|
139
170
|
}
|
|
140
171
|
}
|
|
172
|
+
async handleStripeOrdered() {
|
|
173
|
+
var _a;
|
|
174
|
+
const { token } = globalState.getConfig();
|
|
175
|
+
const prepareData = await this.preparePaymentData();
|
|
176
|
+
const { stripe } = prepareData;
|
|
177
|
+
if (!__classPrivateFieldGet(this, _StripeCCPaymentHandler_orderResult, "f")) {
|
|
178
|
+
throw new Error("Order result not found");
|
|
179
|
+
}
|
|
180
|
+
if ((_a = __classPrivateFieldGet(this, _StripeCCPaymentHandler_orderResult, "f").action) === null || _a === void 0 ? void 0 : _a.secret) {
|
|
181
|
+
const { error } = await stripe.confirmCardPayment(__classPrivateFieldGet(this, _StripeCCPaymentHandler_orderResult, "f").action.secret);
|
|
182
|
+
if (error) {
|
|
183
|
+
throw new Error(error.message);
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
const confirmReq = [
|
|
187
|
+
token,
|
|
188
|
+
{
|
|
189
|
+
tradeId: __classPrivateFieldGet(this, _StripeCCPaymentHandler_orderResult, "f").tradeId,
|
|
190
|
+
},
|
|
191
|
+
];
|
|
192
|
+
this.isSubscription()
|
|
193
|
+
? await apiConfirmSubscriptionOrderWithRetry(...confirmReq)
|
|
194
|
+
// : await apiConfirmOneTimeOrderWithRetry(...confirmReq);
|
|
195
|
+
: await apiConfirmOneTimeOrder(...confirmReq);
|
|
196
|
+
globalState.emit(CheckoutEvents.ORDER_COMPLETED, token);
|
|
197
|
+
}
|
|
141
198
|
}
|
|
199
|
+
_StripeCCPaymentHandler_orderResult = new WeakMap();
|
|
@@ -5,7 +5,7 @@ import { globalState } from "../../GlobalState";
|
|
|
5
5
|
import { InputModel } from "../../Input";
|
|
6
6
|
import { BusinessModel } from "../Business";
|
|
7
7
|
import { PaymentMethod } from "./types";
|
|
8
|
-
import {
|
|
8
|
+
import { reportEvent } from "../../../report-event";
|
|
9
9
|
// 最普通的信用卡支付
|
|
10
10
|
export class CCPaymentModel extends BusinessModel {
|
|
11
11
|
constructor(props) {
|
|
@@ -19,16 +19,21 @@ export class CCPaymentModel extends BusinessModel {
|
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
this.handleSecurityCodeBlur = () => {
|
|
22
|
-
var _a;
|
|
22
|
+
var _a, _b, _c;
|
|
23
23
|
if (this.cardNumber.validate()) {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
|
|
25
|
+
reportEvent("AddPaymentInfo", productInfo);
|
|
26
|
+
// const config = globalState.getConfig().processorData.productInfo?.display || []
|
|
27
|
+
// const contents: TracksityContent[] = config.map(item => ({
|
|
28
|
+
// content_id: item.productId || '',
|
|
29
|
+
// content_name: item.title || '',
|
|
30
|
+
// price: Number(item.price),
|
|
31
|
+
// quantity: Number(item.quantity),
|
|
32
|
+
// }))
|
|
33
|
+
// tracksityTracker.event(
|
|
34
|
+
// "AddPaymentInfo",
|
|
35
|
+
// TracksityTracker.buildEcommerceData(contents)
|
|
36
|
+
// );
|
|
32
37
|
}
|
|
33
38
|
};
|
|
34
39
|
this.handleExpiry = (value) => {
|
|
@@ -10,9 +10,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
12
|
var _FxpCCPaymentModel_instances, _FxpCCPaymentModel_gateway, _FxpCCPaymentModel_cssUrl, _FxpCCPaymentModel_merNo, _FxpCCPaymentModel_merKey, _FxpCCPaymentModel_gatewayNo, _FxpCCPaymentModel_notifyUrl, _FxpCCPaymentModel_gatewayUrl, _FxpCCPaymentModel_initialize, _FxpCCPaymentModel_loadScript, _FxpCCPaymentModel_FXPInit, _FxpCCPaymentModel_FXPCardInfoCompleted;
|
|
13
|
-
import { TracksityTracker, tracksityTracker } from "../../../utils";
|
|
14
13
|
import { globalState } from "../../GlobalState";
|
|
15
14
|
import { BusinessModel } from "../Business";
|
|
15
|
+
import { reportEvent } from "../../../report-event";
|
|
16
16
|
export class FxpCCPaymentModel extends BusinessModel {
|
|
17
17
|
constructor(config) {
|
|
18
18
|
super();
|
|
@@ -34,15 +34,20 @@ export class FxpCCPaymentModel extends BusinessModel {
|
|
|
34
34
|
(_a = window.Forunexpay) === null || _a === void 0 ? void 0 : _a.init(__classPrivateFieldGet(this, _FxpCCPaymentModel_gatewayUrl, "f"), __classPrivateFieldGet(this, _FxpCCPaymentModel_cssUrl, "f"));
|
|
35
35
|
__classPrivateFieldGet(this, _FxpCCPaymentModel_FXPInit, "f").call(this);
|
|
36
36
|
__classPrivateFieldGet(this, _FxpCCPaymentModel_instances, "m", _FxpCCPaymentModel_FXPCardInfoCompleted).call(this, () => {
|
|
37
|
-
var _a;
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
37
|
+
var _a, _b, _c;
|
|
38
|
+
const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
|
|
39
|
+
reportEvent("AddPaymentInfo", productInfo);
|
|
40
|
+
// const config = globalState.getConfig().processorData.productInfo?.display || []
|
|
41
|
+
// const contents: TracksityContent[] = config.map(item => ({
|
|
42
|
+
// content_id: item.productId || '',
|
|
43
|
+
// content_name: item.title || '',
|
|
44
|
+
// price: Number(item.price),
|
|
45
|
+
// quantity: Number(item.quantity),
|
|
46
|
+
// }))
|
|
47
|
+
// tracksityTracker.event(
|
|
48
|
+
// "AddPaymentInfo",
|
|
49
|
+
// TracksityTracker.buildEcommerceData(contents)
|
|
50
|
+
// );
|
|
46
51
|
});
|
|
47
52
|
this.loading = false;
|
|
48
53
|
}
|
|
@@ -5,6 +5,7 @@ type stripeConfig = stripeVariables;
|
|
|
5
5
|
interface StripeCCPaymentData {
|
|
6
6
|
stripe: Stripe | null;
|
|
7
7
|
stripeElements: StripeElements | undefined;
|
|
8
|
+
stripeElId: string;
|
|
8
9
|
}
|
|
9
10
|
export declare class StripeCCPaymentModel extends BusinessModel<StripeCCPaymentData> {
|
|
10
11
|
#private;
|
|
@@ -10,7 +10,8 @@ import { BusinessModel } from "../Business";
|
|
|
10
10
|
import { v4 as uuidv4 } from "uuid";
|
|
11
11
|
import { globalState } from "../../GlobalState";
|
|
12
12
|
import { PaymentMethod } from "./types";
|
|
13
|
-
import { TracksityTracker, tracksityTracker } from "../../../utils";
|
|
13
|
+
// import { TracksityContent, TracksityTracker, tracksityTracker } from "../../../utils";
|
|
14
|
+
import { reportEvent } from "../../../report-event";
|
|
14
15
|
export class StripeCCPaymentModel extends BusinessModel {
|
|
15
16
|
constructor(config) {
|
|
16
17
|
super();
|
|
@@ -98,7 +99,9 @@ export class StripeCCPaymentModel extends BusinessModel {
|
|
|
98
99
|
const mode = ((_a = config.processorData.productInfo) === null || _a === void 0 ? void 0 : _a.subscription)
|
|
99
100
|
? "subscription"
|
|
100
101
|
: "payment";
|
|
101
|
-
const
|
|
102
|
+
const display = 'display' in config.processorData.productInfo ?
|
|
103
|
+
config.processorData.productInfo.display : config.processorData.productInfo.displays[0].display;
|
|
104
|
+
const allAmount = display.reduce((prev, curr) => {
|
|
102
105
|
return prev + Number(curr.price) * Number(curr.quantity);
|
|
103
106
|
}, 0);
|
|
104
107
|
return {
|
|
@@ -123,16 +126,21 @@ export class StripeCCPaymentModel extends BusinessModel {
|
|
|
123
126
|
}
|
|
124
127
|
});
|
|
125
128
|
this.onCompleteChange(() => {
|
|
126
|
-
var _a;
|
|
127
129
|
// TODO: 处理支付完成事件
|
|
128
|
-
|
|
129
|
-
const
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
130
|
+
var _a, _b, _c;
|
|
131
|
+
const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
|
|
132
|
+
reportEvent("AddPaymentInfo", productInfo);
|
|
133
|
+
// const config = globalState.getConfig().processorData.productInfo?.display || []
|
|
134
|
+
// const contents: TracksityContent[] = config.map(item => ({
|
|
135
|
+
// content_id: item.productId || '',
|
|
136
|
+
// content_name: item.title || '',
|
|
137
|
+
// price: Number(item.price),
|
|
138
|
+
// quantity: Number(item.quantity),
|
|
139
|
+
// }))
|
|
140
|
+
// tracksityTracker.event(
|
|
141
|
+
// "AddPaymentInfo",
|
|
142
|
+
// TracksityTracker.buildEcommerceData(contents)
|
|
143
|
+
// );
|
|
136
144
|
});
|
|
137
145
|
});
|
|
138
146
|
}
|
|
@@ -159,6 +167,7 @@ export class StripeCCPaymentModel extends BusinessModel {
|
|
|
159
167
|
return {
|
|
160
168
|
stripe: this.stripe,
|
|
161
169
|
stripeElements: this.elements,
|
|
170
|
+
stripeElId: this.elId,
|
|
162
171
|
};
|
|
163
172
|
}
|
|
164
173
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TracksityTracker, tracksityTracker } from "./utils/tracksity";
|
|
2
|
+
export function reportEvent(eventName, productInfoata) {
|
|
3
|
+
const display = 'display' in productInfoata ?
|
|
4
|
+
productInfoata.display : productInfoata.displays[0].display;
|
|
5
|
+
const contents = display.map(item => ({
|
|
6
|
+
content_id: item.productId || '',
|
|
7
|
+
content_name: item.title || '',
|
|
8
|
+
price: Number(item.price),
|
|
9
|
+
quantity: Number(item.quantity),
|
|
10
|
+
}));
|
|
11
|
+
tracksityTracker.event(eventName, TracksityTracker.buildEcommerceData(contents));
|
|
12
|
+
}
|
package/dist/styles/address.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-address{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-address-suggestion{--itx-suggestion-border-width: var(--itx-border-width);--itx-suggestion-border-color: var(--itx-border-color);--itx-suggestion-border-radius: var(--itx-border-radius);position: relative;font-size:var(--itx-font-size-base)}.booster-scope .itx-address-suggestion .zoomer{position: absolute;top: 1rem;right: 1rem;height: 1.5rem;width: 1.5rem;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel{position: absolute;top: 4rem;z-index: 20;width: 100%;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel ul{display: flex;flex-direction: column;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:var(--itx-suggestion-border-radius);border:var(--itx-suggestion-border-width) solid var(--itx-suggestion-border-color)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header{display: flex;height: 3rem;align-items: center;justify-content: space-between;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem;font-size:var(--itx-font-size-sm)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header .close{height: 1rem;width: 1rem;cursor: pointer}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion{cursor: pointer;border-top-width: 0px;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion:hover{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by .powered-by-google{display: flex;height: 1.25rem;width: 8rem;fill: #6c757d}.booster-scope .itx-multi-regions, .booster-scope .address-row{display: grid;gap:var(--itx-form-item-gap)}
|
package/dist/styles/button.css
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
.itx-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius
|
|
1
|
+
.booster-scope .itx-btn {display: inline-flex;cursor: pointer;align-items: center;justify-content: center;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;font-size: 1rem;line-height: 1.5rem;--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1));outline: 2px solid transparent;outline-offset: 2px
|
|
2
|
+
}.booster-scope .itx-btn-loading {display: flex;cursor: not-allowed;align-items: center;gap: 0.5rem
|
|
3
|
+
}.booster-scope .itx-btn-loading .itx-btn-loading-default {display: inline-block;height: 1em;width: 1em
|
|
4
|
+
}@keyframes spin {to {transform: rotate(360deg)
|
|
5
|
+
}
|
|
6
|
+
}.booster-scope .itx-btn-loading .itx-btn-loading-default {animation: spin 1s linear infinite;border-radius: 9999px;border-width: 2px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));border-top-color: transparent
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-checkout-page{--left-side-width: 50rem;--right-side-width: 36rem;--wrapper-padding: calc((100vw - 50rem - 36rem) / 2);--flex-left: 52;--flex-right: 48}.booster-scope .itx-checkout-page .main{display: flex;flex-direction: column}@media (min-width: 1280px){.booster-scope .itx-checkout-page .main{flex-direction: row}}.booster-scope .itx-checkout-page .left-side{flex: var(--flex-left);--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 3rem;padding-left: 1rem;padding-right: 1rem;padding-top: 1rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-right: 0px;padding-left: 3rem;padding-right: 3rem;padding-top: 3rem}}.booster-scope .itx-checkout-page .right-side{flex: var(--flex-right);border-left-width: 0px}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side{border-left-width: 1px}}.booster-scope .itx-checkout-page .right-side{background-color:#fafafa}.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: auto;margin-right: auto;max-width: auto;border-top-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding: 1rem;padding-top: 3rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: 0px;margin-right: 0px;border-top-width: 0px;padding: 3rem}}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{max-width: var(--right-side-width)}}.booster-scope .itx-checkout-page .title{font-size: 1.125rem;line-height: 1.75rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .title{font-size: 1.5rem;line-height: 2rem}}.booster-scope .itx-checkout-page .title{margin-bottom:1.2rem;line-height:2rem;font-weight:500}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-custom-info{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-custom-info .name-wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-custom-info .name-wrapper{flex-direction: row}}.booster-scope .itx-custom-info .name-wrapper{gap:var(--itx-form-item-gap)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-error-tip{margin-bottom: 1rem;width: 100%;border-radius: 0.5rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));padding: 1rem}.booster-scope .itx-error-tip .error-tip-container{display: flex;align-items: flex-start}.booster-scope .itx-error-tip .error-tip-container .error-icon-wrapper{flex-shrink: 0}.booster-scope .itx-error-tip .error-tip-container .error-icon-wrapper svg{height: 1.25rem;width: 1.25rem;--tw-text-opacity: 1;color: rgb(248 113 113 / var(--tw-text-opacity, 1))}.booster-scope .itx-error-tip .error-tip-container .error-message-wrapper{margin-left: 0.75rem}.booster-scope .itx-error-tip .error-tip-container .error-message-wrapper p{white-space: pre-line;font-size: 0.875rem;line-height: 1.25rem;--tw-text-opacity: 1;color: rgb(185 28 28 / var(--tw-text-opacity, 1))}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper{margin-left: auto;padding-left: 0.75rem}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper .error-close-button-container{margin-left: -0.375rem;margin-right: -0.375rem;margin-top: -0.375rem;margin-bottom: -0.375rem}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper .error-close-button-container button{display: inline-flex;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));padding: 0.375rem;--tw-text-opacity: 1;color: rgb(223 27 65 / var(--tw-text-opacity, 1))}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper .error-close-button-container button:hover{--tw-bg-opacity: 1;background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper .error-close-button-container button:focus{outline: 2px solid transparent;outline-offset: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fef2f2}.booster-scope .itx-error-tip .error-tip-container .error-close-wrapper .error-close-button-container button svg{height: 0.75rem;width: 0.75rem}
|
package/dist/styles/fee.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-shipping-methods{display: flex;width: 100%;flex-direction: column}.booster-scope .itx-shipping-methods .itx-shipping-method-option{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-add-tip{--fixed-option-bg: #EDF4FF}.booster-scope .itx-add-tip .tip-wrapper{position: relative}.booster-scope .itx-add-tip .tip-wrapper>label{display: flex;width: 100%;cursor: pointer;align-items: center;border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;transition-property: all;transition-delay: 200ms;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper>label .label-content{position: relative;left: 1.75rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;box-sizing: border-box;height: 1rem;width: 1rem;cursor: pointer;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~label{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~.card{border-bottom-width: 0px}.booster-scope .itx-add-tip .tip-wrapper .checkbox:checked~.card{grid-template-rows: 1fr}.booster-scope .itx-add-tip .tip-wrapper .card{display: grid;grid-template-rows: 0fr;overflow: hidden;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;border-width: 1px;border-top-width: 0px;transition-property: grid;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .card .card-content{display: flex;flex-direction: column;overflow: hidden;--tw-bg-opacity: 1;background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-add-tip .tip-wrapper .card .thanks{margin-top: 1rem;margin-bottom: 1rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper{border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);margin-top: 1rem;margin-bottom: 1rem;display: flex;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip{flex: 1 1 0%;padding: 0.75rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip:not(:first-child){border-left-width: 1px}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active{border-color:var(--itx-border-active-color);background-color:var(--fixed-option-bg);position: relative}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active::after{border:var(--itx-border-width) solid var(--itx-border-active-color);position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;display: block;--tw-content: "";content: var(--tw-content)}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:first-child::after{border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:last-child::after{border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item{display: flex;flex-direction: column;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item .fixed-tip-value{text-align: center;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper{position: relative;display: flex;align-items: stretch;gap: 1rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip{position: relative;display: flex;flex: 1 1 0%;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip:has(input:focus){border:var(--itx-border-width) solid var(--itx-border-active-color);transform:translateZ(0)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip .custom-tip-prefix{visibility: hidden;position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: flex;height: 100%;width: 2.5rem;align-items: center;padding-top: 1.625rem;padding-bottom: .625rem;padding-left: .15rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input{height: calc(3.5rem + 2px);width: 100%;border-radius: 0.375rem;border-style: none;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;outline: 2px solid transparent;outline-offset: 2px}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-moz-placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus{padding-top: 1.625rem;padding-bottom: .625rem;padding-left: 2.25rem;--tw-text-opacity: 1;color: rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~label, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-outer-spin-button, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-inner-spin-button{-webkit-appearance:none}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper label{position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;color: rgb(33 37 41 / 0.65);transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn{margin-right: 2px;display: flex;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn button{display: inline-flex;align-items: center;padding: 0.75rem;font-size: 1.25rem;line-height: 1.75rem;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip{position: relative;cursor: default;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-weight: 500;--tw-text-opacity: 1;color: rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip .tip-loading{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;border-radius: 0.375rem;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip{cursor: pointer;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip:hover{--tw-border-opacity: 1;border-color: rgb(50 134 247 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(50 134 247 / var(--tw-bg-opacity, 1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-fxp-payment-loading .mask{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-fxp-payment-loading .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
|
package/dist/styles/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-\[-1px\]{bottom:-1px}.left-0{left:0}.left-1\/2{left:50%}.left-5{left:1.25rem}.left-7{left:1.75rem}.left-8{left:2rem}.left-\[-1px\]{left:-1px}.left-\[100\%\]{left:100%}.left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.right-0{right:0}.right-4{right:1rem}.right-\[-1px\]{right:-1px}.right-\[1em\]{right:1em}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[-1px\]{top:-1px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1055\]{z-index:1055}.z-\[2\]{z-index:2}.m-7{margin:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem}.mb-4,.my-4{margin-bottom:1rem}.mr-5{margin-right:1.25rem}.mr-\[2px\]{margin-right:2px}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[50\/29\]{aspect-ratio:50/29}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[1\.6rem\]{height:1.6rem}.h-\[1em\]{height:1em}.h-\[4rem\]{height:4rem}.h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.h-full{height:100%}.max-h-0{max-height:0}.max-h-\[55px\]{max-height:55px}.max-h-\[57rem\]{max-height:57rem}.min-h-\[180px\]{min-height:180px}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[1\.25rem\]{width:1.25rem}.w-\[1em\]{width:1em}.w-\[2\.5rem\]{width:2.5rem}.w-\[4rem\]{width:4rem}.w-\[8rem\]{width:8rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.origin-\[0_0\]{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-\[0\.15rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[0\.15rem\]{--tw-translate-x:-0.15rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-\[0\.35rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem}.-translate-y-\[0\.7rem\]{--tw-translate-y:-0.7rem}.-translate-y-\[0\.7rem\],.translate-x-\[0\.15rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem}.scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85}.scale-\[0\.85\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[50rem\]{border-radius:50rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-l-\[1px\]{border-left-width:1px}.border-r-0{border-right-width:0}.border-r-\[1px\]{border-right-width:1px}.border-t-0{border-top-width:0}.border-t-\[1px\]{border-top-width:1px}.border-none{border-style:none}.border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251/var(--tw-border-opacity,1))}.border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247/var(--tw-border-opacity,1))}.border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1))}.border-\[rgb\(255\2c 193\2c 7\)\]{--tw-border-opacity:1;border-color:rgb(255 193 7/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251/var(--tw-bg-opacity,1))}.bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247/var(--tw-bg-opacity,1))}.bg-\[\#6c757d\]{--tw-bg-opacity:1;background-color:rgb(108 117 125/var(--tw-bg-opacity,1))}.bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-\[rgb\(255\2c 193\2c 7\)\]{--tw-bg-opacity:1;background-color:rgb(255 193 7/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-\[\#6c757d\]{fill:#6c757d}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[\.75rem\]{padding-left:.75rem;padding-right:.75rem}.px-\[0\.6em\]{padding-left:.6em;padding-right:.6em}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[\.375rem\]{padding-top:.375rem;padding-bottom:.375rem}.py-\[0\.2em\]{padding-top:.2em;padding-bottom:.2em}.pb-\[\.375rem\]{padding-bottom:.375rem}.pb-\[\.625rem\]{padding-bottom:.625rem}.pb-\[0\.375rem\]{padding-bottom:.375rem}.pb-\[0\.625rem\]{padding-bottom:.625rem}.pl-\[\.15rem\]{padding-left:.15rem}.pl-\[2\.25rem\]{padding-left:2.25rem}.pl-\[2\.75rem\]{padding-left:2.75rem}.pt-12{padding-top:3rem}.pt-\[1\.4rem\]{padding-top:1.4rem}.pt-\[1\.625rem\]{padding-top:1.625rem}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-\[2px\]{vertical-align:2px}.text-\[0\.875rem\]{font-size:.875rem}.text-\[1em\]{font-size:1em}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity,1))}.text-\[\#212529\]\/65{color:rgba(33,37,41,.65)}.text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170/var(--tw-text-opacity,1))}.text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230/var(--tw-text-opacity,1))}.text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,.65)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.content-\[\'\'\]{--tw-content:"";content:var(--tw-content)}html{scroll-behavior:smooth}.hover\:border-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-border-opacity:1;border-color:rgb(236 178 19/var(--tw-border-opacity,1))}.hover\:bg-\[\#5c636a\]:hover{--tw-bg-opacity:1;background-color:rgb(92 99 106/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.hover\:bg-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-bg-opacity:1;background-color:rgb(236 178 19/var(--tw-bg-opacity,1))}.active\:border-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-border-opacity:1;border-color:rgb(236 178 19/var(--tw-border-opacity,1))}.active\:bg-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-bg-opacity:1;background-color:rgb(236 178 19/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:max-w-\[500px\]{max-width:500px}}@media (min-width:768px){.md\:mx-0{margin-left:0}.md\:mr-0,.md\:mx-0{margin-right:0}.md\:grid{display:grid}.md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-12{padding:3rem}}@media (min-width:1024px){.lg\:w-1\/2{width:50%}.lg\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\:grid-cols-\[var\(--right-side-width\)\]{grid-template-columns:var(--right-side-width)}.xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}}
|
|
1
|
+
.booster-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.booster-scope .pointer-events-none{pointer-events:none}.booster-scope .visible{visibility:visible}.booster-scope .invisible{visibility:hidden}.booster-scope .static{position:static}.booster-scope .fixed{position:fixed}.booster-scope .absolute{position:absolute}.booster-scope .relative{position:relative}.booster-scope .inset-0{inset:0px}.booster-scope .bottom-0{bottom:0px}.booster-scope .bottom-\[-1px\]{bottom:-1px}.booster-scope .left-0{left:0px}.booster-scope .left-1\/2{left:50%}.booster-scope .left-5{left:1.25rem}.booster-scope .left-7{left:1.75rem}.booster-scope .left-8{left:2rem}.booster-scope .left-\[-1px\]{left:-1px}.booster-scope .left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.booster-scope .right-0{right:0px}.booster-scope .right-4{right:1rem}.booster-scope .right-\[-1px\]{right:-1px}.booster-scope .right-\[-6px\]{right:-6px}.booster-scope .right-\[1em\]{right:1em}.booster-scope .top-0{top:0px}.booster-scope .top-1\/2{top:50%}.booster-scope .top-16{top:4rem}.booster-scope .top-4{top:1rem}.booster-scope .top-5{top:1.25rem}.booster-scope .top-\[-1px\]{top:-1px}.booster-scope .top-\[-6px\]{top:-6px}.booster-scope .top-full{top:100%}.booster-scope .z-10{z-index:10}.booster-scope .z-20{z-index:20}.booster-scope .z-50{z-index:50}.booster-scope .z-\[1055\]{z-index:1055}.booster-scope .z-\[2\]{z-index:2}.booster-scope .m-4{margin:1rem}.booster-scope .-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem}.booster-scope .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem}.booster-scope .mx-auto{margin-left:auto;margin-right:auto}.booster-scope .my-4{margin-top:1rem;margin-bottom:1rem}.booster-scope .mb-4{margin-bottom:1rem}.booster-scope .ml-auto{margin-left:auto}.booster-scope .mr-5{margin-right:1.25rem}.booster-scope .mr-\[2px\]{margin-right:2px}.booster-scope .mt-2{margin-top:0.5rem}.booster-scope .box-border{box-sizing:border-box}.booster-scope .block{display:block}.booster-scope .inline-block{display:inline-block}.booster-scope .flex{display:flex}.booster-scope .inline-flex{display:inline-flex}.booster-scope .grid{display:grid}.booster-scope .contents{display:contents}.booster-scope .hidden{display:none}.booster-scope .aspect-\[50\/29\]{aspect-ratio:50/29}.booster-scope .h-1{height:0.25rem}.booster-scope .h-12{height:3rem}.booster-scope .h-16{height:4rem}.booster-scope .h-2{height:0.5rem}.booster-scope .h-3{height:0.75rem}.booster-scope .h-4{height:1rem}.booster-scope .h-5{height:1.25rem}.booster-scope .h-6{height:1.5rem}.booster-scope .h-\[1\.6rem\]{height:1.6rem}.booster-scope .h-\[1em\]{height:1em}.booster-scope .h-\[4rem\]{height:4rem}.booster-scope .h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.booster-scope .h-full{height:100%}.booster-scope .max-h-0{max-height:0px}.booster-scope .max-h-\[55px\]{max-height:55px}.booster-scope .max-h-\[57rem\]{max-height:57rem}.booster-scope .min-h-\[180px\]{min-height:180px}.booster-scope .w-12{width:3rem}.booster-scope .w-16{width:4rem}.booster-scope .w-2{width:0.5rem}.booster-scope .w-4{width:1rem}.booster-scope .w-5{width:1.25rem}.booster-scope .w-6{width:1.5rem}.booster-scope .w-\[1\.25rem\]{width:1.25rem}.booster-scope .w-\[1em\]{width:1em}.booster-scope .w-\[2\.5rem\]{width:2.5rem}.booster-scope .w-\[4rem\]{width:4rem}.booster-scope .w-\[8rem\]{width:8rem}.booster-scope .w-full{width:100%}.booster-scope .min-w-\[60px\]{min-width:60px}.booster-scope .max-w-\[auto\]{max-width:auto}.booster-scope .max-w-sm{max-width:24rem}.booster-scope .flex-1{flex:1 1 0%}.booster-scope .flex-\[var\(--flex-left\)\]{flex:var(--flex-left)}.booster-scope .flex-\[var\(--flex-right\)\]{flex:var(--flex-right)}.booster-scope .flex-shrink{flex-shrink:1}.booster-scope .origin-\[0_0\]{transform-origin:0 0}.booster-scope .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .cursor-default{cursor:default}.booster-scope .cursor-not-allowed{cursor:not-allowed}.booster-scope .cursor-pointer{cursor:pointer}.booster-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.booster-scope .grid-rows-\[0fr\]{grid-template-rows:0fr}.booster-scope .grid-rows-\[1fr\]{grid-template-rows:1fr}.booster-scope .flex-col{flex-direction:column}.booster-scope .items-center{align-items:center}.booster-scope .items-stretch{align-items:stretch}.booster-scope .justify-end{justify-content:flex-end}.booster-scope .justify-center{justify-content:center}.booster-scope .justify-between{justify-content:space-between}.booster-scope .gap-12{gap:3rem}.booster-scope .gap-2{gap:0.5rem}.booster-scope .gap-3{gap:0.75rem}.booster-scope .gap-4{gap:1rem}.booster-scope .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .overflow-hidden{overflow:hidden}.booster-scope .rounded{border-radius:0.25rem}.booster-scope .rounded-2xl{border-radius:1rem}.booster-scope .rounded-\[50\%\]{border-radius:50%}.booster-scope .rounded-full{border-radius:9999px}.booster-scope .rounded-lg{border-radius:0.5rem}.booster-scope .rounded-md{border-radius:0.375rem}.booster-scope .rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.booster-scope .rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.booster-scope .rounded-tl-none{border-top-left-radius:0px}.booster-scope .rounded-tr-none{border-top-right-radius:0px}.booster-scope .border{border-width:1px}.booster-scope .border-2{border-width:2px}.booster-scope .border-4{border-width:4px}.booster-scope .border-b-0{border-bottom-width:0px}.booster-scope .border-l-0{border-left-width:0px}.booster-scope .border-l-\[1px\]{border-left-width:1px}.booster-scope .border-r-0{border-right-width:0px}.booster-scope .border-r-\[1px\]{border-right-width:1px}.booster-scope .border-t-0{border-top-width:0px}.booster-scope .border-t-\[1px\]{border-top-width:1px}.booster-scope .border-none{border-style:none}.booster-scope .border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.booster-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.booster-scope .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.booster-scope .border-transparent{border-color:transparent}.booster-scope .border-t-transparent{border-top-color:transparent}.booster-scope .bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#0070ba\]{--tw-bg-opacity:1;background-color:rgb(0 112 186 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black\/50{background-color:rgb(0 0 0 / 0.5)}.booster-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.booster-scope .bg-transparent{background-color:transparent}.booster-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .bg-opacity-50{--tw-bg-opacity:0.5}.booster-scope .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.booster-scope .from-\[\#0070ba\]{--tw-gradient-from:#0070ba var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 112 186 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.booster-scope .to-\[\#009cde\]{--tw-gradient-to:#009cde var(--tw-gradient-to-position)}.booster-scope .fill-\[\#6c757d\]{fill:#6c757d}.booster-scope .p-1\.5{padding:0.375rem}.booster-scope .p-4{padding:1rem}.booster-scope .p-8{padding:2rem}.booster-scope .px-3{padding-left:0.75rem;padding-right:0.75rem}.booster-scope .px-4{padding-left:1rem;padding-right:1rem}.booster-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.booster-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.booster-scope .py-2{padding-top:0.5rem;padding-bottom:0.5rem}.booster-scope .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.booster-scope .py-3{padding-top:0.75rem;padding-bottom:0.75rem}.booster-scope .py-4{padding-top:1rem;padding-bottom:1rem}.booster-scope .pb-3{padding-bottom:0.75rem}.booster-scope .pb-6{padding-bottom:1.5rem}.booster-scope .pb-\[\.375rem\]{padding-bottom:.375rem}.booster-scope .pb-\[\.625rem\]{padding-bottom:.625rem}.booster-scope .pb-\[0\.375rem\]{padding-bottom:0.375rem}.booster-scope .pb-\[0\.625rem\]{padding-bottom:0.625rem}.booster-scope .pl-4{padding-left:1rem}.booster-scope .pl-\[\.15rem\]{padding-left:.15rem}.booster-scope .pl-\[2\.25rem\]{padding-left:2.25rem}.booster-scope .pl-\[2\.75rem\]{padding-left:2.75rem}.booster-scope .pt-12{padding-top:3rem}.booster-scope .pt-4{padding-top:1rem}.booster-scope .pt-6{padding-top:1.5rem}.booster-scope .pt-\[1\.4rem\]{padding-top:1.4rem}.booster-scope .pt-\[1\.625rem\]{padding-top:1.625rem}.booster-scope .text-center{text-align:center}.booster-scope .text-right{text-align:right}.booster-scope .text-end{text-align:end}.booster-scope .align-baseline{vertical-align:baseline}.booster-scope .align-\[2px\]{vertical-align:2px}.booster-scope .text-2xl{font-size:1.5rem;line-height:2rem}.booster-scope .text-4xl{font-size:2.25rem;line-height:2.5rem}.booster-scope .text-\[0\.875rem\]{font-size:0.875rem}.booster-scope .text-\[1em\]{font-size:1em}.booster-scope .text-base{font-size:1rem;line-height:1.5rem}.booster-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.booster-scope .text-sm{font-size:0.875rem;line-height:1.25rem}.booster-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.booster-scope .text-xs{font-size:0.75rem;line-height:1rem}.booster-scope .font-bold{font-weight:700}.booster-scope .font-light{font-weight:300}.booster-scope .font-medium{font-weight:500}.booster-scope .font-semibold{font-weight:600}.booster-scope .text-\[\#0070ba\]{--tw-text-opacity:1;color:rgb(0 112 186 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]\/65{color:rgb(33 37 41 / 0.65)}.booster-scope .text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#df1b41\]{--tw-text-opacity:1;color:rgb(223 27 65 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgb\(163\2c 174\2c 184\)\]{--tw-text-opacity:1;color:rgb(163 174 184 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,0.65)}.booster-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.booster-scope .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.booster-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.booster-scope .outline{outline-style:solid}.booster-scope .transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .delay-200{transition-delay:200ms}.booster-scope .duration-100{transition-duration:100ms}.booster-scope .duration-1000{transition-duration:1000ms}.booster-scope .duration-300{transition-duration:300ms}.booster-scope .duration-500{transition-duration:500ms}.booster-scope .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.booster-scope .content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}.booster-scope{scroll-behavior:smooth}.booster-scope *, .booster-scope *::before, .booster-scope *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid #e5e7eb}.booster-scope button, .booster-scope input, .booster-scope optgroup, .booster-scope select, .booster-scope textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.booster-scope ul{list-style:none}.booster-scope button, .booster-scope input:where([type=button]), .booster-scope input:where([type=reset]), .booster-scope input:where([type=submit]){-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}.booster-scope audio, .booster-scope canvas, .booster-scope embed, .booster-scope iframe, .booster-scope img, .booster-scope object, .booster-scope svg, .booster-scope video{display:block;vertical-align:middle}.booster-scope .hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.booster-scope .hover\:bg-\[\#005ea6\]:hover{--tw-bg-opacity:1;background-color:rgb(0 94 166 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.booster-scope .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.booster-scope .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.booster-scope .focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2}.booster-scope .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.booster-scope .sm\:m-7{margin:1.75rem}.booster-scope .sm\:max-w-\[520px\]{max-width:520px}}@media (min-width: 768px){.booster-scope .md\:mx-0{margin-left:0px;margin-right:0px}.booster-scope .md\:mr-0{margin-right:0px}.booster-scope .md\:grid{display:grid}.booster-scope .md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.booster-scope .md\:border-t-0{border-top-width:0px}.booster-scope .md\:p-12{padding:3rem}.booster-scope .md\:px-12{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.booster-scope .lg\:w-1\/2{width:50%}.booster-scope .lg\:flex-row{flex-direction:row}}@media (min-width: 1280px){.booster-scope .xl\:max-w-\[var\(--right-side-width\)\]{max-width:var(--right-side-width)}.booster-scope .xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}.booster-scope .xl\:border-l{border-left-width:1px}}
|
package/dist/styles/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-input-wrapper{--itx-input-border-width: var(--itx-border-width);--itx-input-border-color: var(--itx-border-color);--itx-input-color: var(--itx-primary-color);--itx-input-invalid-color: var(--itx-invalid-color);--itx-input-invalid-border-color: var(--itx-invalid-border-color);--itx-input-label-color: var(--itx-label-color);--itx-input-border-radius: var(--itx-border-radius);--itx-input-focus-border-color: var(--itx-border-active-color);--itx-input-height: var(--itx-form-item-height);--itx-input-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-input-inner{position: relative;display: flex;align-items: center;width:var(--itx-input-width);height:var(--itx-input-height)}.booster-scope .itx-input-inner .itx-input{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 0.75rem;padding-bottom: 0.75rem;outline: 2px solid transparent;outline-offset: 2px;border-radius:var(--itx-input-border-radius);border:var(--itx-input-border-width) solid var(--itx-input-border-color);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-input-color)}.booster-scope .itx-input-inner .itx-input:focus{border-color:var(--itx-input-focus-border-color)}.booster-scope .itx-input-inner .itx-input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input:not(:placeholder-shown), .booster-scope .itx-input-inner .itx-input:focus{padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input::-moz-placeholder{color: transparent}.booster-scope .itx-input-inner .itx-input::placeholder{color: transparent}.booster-scope .itx-input-inner .itx-input:not(:-moz-placeholder)~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-input-inner .itx-input:not(:placeholder-shown)~label, .booster-scope .itx-input-inner .itx-input:focus~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-input-inner .itx-input-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items: center;font-size: 1em}.booster-scope .itx-input-inner .itx-input-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;border-width: 1px;border-color: transparent;padding-left: 0.75rem;padding-right: 0.75rem;padding-bottom: 0.75rem;padding-top: 1rem;transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);color:var(--itx-input-label-color)}.booster-scope .itx-invalid{color:var(--itx-input-invalid-color) !important}.booster-scope .itx-input.itx-invalid{border-color:var(--itx-input-invalid-border-color) !important}.booster-scope .itx-input.itx-invalid:focus{border-color:var(--itx-input-invalid-border-color) !important}
|
package/dist/styles/loading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.itx-full-loading{position:fixed;inset:
|
|
1
|
+
.booster-scope .itx-full-loading{position:fixed;inset:0px;z-index:50;display:flex;align-items:center;justify-content:center}.booster-scope .itx-full-loading .itx-full-loading-backdrop{position:absolute;inset:0px;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.5;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.booster-scope .itx-full-loading .itx-full-loading-content{position:relative;z-index:10;margin-left:1rem;margin-right:1rem;display:flex;max-width:24rem;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner{position:relative;margin-bottom:1.5rem}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle{height:4rem;width:4rem;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{position:absolute;top:0px;left:0px;height:4rem;width:4rem}@keyframes spin{to{transform:rotate(360deg)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));border-top-color:transparent}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-center{position:absolute;top:50%;left:50%;height:0.5rem;width:0.5rem;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message{text-align:center}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message h3{margin-bottom:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message p{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-description{text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots{margin-top:1.5rem;display:flex}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{height:0.5rem;width:0.5rem}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{animation:bounce 1s infinite;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(2){animation-delay:100ms}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(3){animation-delay:200ms}
|