@wtfalch/design 0.3.2 → 0.5.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/dist/components/Command.d.ts +57 -0
- package/dist/components/Command.js +36 -0
- package/dist/components/Icon.d.ts +17 -4
- package/dist/components/Identity.d.ts +40 -0
- package/dist/components/Identity.js +36 -0
- package/dist/components/Menu.d.ts +62 -0
- package/dist/components/Menu.js +20 -0
- package/dist/components/Modal.d.ts +20 -1
- package/dist/components/Modal.js +11 -3
- package/dist/components/Pagination.d.ts +52 -0
- package/dist/components/Pagination.js +101 -0
- package/dist/components/Popover.d.ts +46 -0
- package/dist/components/Popover.js +5 -0
- package/dist/components/ScrollArea.d.ts +66 -0
- package/dist/components/ScrollArea.js +47 -0
- package/dist/components/SplitPane.d.ts +57 -0
- package/dist/components/SplitPane.js +103 -0
- package/dist/components/Toggle.js +26 -11
- package/dist/components/iconNames.d.ts +1 -1
- package/dist/components/iconNames.js +25 -0
- package/dist/components/icons.js +97 -0
- package/dist/components/initials.d.ts +36 -0
- package/dist/components/initials.js +51 -0
- package/dist/components/pageWindow.d.ts +21 -0
- package/dist/components/pageWindow.js +46 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.js +22 -0
- package/dist/styles/index.css +792 -0
- package/dist/tf.css +792 -0
- package/dist/valet.css +792 -0
- package/package.json +10 -13
package/dist/index.d.ts
CHANGED
|
@@ -26,26 +26,52 @@ export type { Props as ButtonProps } from './components/Button.js';
|
|
|
26
26
|
export { default as Callout } from './components/Callout.js';
|
|
27
27
|
export { default as Card } from './components/Card.js';
|
|
28
28
|
export { default as Checkbox } from './components/Checkbox.js';
|
|
29
|
+
/** Type what you want to do: the keyboard's front door over the application. */
|
|
30
|
+
export { default as Command } from './components/Command.js';
|
|
31
|
+
export type { Command as CommandItem, Group as CommandGroup } from './components/Command.js';
|
|
29
32
|
export { DangerAction, default as DangerZone } from './components/DangerZone.js';
|
|
30
33
|
export { default as Dialog } from './components/Dialog.js';
|
|
31
34
|
export { default as Empty } from './components/Empty.js';
|
|
32
35
|
export { default as Field } from './components/Field.js';
|
|
33
36
|
export type { FieldWiring } from './components/Field.js';
|
|
34
37
|
export { default as Icon } from './components/Icon.js';
|
|
38
|
+
/** A person in one line -- initials, name, address -- and the two pure
|
|
39
|
+
* functions behind the disc, exported so a caller colouring something else
|
|
40
|
+
* by sender agrees with it. */
|
|
41
|
+
export { default as Identity } from './components/Identity.js';
|
|
42
|
+
export { hueOf, initialsOf } from './components/initials.js';
|
|
35
43
|
export { ICON_NAMES } from './components/iconNames.js';
|
|
36
44
|
export type { IconName } from './components/iconNames.js';
|
|
37
45
|
export { default as Illustration } from './components/Illustration.js';
|
|
38
46
|
export { default as Input } from './components/Input.js';
|
|
39
47
|
export type { Props as InputProps } from './components/Input.js';
|
|
40
48
|
export { default as Markdown } from './components/Markdown.js';
|
|
49
|
+
export { default as Menu } from './components/Menu.js';
|
|
50
|
+
export type { Item as MenuItem, Section as MenuSection } from './components/Menu.js';
|
|
41
51
|
export { default as Modal } from './components/Modal.js';
|
|
52
|
+
/** Moving through a list that does not fit, counted in items rather than
|
|
53
|
+
* pages. `pageWindow` is the elision, exported because it is the arithmetic
|
|
54
|
+
* worth testing on its own. */
|
|
55
|
+
export { default as Pagination } from './components/Pagination.js';
|
|
56
|
+
export { pageWindow } from './components/pageWindow.js';
|
|
42
57
|
export { default as Pill } from './components/Pill.js';
|
|
58
|
+
/** A small surface anchored to what opened it: the middle term between
|
|
59
|
+
* `Tooltip`, which only says something, and `Modal`, which takes the
|
|
60
|
+
* application away. */
|
|
61
|
+
export { default as Popover } from './components/Popover.js';
|
|
43
62
|
export { default as Progress } from './components/Progress.js';
|
|
44
63
|
export { Row, Rows } from './components/Rows.js';
|
|
64
|
+
/** A box that scrolls and says so. */
|
|
65
|
+
export { default as ScrollArea } from './components/ScrollArea.js';
|
|
66
|
+
export type { Props as ScrollAreaProps } from './components/ScrollArea.js';
|
|
45
67
|
export { default as Select } from './components/Select.js';
|
|
46
68
|
export { default as SizeGrid } from './components/SizeGrid.js';
|
|
47
69
|
export { default as Skeleton } from './components/Skeleton.js';
|
|
48
70
|
export { default as Slider } from './components/Slider.js';
|
|
71
|
+
/** Two panes and a handle between them, the handle being a real `separator`
|
|
72
|
+
* widget rather than a div with a mousedown listener. */
|
|
73
|
+
export { default as SplitPane } from './components/SplitPane.js';
|
|
74
|
+
export type { Props as SplitPaneProps } from './components/SplitPane.js';
|
|
49
75
|
export { default as Table } from './components/Table.js';
|
|
50
76
|
export type { Column } from './components/Table.js';
|
|
51
77
|
export { default as Tabs } from './components/Tabs.js';
|
package/dist/index.js
CHANGED
|
@@ -24,6 +24,8 @@ export { default as Button } from './components/Button.js';
|
|
|
24
24
|
export { default as Callout } from './components/Callout.js';
|
|
25
25
|
export { default as Card } from './components/Card.js';
|
|
26
26
|
export { default as Checkbox } from './components/Checkbox.js';
|
|
27
|
+
/** Type what you want to do: the keyboard's front door over the application. */
|
|
28
|
+
export { default as Command } from './components/Command.js';
|
|
27
29
|
/* `DangerAction` is a component -- a row inside the zone -- and was exported as
|
|
28
30
|
a type until the first consumer wrote `<DangerAction>` and TypeScript refused
|
|
29
31
|
it (TS1362). Nothing in this repo renders one, which is how it went unseen. */
|
|
@@ -32,18 +34,38 @@ export { default as Dialog } from './components/Dialog.js';
|
|
|
32
34
|
export { default as Empty } from './components/Empty.js';
|
|
33
35
|
export { default as Field } from './components/Field.js';
|
|
34
36
|
export { default as Icon } from './components/Icon.js';
|
|
37
|
+
/** A person in one line -- initials, name, address -- and the two pure
|
|
38
|
+
* functions behind the disc, exported so a caller colouring something else
|
|
39
|
+
* by sender agrees with it. */
|
|
40
|
+
export { default as Identity } from './components/Identity.js';
|
|
41
|
+
export { hueOf, initialsOf } from './components/initials.js';
|
|
35
42
|
export { ICON_NAMES } from './components/iconNames.js';
|
|
36
43
|
export { default as Illustration } from './components/Illustration.js';
|
|
37
44
|
export { default as Input } from './components/Input.js';
|
|
38
45
|
export { default as Markdown } from './components/Markdown.js';
|
|
46
|
+
export { default as Menu } from './components/Menu.js';
|
|
39
47
|
export { default as Modal } from './components/Modal.js';
|
|
48
|
+
/** Moving through a list that does not fit, counted in items rather than
|
|
49
|
+
* pages. `pageWindow` is the elision, exported because it is the arithmetic
|
|
50
|
+
* worth testing on its own. */
|
|
51
|
+
export { default as Pagination } from './components/Pagination.js';
|
|
52
|
+
export { pageWindow } from './components/pageWindow.js';
|
|
40
53
|
export { default as Pill } from './components/Pill.js';
|
|
54
|
+
/** A small surface anchored to what opened it: the middle term between
|
|
55
|
+
* `Tooltip`, which only says something, and `Modal`, which takes the
|
|
56
|
+
* application away. */
|
|
57
|
+
export { default as Popover } from './components/Popover.js';
|
|
41
58
|
export { default as Progress } from './components/Progress.js';
|
|
42
59
|
export { Row, Rows } from './components/Rows.js';
|
|
60
|
+
/** A box that scrolls and says so. */
|
|
61
|
+
export { default as ScrollArea } from './components/ScrollArea.js';
|
|
43
62
|
export { default as Select } from './components/Select.js';
|
|
44
63
|
export { default as SizeGrid } from './components/SizeGrid.js';
|
|
45
64
|
export { default as Skeleton } from './components/Skeleton.js';
|
|
46
65
|
export { default as Slider } from './components/Slider.js';
|
|
66
|
+
/** Two panes and a handle between them, the handle being a real `separator`
|
|
67
|
+
* widget rather than a div with a mousedown listener. */
|
|
68
|
+
export { default as SplitPane } from './components/SplitPane.js';
|
|
47
69
|
export { default as Table } from './components/Table.js';
|
|
48
70
|
export { default as Tabs } from './components/Tabs.js';
|
|
49
71
|
export { default as Textarea } from './components/Textarea.js';
|