@akropolys/kiku 1.2.0 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +34 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +34 -16
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +23 -36
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -2478,59 +2478,46 @@
|
|
|
2478
2478
|
--hsk-border: #202124;
|
|
2479
2479
|
}
|
|
2480
2480
|
}
|
|
2481
|
-
.hsk-cb-
|
|
2482
|
-
margin: 12px 0;
|
|
2483
|
-
padding: 18px 16px;
|
|
2484
|
-
border-radius: 14px;
|
|
2485
|
-
background: color-mix(in srgb, var(--hsk-primary, #6366f1) 8%, transparent);
|
|
2486
|
-
border: 1px solid color-mix(in srgb, var(--hsk-primary, #6366f1) 25%, transparent);
|
|
2487
|
-
text-align: center;
|
|
2481
|
+
.hsk-cb-phone-form {
|
|
2488
2482
|
display: flex;
|
|
2489
2483
|
flex-direction: column;
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
animation: hsk-fade-in 0.3s ease;
|
|
2493
|
-
}
|
|
2494
|
-
.hsk-cb-payment-icon {
|
|
2495
|
-
font-size: 1.5rem;
|
|
2484
|
+
gap: 8px;
|
|
2485
|
+
margin-top: 8px;
|
|
2496
2486
|
}
|
|
2497
|
-
.hsk-cb-
|
|
2498
|
-
margin: 0;
|
|
2487
|
+
.hsk-cb-phone-label {
|
|
2499
2488
|
font-size: 0.875rem;
|
|
2500
|
-
color: var(--hsk-text,
|
|
2501
|
-
|
|
2489
|
+
color: var(--hsk-text, inherit);
|
|
2490
|
+
margin: 0;
|
|
2502
2491
|
}
|
|
2503
2492
|
.hsk-cb-phone-input {
|
|
2504
2493
|
width: 100%;
|
|
2505
|
-
|
|
2506
|
-
padding:
|
|
2507
|
-
border: 1px solid
|
|
2508
|
-
border-radius:
|
|
2494
|
+
box-sizing: border-box;
|
|
2495
|
+
padding: 8px 12px;
|
|
2496
|
+
border: 1px solid var(--hsk-border, #e4e4e7);
|
|
2497
|
+
border-radius: var(--hsk-radius, 8px);
|
|
2509
2498
|
background: var(--hsk-bg, #fff);
|
|
2510
|
-
color: var(--hsk-text,
|
|
2499
|
+
color: var(--hsk-text, inherit);
|
|
2511
2500
|
font-size: 0.9rem;
|
|
2512
|
-
text-align: center;
|
|
2513
2501
|
outline: none;
|
|
2514
|
-
transition: border-color 0.
|
|
2502
|
+
transition: border-color 0.15s;
|
|
2515
2503
|
}
|
|
2516
2504
|
.hsk-cb-phone-input:focus {
|
|
2517
2505
|
border-color: var(--hsk-primary, #6366f1);
|
|
2518
|
-
box-shadow: 0 0 0 3px color-mix(in srgb, var(--hsk-primary, #6366f1) 15%, transparent);
|
|
2519
2506
|
}
|
|
2520
|
-
.hsk-cb-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
border:
|
|
2524
|
-
|
|
2525
|
-
|
|
2507
|
+
.hsk-cb-phone-submit {
|
|
2508
|
+
align-self: flex-start;
|
|
2509
|
+
padding: 8px 16px;
|
|
2510
|
+
border: 1px solid var(--hsk-border, #e4e4e7);
|
|
2511
|
+
border-radius: var(--hsk-radius, 8px);
|
|
2512
|
+
background: var(--hsk-bg, #fff);
|
|
2513
|
+
color: var(--hsk-text, inherit);
|
|
2526
2514
|
font-size: 0.875rem;
|
|
2527
|
-
font-weight:
|
|
2515
|
+
font-weight: 500;
|
|
2528
2516
|
cursor: pointer;
|
|
2529
|
-
transition:
|
|
2517
|
+
transition: background 0.15s, border-color 0.15s;
|
|
2530
2518
|
}
|
|
2531
|
-
.hsk-cb-
|
|
2532
|
-
|
|
2533
|
-
transform: translateY(-1px);
|
|
2519
|
+
.hsk-cb-phone-submit:hover {
|
|
2520
|
+
border-color: var(--hsk-primary, #6366f1);
|
|
2534
2521
|
}
|
|
2535
2522
|
.hsk-checkout-backdrop-full {
|
|
2536
2523
|
position: fixed;
|