@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.cjs
CHANGED
|
@@ -2556,13 +2556,14 @@ var toastStyles = import_lit3.css`
|
|
|
2556
2556
|
/* Container */
|
|
2557
2557
|
--toast-gap: 12px;
|
|
2558
2558
|
--toast-padding: 16px;
|
|
2559
|
+
--toast-min-width: 360px;
|
|
2559
2560
|
--toast-max-width: 420px;
|
|
2560
2561
|
|
|
2561
2562
|
/* Card */
|
|
2562
2563
|
--toast-card-bg: #fff;
|
|
2563
2564
|
--toast-card-border: #f3f4f6;
|
|
2564
2565
|
--toast-card-shadow: 0 4px 12px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.06);
|
|
2565
|
-
--toast-card-radius:
|
|
2566
|
+
--toast-card-radius: 4px;
|
|
2566
2567
|
--toast-card-padding: 14px 16px;
|
|
2567
2568
|
|
|
2568
2569
|
/* Colors (inherit from dialog when available) */
|
|
@@ -2599,6 +2600,7 @@ var toastStyles = import_lit3.css`
|
|
|
2599
2600
|
padding: var(--toast-padding);
|
|
2600
2601
|
pointer-events: none;
|
|
2601
2602
|
max-height: 100vh;
|
|
2603
|
+
min-width: var(--toast-min-width);
|
|
2602
2604
|
max-width: var(--toast-max-width);
|
|
2603
2605
|
box-sizing: border-box;
|
|
2604
2606
|
}
|
|
@@ -2638,6 +2640,7 @@ var toastStyles = import_lit3.css`
|
|
|
2638
2640
|
@media (max-width: 639px) {
|
|
2639
2641
|
.container {
|
|
2640
2642
|
max-width: 100%;
|
|
2643
|
+
min-width: 0;
|
|
2641
2644
|
width: 100%;
|
|
2642
2645
|
left: 0;
|
|
2643
2646
|
right: 0;
|
|
@@ -2730,21 +2733,29 @@ var toastStyles = import_lit3.css`
|
|
|
2730
2733
|
pointer-events: none;
|
|
2731
2734
|
}
|
|
2732
2735
|
|
|
2733
|
-
/* Type-based
|
|
2734
|
-
.toast-card
|
|
2735
|
-
|
|
2736
|
+
/* Type-based top stripe */
|
|
2737
|
+
.toast-card::before {
|
|
2738
|
+
content: '';
|
|
2739
|
+
position: absolute;
|
|
2740
|
+
bottom: 0;
|
|
2741
|
+
left: 0;
|
|
2742
|
+
right: 0;
|
|
2743
|
+
height: 2px;
|
|
2744
|
+
}
|
|
2745
|
+
.toast-card[data-type='success']::before {
|
|
2746
|
+
background: var(--toast-success);
|
|
2736
2747
|
}
|
|
2737
|
-
.toast-card[data-type='error'] {
|
|
2738
|
-
|
|
2748
|
+
.toast-card[data-type='error']::before {
|
|
2749
|
+
background: var(--toast-error);
|
|
2739
2750
|
}
|
|
2740
|
-
.toast-card[data-type='warning'] {
|
|
2741
|
-
|
|
2751
|
+
.toast-card[data-type='warning']::before {
|
|
2752
|
+
background: var(--toast-warning);
|
|
2742
2753
|
}
|
|
2743
|
-
.toast-card[data-type='info'] {
|
|
2744
|
-
|
|
2754
|
+
.toast-card[data-type='info']::before {
|
|
2755
|
+
background: var(--toast-info);
|
|
2745
2756
|
}
|
|
2746
|
-
.toast-card[data-type='loading'] {
|
|
2747
|
-
|
|
2757
|
+
.toast-card[data-type='loading']::before {
|
|
2758
|
+
background: var(--toast-loading);
|
|
2748
2759
|
}
|
|
2749
2760
|
|
|
2750
2761
|
/* ─── Animations ─── */
|