@intercartx/booster-core 0.0.1-beta.5 → 0.0.1-beta.7
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/styles/checkout-page.css +1 -1
- package/dist/styles/fee.css +1 -1
- package/dist/styles/global.css +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/payment.css +1 -1
- package/dist/styles/phone-input.css +1 -1
- package/dist/styles/select.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,2 +1,380 @@
|
|
|
1
|
+
# @intercartx/booster-core
|
|
1
2
|
|
|
2
|
-
|
|
3
|
+
核心功能库，提供结账系统的业务逻辑、数据模型、验证工具、API 接口和样式文件。这是一个框架无关的核心包，为上层 UI 组件库提供基础能力。
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @intercartx/booster-core
|
|
9
|
+
# 或
|
|
10
|
+
pnpm add @intercartx/booster-core
|
|
11
|
+
# 或
|
|
12
|
+
yarn add @intercartx/booster-core
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 功能特性
|
|
16
|
+
|
|
17
|
+
### 🎯 核心功能
|
|
18
|
+
|
|
19
|
+
- **业务模型 (Models)**: 提供完整的结账业务逻辑模型
|
|
20
|
+
- 地址管理 (Address)
|
|
21
|
+
- 支付处理 (Payment)
|
|
22
|
+
- 订单摘要 (OrderSummary)
|
|
23
|
+
- 费用管理 (Fees Manager)
|
|
24
|
+
- 小费管理 (Tips)
|
|
25
|
+
- 运费管理 (Shipping Methods)
|
|
26
|
+
- 自定义信息 (Custom Info)
|
|
27
|
+
- 购买按钮 (Buy Now)
|
|
28
|
+
- PayPal 模态框 (PayPal Modal)
|
|
29
|
+
- 电话输入 (Phone)
|
|
30
|
+
|
|
31
|
+
- **数据验证 (Validation)**: 提供完整的表单验证功能
|
|
32
|
+
- 邮箱验证
|
|
33
|
+
- 电话验证
|
|
34
|
+
- 必填字段验证
|
|
35
|
+
- 国家/地区验证
|
|
36
|
+
- 邮政编码验证（支持多个国家）
|
|
37
|
+
- 州/省验证
|
|
38
|
+
|
|
39
|
+
- **工具函数 (Utils)**: 提供常用工具函数
|
|
40
|
+
- 货币格式化
|
|
41
|
+
- 电话号码处理
|
|
42
|
+
- Google Places API 集成
|
|
43
|
+
- 加密工具
|
|
44
|
+
- 防抖函数
|
|
45
|
+
- 重试机制
|
|
46
|
+
- 浏览器信息检测
|
|
47
|
+
- 追踪工具 (Tracksity)
|
|
48
|
+
|
|
49
|
+
- **API 接口**: 提供与后端交互的 API
|
|
50
|
+
- 配置获取
|
|
51
|
+
- 订单处理
|
|
52
|
+
- 支付处理（信用卡、ACH、PayPal）
|
|
53
|
+
- 订单确认
|
|
54
|
+
|
|
55
|
+
- **样式文件**: 提供完整的样式系统
|
|
56
|
+
- 全局样式
|
|
57
|
+
- 组件样式
|
|
58
|
+
- 主题配置
|
|
59
|
+
- 响应式设计
|
|
60
|
+
|
|
61
|
+
## 使用方式
|
|
62
|
+
|
|
63
|
+
### 基础导入
|
|
64
|
+
|
|
65
|
+
```typescript
|
|
66
|
+
import {
|
|
67
|
+
setGlobalConfig,
|
|
68
|
+
getGlobalConfig,
|
|
69
|
+
globalState,
|
|
70
|
+
CheckoutConfig
|
|
71
|
+
} from '@intercartx/booster-core'
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
### 配置管理
|
|
75
|
+
|
|
76
|
+
```typescript
|
|
77
|
+
import { setGlobalConfig, CheckoutConfig } from '@intercartx/booster-core'
|
|
78
|
+
|
|
79
|
+
const config: CheckoutConfig = {
|
|
80
|
+
token: 'your-token',
|
|
81
|
+
googleApiKey: 'your-google-api-key',
|
|
82
|
+
website: {
|
|
83
|
+
name: 'Your Website',
|
|
84
|
+
setting: {
|
|
85
|
+
trackings: {}
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
currency: 'USD',
|
|
89
|
+
language: 'en',
|
|
90
|
+
region: 'US',
|
|
91
|
+
feeSetting: {
|
|
92
|
+
tip: true,
|
|
93
|
+
coupon: true,
|
|
94
|
+
shipping: true
|
|
95
|
+
},
|
|
96
|
+
processorData: {
|
|
97
|
+
productInfo: {
|
|
98
|
+
// 产品信息
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
paymentMethods: {
|
|
102
|
+
// 支付方式配置
|
|
103
|
+
},
|
|
104
|
+
publicKey: 'your-public-key'
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
setGlobalConfig(config)
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
### 使用验证函数
|
|
111
|
+
|
|
112
|
+
```typescript
|
|
113
|
+
import {
|
|
114
|
+
validateEmail,
|
|
115
|
+
validatePhone,
|
|
116
|
+
validateRequired,
|
|
117
|
+
validateCountry
|
|
118
|
+
} from '@intercartx/booster-core'
|
|
119
|
+
|
|
120
|
+
// 验证邮箱
|
|
121
|
+
const isValidEmail = validateEmail('user@example.com')
|
|
122
|
+
|
|
123
|
+
// 验证电话
|
|
124
|
+
const isValidPhone = validatePhone('+1234567890', 'US')
|
|
125
|
+
|
|
126
|
+
// 验证必填字段
|
|
127
|
+
const isValid = validateRequired('value')
|
|
128
|
+
|
|
129
|
+
// 验证国家
|
|
130
|
+
const isValidCountry = validateCountry('US')
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
### 使用工具函数
|
|
134
|
+
|
|
135
|
+
```typescript
|
|
136
|
+
import {
|
|
137
|
+
formatCurrency,
|
|
138
|
+
formatPhoneNumber,
|
|
139
|
+
debounce
|
|
140
|
+
} from '@intercartx/booster-core'
|
|
141
|
+
|
|
142
|
+
// 格式化货币
|
|
143
|
+
const formatted = formatCurrency(1000, 'USD') // $10.00
|
|
144
|
+
|
|
145
|
+
// 格式化电话号码
|
|
146
|
+
const phone = formatPhoneNumber('1234567890', 'US')
|
|
147
|
+
|
|
148
|
+
// 防抖函数
|
|
149
|
+
const debouncedFn = debounce(() => {
|
|
150
|
+
console.log('Debounced!')
|
|
151
|
+
}, 300)
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
### 使用 API
|
|
155
|
+
|
|
156
|
+
```typescript
|
|
157
|
+
import { apiGetConfig, apiProcessor } from '@intercartx/booster-core/api'
|
|
158
|
+
|
|
159
|
+
// 获取配置
|
|
160
|
+
const config = await apiGetConfig('your-token')
|
|
161
|
+
|
|
162
|
+
// 处理订单
|
|
163
|
+
const result = await apiProcessor({
|
|
164
|
+
website: 'Your Website',
|
|
165
|
+
region: 'US',
|
|
166
|
+
processorData: {
|
|
167
|
+
productInfo: {
|
|
168
|
+
// 产品信息
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
})
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
### 使用样式
|
|
175
|
+
|
|
176
|
+
```typescript
|
|
177
|
+
// 导入全局样式
|
|
178
|
+
import '@intercartx/booster-core/styles/global.css'
|
|
179
|
+
|
|
180
|
+
// 导入特定组件样式
|
|
181
|
+
import '@intercartx/booster-core/styles/button.css'
|
|
182
|
+
import '@intercartx/booster-core/styles/input.css'
|
|
183
|
+
import '@intercartx/booster-core/styles/payment.css'
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
### 使用业务模型
|
|
187
|
+
|
|
188
|
+
```typescript
|
|
189
|
+
import {
|
|
190
|
+
AddressModel,
|
|
191
|
+
PaymentModel,
|
|
192
|
+
OrderSummaryModel,
|
|
193
|
+
TipsModel,
|
|
194
|
+
ShippingMethodsModel
|
|
195
|
+
} from '@intercartx/booster-core'
|
|
196
|
+
|
|
197
|
+
// 创建地址模型实例
|
|
198
|
+
const addressModel = new AddressModel({
|
|
199
|
+
// 地址配置
|
|
200
|
+
})
|
|
201
|
+
|
|
202
|
+
// 创建支付模型实例
|
|
203
|
+
const paymentModel = new PaymentModel({
|
|
204
|
+
// 支付配置
|
|
205
|
+
})
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
## API 参考
|
|
209
|
+
|
|
210
|
+
### 主要导出
|
|
211
|
+
|
|
212
|
+
#### 配置管理
|
|
213
|
+
- `setGlobalConfig(config: CheckoutConfig)`: 设置全局配置
|
|
214
|
+
- `getGlobalConfig(): CheckoutConfig`: 获取全局配置
|
|
215
|
+
- `globalState`: 全局状态对象
|
|
216
|
+
|
|
217
|
+
#### 验证函数
|
|
218
|
+
- `validateEmail(email: string): boolean`
|
|
219
|
+
- `validatePhone(phone: string, country?: string): boolean`
|
|
220
|
+
- `validateRequired(value: any): boolean`
|
|
221
|
+
- `validateCountry(country: string): boolean`
|
|
222
|
+
- `validateUSZipCode(zipCode: string): boolean`
|
|
223
|
+
- `validateUSStateCode(stateCode: string): boolean`
|
|
224
|
+
- `validateCAPostcode(postcode: string): boolean`
|
|
225
|
+
- `validateCAProvince(province: string): boolean`
|
|
226
|
+
- `validateGBPostcode(postcode: string): boolean`
|
|
227
|
+
- `validateAUPostcode(postcode: string): boolean`
|
|
228
|
+
- `validateAUStateOrTerritory(state: string): boolean`
|
|
229
|
+
- `validateNZPostalCode(postcode: string): boolean`
|
|
230
|
+
- `validateNZRegion(region: string): boolean`
|
|
231
|
+
|
|
232
|
+
#### 工具函数
|
|
233
|
+
- `formatCurrency(amount: number, currency: string): string`
|
|
234
|
+
- `formatPhoneNumber(phone: string, country: string): string`
|
|
235
|
+
- `debounce<T extends (...args: any[]) => any>(fn: T, delay: number): T`
|
|
236
|
+
- `retry<T>(fn: () => Promise<T>, options?: RetryOptions): Promise<T>`
|
|
237
|
+
- `encrypt(data: string, key: string): string`
|
|
238
|
+
- `getBrowserInfo(): BrowserInfo`
|
|
239
|
+
|
|
240
|
+
#### API 函数
|
|
241
|
+
- `apiGetConfig(token: string): Promise<CheckoutConfig>`
|
|
242
|
+
- `apiProcessor(data: ProcessorData): Promise<ProcessorResult>`
|
|
243
|
+
- `apiPreOrder(data: PreOrderData): Promise<PreOrderResult>`
|
|
244
|
+
- `apiOrderConfirm(data: OrderConfirmData): Promise<OrderConfirmResult>`
|
|
245
|
+
- `apiCCPayment(data: CCPaymentData): Promise<CCPaymentResult>`
|
|
246
|
+
- `apiACHPayment(data: ACHPaymentData): Promise<ACHPaymentResult>`
|
|
247
|
+
- `apiPPPayment(data: PPPaymentData): Promise<PPPaymentResult>`
|
|
248
|
+
|
|
249
|
+
#### 业务模型
|
|
250
|
+
- `AddressModel`: 地址管理模型
|
|
251
|
+
- `AddressSuggestModel`: 地址建议模型
|
|
252
|
+
- `MultiRegionsModel`: 多地区模型
|
|
253
|
+
- `PaymentModel`: 支付模型
|
|
254
|
+
- `CCPaymentModel`: 信用卡支付模型
|
|
255
|
+
- `ACHPaymentModel`: ACH 支付模型
|
|
256
|
+
- `PPPaymentModel`: PayPal 支付模型
|
|
257
|
+
- `StripePaymentModel`: Stripe 支付模型
|
|
258
|
+
- `FxpPaymentModel`: FXP 支付模型
|
|
259
|
+
- `OrderSummaryModel`: 订单摘要模型
|
|
260
|
+
- `TipsModel`: 小费模型
|
|
261
|
+
- `ShippingMethodsModel`: 运费方法模型
|
|
262
|
+
- `CustomInfoModel`: 自定义信息模型
|
|
263
|
+
- `BuyNowModel`: 购买按钮模型
|
|
264
|
+
- `PaypalModalModel`: PayPal 模态框模型
|
|
265
|
+
- `PhoneModel`: 电话输入模型
|
|
266
|
+
- `PayButtonModel`: 支付按钮模型
|
|
267
|
+
|
|
268
|
+
## 类型定义
|
|
269
|
+
|
|
270
|
+
### CheckoutConfig
|
|
271
|
+
|
|
272
|
+
```typescript
|
|
273
|
+
interface CheckoutConfig {
|
|
274
|
+
token: string
|
|
275
|
+
googleApiKey?: string
|
|
276
|
+
website: {
|
|
277
|
+
name: string
|
|
278
|
+
setting: {
|
|
279
|
+
trackings: any
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
currency: string
|
|
283
|
+
language: string
|
|
284
|
+
region: string
|
|
285
|
+
feeSetting: {
|
|
286
|
+
tip: boolean
|
|
287
|
+
coupon: boolean
|
|
288
|
+
shipping: boolean
|
|
289
|
+
}
|
|
290
|
+
processorData: {
|
|
291
|
+
productInfo: OrderProduct
|
|
292
|
+
}
|
|
293
|
+
paymentMethods: PaymentConfig
|
|
294
|
+
publicKey: string
|
|
295
|
+
}
|
|
296
|
+
```
|
|
297
|
+
|
|
298
|
+
### PaymentConfig
|
|
299
|
+
|
|
300
|
+
```typescript
|
|
301
|
+
interface PaymentConfig {
|
|
302
|
+
CC?: ccPaymentConfig
|
|
303
|
+
PP?: ppPaymentConfig
|
|
304
|
+
ACH?: achPaymentConfig
|
|
305
|
+
}
|
|
306
|
+
```
|
|
307
|
+
|
|
308
|
+
## 样式系统
|
|
309
|
+
|
|
310
|
+
本包提供了完整的样式系统，包括：
|
|
311
|
+
|
|
312
|
+
- **全局样式**: `styles/global.css`
|
|
313
|
+
- **组件样式**:
|
|
314
|
+
- `styles/button.css`
|
|
315
|
+
- `styles/input.css`
|
|
316
|
+
- `styles/select.css`
|
|
317
|
+
- `styles/payment.css`
|
|
318
|
+
- `styles/address.css`
|
|
319
|
+
- `styles/order-summary.css`
|
|
320
|
+
- `styles/custom-info.css`
|
|
321
|
+
- `styles/paypal-modal.css`
|
|
322
|
+
- `styles/phone-input.css`
|
|
323
|
+
- `styles/fee.css`
|
|
324
|
+
- `styles/loading.css`
|
|
325
|
+
- `styles/checkout-page.css`
|
|
326
|
+
- `styles/stripe-payment.css`
|
|
327
|
+
- `styles/fxp-payment.css`
|
|
328
|
+
- `styles/select-list.css`
|
|
329
|
+
- `styles/theme.css`
|
|
330
|
+
|
|
331
|
+
## 依赖项
|
|
332
|
+
|
|
333
|
+
### 核心依赖
|
|
334
|
+
- `@stripe/stripe-js`: Stripe 支付集成
|
|
335
|
+
- `currency-symbol-map`: 货币符号映射
|
|
336
|
+
- `decimal.js`: 精确的十进制运算
|
|
337
|
+
- `libphonenumber-js`: 电话号码处理
|
|
338
|
+
- `node-forge`: 加密工具
|
|
339
|
+
- `payment`: 支付处理
|
|
340
|
+
- `uuid`: UUID 生成
|
|
341
|
+
- `zod`: 数据验证
|
|
342
|
+
|
|
343
|
+
### 开发依赖
|
|
344
|
+
- `typescript`: TypeScript 支持
|
|
345
|
+
- `sass`: SCSS 编译
|
|
346
|
+
- `tailwindcss`: Tailwind CSS
|
|
347
|
+
- `postcss`: PostCSS 处理
|
|
348
|
+
- `autoprefixer`: CSS 自动前缀
|
|
349
|
+
|
|
350
|
+
## 构建
|
|
351
|
+
|
|
352
|
+
```bash
|
|
353
|
+
# 构建 TypeScript
|
|
354
|
+
pnpm run build:ts
|
|
355
|
+
|
|
356
|
+
# 构建 SCSS
|
|
357
|
+
pnpm run build:scss
|
|
358
|
+
|
|
359
|
+
# 构建样式文件
|
|
360
|
+
pnpm run build:styles
|
|
361
|
+
|
|
362
|
+
# 完整构建
|
|
363
|
+
pnpm run build
|
|
364
|
+
|
|
365
|
+
# 开发模式（监听 SCSS 变化）
|
|
366
|
+
pnpm run dev
|
|
367
|
+
|
|
368
|
+
# 类型检查
|
|
369
|
+
pnpm run typecheck
|
|
370
|
+
```
|
|
371
|
+
|
|
372
|
+
## 许可证
|
|
373
|
+
|
|
374
|
+
GPL-3.0-only
|
|
375
|
+
|
|
376
|
+
## 相关包
|
|
377
|
+
|
|
378
|
+
- `@intercartx/booster-react`: React 组件库
|
|
379
|
+
- `@intercartx/booster-solid`: SolidJS 组件库
|
|
380
|
+
- `@intercartx/booster-elements`: Web Components 库
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.itx-checkout-page{--left-side-width: 50rem;--right-side-width: 36rem;--wrapper-padding: calc((100vw - 50rem - 36rem) / 2);--flex-left: 52;--flex-right: 48}.itx-checkout-page .main{display: flex;flex-direction: column}@media (min-width: 1280px){.itx-checkout-page .main{flex-direction: row}}.itx-checkout-page .left-side{flex: var(--flex-left);--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.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}@media (min-width: 768px){.itx-checkout-page .left-side .left-side-wrapper{margin-right: 0px;padding-left: 3rem;padding-right: 3rem}}.itx-checkout-page .right-side{flex: var(--flex-right);border-left-width: 0px}@media (min-width: 1280px){.itx-checkout-page .right-side{border-left-width: 1px}}.itx-checkout-page .right-side{background-color:#fafafa}.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){.itx-checkout-page .right-side .right-side-wrapper{margin-left: 0px;margin-right: 0px;border-top-width: 0px;padding: 3rem}}@media (min-width: 1280px){.itx-checkout-page .right-side .right-side-wrapper{max-width: var(--right-side-width)}}.itx-checkout-page .title{margin-bottom:1.8rem;font-size:1.25rem;line-height:1.75rem;font-weight:500}
|
package/dist/styles/fee.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.itx-shipping-methods{display: flex;width: 100%;flex-direction: column}.itx-shipping-methods .itx-shipping-method-option{display: flex;width: 100%;align-items: center;justify-content: space-between}.itx-add-tip{--fixed-option-bg: #EDF4FF}.itx-add-tip .tip-wrapper{position: relative}.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)}.itx-add-tip .tip-wrapper>label .label-content{position: relative;left: 1.75rem}.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))}.itx-add-tip .tip-wrapper .checkbox:not(:checked)~label{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.itx-add-tip .tip-wrapper .checkbox:not(:checked)~.card{border-bottom-width: 0px}.itx-add-tip .tip-wrapper .checkbox:checked~.card{grid-template-rows: 1fr}.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)}.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}.itx-add-tip .tip-wrapper .card .thanks{margin-top: 1rem;margin-bottom: 1rem}.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))}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip{flex: 1 1 0%;padding: 0.75rem}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip:not(:first-child){border-left-width: 1px}.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}.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)}.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}.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}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item{display: flex;flex-direction: column;align-items: center}.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)}.itx-add-tip .tip-wrapper .custom-tip-wrapper{position: relative;display: flex;align-items: stretch;gap: 1rem}.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))}.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)}.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}.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}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-moz-placeholder{color: transparent}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::placeholder{color: transparent}.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}.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}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~.custom-tip-prefix{visibility: visible}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~.custom-tip-prefix{visibility: visible}.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))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~.custom-tip-prefix{visibility: visible}.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)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~label,.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)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-outer-spin-button,.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-inner-spin-button{-webkit-appearance:none}.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)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn{margin-right: 2px;display: flex;align-items: center}.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)}.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))}.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))}.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))}.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))}
|
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
|
+
.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.bottom-0{bottom:0px}.bottom-\[-1px\]{bottom:-1px}.left-0{left:0px}.left-1{left:0.25rem}.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:0px}.right-4{right:1rem}.right-\[-1px\]{right:-1px}.right-\[1em\]{right:1em}.top-0{top:0px}.top-1{top:0.25rem}.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-0{margin-left:0px;margin-right:0px}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-4{margin-bottom:1rem}.mr-0{margin-right:0px}.mr-5{margin-right:1.25rem}.mr-\[2px\]{margin-right:2px}.mt-2{margin-top:0.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[50\/29\]{aspect-ratio:50/29}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:0.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:0px}.max-h-\[55px\]{max-height:55px}.max-h-\[57rem\]{max-height:57rem}.min-h-\[180px\]{min-height:180px}.w-1{width:0.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:0.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%}.border-collapse{border-collapse:collapse}.origin-\[0_0\]{transform-origin:0 0}.-translate-x-1{--tw-translate-x:-0.25rem;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-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))}.-translate-y-1{--tw-translate-y:-0.25rem;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-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))}.-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))}.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))}.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))}.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}.resize{resize:both}.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-row{flex-direction:row}.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:0.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.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)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[50rem\]{border-radius:50rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:0.375rem}.rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-0{border-bottom-width:0px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-\[1px\]{border-left-width:1px}.border-r-0{border-right-width:0px}.border-r-\[1px\]{border-right-width:1px}.border-t-0{border-top-width:0px}.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-12{padding:3rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:0.75rem;padding-right:0.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:0.6em;padding-right:0.6em}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[\.375rem\]{padding-top:.375rem;padding-bottom:.375rem}.py-\[0\.2em\]{padding-top:0.2em;padding-bottom:0.2em}.pb-\[\.375rem\]{padding-bottom:.375rem}.pb-\[\.625rem\]{padding-bottom:.625rem}.pb-\[0\.375rem\]{padding-bottom:0.375rem}.pb-\[0\.625rem\]{padding-bottom:0.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:0.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:0.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:rgb(33 37 41 / 0.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,0.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))}.underline{text-decoration-line:underline}.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)}.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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.delay-200{transition-delay:200ms}.duration-100{transition-duration:100ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}html{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 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}.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:0px;margin-right:0px}.md\:mr-0{margin-right:0px}.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:0px}.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}}
|
package/dist/styles/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.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%}.itx-input-inner{position: relative;display: flex;align-items: center;width:var(--itx-input-width);height:var(--itx-input-height)}.itx-input-inner .itx-input{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;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)}.itx-input-inner .itx-input:focus{border-color:var(--itx-input-focus-border-color)}.itx-input-inner .itx-input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.375rem}.itx-input-inner .itx-input:not(:placeholder-shown),.itx-input-inner .itx-input:focus{padding-top: 1.625rem;padding-bottom: 0.375rem}.itx-input-inner .itx-input::-moz-placeholder{color: transparent}.itx-input-inner .itx-input::placeholder{color: transparent}.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)}.itx-input-inner .itx-input:not(:placeholder-shown)~label,.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)}.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}.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-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);color:var(--itx-input-label-color)}.itx-invalid{color:var(--itx-input-invalid-color) !important}.itx-input.itx-invalid{border-color:var(--itx-input-invalid-border-color) !important}.itx-input.itx-invalid:focus{border-color:var(--itx-input-invalid-border-color) !important}
|
package/dist/styles/payment.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.itx-cc-payment{margin-bottom: 1rem;display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.itx-cc-payment .wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.itx-cc-payment .wrapper{flex-direction: row}}.itx-cc-payment .wrapper{gap:var(--itx-form-item-gap)}.itx-accordion{width: 100%}.itx-accordion .accordion-panel{position: relative;width: 100%;border:var(--itx-border-width) solid var(--itx-border-color)}.itx-accordion .accordion-panel:first-child{border-top-left-radius:var(--itx-border-radius);border-top-right-radius:var(--itx-border-radius)}.itx-accordion .accordion-panel:last-child{border-bottom-left-radius:var(--itx-border-radius);border-bottom-right-radius:var(--itx-border-radius)}.itx-accordion .accordion-panel:not(:last-child){border-bottom:none}.itx-accordion .accordion-panel .accordion-checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-border-width) solid var(--itx-border-color)}.itx-accordion .accordion-panel .accordion-checkbox:checked{border-width:calc(var(--itx-border-width)*4);border-color:var(--itx-border-active-color)}.itx-accordion .accordion-panel .accordion-checkbox:checked~.accordion-content{grid-template-rows: 1fr;overflow: hidden}.itx-accordion .accordion-panel .accordion-item{display: flex;width: 100%;align-items: center;padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;background-color:rgba(0,0,0,0);background-image:none;border:none}.itx-accordion .accordion-panel .accordion-item label{display: flex;width: 100%;cursor: pointer;align-items: center;justify-content: space-between}.itx-accordion .accordion-panel .accordion-item .accordion-item-title{position: relative;left: 2rem}.itx-accordion .accordion-panel .accordion-item .accordion-item-icons{display: flex;align-items: center;gap: 0.5rem}.itx-accordion .accordion-panel .accordion-item .accordion-item-icons .accordion-item-icon{height: 1.6rem}.itx-accordion .accordion-panel .accordion-content{display: grid;grid-template-rows: 0fr;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}.itx-accordion .accordion-panel .accordion-content .accordion-content-inner{display: flex;flex-direction: column;gap: 1rem;overflow: hidden;padding-left: 1.25rem;padding-right: 1.25rem}.itx-payment-head{display: flex;width: 100%;align-items: center;justify-content: space-between}.itx-payment-head .itx-payment-head-title{position: relative;left: 2rem}.itx-payment-head .itx-payment-head-icons{display: flex;align-items: center;gap: 0.5rem}.itx-payment-head .itx-payment-head-icons .accordion-item-icon{height: 1.6rem}.itx-ach-payment{margin-bottom: 1rem}.itx-ach-payment .itx-ach-payment-wrapper{margin-top: 1rem}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper{display: flex}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item{position: relative;flex: 1 1 0%}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-input{position: absolute;z-index: -10}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label{position: relative;display: flex;align-items: center;justify-content: center;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));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;vertical-align: 2px;font-weight: 500;--tw-text-opacity: 1;color: rgb(222 226 230 / var(--tw-text-opacity, 1))}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right-width: 0px}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l.active{border-right-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r{border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left-width: 0px}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r.active{border-left-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.itx-ach-payment .itx-ach-payment-input-wrapper{margin-top: 1rem;margin-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem}@media (min-width: 1024px){.itx-ach-payment .itx-ach-payment-input-wrapper{flex-direction: row}}.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 100%}@media (min-width: 1024px){.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 50%}}.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 100%}@media (min-width: 1024px){.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 50%}}.itx-paypal-payment{margin-top: 1rem;margin-bottom: 1rem;text-align: center}.itx-paypal-payment .itx-paypal-payment-bg{margin-bottom: 1rem;display: flex;justify-content: center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-phone-input-wrapper{--itx-phone-input-height: var(--itx-form-item-height);--itx-phone-input-width: var(--itx-form-item-width);display: flex;align-items: stretch;font-size:var(--itx-font-size-base)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region{position: relative;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger{display: flex;height: 100%;cursor: pointer;align-items: center;--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;text-align: center;border-top-left-radius:var(--itx-border-radius);border-bottom-left-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);border-right:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown{position: absolute;top: 100%;left: 0px;right: 0px;z-index: 10;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));--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);max-height:200px;overflow-y:auto;border:var(--itx-border-width) solid var(--itx-border-color);border-top:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option{display: flex;cursor: pointer;align-items: center;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option:hover{--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option.selected{--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option span{font-size: 0.875rem;line-height: 1.25rem;color:var(--itx-primary-color)}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input-prefix{display: block}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input{padding-left: 2.75rem;border-left-top-radius:0;border-left-bottom-radius:0}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix{position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: none;width: 2.5rem;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix input{height: 100%;width: 100%;border-style: none;background-color: transparent;padding-top: 1.625rem;padding-bottom: .375rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input{border-top-left-radius:0;border-bottom-left-radius:0}
|
package/dist/styles/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--itx-font-size-base: 1rem;--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.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.itx-select-wrapper{--itx-select-border-width: var(--itx-border-width);--itx-select-border-color: var(--itx-border-color);--itx-select-color: var(--itx-primary-color);--itx-select-border-radius: var(--itx-border-radius);--itx-select-label-color: var(--itx-label-color);--itx-select-invalid-color: var(--itx-invalid-color);--itx-select-invalid-border-color: var(--itx-invalid-border-color);--itx-select-focus-border-color: var(--itx-border-active-color);--itx-select-height: var(--itx-form-item-height);--itx-select-width: var(--itx-form-item-width);position: relative;width: 100%}.itx-select-wrapper .itx-select-inner{position: relative;display: flex;align-items: center;width:var(--itx-select-width);height:var(--itx-select-height)}.itx-select-wrapper .itx-select-inner .itx-select{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1.4rem;padding-bottom: 0.625rem;outline: 2px solid transparent;outline-offset: 2px;border:var(--itx-select-border-width) solid var(--itx-select-border-color);border-radius:var(--itx-select-border-radius);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-select-color);appearance:none;-webkit-appearance:none;-moz-appearance:none}.itx-select-wrapper .itx-select-inner .itx-select:focus{border-color:var(--itx-select-focus-border-color)}.itx-select-wrapper .itx-select-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;align-items: center;font-size: 1em;transform:translateY(-50%)}.itx-select-wrapper .itx-select-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transform:translateX(-0.15rem) translateY(-0.7rem) scale(0.85);color:var(--itx-select-label-color)}.itx-select-invalid{color:var(--itx-select-invalid-color);border-color:var(--itx-select-invalid-border-color)}.itx-select.invalid{border-color:var(--itx-select-invalid-border-color);color:var(--itx-select-invalid-color)}
|