@synopackageland/ui 0.23.0 → 0.23.1
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/CHANGELOG.md +7 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +9 -0
- package/dist/index.js +4567 -4559
- package/dist/json-preview/preview.js +5067 -5059
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/mobile-native.md +11 -0
- package/package.json +1 -93
package/docs/mobile-native.md
CHANGED
|
@@ -478,6 +478,17 @@ the page, `--ui-chrome-height` tall (44px, plus a 1px rule):
|
|
|
478
478
|
keeps its heading for screen readers only, and takes no room when it has
|
|
479
479
|
nothing else to show (no description, meta or actions). There is no large
|
|
480
480
|
collapsing title.
|
|
481
|
+
- **No title on a tab page.** `phone-bar-title="none"` draws a root page's
|
|
482
|
+
bar with no title and no App icon or brand, like X's tab pages, where the
|
|
483
|
+
tab bar already names the page. The bar keeps its height, its menu or
|
|
484
|
+
actions and its "…", and still hides on scroll. The `title` prop stays in
|
|
485
|
+
the bar for screen readers only, and a `PageHeader` title still moves out of
|
|
486
|
+
the page. The drawer (from the menu button or the tab bar's More) is still
|
|
487
|
+
headed by `brand-name` and `brand-icon`, and the document title is
|
|
488
|
+
untouched. A sub-page (Back) shows its title as usual. Only the phone layout
|
|
489
|
+
changes; a DSM window and a desktop draw no phone bar. Set it per page:
|
|
490
|
+
`:phone-bar-title="onTabPage ? 'none' : 'auto'"`. Do not pass an empty
|
|
491
|
+
`title` or brand to hide them: the drawer would lose the App's name.
|
|
481
492
|
- **Actions:** first the page's own actions, then `headerActions`
|
|
482
493
|
(DropdownMenu entries). A pick emits `headerAction` with the key.
|
|
483
494
|
- **One "…".** The bar never shows two overflow buttons. While the page's own
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synopackageland/ui",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.1",
|
|
4
4
|
"description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -60,63 +60,6 @@
|
|
|
60
60
|
"./themes/dsm7-embedded-reset.css": "./dist/themes/dsm7-embedded-reset.css",
|
|
61
61
|
"./themes/dsm7-embedded-theme.css": "./dist/themes/dsm7-embedded-theme.css"
|
|
62
62
|
},
|
|
63
|
-
"scripts": {
|
|
64
|
-
"check:docs": "node --test scripts/check-doc-versions.test.mjs && node scripts/check-doc-versions.mjs",
|
|
65
|
-
"dev": "vite build --watch",
|
|
66
|
-
"build": "vite build && vite build --mode json && vite build --mode rich-text && vite build --mode grid && vite build --mode cli && vite build --mode preview && vite build --mode embedded && node scripts/postbuild.mjs",
|
|
67
|
-
"lint": "eslint .",
|
|
68
|
-
"typecheck": "vue-tsc --noEmit -p tsconfig.json",
|
|
69
|
-
"test": "vitest run",
|
|
70
|
-
"test:watch": "vitest",
|
|
71
|
-
"test:changed": "echo \"test:changed skips the tests the changes since ${SYNOPKGLAND_GATE_BASE:-origin/master} do not reach (vitest --changed); pnpm check runs them all\" && vitest run --changed ${SYNOPKGLAND_GATE_BASE:-origin/master}",
|
|
72
|
-
"story": "histoire dev",
|
|
73
|
-
"story:build": "histoire build",
|
|
74
|
-
"check:host": "node scripts/dsm-host-shots.mjs",
|
|
75
|
-
"check:switch": "node scripts/check-switch.mjs",
|
|
76
|
-
"check:tabs": "node scripts/check-tabs.mjs",
|
|
77
|
-
"check:mobile": "node scripts/check-mobile-overflow.mjs",
|
|
78
|
-
"check:ui-patch": "node scripts/check-ui-patch.mjs",
|
|
79
|
-
"check:narrow": "node scripts/check-narrow-controls.mjs",
|
|
80
|
-
"check:drawer-form": "node scripts/check-drawer-form.mjs",
|
|
81
|
-
"check:responsive": "node scripts/check-responsive.mjs",
|
|
82
|
-
"check:adaptive": "node scripts/check-adaptive.mjs",
|
|
83
|
-
"check:sidebar-focus": "node scripts/check-sidebar-focus.mjs",
|
|
84
|
-
"check:json-render": "node scripts/check-json-render.mjs",
|
|
85
|
-
"check:motion": "node scripts/check-motion.mjs",
|
|
86
|
-
"check:topology": "node scripts/check-topology.mjs",
|
|
87
|
-
"check:wizard": "node scripts/check-wizard.mjs",
|
|
88
|
-
"check:edges": "node scripts/check-edges.mjs",
|
|
89
|
-
"check:data-grid": "node scripts/check-data-grid.mjs",
|
|
90
|
-
"check:truncation": "node scripts/check-truncation.mjs",
|
|
91
|
-
"check:link": "node scripts/check-link.mjs",
|
|
92
|
-
"check:text-select": "node scripts/check-text-select.mjs",
|
|
93
|
-
"check:date-picker": "node scripts/check-date-picker.mjs",
|
|
94
|
-
"check:full-page": "node scripts/check-full-page.mjs",
|
|
95
|
-
"check:short-viewport": "node scripts/check-short-viewport.mjs",
|
|
96
|
-
"check:phone-layout": "node scripts/check-phone-layout.mjs",
|
|
97
|
-
"check:text-zoom": "node scripts/check-text-zoom.mjs",
|
|
98
|
-
"check:focus-restore": "node scripts/check-focus-restore.mjs",
|
|
99
|
-
"check:detail-surface": "node scripts/check-detail-surface.mjs",
|
|
100
|
-
"check:internal": "node --test scripts/check-internal-content.test.mjs scripts/check-npm-metadata.test.mjs && node scripts/check-internal-content.mjs --repo .",
|
|
101
|
-
"check:npm-metadata": "node scripts/check-npm-metadata.mjs",
|
|
102
|
-
"check:package": "node scripts/check-package-content.mjs",
|
|
103
|
-
"check:public-api-consumer": "node scripts/check-public-api-consumer.mjs",
|
|
104
|
-
"notices:update": "node scripts/third-party-notices.mjs --write",
|
|
105
|
-
"notices:check": "node scripts/third-party-notices.mjs --check",
|
|
106
|
-
"check": "bash scripts/docker-check.sh \"npm run gates\"",
|
|
107
|
-
"check:fast": "bash scripts/docker-check.sh \"npm run gates\"",
|
|
108
|
-
"check:local-browser": "node scripts/app-local-browser.mjs",
|
|
109
|
-
"check:infotip": "node scripts/check-infotip.mjs",
|
|
110
|
-
"release:stage": "node scripts/stage-release.mjs",
|
|
111
|
-
"check:polish": "bash scripts/docker-check.sh --build --out .polish-shots 'node scripts/check-polish.mjs'",
|
|
112
|
-
"check:acceptance": "node scripts/check-acceptance.mjs",
|
|
113
|
-
"check:palette": "node scripts/check-palette.mjs",
|
|
114
|
-
"gates": "node scripts/gates.mjs",
|
|
115
|
-
"gates:full": "node scripts/gates.mjs --full",
|
|
116
|
-
"check:layout": "node scripts/check-layout.mjs",
|
|
117
|
-
"release:smoke": "node scripts/release-smoke.mjs",
|
|
118
|
-
"check:browser-install": "playwright install chromium"
|
|
119
|
-
},
|
|
120
63
|
"peerDependencies": {
|
|
121
64
|
"vue": "^3.5.0"
|
|
122
65
|
},
|
|
@@ -136,44 +79,9 @@
|
|
|
136
79
|
"@tiptap/vue-3": "3.32.1",
|
|
137
80
|
"zod": "^4.6.5"
|
|
138
81
|
},
|
|
139
|
-
"devDependencies": {
|
|
140
|
-
"@eslint/js": "10.0.1",
|
|
141
|
-
"@histoire/plugin-vue": "1.0.0-beta.1",
|
|
142
|
-
"@tailwindcss/vite": "4.3.3",
|
|
143
|
-
"@tanstack/vue-virtual": "3.13.39",
|
|
144
|
-
"@vitejs/plugin-vue": "6.0.9",
|
|
145
|
-
"@vue/test-utils": "2.5.1",
|
|
146
|
-
"@vueuse/core": "14.4.0",
|
|
147
|
-
"eslint": "10.11.0",
|
|
148
|
-
"eslint-plugin-vue": "10.11.1",
|
|
149
|
-
"flexsearch": "0.8.212",
|
|
150
|
-
"globals": "17.12.0",
|
|
151
|
-
"histoire": "1.0.0-beta.1",
|
|
152
|
-
"jsdom": "30.1.1",
|
|
153
|
-
"playwright": "1.58.2",
|
|
154
|
-
"reka-ui": "2.11.0",
|
|
155
|
-
"tailwindcss": "4.3.3",
|
|
156
|
-
"typescript": "5.9.3",
|
|
157
|
-
"typescript-eslint": "8.71.0",
|
|
158
|
-
"vite": "7.3.6",
|
|
159
|
-
"vite-plugin-dts": "5.1.1",
|
|
160
|
-
"vitest": "5.0.2",
|
|
161
|
-
"vscode-oniguruma": "2.0.1",
|
|
162
|
-
"vscode-textmate": "9.3.2",
|
|
163
|
-
"vue": "3.5.43",
|
|
164
|
-
"vue-eslint-parser": "10.4.1",
|
|
165
|
-
"vue-tsc": "3.3.11"
|
|
166
|
-
},
|
|
167
82
|
"engines": {
|
|
168
83
|
"node": ">=20"
|
|
169
84
|
},
|
|
170
|
-
"packageManager": "pnpm@10.33.2",
|
|
171
|
-
"pnpm": {
|
|
172
|
-
"onlyBuiltDependencies": [
|
|
173
|
-
"esbuild",
|
|
174
|
-
"vue-demi"
|
|
175
|
-
]
|
|
176
|
-
},
|
|
177
85
|
"config": {
|
|
178
86
|
"bundledRuntime": {
|
|
179
87
|
"@tanstack/vue-virtual": "3.13.39",
|