@konomi-app/ui 5.5.0 → 5.6.0
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.cjs +23 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -12
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2528,13 +2528,14 @@ var toastStyles = css2`
|
|
|
2528
2528
|
/* Container */
|
|
2529
2529
|
--toast-gap: 12px;
|
|
2530
2530
|
--toast-padding: 16px;
|
|
2531
|
+
--toast-min-width: 360px;
|
|
2531
2532
|
--toast-max-width: 420px;
|
|
2532
2533
|
|
|
2533
2534
|
/* Card */
|
|
2534
2535
|
--toast-card-bg: #fff;
|
|
2535
2536
|
--toast-card-border: #f3f4f6;
|
|
2536
2537
|
--toast-card-shadow: 0 4px 12px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.06);
|
|
2537
|
-
--toast-card-radius:
|
|
2538
|
+
--toast-card-radius: 4px;
|
|
2538
2539
|
--toast-card-padding: 14px 16px;
|
|
2539
2540
|
|
|
2540
2541
|
/* Colors (inherit from dialog when available) */
|
|
@@ -2571,6 +2572,7 @@ var toastStyles = css2`
|
|
|
2571
2572
|
padding: var(--toast-padding);
|
|
2572
2573
|
pointer-events: none;
|
|
2573
2574
|
max-height: 100vh;
|
|
2575
|
+
min-width: var(--toast-min-width);
|
|
2574
2576
|
max-width: var(--toast-max-width);
|
|
2575
2577
|
box-sizing: border-box;
|
|
2576
2578
|
}
|
|
@@ -2610,6 +2612,7 @@ var toastStyles = css2`
|
|
|
2610
2612
|
@media (max-width: 639px) {
|
|
2611
2613
|
.container {
|
|
2612
2614
|
max-width: 100%;
|
|
2615
|
+
min-width: 0;
|
|
2613
2616
|
width: 100%;
|
|
2614
2617
|
left: 0;
|
|
2615
2618
|
right: 0;
|
|
@@ -2702,21 +2705,29 @@ var toastStyles = css2`
|
|
|
2702
2705
|
pointer-events: none;
|
|
2703
2706
|
}
|
|
2704
2707
|
|
|
2705
|
-
/* Type-based
|
|
2706
|
-
.toast-card
|
|
2707
|
-
|
|
2708
|
+
/* Type-based top stripe */
|
|
2709
|
+
.toast-card::before {
|
|
2710
|
+
content: '';
|
|
2711
|
+
position: absolute;
|
|
2712
|
+
bottom: 0;
|
|
2713
|
+
left: 0;
|
|
2714
|
+
right: 0;
|
|
2715
|
+
height: 2px;
|
|
2716
|
+
}
|
|
2717
|
+
.toast-card[data-type='success']::before {
|
|
2718
|
+
background: var(--toast-success);
|
|
2708
2719
|
}
|
|
2709
|
-
.toast-card[data-type='error'] {
|
|
2710
|
-
|
|
2720
|
+
.toast-card[data-type='error']::before {
|
|
2721
|
+
background: var(--toast-error);
|
|
2711
2722
|
}
|
|
2712
|
-
.toast-card[data-type='warning'] {
|
|
2713
|
-
|
|
2723
|
+
.toast-card[data-type='warning']::before {
|
|
2724
|
+
background: var(--toast-warning);
|
|
2714
2725
|
}
|
|
2715
|
-
.toast-card[data-type='info'] {
|
|
2716
|
-
|
|
2726
|
+
.toast-card[data-type='info']::before {
|
|
2727
|
+
background: var(--toast-info);
|
|
2717
2728
|
}
|
|
2718
|
-
.toast-card[data-type='loading'] {
|
|
2719
|
-
|
|
2729
|
+
.toast-card[data-type='loading']::before {
|
|
2730
|
+
background: var(--toast-loading);
|
|
2720
2731
|
}
|
|
2721
2732
|
|
|
2722
2733
|
/* ─── Animations ─── */
|