@webority/theme 0.83.2 → 0.83.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/README.md +2 -3
- package/dist/postcss/forced-states.mjs +1 -0
- package/dist/purge-safelist.json +1 -0
- package/dist/webority-theme.css +1 -1
- package/package.json +7 -2
- package/scss/wui/_shell-parts.scss +10 -0
- package/scss/wui/_shell.scss +19 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.83.
|
|
3
|
+
"version": "0.83.3",
|
|
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": {
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"./css/runtime-brand": "./dist/webority-runtime-brand.css",
|
|
34
34
|
"./purge-safelist.json": "./dist/purge-safelist.json",
|
|
35
35
|
"./token-meanings.json": "./token-meanings.json",
|
|
36
|
+
"./postcss/forced-states": "./dist/postcss/forced-states.mjs",
|
|
36
37
|
"./logos/*": "./logos/*",
|
|
37
38
|
"./package.json": "./package.json"
|
|
38
39
|
},
|
|
@@ -41,8 +42,12 @@
|
|
|
41
42
|
},
|
|
42
43
|
"sass": "index.scss",
|
|
43
44
|
"style": "dist/webority-theme.css",
|
|
45
|
+
"dependencies": {
|
|
46
|
+
"postcss-selector-parser": "^7.1.7"
|
|
47
|
+
},
|
|
44
48
|
"peerDependencies": {
|
|
45
|
-
"bootstrap": "5.3.3"
|
|
49
|
+
"bootstrap": "5.3.3",
|
|
50
|
+
"postcss": "^8.5.31"
|
|
46
51
|
},
|
|
47
52
|
"devDependencies": {
|
|
48
53
|
"bootstrap": "5.3.3",
|
|
@@ -40,6 +40,16 @@
|
|
|
40
40
|
.app-shell:has(> .wui-tabbar) .app-footer {
|
|
41
41
|
bottom: calc(var(--wui-tabbar-h) + env(safe-area-inset-bottom));
|
|
42
42
|
}
|
|
43
|
+
.app-shell:has(> .wui-tabbar) > .wui-shell-launcher {
|
|
44
|
+
bottom: calc(var(--wui-tabbar-h) + 16px + env(safe-area-inset-bottom));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
// A floating slot pinned to the bottom end corner over the page; on a phone the tab bar block above lifts it.
|
|
48
|
+
.wui-shell-launcher {
|
|
49
|
+
position: fixed;
|
|
50
|
+
inset-inline-end: 24px;
|
|
51
|
+
bottom: calc(24px + env(safe-area-inset-bottom));
|
|
52
|
+
z-index: var(--wui-z-fixed);
|
|
43
53
|
}
|
|
44
54
|
.wui-tabbar-item {
|
|
45
55
|
position: relative;
|
package/scss/wui/_shell.scss
CHANGED
|
@@ -757,6 +757,25 @@
|
|
|
757
757
|
border-color 0.2s ease,
|
|
758
758
|
box-shadow 0.2s ease;
|
|
759
759
|
}
|
|
760
|
+
.app-topbar[data-tone="primary"] {
|
|
761
|
+
background: var(--color-primary);
|
|
762
|
+
color: var(--color-on-primary-ink);
|
|
763
|
+
}
|
|
764
|
+
.app-topbar[data-tone="primary"] :is(.app-topbar-menu, .topbar-icon-btn, .wui-usermenu-trigger) {
|
|
765
|
+
color: inherit;
|
|
766
|
+
}
|
|
767
|
+
// The trigger's name, role and caret take the ink too. Scoped to the trigger, because the open
|
|
768
|
+
// menu repeats the name and role on its surface, where the ink would be unreadable.
|
|
769
|
+
.app-topbar[data-tone="primary"] .wui-usermenu-trigger :is(.wui-usermenu-name, .wui-usermenu-role, .wui-usermenu-caret) {
|
|
770
|
+
color: inherit;
|
|
771
|
+
}
|
|
772
|
+
.app-topbar[data-tone="primary"] .app-topbar-menu {
|
|
773
|
+
background: transparent;
|
|
774
|
+
border-color: color-mix(in srgb, var(--color-on-primary-ink) 60%, transparent);
|
|
775
|
+
}
|
|
776
|
+
.app-topbar[data-tone="primary"] :is(.app-topbar-menu, .topbar-icon-btn, .wui-usermenu-trigger):hover {
|
|
777
|
+
background: color-mix(in srgb, var(--color-on-primary-ink) 12%, transparent);
|
|
778
|
+
}
|
|
760
779
|
// Two groups: the leading one shrinks and ellipsises a long page title, the
|
|
761
780
|
// trailing one is pinned so actions are never pushed off-screen.
|
|
762
781
|
.app-topbar-start {
|