@webority/theme 0.110.2 → 0.111.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.111.0",
|
|
4
4
|
"description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"country-flag-icons": "^1.6.20",
|
|
52
52
|
"sass-embedded": "^1.97.0",
|
|
53
53
|
"vite": "^8.0.12",
|
|
54
|
-
"@webority/tokens": "0.
|
|
54
|
+
"@webority/tokens": "0.111.0"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"tokens": "node ../tokens/dist/webority.js brand --library --out ../tokens/dist --web scss/_tokens.generated.scss",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by @webority/tokens 0.
|
|
1
|
+
// Generated by @webority/tokens 0.111.0 from its token source. Do not edit; run webority brand --library.
|
|
2
2
|
$body-color: #252f4a !default;
|
|
3
3
|
$body-secondary-color: #4b5675 !default;
|
|
4
4
|
$body-tertiary-color: #626a82 !default;
|
package/scss/wui/_display.scss
CHANGED
|
@@ -367,6 +367,12 @@ a.kpi:focus-visible {
|
|
|
367
367
|
.wui-descs-col-4 .descs-list {
|
|
368
368
|
--descs-cols: 1;
|
|
369
369
|
}
|
|
370
|
+
// A span wider than the one column would add an implicit column and squeeze every value into half the width.
|
|
371
|
+
.descs-col-2 .descs-item,
|
|
372
|
+
.descs-col-3 .descs-item,
|
|
373
|
+
.wui-descs-col-4 .descs-item {
|
|
374
|
+
--descs-span: 1;
|
|
375
|
+
}
|
|
370
376
|
// One column here, so only the first item sits on the first row.
|
|
371
377
|
.descs-col-2.descs-bordered .descs-item:nth-child(n + 2),
|
|
372
378
|
.descs-col-3.descs-bordered .descs-item:nth-child(n + 2),
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
// The last content must scroll clear of the bar, and a footer sits on top of it.
|
|
37
37
|
.app-shell:has(> .wui-tabbar) .app-content {
|
|
38
|
-
padding-bottom: calc(var(--wui-tabbar-h) + 28px + env(safe-area-inset-bottom));
|
|
38
|
+
padding-bottom: calc(var(--wui-tabbar-h) + 28px + env(safe-area-inset-bottom) + var(--app-footer-h, 0px));
|
|
39
39
|
}
|
|
40
40
|
.app-shell:has(> .wui-tabbar) .app-footer {
|
|
41
41
|
bottom: calc(var(--wui-tabbar-h) + env(safe-area-inset-bottom));
|
package/scss/wui/_shell.scss
CHANGED
|
@@ -883,11 +883,12 @@
|
|
|
883
883
|
outline-offset: var(--wui-focus-ring-offset);
|
|
884
884
|
}
|
|
885
885
|
|
|
886
|
+
// --app-footer-h is set on .app-shell by the shell runtime while a footer is rendered; it is unset without one.
|
|
886
887
|
.app-content {
|
|
887
888
|
--app-content-padding-top: 24px;
|
|
888
889
|
flex: 1 1 auto;
|
|
889
890
|
min-width: 0;
|
|
890
|
-
padding: var(--app-content-padding-top) 28px 24px;
|
|
891
|
+
padding: var(--app-content-padding-top) 28px calc(24px + var(--app-footer-h, 0px));
|
|
891
892
|
}
|
|
892
893
|
[data-density="compact"] .app-content {
|
|
893
894
|
--app-content-padding-top: 12px;
|
|
@@ -1016,7 +1017,7 @@
|
|
|
1016
1017
|
}
|
|
1017
1018
|
.app-shell.app-shell .app-content {
|
|
1018
1019
|
--app-content-padding-top: 16px;
|
|
1019
|
-
padding-block: var(--app-content-padding-top) 32px;
|
|
1020
|
+
padding-block: var(--app-content-padding-top) calc(32px + var(--app-footer-h, 0px));
|
|
1020
1021
|
}
|
|
1021
1022
|
.app-shell.app-shell[data-density="compact"] .app-content {
|
|
1022
1023
|
--app-content-padding-top: 12px;
|