@wpmoo/ui 1.0.0-rc.2 → 1.0.0-rc.4
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/ASSET_LICENSE.md +3 -1
- package/README.md +50 -107
- package/certification.json +20 -3
- package/dist/assets/css/moo-ui.css +8254 -7629
- package/dist/assets/css/moo-ui.min.css +3 -3
- package/dist/assets/css/moo.css +595 -71
- package/dist/assets/css/moo.min.css +3 -3
- package/dist/js/chart.js +15258 -0
- package/dist/js/chart.min.js +27 -0
- package/dist/js/combobox.js +98 -40
- package/dist/js/context-menu.js +5 -0
- package/dist/js/datatable.js +5 -0
- package/dist/js/datepicker.js +1154 -0
- package/dist/js/datepicker.min.js +6 -0
- package/dist/js/moo-ui.js +18950 -0
- package/dist/js/moo-ui.min.js +27 -0
- package/dist/js/sidebar.js +67 -25
- package/dist/js/slider.js +324 -0
- package/package.json +24 -4
- package/scss/_components.scss +73 -0
- package/scss/_config.scss +24 -0
- package/scss/_settings.scss +8 -0
- package/scss/components/_accordion.scss +59 -0
- package/scss/components/_alert.scss +94 -0
- package/scss/components/_avatar.scss +154 -0
- package/scss/components/_badge.scss +33 -0
- package/scss/components/_breadcrumb.scss +130 -0
- package/scss/components/_button.scss +228 -0
- package/scss/components/_button_group.scss +51 -0
- package/scss/components/_card.scss +142 -0
- package/scss/components/_checkbox.scss +115 -0
- package/scss/components/_close_button.scss +59 -0
- package/scss/components/_collapsible.scss +43 -0
- package/scss/components/_combobox.scss +258 -0
- package/scss/components/_context-menu.scss +28 -0
- package/scss/components/_datatable.scss +1082 -0
- package/scss/components/_datepicker.scss +236 -0
- package/scss/components/_dialog.scss +66 -0
- package/scss/components/_dropdown.scss +202 -0
- package/scss/components/_field.scss +125 -0
- package/scss/components/_input.scss +35 -0
- package/scss/components/_input_group.scss +201 -0
- package/scss/components/_kbd.scss +10 -0
- package/scss/components/_menubar.scss +16 -0
- package/scss/components/_navigation.scss +41 -0
- package/scss/components/_pagination.scss +70 -0
- package/scss/components/_popover.scss +47 -0
- package/scss/components/_progress.scss +7 -0
- package/scss/components/_radio_group.scss +9 -0
- package/scss/components/_select.scss +7 -0
- package/scss/components/_separator.scss +15 -0
- package/scss/components/_sheet.scss +32 -0
- package/scss/components/_sidebar.scss +7 -0
- package/scss/components/_skeleton.scss +17 -0
- package/scss/components/_slider.scss +214 -0
- package/scss/components/_spinner.scss +17 -0
- package/scss/components/_switch.scss +25 -0
- package/scss/components/_table.scss +7 -0
- package/scss/components/_tabs.scss +139 -0
- package/scss/components/_textarea.scss +7 -0
- package/scss/components/_toast.scss +119 -0
- package/scss/components/_toggle_group.scss +19 -0
- package/scss/components/_tooltip.scss +83 -0
- package/scss/components/sidebar/_collapsed.scss +187 -0
- package/scss/components/sidebar/_identity.scss +72 -0
- package/scss/components/sidebar/_inset.scss +59 -0
- package/scss/components/sidebar/_layout.scss +176 -0
- package/scss/components/sidebar/_menus.scss +236 -0
- package/scss/foundations/_core_global_primitives.scss +5 -0
- package/scss/foundations/_core_state_layer.scss +25 -0
- package/scss/foundations/_focus.scss +139 -0
- package/scss/foundations/_overlay_backdrop.scss +19 -0
- package/scss/moo-core.scss +47 -0
- package/scss/moo-ui.scss +50 -0
- package/scss/settings/_bootstrap_overrides.scss +11 -0
- package/scss/settings/_component_variables.scss +479 -0
- package/scss/settings/_forms.scss +65 -0
- package/scss/settings/_palette.scss +132 -0
- package/scss/themes/_scoped_core.scss +239 -0
- package/scss/themes/_standalone_root.scss +117 -0
- package/scss/utilities/_scroll_fade.scss +193 -0
- package/scss/utilities/_scroll_fade_primitives.scss +43 -0
- package/scss/_facade-settings.scss +0 -51
- package/scss/settings/_facade_public.scss +0 -23
package/ASSET_LICENSE.md
CHANGED
|
@@ -14,4 +14,6 @@ product, site, template, library, training dataset, or marketing asset without
|
|
|
14
14
|
prior written permission from WPMoo.
|
|
15
15
|
|
|
16
16
|
Third-party assets remain under their own licenses. See the
|
|
17
|
-
[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.
|
|
17
|
+
[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.4/THIRD_PARTY_NOTICES.md).
|
|
18
|
+
Those notices are repository-only and are intentionally not shipped in the npm
|
|
19
|
+
package.
|
package/README.md
CHANGED
|
@@ -24,18 +24,25 @@
|
|
|
24
24
|
|
|
25
25
|
# Moo UI
|
|
26
26
|
|
|
27
|
-
Moo UI
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
- **
|
|
36
|
-
|
|
37
|
-
- **
|
|
38
|
-
|
|
27
|
+
Moo UI gives Bootstrap 5.3 applications a calmer, shadcn-inspired product
|
|
28
|
+
surface without asking teams to abandon the markup, variables, and plugin
|
|
29
|
+
contracts they already use.
|
|
30
|
+
|
|
31
|
+
It is built for server-rendered products, admin screens, dashboards, and SaaS
|
|
32
|
+
interfaces where Bootstrap remains the public contract but the default visual
|
|
33
|
+
language needs to feel more current.
|
|
34
|
+
|
|
35
|
+
- **Bootstrap-native.** Keep familiar classes, form markup, layout utilities,
|
|
36
|
+
and Bootstrap JavaScript where Bootstrap already owns the behavior.
|
|
37
|
+
- **CSS-first.** Most components need only one stylesheet and ordinary HTML.
|
|
38
|
+
- **Gradual when needed.** Use the full build or scope Moo UI inside a
|
|
39
|
+
`.moo-ui` boundary while an existing Bootstrap app migrates piece by piece.
|
|
40
|
+
- **Explicit runtime.** Optional Moo UI behavior loads through ESM entrypoints
|
|
41
|
+
only when a component needs behavior Bootstrap does not provide.
|
|
42
|
+
|
|
43
|
+
This branch prepares `@wpmoo/ui@1.0.0-rc.4` for release. Until that
|
|
44
|
+
npm tag is published, use npm's current published package or the floating
|
|
45
|
+
quick demo below.
|
|
39
46
|
|
|
40
47
|
## Try It in 30 Seconds
|
|
41
48
|
|
|
@@ -51,20 +58,6 @@ The quick demo intentionally follows the floating npm tag:
|
|
|
51
58
|
`moo-ui.css` is a complete Bootstrap CSS build with Moo UI defaults. Use it
|
|
52
59
|
instead of another Bootstrap stylesheet, not in addition to one.
|
|
53
60
|
|
|
54
|
-
## Runtime Ownership
|
|
55
|
-
|
|
56
|
-
| Surface | Runtime owner | What to load |
|
|
57
|
-
| --- | --- | --- |
|
|
58
|
-
| Static HTML and CSS components | Browser + Bootstrap markup | `moo-ui.css`, or Bootstrap CSS followed by scoped `moo.css` |
|
|
59
|
-
| Dropdown, Modal, Offcanvas, Tooltip, Popover, Toast, and other Bootstrap plugins | Bootstrap | Bootstrap's JavaScript bundle and documented initialization |
|
|
60
|
-
| Combobox | Optional Moo UI ESM | `@wpmoo/ui/combobox.js`, then explicit initialization |
|
|
61
|
-
| Context Menu pointer and keyboard invocation | Optional Moo UI ESM, composed with Bootstrap Dropdown | `@wpmoo/ui/context-menu.js`, then explicit initialization |
|
|
62
|
-
| DataTable sorting, filtering, selection, pagination, and responsive card sync | Optional Moo UI ESM, composed with Bootstrap Table and controls | `@wpmoo/ui/datatable.js`, then explicit initialization |
|
|
63
|
-
| Sidebar state and responsive coordination | Optional Moo UI ESM, composed with Bootstrap plugins | `@wpmoo/ui/sidebar.js`, then explicit initialization |
|
|
64
|
-
|
|
65
|
-
Moo UI does not replace Bootstrap plugins and does not publish a mandatory
|
|
66
|
-
aggregate JavaScript runtime.
|
|
67
|
-
|
|
68
61
|
## Install
|
|
69
62
|
|
|
70
63
|
```bash
|
|
@@ -97,59 +90,23 @@ import "bootstrap/dist/js/bootstrap.bundle.min.js"; // only when plugins are use
|
|
|
97
90
|
</div>
|
|
98
91
|
```
|
|
99
92
|
|
|
100
|
-
### Optional
|
|
101
|
-
|
|
102
|
-
Initialize only the documented behavior gaps you use:
|
|
93
|
+
### Optional runtime
|
|
103
94
|
|
|
104
95
|
```js
|
|
105
|
-
import
|
|
106
|
-
import ContextMenu from "@wpmoo/ui/context-menu.js";
|
|
107
|
-
import DataTable from "@wpmoo/ui/datatable.js";
|
|
108
|
-
import Sidebar from "@wpmoo/ui/sidebar.js";
|
|
109
|
-
|
|
110
|
-
Combobox.getOrCreateInstance(document.querySelector(".combobox"));
|
|
111
|
-
ContextMenu.getOrCreateInstance(document.querySelector(".context-menu"));
|
|
112
|
-
DataTable.getOrCreateInstance(document.querySelector(".datatable"));
|
|
113
|
-
Sidebar.getOrCreateInstance(document.querySelector('[data-slot="sidebar-wrapper"]'));
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
See the [Installation guide](https://ui.wpmoo.org/installation/) for CDN
|
|
117
|
-
recipes, load order, and troubleshooting.
|
|
118
|
-
|
|
119
|
-
## Choose an Adoption Path
|
|
120
|
-
|
|
121
|
-
| Situation | Recommended path |
|
|
122
|
-
| --- | --- |
|
|
123
|
-
| New page or whole application | Replace Bootstrap CSS with `moo-ui.css`. |
|
|
124
|
-
| Existing Bootstrap application | Load `moo.css` after Bootstrap CSS and add `.moo-ui` around migrated regions. |
|
|
125
|
-
| Static page with no interactive plugins | Load CSS only. |
|
|
126
|
-
| Page using Bootstrap plugins | Keep Bootstrap's bundle and its documented initialization. |
|
|
127
|
-
| Page using Combobox, Context Menu, DataTable, or Sidebar | Add only the corresponding optional Moo UI ESM module. |
|
|
96
|
+
import MooUI from "@wpmoo/ui/moo-ui.js";
|
|
128
97
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
| --- | --- |
|
|
135
|
-
| `@wpmoo/ui/moo-ui.css` | Full expanded CSS build |
|
|
136
|
-
| `@wpmoo/ui/moo-ui.min.css` | Full minified CSS build |
|
|
137
|
-
| `@wpmoo/ui/moo.css` | Scoped expanded component layer for `.moo-ui` |
|
|
138
|
-
| `@wpmoo/ui/moo.min.css` | Scoped minified component layer |
|
|
139
|
-
| `@wpmoo/ui/combobox.js` | Optional Combobox ESM lifecycle |
|
|
140
|
-
| `@wpmoo/ui/context-menu.js` | Optional Context Menu ESM lifecycle |
|
|
141
|
-
| `@wpmoo/ui/datatable.js` | Optional DataTable ESM lifecycle |
|
|
142
|
-
| `@wpmoo/ui/sidebar.js` | Optional Sidebar ESM lifecycle |
|
|
143
|
-
| `@wpmoo/ui/scss/facade-settings` | Public Sass variable allow-list (LibSass `@import`) |
|
|
144
|
-
| `@wpmoo/ui/certification.json` | Versioned support/evidence manifest |
|
|
145
|
-
| `@wpmoo/ui/package.json` | Package metadata |
|
|
98
|
+
const combobox = document.querySelector(".combobox");
|
|
99
|
+
if (combobox) {
|
|
100
|
+
MooUI.Combobox.getOrCreateInstance(combobox);
|
|
101
|
+
}
|
|
102
|
+
```
|
|
146
103
|
|
|
147
|
-
The
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
Sass
|
|
104
|
+
The runtime bundle is optional and side-effect-free. Import the aggregate
|
|
105
|
+
`@wpmoo/ui/moo-ui.js` entrypoint, or import only the component module you use.
|
|
106
|
+
See the [Installation guide](https://ui.wpmoo.org/installation/) for npm, CDN,
|
|
107
|
+
Sass, Bootstrap JavaScript, and ESM recipes.
|
|
151
108
|
|
|
152
|
-
## Why
|
|
109
|
+
## Why Teams Try It
|
|
153
110
|
|
|
154
111
|
- Keep server-rendered HTML, Bootstrap classes, and familiar plugin behavior.
|
|
155
112
|
- Apply a restrained product rhythm to forms, overlays, navigation, data
|
|
@@ -157,15 +114,15 @@ Sass partials and Jinja macros are repository build tools, not npm APIs.
|
|
|
157
114
|
- Inspect static rendered examples and copy the resulting HTML contracts.
|
|
158
115
|
- Start with one scoped region or replace the full stylesheet after review.
|
|
159
116
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
117
|
+
Browse the [component catalog](https://ui.wpmoo.org/components/), composed
|
|
118
|
+
[blocks](https://ui.wpmoo.org/blocks/), and full
|
|
119
|
+
[examples](https://ui.wpmoo.org/examples/).
|
|
163
120
|
|
|
164
121
|
## Designed, Not Just Restyled
|
|
165
122
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
123
|
+
Moo UI is tuned for product interfaces: compact controls, quiet cards,
|
|
124
|
+
predictable overlays, readable forms, and data-heavy screens that still feel
|
|
125
|
+
calm.
|
|
169
126
|
|
|
170
127
|
<p align="center">
|
|
171
128
|
<a href="https://ui.wpmoo.org/components/button/"><picture><source media="(prefers-color-scheme: dark)" srcset="https://ui.wpmoo.org/assets/images/readme/button-dark.svg"><img src="https://ui.wpmoo.org/assets/images/readme/button-light.svg" alt="Button preview" width="31%"></picture></a>
|
|
@@ -175,41 +132,27 @@ are not part of the npm package.
|
|
|
175
132
|
|
|
176
133
|
## Status And Support
|
|
177
134
|
|
|
178
|
-
Moo UI is
|
|
179
|
-
|
|
180
|
-
availability is WPMoo-maintained preview evidence, not independent or
|
|
181
|
-
accredited certification. Read [Support & Evidence](https://ui.wpmoo.org/support/)
|
|
182
|
-
for the Bootstrap range, browser policy, maturity definitions, limitations, and
|
|
183
|
-
release evidence. Complete release notes are on
|
|
135
|
+
Moo UI is preparing the `1.0.0-rc.4` release candidate. Public exports, package boundaries, browser support, and release evidence live in [Support & Evidence](https://ui.wpmoo.org/support/).
|
|
136
|
+
Complete release notes are on
|
|
184
137
|
[GitHub Releases](https://github.com/wpmoo-org/ui/releases).
|
|
185
138
|
|
|
186
139
|
## Contributing
|
|
187
140
|
|
|
188
141
|
Small documentation corrections, reduced reproductions, accessibility checks,
|
|
189
|
-
and bounded component improvements are welcome.
|
|
190
|
-
[
|
|
191
|
-
|
|
192
|
-
[Code of Conduct](CODE_OF_CONDUCT.md) and [security policy](SECURITY.md).
|
|
142
|
+
and bounded component improvements are welcome. The
|
|
143
|
+
[Contributing guide](https://ui.wpmoo.org/contributing/) covers local
|
|
144
|
+
development, project boundaries, workflow, and issue types.
|
|
193
145
|
|
|
194
146
|
## Repository Layout And Development
|
|
195
147
|
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
preview artwork; it builds to `site-dist/`.
|
|
200
|
-
|
|
201
|
-
```bash
|
|
202
|
-
.venv/bin/python build.py
|
|
203
|
-
.venv/bin/python dev.py
|
|
204
|
-
.venv/bin/python -m unittest discover -s tests -v
|
|
205
|
-
```
|
|
206
|
-
|
|
207
|
-
Browse the local catalog at `http://localhost:4173/` while `dev.py` runs.
|
|
148
|
+
Development setup and repository boundary notes live in the
|
|
149
|
+
[Contributing guide](https://ui.wpmoo.org/contributing/). Consumer install
|
|
150
|
+
paths live in the [Installation guide](https://ui.wpmoo.org/installation/).
|
|
208
151
|
|
|
209
152
|
## Licensing
|
|
210
153
|
|
|
211
|
-
Moo UI source code is MIT licensed.
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.
|
|
154
|
+
Moo UI source code is MIT licensed. License details live in
|
|
155
|
+
[LICENSE](LICENSE) and the [License page](https://ui.wpmoo.org/license/).
|
|
156
|
+
Asset terms live in [ASSET_LICENSE.md](ASSET_LICENSE.md); dependency notices
|
|
157
|
+
live in the
|
|
158
|
+
[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.4/THIRD_PARTY_NOTICES.md).
|
package/certification.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "0.1",
|
|
3
3
|
"status": "preview",
|
|
4
|
-
"coreVersion": "1.0.0-rc.
|
|
4
|
+
"coreVersion": "1.0.0-rc.4",
|
|
5
5
|
"bootstrap": {
|
|
6
6
|
"canonicalVersion": "5.3.3",
|
|
7
7
|
"targetRange": ">=5.3.0 <5.4",
|
|
@@ -21,12 +21,29 @@
|
|
|
21
21
|
"./moo.min.css"
|
|
22
22
|
],
|
|
23
23
|
"esm": [
|
|
24
|
+
"./moo-ui.js",
|
|
25
|
+
"./moo-ui.min.js",
|
|
24
26
|
"./combobox.js",
|
|
25
27
|
"./sidebar.js",
|
|
26
28
|
"./context-menu.js",
|
|
27
|
-
"./datatable.js"
|
|
29
|
+
"./datatable.js",
|
|
30
|
+
"./slider.js",
|
|
31
|
+
"./chart.js",
|
|
32
|
+
"./chart.min.js",
|
|
33
|
+
"./datepicker.js",
|
|
34
|
+
"./datepicker.min.js"
|
|
28
35
|
],
|
|
29
|
-
"sass": [
|
|
36
|
+
"sass": [
|
|
37
|
+
"./scss/config",
|
|
38
|
+
"./scss/moo-ui",
|
|
39
|
+
"./scss/moo-core",
|
|
40
|
+
"./scss/components",
|
|
41
|
+
"./scss/settings"
|
|
42
|
+
],
|
|
43
|
+
"metadata": [
|
|
44
|
+
"./certification.json",
|
|
45
|
+
"./package.json"
|
|
46
|
+
]
|
|
30
47
|
},
|
|
31
48
|
"supportPolicy": "https://github.com/wpmoo-org/ui/blob/main/SUPPORT.md"
|
|
32
49
|
}
|