@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.
Files changed (84) hide show
  1. package/ASSET_LICENSE.md +3 -1
  2. package/README.md +50 -107
  3. package/certification.json +20 -3
  4. package/dist/assets/css/moo-ui.css +8254 -7629
  5. package/dist/assets/css/moo-ui.min.css +3 -3
  6. package/dist/assets/css/moo.css +595 -71
  7. package/dist/assets/css/moo.min.css +3 -3
  8. package/dist/js/chart.js +15258 -0
  9. package/dist/js/chart.min.js +27 -0
  10. package/dist/js/combobox.js +98 -40
  11. package/dist/js/context-menu.js +5 -0
  12. package/dist/js/datatable.js +5 -0
  13. package/dist/js/datepicker.js +1154 -0
  14. package/dist/js/datepicker.min.js +6 -0
  15. package/dist/js/moo-ui.js +18950 -0
  16. package/dist/js/moo-ui.min.js +27 -0
  17. package/dist/js/sidebar.js +67 -25
  18. package/dist/js/slider.js +324 -0
  19. package/package.json +24 -4
  20. package/scss/_components.scss +73 -0
  21. package/scss/_config.scss +24 -0
  22. package/scss/_settings.scss +8 -0
  23. package/scss/components/_accordion.scss +59 -0
  24. package/scss/components/_alert.scss +94 -0
  25. package/scss/components/_avatar.scss +154 -0
  26. package/scss/components/_badge.scss +33 -0
  27. package/scss/components/_breadcrumb.scss +130 -0
  28. package/scss/components/_button.scss +228 -0
  29. package/scss/components/_button_group.scss +51 -0
  30. package/scss/components/_card.scss +142 -0
  31. package/scss/components/_checkbox.scss +115 -0
  32. package/scss/components/_close_button.scss +59 -0
  33. package/scss/components/_collapsible.scss +43 -0
  34. package/scss/components/_combobox.scss +258 -0
  35. package/scss/components/_context-menu.scss +28 -0
  36. package/scss/components/_datatable.scss +1082 -0
  37. package/scss/components/_datepicker.scss +236 -0
  38. package/scss/components/_dialog.scss +66 -0
  39. package/scss/components/_dropdown.scss +202 -0
  40. package/scss/components/_field.scss +125 -0
  41. package/scss/components/_input.scss +35 -0
  42. package/scss/components/_input_group.scss +201 -0
  43. package/scss/components/_kbd.scss +10 -0
  44. package/scss/components/_menubar.scss +16 -0
  45. package/scss/components/_navigation.scss +41 -0
  46. package/scss/components/_pagination.scss +70 -0
  47. package/scss/components/_popover.scss +47 -0
  48. package/scss/components/_progress.scss +7 -0
  49. package/scss/components/_radio_group.scss +9 -0
  50. package/scss/components/_select.scss +7 -0
  51. package/scss/components/_separator.scss +15 -0
  52. package/scss/components/_sheet.scss +32 -0
  53. package/scss/components/_sidebar.scss +7 -0
  54. package/scss/components/_skeleton.scss +17 -0
  55. package/scss/components/_slider.scss +214 -0
  56. package/scss/components/_spinner.scss +17 -0
  57. package/scss/components/_switch.scss +25 -0
  58. package/scss/components/_table.scss +7 -0
  59. package/scss/components/_tabs.scss +139 -0
  60. package/scss/components/_textarea.scss +7 -0
  61. package/scss/components/_toast.scss +119 -0
  62. package/scss/components/_toggle_group.scss +19 -0
  63. package/scss/components/_tooltip.scss +83 -0
  64. package/scss/components/sidebar/_collapsed.scss +187 -0
  65. package/scss/components/sidebar/_identity.scss +72 -0
  66. package/scss/components/sidebar/_inset.scss +59 -0
  67. package/scss/components/sidebar/_layout.scss +176 -0
  68. package/scss/components/sidebar/_menus.scss +236 -0
  69. package/scss/foundations/_core_global_primitives.scss +5 -0
  70. package/scss/foundations/_core_state_layer.scss +25 -0
  71. package/scss/foundations/_focus.scss +139 -0
  72. package/scss/foundations/_overlay_backdrop.scss +19 -0
  73. package/scss/moo-core.scss +47 -0
  74. package/scss/moo-ui.scss +50 -0
  75. package/scss/settings/_bootstrap_overrides.scss +11 -0
  76. package/scss/settings/_component_variables.scss +479 -0
  77. package/scss/settings/_forms.scss +65 -0
  78. package/scss/settings/_palette.scss +132 -0
  79. package/scss/themes/_scoped_core.scss +239 -0
  80. package/scss/themes/_standalone_root.scss +117 -0
  81. package/scss/utilities/_scroll_fade.scss +193 -0
  82. package/scss/utilities/_scroll_fade_primitives.scss +43 -0
  83. package/scss/_facade-settings.scss +0 -51
  84. 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.2/THIRD_PARTY_NOTICES.md).
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 preserves Bootstrap markup, variables, and JavaScript plugins wherever
28
- Bootstrap already provides the contract. For patterns Bootstrap does not
29
- provide, Moo UI adds small documented extensions, including optional ESM for
30
- Combobox, Context Menu, DataTable, and Sidebar.
31
-
32
- - **CSS-first.** Most components need only the stylesheet and ordinary HTML.
33
- - **Bootstrap owns native behavior.** Keep using Bootstrap's bundle for its
34
- Dropdown, Modal, Offcanvas, Tooltip, Popover, Toast, and other plugins.
35
- - **Moo UI extends verified gaps.** Optional Moo UI ESM is explicit and
36
- side-effect-free; importing it never scans the document automatically.
37
- - **Adopt all at once or gradually.** Use the full Bootstrap build or scope the
38
- Moo UI component layer to a `.moo-ui` boundary.
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 Moo UI ESM
101
-
102
- Initialize only the documented behavior gaps you use:
93
+ ### Optional runtime
103
94
 
