dowel-ui 0.35.0 → 0.37.0

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 CHANGED
@@ -14,6 +14,7 @@ A dowel is the hidden peg that joins two boards so the seam does not show. That
14
14
 
15
15
  **[Documentation](https://lacodda.github.io/dowel/)** — what everything is and why it is that way.
16
16
  **[The stand](https://lacodda.github.io/dowel/stand/)** — every component, live, in either theme and in the accent of any product of the line.
17
+ **[The demo](https://lacodda.github.io/dowel/demo/)** — kilna-lite, a small product built from the blocks, on invented data.
17
18
 
18
19
  ## The theme
19
20
 
@@ -60,19 +61,40 @@ npx shadcn@latest add https://lacodda.github.io/dowel/r/button.json
60
61
  npx shadcn@latest add https://lacodda.github.io/dowel/r/app.json # or a whole set
61
62
  ```
62
63
 
63
- A hundred and fourteen primitives so far - controls and forms, overlays on
64
- [Base UI](https://base-ui.com), menus, the command palette and every key it
65
- lists, tables and long lists, charts, a month of days, loading and empty
66
- screens, markdown, code and diffs, a screen's frame and how it divides, a
67
- desktop window's own chrome, and the line's marks.
64
+ A hundred and eighteen primitives so far - controls, forms drawn from a JSON
65
+ Schema, overlays on [Base UI](https://base-ui.com), menus, the command palette
66
+ and every key it lists, tables and long lists, charts, a month of days, loading
67
+ and empty screens, markdown, code and diffs, a screen's frame and how it
68
+ divides, a desktop window's own chrome, and the line's marks.
69
+
68
70
  Each is written in the vocabulary - no raw colours, no `dark:` utilities, no
69
71
  date in the browser's language - and runs its own gate: axe, the keyboard, a
70
- dependency budget and a picture in both themes.
72
+ dependency budget and a picture in both themes. In a browser, axe runs again
73
+ over every one in both themes, for
74
+ [an accessibility report](https://lacodda.github.io/dowel/reference/accessibility/)
75
+ the build writes itself.
71
76
 
72
77
  The full catalogue, live: **[the stand](https://lacodda.github.io/dowel/stand/)**.
73
78
  One page per component: **[components](https://lacodda.github.io/dowel/components/button/)**.
74
79
  Installing, sets and frozen versions: **[the registry guide](https://lacodda.github.io/dowel/guides/registry/)**.
75
80
 
81
+ ## Blocks
82
+
83
+ Whole screens made of the primitives - a list beside what is open in it,
84
+ settings in sections, a sign-in, a dashboard's first day:
85
+
86
+ ```bash
87
+ npx shadcn@latest add https://lacodda.github.io/dowel/r/list-detail-screen.json
88
+ ```
89
+
90
+ A block lands in `components/blocks`, beside the primitives it brings with it,
91
+ and is yours to change. It works as it stands all the same: the data and every
92
+ word come in through props, and the parts that took each product longest are
93
+ already in it - the empty states, the keyboard, a phone where the list and the
94
+ open thing take turns. See them at work in
95
+ **[kilna-lite](https://lacodda.github.io/dowel/demo/)**:
96
+ **[blocks](https://lacodda.github.io/dowel/blocks/list-detail-screen/)**.
97
+
76
98
  ## Moving an existing project over
77
99
 
78
100
  A product arriving at dowel almost never arrives from nothing - it arrives from
@@ -153,8 +175,9 @@ where it measured 3.49:1. Derived, it is white there, at 6.01:1.
153
175
 
154
176
  ## Status
155
177
 
156
- The theme, the scales, an accent per product, and a hundred and fourteen primitives are
157
- in daily use across two products of the line. Every component installs from a
178
+ The theme, the scales, an accent per product, and a hundred and eighteen primitives are
179
+ in daily use across two products of the line, with four blocks - whole screens
180
+ made of them - and a demo built from those. Every component installs from a
158
181
  versioned registry and passes its own gate - axe, the keyboard, a dependency
159
182
  budget, a scale that refuses a length nobody argued for, a floor under every
160
183
  pointer target, and a picture in both themes - before it ships.
@@ -166,7 +189,7 @@ Released versions and what landed in each: [CHANGELOG](https://github.com/lacodd
166
189
  - [The stand](https://lacodda.github.io/dowel/stand/) - every component, live
167
190
  - [Getting started](https://lacodda.github.io/dowel/getting-started/), [the lint rules](https://lacodda.github.io/dowel/guides/linting/) and [what a component has to pass](https://lacodda.github.io/dowel/guides/gates/)
168
191
  - [Moving from stock shadcn](https://lacodda.github.io/dowel/guides/migration/) - the four commands and what they refuse to do
169
- - [Components](https://lacodda.github.io/dowel/components/button/)
192
+ - [Components](https://lacodda.github.io/dowel/components/button/), and [blocks](https://lacodda.github.io/dowel/blocks/list-detail-screen/) with [the demo](https://lacodda.github.io/dowel/demo/) built from them
170
193
  - [Tokens](https://lacodda.github.io/dowel/reference/tokens/), [scales](https://lacodda.github.io/dowel/reference/scales/) and [accents](https://lacodda.github.io/dowel/reference/accents/)
171
194
  - [The vocabulary](https://lacodda.github.io/dowel/concepts/vocabulary/) this system uses for its own parts, and [the mistakes](https://lacodda.github.io/dowel/concepts/anti-patterns/) that actually get made against it
172
195