@konce-pt/styles 0.14.0 → 0.15.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/components.css +27 -0
- package/package.json +2 -2
package/components.css
CHANGED
|
@@ -3616,6 +3616,33 @@
|
|
|
3616
3616
|
.kpt-dialog[data-size=lg] {
|
|
3617
3617
|
--_width: 48rem;
|
|
3618
3618
|
}
|
|
3619
|
+
.kpt-dialog {
|
|
3620
|
+
/*
|
|
3621
|
+
* Cały ekran: bez ramki, zaokrągleń, cienia i marginesów. `max-width`/`max-height` zeruje też
|
|
3622
|
+
* limity z arkusza przeglądarki (natywny modal trzyma odstęp od krawędzi). `dvh`, nie `vh` -
|
|
3623
|
+
* na telefonie `100vh` sięga pod pasek adresu i stopka wypadłaby poza ekran.
|
|
3624
|
+
*/
|
|
3625
|
+
}
|
|
3626
|
+
.kpt-dialog[data-size=full] {
|
|
3627
|
+
width: 100vw;
|
|
3628
|
+
max-width: none;
|
|
3629
|
+
height: 100dvh;
|
|
3630
|
+
max-height: none;
|
|
3631
|
+
margin: 0;
|
|
3632
|
+
border: 0;
|
|
3633
|
+
border-radius: 0;
|
|
3634
|
+
box-shadow: none;
|
|
3635
|
+
}
|
|
3636
|
+
.kpt-dialog[data-size=full] .kpt-dialog__header {
|
|
3637
|
+
padding-top: max(var(--kpt-space-5, 1.25rem), env(safe-area-inset-top));
|
|
3638
|
+
}
|
|
3639
|
+
.kpt-dialog[data-size=full] .kpt-dialog__body {
|
|
3640
|
+
flex: 1 1 auto;
|
|
3641
|
+
padding-bottom: max(var(--kpt-space-6, 1.5rem), env(safe-area-inset-bottom));
|
|
3642
|
+
}
|
|
3643
|
+
.kpt-dialog[data-size=full] [kptDialogFooter] {
|
|
3644
|
+
padding-bottom: max(var(--kpt-space-4, 1rem), env(safe-area-inset-bottom));
|
|
3645
|
+
}
|
|
3619
3646
|
.kpt-dialog::backdrop {
|
|
3620
3647
|
background: var(--kpt-color-overlay-scrim);
|
|
3621
3648
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@konce-pt/styles",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0",
|
|
4
4
|
"description": "Base CSS for Koncept UI - reset, cascade @layer ordering and neutral light/dark theme (SCSS source).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "konce.pt",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"src"
|
|
53
53
|
],
|
|
54
54
|
"peerDependencies": {
|
|
55
|
-
"@konce-pt/tokens": "0.
|
|
55
|
+
"@konce-pt/tokens": "0.15.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"sass": "^1.77.0"
|