dowel-ui 0.20.2 → 0.20.3
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 +1 -1
- package/dist/accents/furca.css +10 -0
- package/dist/accents/hilvan.css +10 -0
- package/dist/accents/rhapsod.css +10 -0
- package/dist/accents/rigger.css +10 -0
- package/dist/accents/scheda.css +10 -0
- package/dist/line.d.ts.map +1 -1
- package/dist/line.js +16 -0
- package/dist/line.js.map +1 -1
- package/dist/registry.json +113 -43
- package/package.json +1 -1
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.20.
|
|
14
|
+
**Status:** v0.20.3 - the theme, the scales, an accent per product, forty-five components - overlays, menus, the command palette and the three ways of saying something happened - and the gates each one passes: axe, the keyboard, a dependency budget and a picture in both themes. Every component has a page of its own on the stand, which remembers the theme and the accent you left it in. Components install from a versioned registry, the docs are served in the form an agent reads, and `dowel check` tells a project what stands between it and the vocabulary. Two products of the line live on it. See the [roadmap](#roadmap).
|
|
15
15
|
|
|
16
16
|
## The theme
|
|
17
17
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* furca - terracotta (paired with olive) #D9704A, the colour of its mark (fr).
|
|
3
|
+
*
|
|
4
|
+
* Import after the theme. Everything else - the hover shade, the soft fill,
|
|
5
|
+
* the focus ring, the colour of text on an accent fill, and the trace of the
|
|
6
|
+
* hue the greys carry - is derived from this one value.
|
|
7
|
+
*/
|
|
8
|
+
:root {
|
|
9
|
+
--accent-base: #D9704A;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* hilvan - crimson #D64550, the colour of its mark (hv).
|
|
3
|
+
*
|
|
4
|
+
* Import after the theme. Everything else - the hover shade, the soft fill,
|
|
5
|
+
* the focus ring, the colour of text on an accent fill, and the trace of the
|
|
6
|
+
* hue the greys carry - is derived from this one value.
|
|
7
|
+
*/
|
|
8
|
+
:root {
|
|
9
|
+
--accent-base: #D64550;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* rhapsod - field green #6CB14E, the colour of its mark (rh).
|
|
3
|
+
*
|
|
4
|
+
* Import after the theme. Everything else - the hover shade, the soft fill,
|
|
5
|
+
* the focus ring, the colour of text on an accent fill, and the trace of the
|
|
6
|
+
* hue the greys carry - is derived from this one value.
|
|
7
|
+
*/
|
|
8
|
+
:root {
|
|
9
|
+
--accent-base: #6CB14E;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* rigger - iris (paired with lagoon) #8A62F0, the colour of its mark (rr).
|
|
3
|
+
*
|
|
4
|
+
* Import after the theme. Everything else - the hover shade, the soft fill,
|
|
5
|
+
* the focus ring, the colour of text on an accent fill, and the trace of the
|
|
6
|
+
* hue the greys carry - is derived from this one value.
|
|
7
|
+
*/
|
|
8
|
+
:root {
|
|
9
|
+
--accent-base: #8A62F0;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* scheda - terracotta (paired with sea) #D9704A, the colour of its mark (sc).
|
|
3
|
+
*
|
|
4
|
+
* Import after the theme. Everything else - the hover shade, the soft fill,
|
|
5
|
+
* the focus ring, the colour of text on an accent fill, and the trace of the
|
|
6
|
+
* hue the greys carry - is derived from this one value.
|
|
7
|
+
*/
|
|
8
|
+
:root {
|
|
9
|
+
--accent-base: #D9704A;
|
|
10
|
+
}
|
package/dist/line.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../src/line.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,SAAS,WAAW,
|
|
1
|
+
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../src/line.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,SAAS,WAAW,EA+B9C,CAAA;AAED,kDAAkD;AAClD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAEjE"}
|
package/dist/line.js
CHANGED
|
@@ -27,6 +27,22 @@ export const lineProducts = [
|
|
|
27
27
|
{ name: 'dowel', code: 'dw', accent: '#E8862D', colorName: 'signal amber' },
|
|
28
28
|
{ name: 'lyrn', code: 'ln', accent: '#6D7BF2', colorName: 'indigo' },
|
|
29
29
|
{ name: 'austeris', code: 'au', accent: '#C25BD9', colorName: 'orchid' },
|
|
30
|
+
{ name: 'rhapsod', code: 'rh', accent: '#6CB14E', colorName: 'field green' },
|
|
31
|
+
{ name: 'hilvan', code: 'hv', accent: '#D64550', colorName: 'crimson' },
|
|
32
|
+
/*
|
|
33
|
+
* The last three marks are two-colour: the registry's palette of single hues
|
|
34
|
+
* ran out at hilvan, and a product now owns either one hue or a pair drawn as
|
|
35
|
+
* one diagonal gradient.
|
|
36
|
+
*
|
|
37
|
+
* The theme takes the first colour of the pair and nothing else. A gradient
|
|
38
|
+
* is a property of the mark — the tile, the code, the banner rule — and an
|
|
39
|
+
* accent is a flat colour a button is filled with, a focus ring is drawn in
|
|
40
|
+
* and a link is set in. Carrying the pair into the vocabulary would make
|
|
41
|
+
* every one of those a gradient, which is not what the pair is for.
|
|
42
|
+
*/
|
|
43
|
+
{ name: 'scheda', code: 'sc', accent: '#D9704A', colorName: 'terracotta (paired with sea)' },
|
|
44
|
+
{ name: 'furca', code: 'fr', accent: '#D9704A', colorName: 'terracotta (paired with olive)' },
|
|
45
|
+
{ name: 'rigger', code: 'rr', accent: '#8A62F0', colorName: 'iris (paired with lagoon)' },
|
|
30
46
|
];
|
|
31
47
|
/** The product with this name, or `undefined`. */
|
|
32
48
|
export function lineProduct(name) {
|
package/dist/line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line.js","sourceRoot":"","sources":["../src/line.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAaH,MAAM,CAAC,MAAM,YAAY,GAA2B;IAClD,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IAClE,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACzE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACrE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IAClE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACnE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;IACtE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;IACtE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE;IACpE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE;IAC3E,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACpE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"line.js","sourceRoot":"","sources":["../src/line.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAaH,MAAM,CAAC,MAAM,YAAY,GAA2B;IAClD,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IAClE,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACzE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACrE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IAClE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE;IACnE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;IACtE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;IACtE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE;IACpE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACrE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE;IAC3E,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACpE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;IACxE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE;IAC5E,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;IACvE;;;;;;;;;;OAUG;IACH,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,8BAA8B,EAAE;IAC5F,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,gCAAgC,EAAE;IAC7F,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,2BAA2B,EAAE;CAC1F,CAAA;AAED,kDAAkD;AAClD,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AAC9D,CAAC"}
|
package/dist/registry.json
CHANGED
|
@@ -215,6 +215,76 @@
|
|
|
215
215
|
}
|
|
216
216
|
]
|
|
217
217
|
},
|
|
218
|
+
{
|
|
219
|
+
"name": "accent-rhapsod",
|
|
220
|
+
"type": "registry:file",
|
|
221
|
+
"title": "rhapsod accent",
|
|
222
|
+
"description": "field green #6CB14E - the colour of the rhapsod mark (rh). Import after the theme.",
|
|
223
|
+
"files": [
|
|
224
|
+
{
|
|
225
|
+
"path": "dowel/accents/rhapsod.css",
|
|
226
|
+
"target": "~/dowel/accents/rhapsod.css",
|
|
227
|
+
"type": "registry:file",
|
|
228
|
+
"content": "/*\n * rhapsod - field green #6CB14E, the colour of its mark (rh).\n *\n * Import after the theme. Everything else - the hover shade, the soft fill,\n * the focus ring, the colour of text on an accent fill, and the trace of the\n * hue the greys carry - is derived from this one value.\n */\n:root {\n --accent-base: #6CB14E;\n}\n"
|
|
229
|
+
}
|
|
230
|
+
]
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"name": "accent-hilvan",
|
|
234
|
+
"type": "registry:file",
|
|
235
|
+
"title": "hilvan accent",
|
|
236
|
+
"description": "crimson #D64550 - the colour of the hilvan mark (hv). Import after the theme.",
|
|
237
|
+
"files": [
|
|
238
|
+
{
|
|
239
|
+
"path": "dowel/accents/hilvan.css",
|
|
240
|
+
"target": "~/dowel/accents/hilvan.css",
|
|
241
|
+
"type": "registry:file",
|
|
242
|
+
"content": "/*\n * hilvan - crimson #D64550, the colour of its mark (hv).\n *\n * Import after the theme. Everything else - the hover shade, the soft fill,\n * the focus ring, the colour of text on an accent fill, and the trace of the\n * hue the greys carry - is derived from this one value.\n */\n:root {\n --accent-base: #D64550;\n}\n"
|
|
243
|
+
}
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "accent-scheda",
|
|
248
|
+
"type": "registry:file",
|
|
249
|
+
"title": "scheda accent",
|
|
250
|
+
"description": "terracotta (paired with sea) #D9704A - the colour of the scheda mark (sc). Import after the theme.",
|
|
251
|
+
"files": [
|
|
252
|
+
{
|
|
253
|
+
"path": "dowel/accents/scheda.css",
|
|
254
|
+
"target": "~/dowel/accents/scheda.css",
|
|
255
|
+
"type": "registry:file",
|
|
256
|
+
"content": "/*\n * scheda - terracotta (paired with sea) #D9704A, the colour of its mark (sc).\n *\n * Import after the theme. Everything else - the hover shade, the soft fill,\n * the focus ring, the colour of text on an accent fill, and the trace of the\n * hue the greys carry - is derived from this one value.\n */\n:root {\n --accent-base: #D9704A;\n}\n"
|
|
257
|
+
}
|
|
258
|
+
]
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"name": "accent-furca",
|
|
262
|
+
"type": "registry:file",
|
|
263
|
+
"title": "furca accent",
|
|
264
|
+
"description": "terracotta (paired with olive) #D9704A - the colour of the furca mark (fr). Import after the theme.",
|
|
265
|
+
"files": [
|
|
266
|
+
{
|
|
267
|
+
"path": "dowel/accents/furca.css",
|
|
268
|
+
"target": "~/dowel/accents/furca.css",
|
|
269
|
+
"type": "registry:file",
|
|
270
|
+
"content": "/*\n * furca - terracotta (paired with olive) #D9704A, the colour of its mark (fr).\n *\n * Import after the theme. Everything else - the hover shade, the soft fill,\n * the focus ring, the colour of text on an accent fill, and the trace of the\n * hue the greys carry - is derived from this one value.\n */\n:root {\n --accent-base: #D9704A;\n}\n"
|
|
271
|
+
}
|
|
272
|
+
]
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "accent-rigger",
|
|
276
|
+
"type": "registry:file",
|
|
277
|
+
"title": "rigger accent",
|
|
278
|
+
"description": "iris (paired with lagoon) #8A62F0 - the colour of the rigger mark (rr). Import after the theme.",
|
|
279
|
+
"files": [
|
|
280
|
+
{
|
|
281
|
+
"path": "dowel/accents/rigger.css",
|
|
282
|
+
"target": "~/dowel/accents/rigger.css",
|
|
283
|
+
"type": "registry:file",
|
|
284
|
+
"content": "/*\n * rigger - iris (paired with lagoon) #8A62F0, the colour of its mark (rr).\n *\n * Import after the theme. Everything else - the hover shade, the soft fill,\n * the focus ring, the colour of text on an accent fill, and the trace of the\n * hue the greys carry - is derived from this one value.\n */\n:root {\n --accent-base: #8A62F0;\n}\n"
|
|
285
|
+
}
|
|
286
|
+
]
|
|
287
|
+
},
|
|
218
288
|
{
|
|
219
289
|
"name": "action-bar",
|
|
220
290
|
"type": "registry:ui",
|
|
@@ -223,7 +293,7 @@
|
|
|
223
293
|
"dependencies": [
|
|
224
294
|
"@base-ui/react",
|
|
225
295
|
"class-variance-authority",
|
|
226
|
-
"dowel-ui@^0.20.
|
|
296
|
+
"dowel-ui@^0.20.3"
|
|
227
297
|
],
|
|
228
298
|
"registryDependencies": [],
|
|
229
299
|
"files": [
|
|
@@ -242,7 +312,7 @@
|
|
|
242
312
|
"description": "A message that stays on the screen, in the flow of the page, about the thing next to it: this field could not be saved, this profile has no axes yet, this export is out of date.",
|
|
243
313
|
"dependencies": [
|
|
244
314
|
"class-variance-authority",
|
|
245
|
-
"dowel-ui@^0.20.
|
|
315
|
+
"dowel-ui@^0.20.3"
|
|
246
316
|
],
|
|
247
317
|
"registryDependencies": [],
|
|
248
318
|
"files": [
|
|
@@ -261,7 +331,7 @@
|
|
|
261
331
|
"description": "A small piece of state attached to something else: a count, a status, a label. It is not a button and never was - if it can be clicked it is a Chip.",
|
|
262
332
|
"dependencies": [
|
|
263
333
|
"class-variance-authority",
|
|
264
|
-
"dowel-ui@^0.20.
|
|
334
|
+
"dowel-ui@^0.20.3"
|
|
265
335
|
],
|
|
266
336
|
"registryDependencies": [],
|
|
267
337
|
"files": [
|
|
@@ -280,7 +350,7 @@
|
|
|
280
350
|
"description": "A strip across the top of the application, about the application: you are offline, this build is a preview, your licence expires on Friday, a new version is ready to install.",
|
|
281
351
|
"dependencies": [
|
|
282
352
|
"class-variance-authority",
|
|
283
|
-
"dowel-ui@^0.20.
|
|
353
|
+
"dowel-ui@^0.20.3"
|
|
284
354
|
],
|
|
285
355
|
"registryDependencies": [],
|
|
286
356
|
"files": [
|
|
@@ -300,7 +370,7 @@
|
|
|
300
370
|
"dependencies": [
|
|
301
371
|
"@base-ui/react",
|
|
302
372
|
"class-variance-authority",
|
|
303
|
-
"dowel-ui@^0.20.
|
|
373
|
+
"dowel-ui@^0.20.3"
|
|
304
374
|
],
|
|
305
375
|
"registryDependencies": [],
|
|
306
376
|
"files": [
|
|
@@ -334,7 +404,7 @@
|
|
|
334
404
|
"title": "Calendar",
|
|
335
405
|
"description": "The sums live next door in `calendar-math`, which has no React in it; this is the grid that draws them and the keyboard that moves around it.",
|
|
336
406
|
"dependencies": [
|
|
337
|
-
"dowel-ui@^0.20.
|
|
407
|
+
"dowel-ui@^0.20.3"
|
|
338
408
|
],
|
|
339
409
|
"registryDependencies": [
|
|
340
410
|
"https://lacodda.github.io/dowel/r/calendar-math.json"
|
|
@@ -355,7 +425,7 @@
|
|
|
355
425
|
"description": "The interesting part is the words. A checkbox on its own is a nine-pixel target that says nothing; wired to a label it is the whole row, and the row is what a finger and a pointer both aim at. So the label is part of the component rather than something a caller remembers to add - the commonest bug in a hand-rolled checkbox is a `<label>` that is next to the input instead of tied to it, which looks identical and does nothing.",
|
|
356
426
|
"dependencies": [
|
|
357
427
|
"@base-ui/react",
|
|
358
|
-
"dowel-ui@^0.20.
|
|
428
|
+
"dowel-ui@^0.20.3"
|
|
359
429
|
],
|
|
360
430
|
"registryDependencies": [],
|
|
361
431
|
"files": [
|
|
@@ -374,7 +444,7 @@
|
|
|
374
444
|
"description": "A badge you can act on: a filter that can be removed, a tag with a count, a selected value in a field. The difference from a Badge is entirely about whether something happens when you click it - and if something does, that part is a real `<button>` with a real label, not a decorative cross.",
|
|
375
445
|
"dependencies": [
|
|
376
446
|
"class-variance-authority",
|
|
377
|
-
"dowel-ui@^0.20.
|
|
447
|
+
"dowel-ui@^0.20.3"
|
|
378
448
|
],
|
|
379
449
|
"registryDependencies": [],
|
|
380
450
|
"files": [
|
|
@@ -392,7 +462,7 @@
|
|
|
392
462
|
"title": "Color-field",
|
|
393
463
|
"description": "Picking a colour for something the product stores: a tag, a project, a calendar. Note what that is *not* - it is not choosing the appearance of the interface. The theme decides that, from one accent, and a field that let a reader repaint the chrome would undo the argument the whole system rests on.",
|
|
394
464
|
"dependencies": [
|
|
395
|
-
"dowel-ui@^0.20.
|
|
465
|
+
"dowel-ui@^0.20.3"
|
|
396
466
|
],
|
|
397
467
|
"registryDependencies": [
|
|
398
468
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -414,7 +484,7 @@
|
|
|
414
484
|
"dependencies": [
|
|
415
485
|
"@base-ui/react",
|
|
416
486
|
"class-variance-authority",
|
|
417
|
-
"dowel-ui@^0.20.
|
|
487
|
+
"dowel-ui@^0.20.3"
|
|
418
488
|
],
|
|
419
489
|
"registryDependencies": [
|
|
420
490
|
"https://lacodda.github.io/dowel/r/input.json",
|
|
@@ -437,7 +507,7 @@
|
|
|
437
507
|
"dependencies": [
|
|
438
508
|
"@base-ui/react",
|
|
439
509
|
"class-variance-authority",
|
|
440
|
-
"dowel-ui@^0.20.
|
|
510
|
+
"dowel-ui@^0.20.3"
|
|
441
511
|
],
|
|
442
512
|
"registryDependencies": [
|
|
443
513
|
"https://lacodda.github.io/dowel/r/combobox.json",
|
|
@@ -460,7 +530,7 @@
|
|
|
460
530
|
"dependencies": [
|
|
461
531
|
"@base-ui/react",
|
|
462
532
|
"class-variance-authority",
|
|
463
|
-
"dowel-ui@^0.20.
|
|
533
|
+
"dowel-ui@^0.20.3"
|
|
464
534
|
],
|
|
465
535
|
"registryDependencies": [],
|
|
466
536
|
"files": [
|
|
@@ -479,7 +549,7 @@
|
|
|
479
549
|
"description": "The same list of actions as Menu, opened the other way round: by right click, or by a long press on a touch screen, over an *area* rather than from a button. So the trigger is not a control - it is the region the menu belongs to, a row, a canvas, a file tile - and it renders a `<div>`.",
|
|
480
550
|
"dependencies": [
|
|
481
551
|
"@base-ui/react",
|
|
482
|
-
"dowel-ui@^0.20.
|
|
552
|
+
"dowel-ui@^0.20.3"
|
|
483
553
|
],
|
|
484
554
|
"registryDependencies": [
|
|
485
555
|
"https://lacodda.github.io/dowel/r/menu.json"
|
|
@@ -499,7 +569,7 @@
|
|
|
499
569
|
"title": "Copyable",
|
|
500
570
|
"description": "Any text that someone will eventually want to copy - an id, a path, a hash, a token - copied with one click. The rule comes from nitid: if a value is worth showing, it is worth being able to take away, and selecting a monospaced id by hand is a small daily tax.",
|
|
501
571
|
"dependencies": [
|
|
502
|
-
"dowel-ui@^0.20.
|
|
572
|
+
"dowel-ui@^0.20.3"
|
|
503
573
|
],
|
|
504
574
|
"registryDependencies": [],
|
|
505
575
|
"files": [
|
|
@@ -517,7 +587,7 @@
|
|
|
517
587
|
"title": "Date-picker",
|
|
518
588
|
"description": "The trigger is a button rather than a text input, and that is the decision worth stating. A typable date field has to answer \"what does `03/04/26` mean\" in a locale it cannot be sure of, and it answers wrong for half the world; a button showing the date spelled out has no such question. Where typing genuinely matters - a birth date, forty years back - the calendar is the wrong control anyway and a product should reach for a plain field.",
|
|
519
589
|
"dependencies": [
|
|
520
|
-
"dowel-ui@^0.20.
|
|
590
|
+
"dowel-ui@^0.20.3"
|
|
521
591
|
],
|
|
522
592
|
"registryDependencies": [
|
|
523
593
|
"https://lacodda.github.io/dowel/r/calendar.json",
|
|
@@ -540,7 +610,7 @@
|
|
|
540
610
|
"title": "Date-range-picker",
|
|
541
611
|
"description": "The interesting part is the state between them. After the first click there is a start and no end, and that is not an incomplete range to be hidden or a range of one day - it is the normal middle of the interaction, and the calendar has to show it: the first day marked, the days under the pointer shading as the reader moves, the popup staying open. Products that skip it end up with a picker that seems to do nothing until the second click.",
|
|
542
612
|
"dependencies": [
|
|
543
|
-
"dowel-ui@^0.20.
|
|
613
|
+
"dowel-ui@^0.20.3"
|
|
544
614
|
],
|
|
545
615
|
"registryDependencies": [
|
|
546
616
|
"https://lacodda.github.io/dowel/r/calendar.json",
|
|
@@ -565,7 +635,7 @@
|
|
|
565
635
|
"dependencies": [
|
|
566
636
|
"@base-ui/react",
|
|
567
637
|
"class-variance-authority",
|
|
568
|
-
"dowel-ui@^0.20.
|
|
638
|
+
"dowel-ui@^0.20.3"
|
|
569
639
|
],
|
|
570
640
|
"registryDependencies": [],
|
|
571
641
|
"files": [
|
|
@@ -585,7 +655,7 @@
|
|
|
585
655
|
"dependencies": [
|
|
586
656
|
"@base-ui/react",
|
|
587
657
|
"class-variance-authority",
|
|
588
|
-
"dowel-ui@^0.20.
|
|
658
|
+
"dowel-ui@^0.20.3"
|
|
589
659
|
],
|
|
590
660
|
"registryDependencies": [],
|
|
591
661
|
"files": [
|
|
@@ -603,7 +673,7 @@
|
|
|
603
673
|
"title": "Duration-field",
|
|
604
674
|
"description": "The alternative is what products keep building: two number boxes labelled \"hours\" and \"minutes\", which means two tab stops, two validations, and a reader who has to divide 90 minutes in their head before typing. Here they write `1h 30m`, or `90m`, or `1.5h`, and it means the same thing.",
|
|
605
675
|
"dependencies": [
|
|
606
|
-
"dowel-ui@^0.20.
|
|
676
|
+
"dowel-ui@^0.20.3"
|
|
607
677
|
],
|
|
608
678
|
"registryDependencies": [
|
|
609
679
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -624,7 +694,7 @@
|
|
|
624
694
|
"description": "Every form is the same four parts repeated: a name for the control, the control, sometimes a hint, and sometimes an error. Written by hand each time, they drift - the label loses its `htmlFor`, the hint is a `<div>` no screen reader mentions, the error appears in red and is announced by nothing at all. This is that arrangement, once.",
|
|
625
695
|
"dependencies": [
|
|
626
696
|
"@base-ui/react",
|
|
627
|
-
"dowel-ui@^0.20.
|
|
697
|
+
"dowel-ui@^0.20.3"
|
|
628
698
|
],
|
|
629
699
|
"registryDependencies": [],
|
|
630
700
|
"files": [
|
|
@@ -642,7 +712,7 @@
|
|
|
642
712
|
"title": "File-drop",
|
|
643
713
|
"description": "A place to put files: drag them onto it, or press it and pick them. It takes files and hands them over - it does not upload them. Where they go, with which credentials, retried how - that is the product's transport, and a primitive that owned it would be wrong for every product whose upload does not look like the one it guessed.",
|
|
644
714
|
"dependencies": [
|
|
645
|
-
"dowel-ui@^0.20.
|
|
715
|
+
"dowel-ui@^0.20.3"
|
|
646
716
|
],
|
|
647
717
|
"registryDependencies": [],
|
|
648
718
|
"files": [
|
|
@@ -660,7 +730,7 @@
|
|
|
660
730
|
"title": "Input",
|
|
661
731
|
"description": "A single-line field. It is a plain `<input>` with the line's clothes on, so everything a browser gives an input for free - autofill, spellcheck, the right keyboard on a phone, `type=\"email\"` validation - still works.",
|
|
662
732
|
"dependencies": [
|
|
663
|
-
"dowel-ui@^0.20.
|
|
733
|
+
"dowel-ui@^0.20.3"
|
|
664
734
|
],
|
|
665
735
|
"registryDependencies": [],
|
|
666
736
|
"files": [
|
|
@@ -678,7 +748,7 @@
|
|
|
678
748
|
"title": "Kbd",
|
|
679
749
|
"description": "A key, as printed in a menu or a hint: `Ctrl` `K`. It is a `<kbd>` element because that is what the element is for - a screen reader announces it as keyboard input rather than reading a stray capital letter.",
|
|
680
750
|
"dependencies": [
|
|
681
|
-
"dowel-ui@^0.20.
|
|
751
|
+
"dowel-ui@^0.20.3"
|
|
682
752
|
],
|
|
683
753
|
"registryDependencies": [],
|
|
684
754
|
"files": [
|
|
@@ -698,7 +768,7 @@
|
|
|
698
768
|
"dependencies": [
|
|
699
769
|
"@base-ui/react",
|
|
700
770
|
"class-variance-authority",
|
|
701
|
-
"dowel-ui@^0.20.
|
|
771
|
+
"dowel-ui@^0.20.3"
|
|
702
772
|
],
|
|
703
773
|
"registryDependencies": [],
|
|
704
774
|
"files": [
|
|
@@ -717,7 +787,7 @@
|
|
|
717
787
|
"description": "A number typed into a text input is a string that happens to look like a number, and every product then writes the same four fixes: strip the letters, clamp to a range, round to a step, and decide what an empty box means. This is those four, once, plus the stepper - because a value with a small range is faster nudged than typed.",
|
|
718
788
|
"dependencies": [
|
|
719
789
|
"@base-ui/react",
|
|
720
|
-
"dowel-ui@^0.20.
|
|
790
|
+
"dowel-ui@^0.20.3"
|
|
721
791
|
],
|
|
722
792
|
"registryDependencies": [
|
|
723
793
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -738,7 +808,7 @@
|
|
|
738
808
|
"description": "The raised surface everything else sits on. It is the one place a screen gets its structure from, so it stays deliberately plain: a ground, a hairline, a corner.",
|
|
739
809
|
"dependencies": [
|
|
740
810
|
"class-variance-authority",
|
|
741
|
-
"dowel-ui@^0.20.
|
|
811
|
+
"dowel-ui@^0.20.3"
|
|
742
812
|
],
|
|
743
813
|
"registryDependencies": [],
|
|
744
814
|
"files": [
|
|
@@ -756,7 +826,7 @@
|
|
|
756
826
|
"title": "Password-field",
|
|
757
827
|
"description": "The reveal is the whole component, and it is not a convenience. A masked field is the only one in a form where a typo cannot be seen, so people either paste (fine) or type slowly and get it wrong anyway; the toggle is what turns an unverifiable field into a checkable one, and it is why long passphrases became usable at all.",
|
|
758
828
|
"dependencies": [
|
|
759
|
-
"dowel-ui@^0.20.
|
|
829
|
+
"dowel-ui@^0.20.3"
|
|
760
830
|
],
|
|
761
831
|
"registryDependencies": [
|
|
762
832
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -778,7 +848,7 @@
|
|
|
778
848
|
"dependencies": [
|
|
779
849
|
"@base-ui/react",
|
|
780
850
|
"class-variance-authority",
|
|
781
|
-
"dowel-ui@^0.20.
|
|
851
|
+
"dowel-ui@^0.20.3"
|
|
782
852
|
],
|
|
783
853
|
"registryDependencies": [],
|
|
784
854
|
"files": [
|
|
@@ -798,7 +868,7 @@
|
|
|
798
868
|
"dependencies": [
|
|
799
869
|
"@base-ui/react",
|
|
800
870
|
"class-variance-authority",
|
|
801
|
-
"dowel-ui@^0.20.
|
|
871
|
+
"dowel-ui@^0.20.3"
|
|
802
872
|
],
|
|
803
873
|
"registryDependencies": [],
|
|
804
874
|
"files": [
|
|
@@ -818,7 +888,7 @@
|
|
|
818
888
|
"dependencies": [
|
|
819
889
|
"@base-ui/react",
|
|
820
890
|
"class-variance-authority",
|
|
821
|
-
"dowel-ui@^0.20.
|
|
891
|
+
"dowel-ui@^0.20.3"
|
|
822
892
|
],
|
|
823
893
|
"registryDependencies": [],
|
|
824
894
|
"files": [
|
|
@@ -836,7 +906,7 @@
|
|
|
836
906
|
"title": "Rating-scale",
|
|
837
907
|
"description": "Generalised from kilna, where it is how a work is scored on each of its axes. The shape is a row of marks rather than stars: stars carry a meaning of their own - a review, a public verdict - and this is as often \"how hard was this\" or \"how finished is it\" as it is \"how good\".",
|
|
838
908
|
"dependencies": [
|
|
839
|
-
"dowel-ui@^0.20.
|
|
909
|
+
"dowel-ui@^0.20.3"
|
|
840
910
|
],
|
|
841
911
|
"registryDependencies": [],
|
|
842
912
|
"files": [
|
|
@@ -854,7 +924,7 @@
|
|
|
854
924
|
"title": "Save-state",
|
|
855
925
|
"description": "The quiet line beside a field that saves itself: \"saving…\", then a tick that fades. It exists because a form without a Save button has to say what it did anyway - otherwise the reader is left guessing whether their edit survived, and the usual answer to that guess is to press Ctrl+S at a page that has no such thing.",
|
|
856
926
|
"dependencies": [
|
|
857
|
-
"dowel-ui@^0.20.
|
|
927
|
+
"dowel-ui@^0.20.3"
|
|
858
928
|
],
|
|
859
929
|
"registryDependencies": [
|
|
860
930
|
"https://lacodda.github.io/dowel/r/spinner.json"
|
|
@@ -874,7 +944,7 @@
|
|
|
874
944
|
"title": "Search-field",
|
|
875
945
|
"description": "An Input that knows it is a search box, which is three small things the products kept not doing:\n * - a magnifier, so the field is recognisable before it is read; - a way to clear it that is not \"select all and delete\" - and one that a keyboard can reach, which a decorative `<span>` cannot; - the shortcut that focuses it, shown in the field rather than learned.",
|
|
876
946
|
"dependencies": [
|
|
877
|
-
"dowel-ui@^0.20.
|
|
947
|
+
"dowel-ui@^0.20.3"
|
|
878
948
|
],
|
|
879
949
|
"registryDependencies": [
|
|
880
950
|
"https://lacodda.github.io/dowel/r/input.json",
|
|
@@ -898,7 +968,7 @@
|
|
|
898
968
|
"dependencies": [
|
|
899
969
|
"@base-ui/react",
|
|
900
970
|
"class-variance-authority",
|
|
901
|
-
"dowel-ui@^0.20.
|
|
971
|
+
"dowel-ui@^0.20.3"
|
|
902
972
|
],
|
|
903
973
|
"registryDependencies": [
|
|
904
974
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -935,7 +1005,7 @@
|
|
|
935
1005
|
"description": "The case for it over a NumberField is that the number does not matter much: a volume, an opacity, a weight in a search filter. Where the exact figure does matter, a slider is a worse field with more pixels - it cannot be typed into, it cannot be pasted into, and it has no state for \"empty\".",
|
|
936
1006
|
"dependencies": [
|
|
937
1007
|
"@base-ui/react",
|
|
938
|
-
"dowel-ui@^0.20.
|
|
1008
|
+
"dowel-ui@^0.20.3"
|
|
939
1009
|
],
|
|
940
1010
|
"registryDependencies": [],
|
|
941
1011
|
"files": [
|
|
@@ -954,7 +1024,7 @@
|
|
|
954
1024
|
"description": "Something is happening and the answer has not arrived. It carries no text of its own - what is loading is the product's word, not the system's - but it does have to say *something* to a screen reader, or a page that is busy is silently identical to a page that is empty.",
|
|
955
1025
|
"dependencies": [
|
|
956
1026
|
"class-variance-authority",
|
|
957
|
-
"dowel-ui@^0.20.
|
|
1027
|
+
"dowel-ui@^0.20.3"
|
|
958
1028
|
],
|
|
959
1029
|
"registryDependencies": [],
|
|
960
1030
|
"files": [
|
|
@@ -973,7 +1043,7 @@
|
|
|
973
1043
|
"description": "The difference from Checkbox is not how it looks, and getting it wrong is the commonest mistake in the pair. A checkbox is an answer collected now and submitted later, with the rest of the form; a switch is a setting that applies the moment it moves. Put a switch in a form with a Save button and the reader cannot tell whether anything happened - they flipped it, and nothing said so.",
|
|
974
1044
|
"dependencies": [
|
|
975
1045
|
"@base-ui/react",
|
|
976
|
-
"dowel-ui@^0.20.
|
|
1046
|
+
"dowel-ui@^0.20.3"
|
|
977
1047
|
],
|
|
978
1048
|
"registryDependencies": [],
|
|
979
1049
|
"files": [
|
|
@@ -992,7 +1062,7 @@
|
|
|
992
1062
|
"description": "Free text turned into a list: type a word, press Enter, it becomes a chip.",
|
|
993
1063
|
"dependencies": [
|
|
994
1064
|
"class-variance-authority",
|
|
995
|
-
"dowel-ui@^0.20.
|
|
1065
|
+
"dowel-ui@^0.20.3"
|
|
996
1066
|
],
|
|
997
1067
|
"registryDependencies": [
|
|
998
1068
|
"https://lacodda.github.io/dowel/r/chip.json",
|
|
@@ -1013,7 +1083,7 @@
|
|
|
1013
1083
|
"title": "Textarea",
|
|
1014
1084
|
"description": "A multi-line field that can grow with what is typed into it, which is the only interesting part: a fixed box makes someone scroll inside a scroll, and a box that grows without limit pushes the button they are trying to reach off the screen. `autoResize` grows it; `maxRows` says when to stop and let it scroll after all.",
|
|
1015
1085
|
"dependencies": [
|
|
1016
|
-
"dowel-ui@^0.20.
|
|
1086
|
+
"dowel-ui@^0.20.3"
|
|
1017
1087
|
],
|
|
1018
1088
|
"registryDependencies": [
|
|
1019
1089
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -1033,7 +1103,7 @@
|
|
|
1033
1103
|
"title": "Time-field",
|
|
1034
1104
|
"description": "No donor for this one: neither product of the line had a time field, so this is written from the same shape as DurationField, and for the same reason. Anything a person plausibly types is accepted - `9`, `9:30`, `930`, `9.30`, `9pm`, `21:30` - and what comes back is always `HH:MM`.",
|
|
1035
1105
|
"dependencies": [
|
|
1036
|
-
"dowel-ui@^0.20.
|
|
1106
|
+
"dowel-ui@^0.20.3"
|
|
1037
1107
|
],
|
|
1038
1108
|
"registryDependencies": [
|
|
1039
1109
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -1055,7 +1125,7 @@
|
|
|
1055
1125
|
"dependencies": [
|
|
1056
1126
|
"@base-ui/react",
|
|
1057
1127
|
"class-variance-authority",
|
|
1058
|
-
"dowel-ui@^0.20.
|
|
1128
|
+
"dowel-ui@^0.20.3"
|
|
1059
1129
|
],
|
|
1060
1130
|
"registryDependencies": [],
|
|
1061
1131
|
"files": [
|
|
@@ -1075,7 +1145,7 @@
|
|
|
1075
1145
|
"dependencies": [
|
|
1076
1146
|
"@base-ui/react",
|
|
1077
1147
|
"class-variance-authority",
|
|
1078
|
-
"dowel-ui@^0.20.
|
|
1148
|
+
"dowel-ui@^0.20.3"
|
|
1079
1149
|
],
|
|
1080
1150
|
"registryDependencies": [],
|
|
1081
1151
|
"files": [
|
|
@@ -1093,7 +1163,7 @@
|
|
|
1093
1163
|
"title": "Truncate",
|
|
1094
1164
|
"description": "Text that does not fit, cut with an ellipsis - and, importantly, still readable in full: the element carries its own text as a `title`, so hovering shows what was cut. Every product wrote the one-line version of this and none of them remembered the title.",
|
|
1095
1165
|
"dependencies": [
|
|
1096
|
-
"dowel-ui@^0.20.
|
|
1166
|
+
"dowel-ui@^0.20.3"
|
|
1097
1167
|
],
|
|
1098
1168
|
"registryDependencies": [],
|
|
1099
1169
|
"files": [
|
package/package.json
CHANGED