104
95
  ```js
105
- import Combobox from "@wpmoo/ui/combobox.js";
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
- ## Public Package Surface
130
-
131
- `@wpmoo/ui` exports exactly these public entrypoints:
132
-
133
- | Export | Purpose |
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 tarball also contains `README.md`, `LICENSE`, and `ASSET_LICENSE.md`. It
148
- does not publish catalog templates, preview artwork, catalog JavaScript, or
149
- internal SCSS partials beyond the facade's required settings import. Internal
150
- Sass partials and Jinja macros are repository build tools, not npm APIs.
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 Bootstrap Teams Try It
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
- Representative components include Button, Field, Table, DataTable, Dialog,
161
- Toast, Sheet, Combobox, Context Menu, and Sidebar. Browse the [component catalog](https://ui.wpmoo.org/components/)
162
- and composed [blocks](https://ui.wpmoo.org/blocks/).
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
- The README uses original WPMoo preview artwork stored under
167
- `site/static/images/`; those files are source assets for the public catalog and
168
- are not part of the npm package.
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 at the `1.0.0-rc.2` release candidate. Current package: `@wpmoo/ui@1.0.0-rc.2`. The
179
- package's certification manifest currently has `preview` status; catalog
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. Start with
190
- [`CONTRIBUTING.md`](CONTRIBUTING.md), choose an
191
- [issue type](https://github.com/wpmoo-org/ui/issues/new/choose), and review the
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
- Moo UI Core is published from the repository root. Core source and package
197
- outputs live outside `site/`; `dist/` is the package build. The `site/` tree
198
- owns ui.wpmoo.org documentation, catalog chrome, public metadata, and protected
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. WPMoo-generated visual assets under
212
- `site/static/images/` remain separately protected as described in
213
- `ASSET_LICENSE.md`. Vendored dependencies retain their original licenses; see
214
- `LICENSE`, `ASSET_LICENSE.md`, and the
215
- [version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.2/THIRD_PARTY_NOTICES.md).
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).
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": "0.1",
3
3
  "status": "preview",
4
- "coreVersion": "1.0.0-rc.2",
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": ["./scss/facade-settings"]
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
  }