dowel-ui 0.6.1 → 0.8.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 +16 -3
- package/package.json +1 -2
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ A dowel is the hidden peg that joins two boards so the seam does not show. That
|
|
|
11
11
|
**[Documentation](https://lacodda.github.io/dowel/)** — what everything is and why it is that way.
|
|
12
12
|
**[The stand](https://lacodda.github.io/dowel/stand/)** — every component, live, in either theme and in the accent of any product of the line.
|
|
13
13
|
|
|
14
|
-
**Status:** v0.
|
|
14
|
+
**Status:** v0.8.0 - the theme, the scales, an accent per product, sixteen components including the overlays, and the gates each one passes: axe, the keyboard, a dependency budget and a picture in both themes. The first product of the line lives on it. See the [roadmap](#roadmap).
|
|
15
15
|
|
|
16
16
|
## The theme
|
|
17
17
|
|
|
@@ -83,8 +83,15 @@ your code:
|
|
|
83
83
|
npx shadcn@latest add https://lacodda.github.io/dowel/r/button.json
|
|
84
84
|
```
|
|
85
85
|
|
|
86
|
-
|
|
87
|
-
Truncate and Copyable
|
|
86
|
+
Sixteen of them so far. The everyday ones - Button, Input, Textarea, Panel,
|
|
87
|
+
Badge, Chip, Kbd, Spinner, Truncate and Copyable - and the six that float above
|
|
88
|
+
the page: Dialog, ConfirmDialog, Drawer, Popover, PreviewCard and Tooltip.
|
|
89
|
+
|
|
90
|
+
The overlays are built on [Base UI](https://base-ui.com), which supplies the
|
|
91
|
+
part that is genuinely hard and invisible when it works: the focus trap, the
|
|
92
|
+
return of focus to whatever opened the thing, `Escape`, the scroll lock, and
|
|
93
|
+
the `aria-labelledby` that names a popup by its own title. Choosing between
|
|
94
|
+
them is the harder question, and [a guide](https://lacodda.github.io/dowel/guides/overlays/) covers it.
|
|
88
95
|
|
|
89
96
|
Each is written in the vocabulary - no raw colours, no `dark:` utilities - so
|
|
90
97
|
the same component is correct in both themes and in every product's accent.
|
|
@@ -102,6 +109,12 @@ export default [...dowel.configs.recommended]
|
|
|
102
109
|
It reports a hex, an `rgb()`, a stock Tailwind colour, `bg-white`, and any
|
|
103
110
|
`dark:` utility, in the file that wrote one - see [the guide](https://lacodda.github.io/dowel/guides/linting/).
|
|
104
111
|
|
|
112
|
+
Every primitive also runs a gate of its own before it ships: axe over the
|
|
113
|
+
rendered DOM in every variant, the keyboard over every interactive one, a
|
|
114
|
+
declared budget for what it may import, a picture of it in both themes compared
|
|
115
|
+
against a baseline, and a check that it carries no word of its own to translate
|
|
116
|
+
- [what a component has to pass](https://lacodda.github.io/dowel/guides/gates/).
|
|
117
|
+
|
|
105
118
|
Full vocabulary, shown rather than tabulated: **[colours](https://lacodda.github.io/dowel/reference/tokens/)** in both themes, **[the scales](https://lacodda.github.io/dowel/reference/scales/)** - radius, type, motion, elevation and stacking order - and **[the accents](https://lacodda.github.io/dowel/reference/accents/)**, where the same screen is drawn in every colour of the line.
|
|
106
119
|
|
|
107
120
|
## Roadmap
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dowel-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "The lacodda line design system: theme tokens and React primitives, distributed as a shadcn-compatible registry.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -53,7 +53,6 @@
|
|
|
53
53
|
"eslint": "^9.0.0 || ^10.0.0"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@radix-ui/react-slot": "^1.3.3",
|
|
57
56
|
"@types/node": "^26.4.0",
|
|
58
57
|
"@types/react": "^19.2.18",
|
|
59
58
|
"@types/react-dom": "^19.2.5",
|