@synopackageland/ui 0.25.1 → 0.25.2
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 +16 -0
- 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 +2 -2
- package/package.json +1 -95
package/docs/mobile-native.md
CHANGED
|
@@ -42,9 +42,9 @@ the commit footer behave as before.
|
|
|
42
42
|
| `--ui-radius-md` / `-lg` (and the 0.23.9 roles on them) | 4 / 6 | 12 / 14: md rounds the control, container and popover roles (fields, tool buttons, inset blocks, menus), lg the panel and nav roles |
|
|
43
43
|
| `--ui-radius-dialog` / `-window` / `-sheet` | 8 / 8 / 12 | 24 |
|
|
44
44
|
| Primary, danger and secondary buttons | capsule (action) or 4px (tool) | capsule; a primary's fill is accent step 10 (`#0075db`, 4.6:1 with white) |
|
|
45
|
-
| Segmented control | accent pill on a framed track, equal columns |
|
|
45
|
+
| Segmented control | accent pill on a framed track, equal columns | a pill in the primary button's fill (accent step 10, `#0075db`, with the accent's contrast colour, white: 4.6:1, light and dark) on a frameless mist track; 6px sides; up to three segments stay equal columns but one whose label is wider than its share grows to it, so a label is not cut (four ellipsize as before) (`check:phone-layout` checks it) |
|
|
46
46
|
| Phone bar | white with a hairline | the page's colour, no hairline, 17px bold title, round pressed tint |
|
|
47
|
-
| Tab bar | full-width white row with a top rule | a floating white pill inset 16px, 8px above the bottom (`--ui-tab-bar-float`); the current tab is
|
|
47
|
+
| Tab bar | full-width white row with a top rule | a floating white pill inset 16px, 8px above the bottom (`--ui-tab-bar-float`); the current tab's icon is white on a round pad in the primary's fill (accent step 10); a tab with a label and no icon takes accent step 10 on its label over the mist pad |
|
|
48
48
|
| `--ui-text-muted` | 40% grey (2:1) | 80% (4.8:1 on the mist; dark 62%) |
|
|
49
49
|
| Separators | `--ui-border-subtle` | `--ui-phone-separator` |
|
|
50
50
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synopackageland/ui",
|
|
3
|
-
"version": "0.25.
|
|
3
|
+
"version": "0.25.2",
|
|
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,65 +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:press": "node scripts/check-press.mjs",
|
|
89
|
-
"check:edges": "node scripts/check-edges.mjs",
|
|
90
|
-
"check:data-grid": "node scripts/check-data-grid.mjs",
|
|
91
|
-
"check:truncation": "node scripts/check-truncation.mjs",
|
|
92
|
-
"check:link": "node scripts/check-link.mjs",
|
|
93
|
-
"check:text-select": "node scripts/check-text-select.mjs",
|
|
94
|
-
"check:date-picker": "node scripts/check-date-picker.mjs",
|
|
95
|
-
"check:full-page": "node scripts/check-full-page.mjs",
|
|
96
|
-
"check:short-viewport": "node scripts/check-short-viewport.mjs",
|
|
97
|
-
"check:phone-layout": "node scripts/check-phone-layout.mjs",
|
|
98
|
-
"check:phone-bars": "node scripts/check-phone-bars.mjs",
|
|
99
|
-
"check:text-zoom": "node scripts/check-text-zoom.mjs",
|
|
100
|
-
"check:focus-restore": "node scripts/check-focus-restore.mjs",
|
|
101
|
-
"check:detail-surface": "node scripts/check-detail-surface.mjs",
|
|
102
|
-
"check:internal": "node --test scripts/check-internal-content.test.mjs scripts/check-npm-metadata.test.mjs && node scripts/check-internal-content.mjs --repo .",
|
|
103
|
-
"check:npm-metadata": "node scripts/check-npm-metadata.mjs",
|
|
104
|
-
"check:package": "node scripts/check-package-content.mjs",
|
|
105
|
-
"check:public-api-consumer": "node scripts/check-public-api-consumer.mjs",
|
|
106
|
-
"notices:update": "node scripts/third-party-notices.mjs --write",
|
|
107
|
-
"notices:check": "node scripts/third-party-notices.mjs --check",
|
|
108
|
-
"check": "bash scripts/docker-check.sh \"npm run gates\"",
|
|
109
|
-
"check:fast": "bash scripts/docker-check.sh \"npm run gates\"",
|
|
110
|
-
"check:local-browser": "node scripts/app-local-browser.mjs",
|
|
111
|
-
"check:infotip": "node scripts/check-infotip.mjs",
|
|
112
|
-
"release:stage": "node scripts/stage-release.mjs",
|
|
113
|
-
"check:polish": "bash scripts/docker-check.sh --build --out .polish-shots 'node scripts/check-polish.mjs'",
|
|
114
|
-
"check:acceptance": "node scripts/check-acceptance.mjs",
|
|
115
|
-
"check:palette": "node scripts/check-palette.mjs",
|
|
116
|
-
"gates": "node scripts/gates.mjs",
|
|
117
|
-
"gates:full": "node scripts/gates.mjs --full",
|
|
118
|
-
"check:layout": "node scripts/check-layout.mjs",
|
|
119
|
-
"release:smoke": "node scripts/release-smoke.mjs",
|
|
120
|
-
"check:browser-install": "playwright install chromium webkit"
|
|
121
|
-
},
|
|
122
63
|
"peerDependencies": {
|
|
123
64
|
"vue": "^3.5.0"
|
|
124
65
|
},
|
|
@@ -138,44 +79,9 @@
|
|
|
138
79
|
"@tiptap/vue-3": "3.32.1",
|
|
139
80
|
"zod": "^4.6.5"
|
|
140
81
|
},
|
|
141
|
-
"devDependencies": {
|
|
142
|
-
"@eslint/js": "10.0.1",
|
|
143
|
-
"@histoire/plugin-vue": "1.0.0-beta.1",
|
|
144
|
-
"@tailwindcss/vite": "4.3.3",
|
|
145
|
-
"@tanstack/vue-virtual": "3.13.39",
|
|
146
|
-
"@vitejs/plugin-vue": "6.0.9",
|
|
147
|
-
"@vue/test-utils": "2.5.1",
|
|
148
|
-
"@vueuse/core": "14.4.0",
|
|
149
|
-
"eslint": "10.11.0",
|
|
150
|
-
"eslint-plugin-vue": "10.11.1",
|
|
151
|
-
"flexsearch": "0.8.212",
|
|
152
|
-
"globals": "17.12.0",
|
|
153
|
-
"histoire": "1.0.0-beta.1",
|
|
154
|
-
"jsdom": "30.1.1",
|
|
155
|
-
"playwright": "1.58.2",
|
|
156
|
-
"reka-ui": "2.11.0",
|
|
157
|
-
"tailwindcss": "4.3.3",
|
|
158
|
-
"typescript": "5.9.3",
|
|
159
|
-
"typescript-eslint": "8.71.0",
|
|
160
|
-
"vite": "7.3.6",
|
|
161
|
-
"vite-plugin-dts": "5.1.1",
|
|
162
|
-
"vitest": "5.0.2",
|
|
163
|
-
"vscode-oniguruma": "2.0.1",
|
|
164
|
-
"vscode-textmate": "9.3.2",
|
|
165
|
-
"vue": "3.5.43",
|
|
166
|
-
"vue-eslint-parser": "10.4.1",
|
|
167
|
-
"vue-tsc": "3.3.11"
|
|
168
|
-
},
|
|
169
82
|
"engines": {
|
|
170
83
|
"node": ">=20"
|
|
171
84
|
},
|
|
172
|
-
"packageManager": "pnpm@10.33.2",
|
|
173
|
-
"pnpm": {
|
|
174
|
-
"onlyBuiltDependencies": [
|
|
175
|
-
"esbuild",
|
|
176
|
-
"vue-demi"
|
|
177
|
-
]
|
|
178
|
-
},
|
|
179
85
|
"config": {
|
|
180
86
|
"bundledRuntime": {
|
|
181
87
|
"@tanstack/vue-virtual": "3.13.39",
|