dowel-ui 0.17.0 → 0.17.1
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/registry.json +38 -35
- 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.17.
|
|
14
|
+
**Status:** v0.17.1 - the theme, the scales, an accent per product, thirty-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. 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
|
|
package/dist/registry.json
CHANGED
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
"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.",
|
|
223
223
|
"dependencies": [
|
|
224
224
|
"class-variance-authority",
|
|
225
|
-
"dowel-ui@^0.17.
|
|
225
|
+
"dowel-ui@^0.17.1"
|
|
226
226
|
],
|
|
227
227
|
"registryDependencies": [],
|
|
228
228
|
"files": [
|
|
@@ -241,7 +241,7 @@
|
|
|
241
241
|
"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.",
|
|
242
242
|
"dependencies": [
|
|
243
243
|
"class-variance-authority",
|
|
244
|
-
"dowel-ui@^0.17.
|
|
244
|
+
"dowel-ui@^0.17.1"
|
|
245
245
|
],
|
|
246
246
|
"registryDependencies": [],
|
|
247
247
|
"files": [
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
"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.",
|
|
261
261
|
"dependencies": [
|
|
262
262
|
"class-variance-authority",
|
|
263
|
-
"dowel-ui@^0.17.
|
|
263
|
+
"dowel-ui@^0.17.1"
|
|
264
264
|
],
|
|
265
265
|
"registryDependencies": [],
|
|
266
266
|
"files": [
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
"dependencies": [
|
|
281
281
|
"@base-ui/react",
|
|
282
282
|
"class-variance-authority",
|
|
283
|
-
"dowel-ui@^0.17.
|
|
283
|
+
"dowel-ui@^0.17.1"
|
|
284
284
|
],
|
|
285
285
|
"registryDependencies": [],
|
|
286
286
|
"files": [
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
"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.",
|
|
300
300
|
"dependencies": [
|
|
301
301
|
"@base-ui/react",
|
|
302
|
-
"dowel-ui@^0.17.
|
|
302
|
+
"dowel-ui@^0.17.1"
|
|
303
303
|
],
|
|
304
304
|
"registryDependencies": [],
|
|
305
305
|
"files": [
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
"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.",
|
|
319
319
|
"dependencies": [
|
|
320
320
|
"class-variance-authority",
|
|
321
|
-
"dowel-ui@^0.17.
|
|
321
|
+
"dowel-ui@^0.17.1"
|
|
322
322
|
],
|
|
323
323
|
"registryDependencies": [],
|
|
324
324
|
"files": [
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
"dependencies": [
|
|
339
339
|
"@base-ui/react",
|
|
340
340
|
"class-variance-authority",
|
|
341
|
-
"dowel-ui@^0.17.
|
|
341
|
+
"dowel-ui@^0.17.1"
|
|
342
342
|
],
|
|
343
343
|
"registryDependencies": [
|
|
344
344
|
"https://lacodda.github.io/dowel/r/input.json",
|
|
@@ -361,7 +361,7 @@
|
|
|
361
361
|
"dependencies": [
|
|
362
362
|
"@base-ui/react",
|
|
363
363
|
"class-variance-authority",
|
|
364
|
-
"dowel-ui@^0.17.
|
|
364
|
+
"dowel-ui@^0.17.1"
|
|
365
365
|
],
|
|
366
366
|
"registryDependencies": [
|
|
367
367
|
"https://lacodda.github.io/dowel/r/combobox.json",
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
"dependencies": [
|
|
385
385
|
"@base-ui/react",
|
|
386
386
|
"class-variance-authority",
|
|
387
|
-
"dowel-ui@^0.17.
|
|
387
|
+
"dowel-ui@^0.17.1"
|
|
388
388
|
],
|
|
389
389
|
"registryDependencies": [],
|
|
390
390
|
"files": [
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
"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>`.",
|
|
404
404
|
"dependencies": [
|
|
405
405
|
"@base-ui/react",
|
|
406
|
-
"dowel-ui@^0.17.
|
|
406
|
+
"dowel-ui@^0.17.1"
|
|
407
407
|
],
|
|
408
408
|
"registryDependencies": [
|
|
409
409
|
"https://lacodda.github.io/dowel/r/menu.json"
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
"title": "Copyable",
|
|
424
424
|
"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.",
|
|
425
425
|
"dependencies": [
|
|
426
|
-
"dowel-ui@^0.17.
|
|
426
|
+
"dowel-ui@^0.17.1"
|
|
427
427
|
],
|
|
428
428
|
"registryDependencies": [],
|
|
429
429
|
"files": [
|
|
@@ -443,7 +443,7 @@
|
|
|
443
443
|
"dependencies": [
|
|
444
444
|
"@base-ui/react",
|
|
445
445
|
"class-variance-authority",
|
|
446
|
-
"dowel-ui@^0.17.
|
|
446
|
+
"dowel-ui@^0.17.1"
|
|
447
447
|
],
|
|
448
448
|
"registryDependencies": [],
|
|
449
449
|
"files": [
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
"dependencies": [
|
|
464
464
|
"@base-ui/react",
|
|
465
465
|
"class-variance-authority",
|
|
466
|
-
"dowel-ui@^0.17.
|
|
466
|
+
"dowel-ui@^0.17.1"
|
|
467
467
|
],
|
|
468
468
|
"registryDependencies": [],
|
|
469
469
|
"files": [
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
"title": "Duration-field",
|
|
482
482
|
"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.",
|
|
483
483
|
"dependencies": [
|
|
484
|
-
"dowel-ui@^0.17.
|
|
484
|
+
"dowel-ui@^0.17.1"
|
|
485
485
|
],
|
|
486
486
|
"registryDependencies": [
|
|
487
487
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
"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.",
|
|
503
503
|
"dependencies": [
|
|
504
504
|
"@base-ui/react",
|
|
505
|
-
"dowel-ui@^0.17.
|
|
505
|
+
"dowel-ui@^0.17.1"
|
|
506
506
|
],
|
|
507
507
|
"registryDependencies": [],
|
|
508
508
|
"files": [
|
|
@@ -520,7 +520,7 @@
|
|
|
520
520
|
"title": "Input",
|
|
521
521
|
"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.",
|
|
522
522
|
"dependencies": [
|
|
523
|
-
"dowel-ui@^0.17.
|
|
523
|
+
"dowel-ui@^0.17.1"
|
|
524
524
|
],
|
|
525
525
|
"registryDependencies": [],
|
|
526
526
|
"files": [
|
|
@@ -538,7 +538,7 @@
|
|
|
538
538
|
"title": "Kbd",
|
|
539
539
|
"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.",
|
|
540
540
|
"dependencies": [
|
|
541
|
-
"dowel-ui@^0.17.
|
|
541
|
+
"dowel-ui@^0.17.1"
|
|
542
542
|
],
|
|
543
543
|
"registryDependencies": [],
|
|
544
544
|
"files": [
|
|
@@ -558,7 +558,7 @@
|
|
|
558
558
|
"dependencies": [
|
|
559
559
|
"@base-ui/react",
|
|
560
560
|
"class-variance-authority",
|
|
561
|
-
"dowel-ui@^0.17.
|
|
561
|
+
"dowel-ui@^0.17.1"
|
|
562
562
|
],
|
|
563
563
|
"registryDependencies": [],
|
|
564
564
|
"files": [
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
"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.",
|
|
578
578
|
"dependencies": [
|
|
579
579
|
"@base-ui/react",
|
|
580
|
-
"dowel-ui@^0.17.
|
|
580
|
+
"dowel-ui@^0.17.1"
|
|
581
581
|
],
|
|
582
582
|
"registryDependencies": [
|
|
583
583
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
"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.",
|
|
599
599
|
"dependencies": [
|
|
600
600
|
"class-variance-authority",
|
|
601
|
-
"dowel-ui@^0.17.
|
|
601
|
+
"dowel-ui@^0.17.1"
|
|
602
602
|
],
|
|
603
603
|
"registryDependencies": [],
|
|
604
604
|
"files": [
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
"title": "Password-field",
|
|
617
617
|
"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.",
|
|
618
618
|
"dependencies": [
|
|
619
|
-
"dowel-ui@^0.17.
|
|
619
|
+
"dowel-ui@^0.17.1"
|
|
620
620
|
],
|
|
621
621
|
"registryDependencies": [
|
|
622
622
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -638,7 +638,7 @@
|
|
|
638
638
|
"dependencies": [
|
|
639
639
|
"@base-ui/react",
|
|
640
640
|
"class-variance-authority",
|
|
641
|
-
"dowel-ui@^0.17.
|
|
641
|
+
"dowel-ui@^0.17.1"
|
|
642
642
|
],
|
|
643
643
|
"registryDependencies": [],
|
|
644
644
|
"files": [
|
|
@@ -658,7 +658,7 @@
|
|
|
658
658
|
"dependencies": [
|
|
659
659
|
"@base-ui/react",
|
|
660
660
|
"class-variance-authority",
|
|
661
|
-
"dowel-ui@^0.17.
|
|
661
|
+
"dowel-ui@^0.17.1"
|
|
662
662
|
],
|
|
663
663
|
"registryDependencies": [],
|
|
664
664
|
"files": [
|
|
@@ -678,7 +678,7 @@
|
|
|
678
678
|
"dependencies": [
|
|
679
679
|
"@base-ui/react",
|
|
680
680
|
"class-variance-authority",
|
|
681
|
-
"dowel-ui@^0.17.
|
|
681
|
+
"dowel-ui@^0.17.1"
|
|
682
682
|
],
|
|
683
683
|
"registryDependencies": [],
|
|
684
684
|
"files": [
|
|
@@ -696,7 +696,7 @@
|
|
|
696
696
|
"title": "Rating-scale",
|
|
697
697
|
"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\".",
|
|
698
698
|
"dependencies": [
|
|
699
|
-
"dowel-ui@^0.17.
|
|
699
|
+
"dowel-ui@^0.17.1"
|
|
700
700
|
],
|
|
701
701
|
"registryDependencies": [],
|
|
702
702
|
"files": [
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
"title": "Search-field",
|
|
715
715
|
"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.",
|
|
716
716
|
"dependencies": [
|
|
717
|
-
"dowel-ui@^0.17.
|
|
717
|
+
"dowel-ui@^0.17.1"
|
|
718
718
|
],
|
|
719
719
|
"registryDependencies": [
|
|
720
720
|
"https://lacodda.github.io/dowel/r/input.json",
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
"dependencies": [
|
|
739
739
|
"@base-ui/react",
|
|
740
740
|
"class-variance-authority",
|
|
741
|
-
"dowel-ui@^0.17.
|
|
741
|
+
"dowel-ui@^0.17.1"
|
|
742
742
|
],
|
|
743
743
|
"registryDependencies": [
|
|
744
744
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
"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\".",
|
|
776
776
|
"dependencies": [
|
|
777
777
|
"@base-ui/react",
|
|
778
|
-
"dowel-ui@^0.17.
|
|
778
|
+
"dowel-ui@^0.17.1"
|
|
779
779
|
],
|
|
780
780
|
"registryDependencies": [],
|
|
781
781
|
"files": [
|
|
@@ -794,7 +794,7 @@
|
|
|
794
794
|
"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.",
|
|
795
795
|
"dependencies": [
|
|
796
796
|
"class-variance-authority",
|
|
797
|
-
"dowel-ui@^0.17.
|
|
797
|
+
"dowel-ui@^0.17.1"
|
|
798
798
|
],
|
|
799
799
|
"registryDependencies": [],
|
|
800
800
|
"files": [
|
|
@@ -813,7 +813,7 @@
|
|
|
813
813
|
"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.",
|
|
814
814
|
"dependencies": [
|
|
815
815
|
"@base-ui/react",
|
|
816
|
-
"dowel-ui@^0.17.
|
|
816
|
+
"dowel-ui@^0.17.1"
|
|
817
817
|
],
|
|
818
818
|
"registryDependencies": [],
|
|
819
819
|
"files": [
|
|
@@ -831,7 +831,7 @@
|
|
|
831
831
|
"title": "Textarea",
|
|
832
832
|
"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.",
|
|
833
833
|
"dependencies": [
|
|
834
|
-
"dowel-ui@^0.17.
|
|
834
|
+
"dowel-ui@^0.17.1"
|
|
835
835
|
],
|
|
836
836
|
"registryDependencies": [
|
|
837
837
|
"https://lacodda.github.io/dowel/r/input.json"
|
|
@@ -853,7 +853,7 @@
|
|
|
853
853
|
"dependencies": [
|
|
854
854
|
"@base-ui/react",
|
|
855
855
|
"class-variance-authority",
|
|
856
|
-
"dowel-ui@^0.17.
|
|
856
|
+
"dowel-ui@^0.17.1"
|
|
857
857
|
],
|
|
858
858
|
"registryDependencies": [],
|
|
859
859
|
"files": [
|
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
"dependencies": [
|
|
874
874
|
"@base-ui/react",
|
|
875
875
|
"class-variance-authority",
|
|
876
|
-
"dowel-ui@^0.17.
|
|
876
|
+
"dowel-ui@^0.17.1"
|
|
877
877
|
],
|
|
878
878
|
"registryDependencies": [],
|
|
879
879
|
"files": [
|
|
@@ -891,7 +891,7 @@
|
|
|
891
891
|
"title": "Truncate",
|
|
892
892
|
"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.",
|
|
893
893
|
"dependencies": [
|
|
894
|
-
"dowel-ui@^0.17.
|
|
894
|
+
"dowel-ui@^0.17.1"
|
|
895
895
|
],
|
|
896
896
|
"registryDependencies": [],
|
|
897
897
|
"files": [
|
|
@@ -937,14 +937,17 @@
|
|
|
937
937
|
"https://lacodda.github.io/dowel/r/checkbox.json",
|
|
938
938
|
"https://lacodda.github.io/dowel/r/chip.json",
|
|
939
939
|
"https://lacodda.github.io/dowel/r/combobox.json",
|
|
940
|
+
"https://lacodda.github.io/dowel/r/duration-field.json",
|
|
940
941
|
"https://lacodda.github.io/dowel/r/field.json",
|
|
941
942
|
"https://lacodda.github.io/dowel/r/input.json",
|
|
943
|
+
"https://lacodda.github.io/dowel/r/number-field.json",
|
|
944
|
+
"https://lacodda.github.io/dowel/r/password-field.json",
|
|
942
945
|
"https://lacodda.github.io/dowel/r/radio-group.json",
|
|
943
946
|
"https://lacodda.github.io/dowel/r/select.json",
|
|
944
947
|
"https://lacodda.github.io/dowel/r/switch.json",
|
|
945
948
|
"https://lacodda.github.io/dowel/r/textarea.json"
|
|
946
949
|
],
|
|
947
|
-
"docs": "Field wraps any of the controls: it is what ties a label, a hint and an error to the thing they belong to."
|
|
950
|
+
"docs": "Field wraps any of the controls: it is what ties a label, a hint and an error to the thing they belong to. Slider and RatingScale are not in this set - install them where the question calls for one."
|
|
948
951
|
},
|
|
949
952
|
{
|
|
950
953
|
"extends": "none",
|
package/package.json
CHANGED