@stealthscale/component-collections 0.1.2 → 0.1.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/dist/cyclonedx/bom.json +1 -1
- package/dist/index.js +1 -5700
- package/dist/pages/data-list/data-list.js +351 -0
- package/dist/pages/data-list/data-list.props.js +3 -0
- package/dist/pages/listbox/listbox.js +1277 -0
- package/dist/pages/listbox/listbox.props.js +3 -0
- package/dist/pages/pages.json +105 -0
- package/dist/pages/sortable/sortable.js +576 -0
- package/dist/pages/sortable/sortable.props.js +3 -0
- package/dist/pages/status-matrix/status-matrix.js +1403 -0
- package/dist/pages/status-matrix/status-matrix.props.js +3 -0
- package/dist/pages/swipe-actions/swipe-actions.js +212 -0
- package/dist/pages/swipe-actions/swipe-actions.props.js +3 -0
- package/dist/pages/table/table.js +1701 -0
- package/dist/pages/table/table.props.js +3 -0
- package/dist/pages/timeline/timeline.js +380 -0
- package/dist/pages/timeline/timeline.props.js +3 -0
- package/dist/pages/transfer/transfer.js +465 -0
- package/dist/pages/transfer/transfer.props.js +3 -0
- package/dist/pages/tree-view/tree-view.js +1059 -0
- package/dist/pages/tree-view/tree-view.props.js +3 -0
- package/dist/shared-DVn824MJ.js +5701 -0
- package/dist/theme.js +1 -1
- package/locales/en/specimen/data-list.json +64 -0
- package/locales/en/specimen/listbox.json +98 -0
- package/locales/en/specimen/sortable.json +65 -0
- package/locales/en/specimen/status-matrix.json +47 -0
- package/locales/en/specimen/swipe-actions.json +32 -0
- package/locales/en/specimen/table.json +94 -0
- package/locales/en/specimen/timeline.json +72 -0
- package/locales/en/specimen/transfer.json +34 -0
- package/locales/en/specimen/tree-view.json +107 -0
- package/package.json +9 -8
- /package/dist/{recipe-C1oaF8pO.js → recipes-C1oaF8pO.js} +0 -0
package/dist/theme.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as recipe$3, f as recipe, i as recipe$6, l as recipe$2, o as recipe$4, r as recipe$7, s as recipe$5, t as recipe$8, u as recipe$1 } from "./
|
|
1
|
+
import { c as recipe$3, f as recipe, i as recipe$6, l as recipe$2, o as recipe$4, r as recipe$7, s as recipe$5, t as recipe$8, u as recipe$1 } from "./recipes-C1oaF8pO.js";
|
|
2
2
|
import { definePreset } from "@stealthscale/theme/authoring";
|
|
3
3
|
//#endregion
|
|
4
4
|
const theme_default$published = ((preset) => {
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Pairs of a label and a value, down the list or across it. A summary panel, a settled form and the details beside a record are made of them.",
|
|
3
|
+
"account": {
|
|
4
|
+
"label": "Account",
|
|
5
|
+
"value": "Bridge Ledger"
|
|
6
|
+
},
|
|
7
|
+
"amount": {
|
|
8
|
+
"label": "Amount",
|
|
9
|
+
"value": "£4,120.00"
|
|
10
|
+
},
|
|
11
|
+
"components": {
|
|
12
|
+
"about": "A value is often a component: a status, a code span, or a figure with a note after it. An identifier wraps at any character, so it never widens the list.",
|
|
13
|
+
"title": "Values that are components"
|
|
14
|
+
},
|
|
15
|
+
"divided": {
|
|
16
|
+
"about": "A hairline between the pairs, as far from each pair as the gap between them. Use it where values run onto several lines, so each value stays with its label.",
|
|
17
|
+
"title": "Divided"
|
|
18
|
+
},
|
|
19
|
+
"net": {
|
|
20
|
+
"explain": "What net amount means",
|
|
21
|
+
"label": "Net amount",
|
|
22
|
+
"note": "What is paid out after fees and any held balance.",
|
|
23
|
+
"value": "£4,120.00"
|
|
24
|
+
},
|
|
25
|
+
"notes": {
|
|
26
|
+
"about": "A label that needs explaining takes a note beside it. The note opens on a press, so a reader on a touch screen or with a keyboard reaches it, and Escape closes it.",
|
|
27
|
+
"title": "A note beside a label"
|
|
28
|
+
},
|
|
29
|
+
"orientation": {
|
|
30
|
+
"about": "Down the list, the label is above its value. Across it, the labels form one column as wide as the widest label, at most 40% of the list, and every value starts at the same position.",
|
|
31
|
+
"title": "Orientations"
|
|
32
|
+
},
|
|
33
|
+
"raised": {
|
|
34
|
+
"label": "Raised",
|
|
35
|
+
"value": "4 September"
|
|
36
|
+
},
|
|
37
|
+
"run": {
|
|
38
|
+
"artifact": "Artifact",
|
|
39
|
+
"branch": "Branch",
|
|
40
|
+
"duration": "Duration",
|
|
41
|
+
"faster": "down 22s from the last run",
|
|
42
|
+
"passed": "Passed",
|
|
43
|
+
"status": "Status",
|
|
44
|
+
"took": "4m 12s",
|
|
45
|
+
"urn": "urn:run:2026:eu-west-1:ledger:4128:artifacts:bundle"
|
|
46
|
+
},
|
|
47
|
+
"settled": "Settled",
|
|
48
|
+
"size": {
|
|
49
|
+
"about": "The text and the gaps step together: 12.6, 14.2 and 16px text, 8, 12 and 16px between the pairs, and 12, 16 and 24px between the columns across the list.",
|
|
50
|
+
"title": "Sizes"
|
|
51
|
+
},
|
|
52
|
+
"state": "State",
|
|
53
|
+
"title": "Data list",
|
|
54
|
+
"variant": {
|
|
55
|
+
"about": "`subtle` mutes the label, so the value reads first, as in a summary. `bold` sets the label in the label weight and mutes the value, as in a form of settled answers.",
|
|
56
|
+
"title": "Variants"
|
|
57
|
+
},
|
|
58
|
+
"window": {
|
|
59
|
+
"explain": "What settlement window means",
|
|
60
|
+
"label": "Settlement window",
|
|
61
|
+
"note": "Working days, counted from the day the payout was raised.",
|
|
62
|
+
"value": "2 days"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Renders a list of rows a person selects from, with the keyboard interaction of the ARIA listbox pattern.",
|
|
3
|
+
"all": "All clients",
|
|
4
|
+
"clear": "Clear the filter",
|
|
5
|
+
"clients": "Clients",
|
|
6
|
+
"closed": "Closed",
|
|
7
|
+
"columns": {
|
|
8
|
+
"about": "Tiles in four columns. A grid collection moves the highlight with all four arrow keys. The collection and the recipe take the same column count, because the keys move by the collection's count and the recipe places the tiles by its own.",
|
|
9
|
+
"title": "A grid of tiles"
|
|
10
|
+
},
|
|
11
|
+
"consignment": "Consignment {{at}}",
|
|
12
|
+
"consignments": "Consignments ({{count}})",
|
|
13
|
+
"described": {
|
|
14
|
+
"about": "A description under each row's text. The mark at the end centres on the row's height.",
|
|
15
|
+
"title": "Descriptions"
|
|
16
|
+
},
|
|
17
|
+
"effect": {
|
|
18
|
+
"about": "A glow around the selected row, in the palette's solid.",
|
|
19
|
+
"title": "Effects"
|
|
20
|
+
},
|
|
21
|
+
"fathom": "Fathom",
|
|
22
|
+
"fathomOf": "Settles nightly, in euro",
|
|
23
|
+
"filter": "Filter clients",
|
|
24
|
+
"grouped": {
|
|
25
|
+
"about": "Rows under group labels. A screen reader announces the group as the highlight enters it, and the arrow keys skip the labels.",
|
|
26
|
+
"title": "Grouped"
|
|
27
|
+
},
|
|
28
|
+
"held": "Held",
|
|
29
|
+
"highlight": {
|
|
30
|
+
"about": "Every highlight, on Lantern, beside the selected Fathom. The arrow keys move the highlight.",
|
|
31
|
+
"title": "Highlights"
|
|
32
|
+
},
|
|
33
|
+
"kinds": {
|
|
34
|
+
"about": "An icon before each row's text, set by `icon`. The icon names the kind of client.",
|
|
35
|
+
"title": "Icons"
|
|
36
|
+
},
|
|
37
|
+
"lantern": "Lantern",
|
|
38
|
+
"lanternOf": "Held pending a customs count",
|
|
39
|
+
"locked": {
|
|
40
|
+
"about": "A disabled row. It renders and a screen reader reads it, so a person learns the option exists. The arrow keys skip it and a press does nothing.",
|
|
41
|
+
"title": "A disabled row"
|
|
42
|
+
},
|
|
43
|
+
"many": {
|
|
44
|
+
"about": "Ten thousand rows, of which about twenty are in the document. Hold an arrow key: the list scrolls to each row before it renders, and the scrollbar matches the whole list.",
|
|
45
|
+
"title": "Ten thousand rows"
|
|
46
|
+
},
|
|
47
|
+
"modes": {
|
|
48
|
+
"about": "One row, several rows, or several rows the way a file manager selects them. In extended mode a press replaces the selection and a modifier key adds to it. The lists that allow several rows render a checkbox on every row.",
|
|
49
|
+
"title": "Selection modes"
|
|
50
|
+
},
|
|
51
|
+
"narrowing": {
|
|
52
|
+
"about": "A field above the rows filters them as a person types. The arrow keys move the highlight and Enter selects a row without leaving the field. Type text that matches no client to show the empty text.",
|
|
53
|
+
"title": "Filtering"
|
|
54
|
+
},
|
|
55
|
+
"none": "No client matches.",
|
|
56
|
+
"nothing": "Nothing selected",
|
|
57
|
+
"orientation": {
|
|
58
|
+
"about": "Rows down a column, and along a row with the left and right arrow keys. In a horizontal list a row takes the width of its text, and the list scrolls sideways.",
|
|
59
|
+
"title": "Down and across"
|
|
60
|
+
},
|
|
61
|
+
"outside": {
|
|
62
|
+
"about": "The selection is held in the caller's state, which two buttons also write. The list follows the state.",
|
|
63
|
+
"title": "Controlled selection"
|
|
64
|
+
},
|
|
65
|
+
"palette": {
|
|
66
|
+
"about": "Every palette, with a solid fill on the selected row. The palette sets the fill, the highlight and the checkboxes.",
|
|
67
|
+
"title": "Palettes"
|
|
68
|
+
},
|
|
69
|
+
"pebble": "Pebble",
|
|
70
|
+
"pebbleOf": "Settles weekly, in sterling",
|
|
71
|
+
"pick": "Pick a client",
|
|
72
|
+
"ports": "Ports",
|
|
73
|
+
"quartz": "Quartz",
|
|
74
|
+
"quartzOf": "Closed, kept for the record",
|
|
75
|
+
"radius": {
|
|
76
|
+
"about": "Every corner of a row.",
|
|
77
|
+
"title": "Corners"
|
|
78
|
+
},
|
|
79
|
+
"selected": {
|
|
80
|
+
"about": "Every fill of a selected row. `plain` relies on the mark at the row's end and a medium weight.",
|
|
81
|
+
"title": "Selected rows"
|
|
82
|
+
},
|
|
83
|
+
"takeAll": "Take all",
|
|
84
|
+
"takeNone": "Take none",
|
|
85
|
+
"title": "Listbox",
|
|
86
|
+
"triggered": {
|
|
87
|
+
"about": "The list inside a popover. A select is the better control unless the rows need this much room.",
|
|
88
|
+
"title": "In a popover"
|
|
89
|
+
},
|
|
90
|
+
"variant": {
|
|
91
|
+
"about": "Every look at every size.",
|
|
92
|
+
"title": "Looks and sizes"
|
|
93
|
+
},
|
|
94
|
+
"whole": {
|
|
95
|
+
"about": "A select-all row above the rows, and a summary of the selection below them. The row selects every row, and clears the selection when every row is selected. While part of the list is selected its checkbox shows the mixed mark.",
|
|
96
|
+
"title": "Select all"
|
|
97
|
+
}
|
|
98
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Rows a person puts in another order by dragging a handle, in one list or between the lists of a board, over dnd-kit. A handle is a button named after its row: Space or Enter picks the row up, the arrow keys move it, Space or Enter drops it and Escape puts it back, and a screen reader hears each step with the row's position.",
|
|
3
|
+
"board": {
|
|
4
|
+
"about": "A board is lists in one drag: a card moves into another list as the drag passes it, and an empty list takes a drop. In progress takes at most three cards, and a card cannot move from To do straight to Done. A list that refuses the card dims while the card is over it, and a release there puts the card back.",
|
|
5
|
+
"cards": {
|
|
6
|
+
"api": "Build the export API",
|
|
7
|
+
"copy": "Write the empty state copy",
|
|
8
|
+
"icons": "Design the status icons",
|
|
9
|
+
"spec": "Write the migration spec",
|
|
10
|
+
"tests": "Cover the importer with tests"
|
|
11
|
+
},
|
|
12
|
+
"doing": "In progress",
|
|
13
|
+
"done": "Done",
|
|
14
|
+
"empty": "No cards yet.",
|
|
15
|
+
"limit": "{{count}} of {{limit}}",
|
|
16
|
+
"none": "No move saved yet.",
|
|
17
|
+
"saved": "Saved the move to {{list}}, position {{position}}.",
|
|
18
|
+
"title": "Board",
|
|
19
|
+
"todo": "To do"
|
|
20
|
+
},
|
|
21
|
+
"issues": {
|
|
22
|
+
"about": "A row's content part takes the rest of the row, so the issue's key and title fill it and the priority is at the end. The handle is named after the key and the title.",
|
|
23
|
+
"high": "High",
|
|
24
|
+
"label": "Sprint backlog",
|
|
25
|
+
"low": "Low",
|
|
26
|
+
"medium": "Medium",
|
|
27
|
+
"title": "Rows with content",
|
|
28
|
+
"titles": {
|
|
29
|
+
"SCL-118": "Paginate the invoice ledger",
|
|
30
|
+
"SCL-124": "Retry failed webhooks",
|
|
31
|
+
"SCL-131": "Rename the billing roles",
|
|
32
|
+
"SCL-137": "Export the audit trail"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
"moves": {
|
|
36
|
+
"about": "Each row's menu moves it without a drag, for a person who cannot drag (WCAG 2.5.7). The root's render function hands the menu the kit's move, which follows the rules of a drag and is announced in the same words.",
|
|
37
|
+
"audit": "Prepare the audit",
|
|
38
|
+
"down": "Move down",
|
|
39
|
+
"first": "Move to top",
|
|
40
|
+
"invoices": "Send the invoices",
|
|
41
|
+
"label": "Month-end tasks",
|
|
42
|
+
"last": "Move to bottom",
|
|
43
|
+
"more": "More actions for {{name}}",
|
|
44
|
+
"payroll": "Run payroll",
|
|
45
|
+
"taxes": "File the taxes",
|
|
46
|
+
"title": "Moving without dragging",
|
|
47
|
+
"up": "Move up"
|
|
48
|
+
},
|
|
49
|
+
"plain": {
|
|
50
|
+
"about": "`variant=\"plain\"` renders the rows without a fill or a visible edge, touching each other, for a list inside a panel such as a column manager's popover. The row a person drags lifts on the panel's fill, and its place is the same dashed slot.",
|
|
51
|
+
"label": "Review stages",
|
|
52
|
+
"title": "Plain rows"
|
|
53
|
+
},
|
|
54
|
+
"stages": {
|
|
55
|
+
"about": "One list is an array. Drag a stage by its handle, or focus the handle and press Space, the arrow keys and Space again. Archive is always last: its row is disabled and keeps the handle's room empty.",
|
|
56
|
+
"archive": "Archive",
|
|
57
|
+
"draft": "Draft the notes",
|
|
58
|
+
"label": "Release stages",
|
|
59
|
+
"legal": "Legal review",
|
|
60
|
+
"publish": "Publish",
|
|
61
|
+
"review": "Peer review",
|
|
62
|
+
"title": "One list"
|
|
63
|
+
},
|
|
64
|
+
"title": "Sortable"
|
|
65
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Renders the state of one set of items against another, with a mark at every crossing. The last column rolls each row up to its worst state.",
|
|
3
|
+
"caption": "Service health by region",
|
|
4
|
+
"checks": "Checks by site",
|
|
5
|
+
"corner": "Service",
|
|
6
|
+
"crossing": "{{row}} in {{column}}: {{state}}",
|
|
7
|
+
"discovery": "Discovery",
|
|
8
|
+
"down": "Down",
|
|
9
|
+
"empty": {
|
|
10
|
+
"about": "A matrix with no rows renders the `empty` content in one full-width row.",
|
|
11
|
+
"title": "An empty matrix"
|
|
12
|
+
},
|
|
13
|
+
"fine": "Healthy",
|
|
14
|
+
"flat": {
|
|
15
|
+
"about": "Rows without a `group` render in one body. The matrix renders sections only when every row states a group, so rows that state one only in part render flat.",
|
|
16
|
+
"title": "Without sections"
|
|
17
|
+
},
|
|
18
|
+
"gap": {
|
|
19
|
+
"about": "Three services with APAC never run. A crossing with no cell renders the unmeasured mark. The rollup ranks a gap above a pass and a crossing that does not apply, and below a warning, so auth rolls up to Not measured and billing to Down.",
|
|
20
|
+
"title": "A gap ranks above a pass"
|
|
21
|
+
},
|
|
22
|
+
"legend": "States",
|
|
23
|
+
"nothing": "No services measured yet",
|
|
24
|
+
"nothingYet": "Nothing picked yet",
|
|
25
|
+
"payments": "Payments",
|
|
26
|
+
"picked": "Picked {{row}} in {{column}}: {{state}}",
|
|
27
|
+
"picking": {
|
|
28
|
+
"about": "With `onSelectCell`, every crossing is a button, a crossing with no cell included, and a press reports the row, the column and the cell. Without it the matrix has no tab stop. The pointer rests on notifications in Reston, and the crosshair fills that row and that column with `bg.subtle`.",
|
|
29
|
+
"title": "Picking a crossing"
|
|
30
|
+
},
|
|
31
|
+
"platform": "Platform",
|
|
32
|
+
"queue": "Queue",
|
|
33
|
+
"queues": "Queue health by site",
|
|
34
|
+
"rolling": "Rolling out",
|
|
35
|
+
"rollout": "Rollout health by region",
|
|
36
|
+
"shared": "Shared services by site",
|
|
37
|
+
"size": {
|
|
38
|
+
"about": "Every size. The size sets the text, the cell padding and the marks, so it decides how many rows fit on a screen.",
|
|
39
|
+
"title": "Sizes"
|
|
40
|
+
},
|
|
41
|
+
"skipped": "Not applicable",
|
|
42
|
+
"slow": "Degraded",
|
|
43
|
+
"streaming": "Streaming",
|
|
44
|
+
"title": "Status matrix",
|
|
45
|
+
"unmeasured": "Not measured",
|
|
46
|
+
"worst": "Worst"
|
|
47
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "A row whose actions wait behind it at its end. A finger or a pen swipes the row aside, a trackpad's two-finger swipe does the same, and Tab moves to the actions with no gesture: focus opens them and Escape closes them.",
|
|
3
|
+
"archive": "Archive",
|
|
4
|
+
"archiveOf": "Archive the message from {{sender}}",
|
|
5
|
+
"archived": "Archived the message from {{sender}}.",
|
|
6
|
+
"delete": "Delete",
|
|
7
|
+
"deleteOf": "Delete the message from {{sender}}",
|
|
8
|
+
"deleted": "Deleted the message from {{sender}}.",
|
|
9
|
+
"inbox": {
|
|
10
|
+
"about": "Four messages at a phone's width. Swipe a row towards the start with a finger or a trackpad, or Tab to its actions. A swipe past half the actions' width leaves them open, and a press outside closes them. An action closes the row, then runs.",
|
|
11
|
+
"title": "Inbox"
|
|
12
|
+
},
|
|
13
|
+
"label": "Messages",
|
|
14
|
+
"restore": "Restore the messages",
|
|
15
|
+
"rtl": {
|
|
16
|
+
"about": "The same inbox laid out right to left: the actions wait at the left end, and a swipe towards the right reveals them.",
|
|
17
|
+
"title": "Right to left"
|
|
18
|
+
},
|
|
19
|
+
"senders": {
|
|
20
|
+
"ada": "Ada Lovelace",
|
|
21
|
+
"bram": "Bram Visser",
|
|
22
|
+
"chen": "Chen Wei",
|
|
23
|
+
"dana": "Dana Okafor"
|
|
24
|
+
},
|
|
25
|
+
"subjects": {
|
|
26
|
+
"ada": "The review notes for the compiler release",
|
|
27
|
+
"bram": "Invoice 1042 is ready to send",
|
|
28
|
+
"chen": "Moving the stand-up to Thursday",
|
|
29
|
+
"dana": "Access to the staging cluster"
|
|
30
|
+
},
|
|
31
|
+
"title": "Swipe actions"
|
|
32
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Renders a table of records, with a caption, column and row headers, and a total row.",
|
|
3
|
+
"account": "Account",
|
|
4
|
+
"align": {
|
|
5
|
+
"about": "Vertical alignment of a cell in a row taller than one line. The notes wrap, so each value shows.",
|
|
6
|
+
"title": "Alignment"
|
|
7
|
+
},
|
|
8
|
+
"amount": "Amount",
|
|
9
|
+
"banded": {
|
|
10
|
+
"about": "Column headers on `bg.subtle`, in capitals. Use it where several tables follow one another, so the reader sees where each table starts.",
|
|
11
|
+
"title": "Banded headers"
|
|
12
|
+
},
|
|
13
|
+
"bridge": "Bridge Ledger",
|
|
14
|
+
"bridgeNote": "Held for a customs count, released on the second of the month",
|
|
15
|
+
"byMonth": "Payouts by month",
|
|
16
|
+
"caption": "Payouts raised this quarter",
|
|
17
|
+
"empty": {
|
|
18
|
+
"about": "A table with no rows renders the `empty` content in one full-width cell.",
|
|
19
|
+
"title": "An empty table"
|
|
20
|
+
},
|
|
21
|
+
"halden": "Halden & Co",
|
|
22
|
+
"haldenNote": "Settles nightly",
|
|
23
|
+
"held": "Held",
|
|
24
|
+
"interactive": {
|
|
25
|
+
"about": "Body rows that fill under the pointer and while a link inside them has focus. The second row shows the fill.",
|
|
26
|
+
"title": "Interactive rows"
|
|
27
|
+
},
|
|
28
|
+
"layout": {
|
|
29
|
+
"about": "Columns sized to their content, and columns sized from declared widths. An auto table shrinks its columns to fit the scroller, so a table that scrolls sideways declares its widths.",
|
|
30
|
+
"title": "Layouts"
|
|
31
|
+
},
|
|
32
|
+
"month": "Month",
|
|
33
|
+
"note": "Note",
|
|
34
|
+
"nothing": "No payouts to show",
|
|
35
|
+
"palette": {
|
|
36
|
+
"about": "Every palette, on an interactive table. The second row shows the palette's fill.",
|
|
37
|
+
"title": "Palettes"
|
|
38
|
+
},
|
|
39
|
+
"perrin": "Perrin Freight",
|
|
40
|
+
"perrinNote": "Queued behind a failed run",
|
|
41
|
+
"quarters": {
|
|
42
|
+
"about": "A header that spans the columns under it, over a row of month headers. A spanning header states `scope=\"colgroup\"`, so a screen reader reads it with each column under it.",
|
|
43
|
+
"title": "Headers that span columns"
|
|
44
|
+
},
|
|
45
|
+
"queued": "Queued",
|
|
46
|
+
"radius": {
|
|
47
|
+
"about": "Every corner radius of the scroller.",
|
|
48
|
+
"title": "Corners"
|
|
49
|
+
},
|
|
50
|
+
"rules": {
|
|
51
|
+
"about": "Rules between rows, between rows and columns, or none. The rule under the headers and the rule over the total render in every value.",
|
|
52
|
+
"title": "Rules"
|
|
53
|
+
},
|
|
54
|
+
"runs": {
|
|
55
|
+
"about": "A row header that spans the rows of one account. It states `scope=\"rowgroup\"`, and each account is a `tbody` of its own.",
|
|
56
|
+
"title": "Headers that span rows"
|
|
57
|
+
},
|
|
58
|
+
"sections": {
|
|
59
|
+
"about": "Rows grouped into a `tbody` per state by `groupBy`. Each section's heading states `scope=\"rowgroup\"`.",
|
|
60
|
+
"title": "Sections"
|
|
61
|
+
},
|
|
62
|
+
"settled": "Settled",
|
|
63
|
+
"size": {
|
|
64
|
+
"about": "Every size in both looks.",
|
|
65
|
+
"title": "Sizes and looks"
|
|
66
|
+
},
|
|
67
|
+
"sortByAccount": "Sort by account",
|
|
68
|
+
"sortByAmount": "Sort by amount",
|
|
69
|
+
"sorting": {
|
|
70
|
+
"about": "Columns that sort on a press of their names. The table reports the press, and the caller sorts the rows. A sorted column's header states `aria-sort`, and the arrow is part of the column's label.",
|
|
71
|
+
"title": "Sorting"
|
|
72
|
+
},
|
|
73
|
+
"state": "State",
|
|
74
|
+
"stickyBoth": {
|
|
75
|
+
"about": "Sticky header rows and a sticky first column, scrolled both ways. The corner cell renders above both.",
|
|
76
|
+
"title": "Sticky header and column"
|
|
77
|
+
},
|
|
78
|
+
"stickyColumn": {
|
|
79
|
+
"about": "A table wider than its scroller, scrolled sideways. The week names stay at the start.",
|
|
80
|
+
"title": "Sticky first column"
|
|
81
|
+
},
|
|
82
|
+
"stickyHeader": {
|
|
83
|
+
"about": "A table taller than its scroller, scrolled down two rows. The column headers stay at the top. The scroller needs a maximum height.",
|
|
84
|
+
"title": "Sticky header"
|
|
85
|
+
},
|
|
86
|
+
"striped": {
|
|
87
|
+
"about": "Every odd body row on `bg.muted`.",
|
|
88
|
+
"title": "Striped rows"
|
|
89
|
+
},
|
|
90
|
+
"title": "Table",
|
|
91
|
+
"total": "Total",
|
|
92
|
+
"week": "Week",
|
|
93
|
+
"weekAt": "Week {{at}}"
|
|
94
|
+
}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Shows what happened in the order it happened: an ordered list of entries, each an indicator on a rail and the words beside it. Words can go on either side of the rail, and entries line up down the list.",
|
|
3
|
+
"accepted": "Accepted",
|
|
4
|
+
"acceptedOn": "Wednesday",
|
|
5
|
+
"ada": "Ada Okafor",
|
|
6
|
+
"approved": "approved",
|
|
7
|
+
"approvedOn": "14 March",
|
|
8
|
+
"approvedWhat": "the final text",
|
|
9
|
+
"arrived": "Arrived",
|
|
10
|
+
"arrivedAt": "Friday, 11:20",
|
|
11
|
+
"booked": "Consignment booked",
|
|
12
|
+
"bookedOn": "2 Mar",
|
|
13
|
+
"cleared": "Cleared customs",
|
|
14
|
+
"clearedOn": "14 Mar",
|
|
15
|
+
"delivered": "Delivered to the yard",
|
|
16
|
+
"deliveredOn": "21 Mar",
|
|
17
|
+
"expected": "Expected on 21 March",
|
|
18
|
+
"feed": {
|
|
19
|
+
"about": "A title is a row that wraps, so a face, a name and the words around them fit on one line and fold onto the next where there is no room. The indicator's icon names the kind of change.",
|
|
20
|
+
"title": "An activity feed"
|
|
21
|
+
},
|
|
22
|
+
"jenna": "Jenna Smith",
|
|
23
|
+
"left": "Left the warehouse",
|
|
24
|
+
"leftOn": "2 March",
|
|
25
|
+
"lucas": "Lucas Moras",
|
|
26
|
+
"ongoing": {
|
|
27
|
+
"about": "An ongoing timeline draws the rail past the last indicator, for a run that has not finished: an order still moving, a pipeline with a stage to come.",
|
|
28
|
+
"title": "A run still going"
|
|
29
|
+
},
|
|
30
|
+
"packed": "Packed",
|
|
31
|
+
"packedAt": "Tuesday, 16:05",
|
|
32
|
+
"palette": {
|
|
33
|
+
"about": "The palette colors the indicators. One palette over the whole run says at a glance how it went, so the words have to agree with it.",
|
|
34
|
+
"title": "Palettes"
|
|
35
|
+
},
|
|
36
|
+
"placed": "Order placed",
|
|
37
|
+
"placedAt": "Monday, 09:12",
|
|
38
|
+
"rail": {
|
|
39
|
+
"about": "Dates written before the rail line up at the widest date's width, because each entry is a row of the list's grid. `start` sizes the dates to their words, `center` gives both sides an equal share, and `end` puts the rail at the end.",
|
|
40
|
+
"title": "Where the rail runs"
|
|
41
|
+
},
|
|
42
|
+
"raised": "Offer raised",
|
|
43
|
+
"raisedOn": "Tuesday",
|
|
44
|
+
"removed": "removed",
|
|
45
|
+
"removedOn": "12 March",
|
|
46
|
+
"removedWhat": "the second draft",
|
|
47
|
+
"renamed": "renamed",
|
|
48
|
+
"renamedOn": "1 March",
|
|
49
|
+
"renamedWhat": "three labels",
|
|
50
|
+
"settled": "Settled",
|
|
51
|
+
"settledOn": "Friday",
|
|
52
|
+
"shipped": "Shipped",
|
|
53
|
+
"shippedAt": "Wednesday, 08:40",
|
|
54
|
+
"sides": {
|
|
55
|
+
"about": "With the rail in the centre, an entry written before the connector takes the side before the rail and aligns to it. The order a screen reader hears is the order the entries are written, so the side is only drawn.",
|
|
56
|
+
"title": "Alternating sides"
|
|
57
|
+
},
|
|
58
|
+
"size": {
|
|
59
|
+
"about": "The indicator is 16, 20, 24 and 32px, and the words and the gaps step with it. A one-line title is as tall as the indicator and centred on it.",
|
|
60
|
+
"title": "Sizes"
|
|
61
|
+
},
|
|
62
|
+
"title": "Timeline",
|
|
63
|
+
"tracked": {
|
|
64
|
+
"about": "A shipment on the success palette, still on its way, so the rail runs past its last entry.",
|
|
65
|
+
"title": "A shipment on its way"
|
|
66
|
+
},
|
|
67
|
+
"transit": "In transit",
|
|
68
|
+
"variant": {
|
|
69
|
+
"about": "The solid look fills the indicator in the palette's solid, subtle tints it, outline rings it, and plain leaves the panel's ground. Every look is opaque, so the rail never runs through an indicator.",
|
|
70
|
+
"title": "Looks"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Renders two lists and the controls that move checked rows between them, for a set a person builds out of a longer one.",
|
|
3
|
+
"available": "Available",
|
|
4
|
+
"chosen": "Chosen",
|
|
5
|
+
"described": {
|
|
6
|
+
"about": "Rows with a second line from `description`, with Lantern moved on first render by `defaultValue`. A side keeps room for every row, and a side whose rows have a second line grows past that floor.",
|
|
7
|
+
"title": "Rows with a second line"
|
|
8
|
+
},
|
|
9
|
+
"fathom": "Fathom",
|
|
10
|
+
"fathomOf": "Settles nightly, in euro",
|
|
11
|
+
"giveBack": "Move the checked rows back",
|
|
12
|
+
"held": {
|
|
13
|
+
"about": "The page controls the set with `value` and `onValueChange`, and lists it under the transfer. The transfer keeps the checked rows on each side as its own state.",
|
|
14
|
+
"title": "A set the page controls"
|
|
15
|
+
},
|
|
16
|
+
"lantern": "Lantern",
|
|
17
|
+
"lanternOf": "Held pending a customs count",
|
|
18
|
+
"nothing": "No client moved yet",
|
|
19
|
+
"nothingHere": "No clients here",
|
|
20
|
+
"palette": {
|
|
21
|
+
"about": "Every palette. The first row is checked, so its checkbox shows the palette.",
|
|
22
|
+
"title": "Palettes"
|
|
23
|
+
},
|
|
24
|
+
"pebble": "Pebble",
|
|
25
|
+
"pebbleOf": "Settles weekly, in sterling",
|
|
26
|
+
"quartz": "Quartz",
|
|
27
|
+
"quartzOf": "Closed, kept for the record",
|
|
28
|
+
"size": {
|
|
29
|
+
"about": "Every size. A control is disabled while no row on its side is checked, and both sides keep room for every row, so the layout does not move as rows cross. The size sets the gap between the parts and the size of the controls.",
|
|
30
|
+
"title": "Sizes"
|
|
31
|
+
},
|
|
32
|
+
"take": "Move the checked rows across",
|
|
33
|
+
"title": "Transfer"
|
|
34
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": "Renders nested rows that open and close, walked by the keyboard as one control. A branch row opens the rows under it and an item row ends a path. The tree reads a collection, and a render function renders each node's row from the node and its state.",
|
|
3
|
+
"docs": {
|
|
4
|
+
"about": "An item with an `href` renders a link, which follows its address on a press and on Enter. `TreeView.BranchIndentGuide`, passed to `TreeView.Nodes` as `indentGuide`, runs a line down every open branch under its indicator.",
|
|
5
|
+
"actions": "Actions",
|
|
6
|
+
"button": "Button",
|
|
7
|
+
"changelog": "Changelog",
|
|
8
|
+
"collections": "Collections",
|
|
9
|
+
"components": "Components",
|
|
10
|
+
"configure": "Configure",
|
|
11
|
+
"install": "Install",
|
|
12
|
+
"label": "Documentation",
|
|
13
|
+
"listbox": "Listbox",
|
|
14
|
+
"start": "Getting started",
|
|
15
|
+
"themes": "Themes",
|
|
16
|
+
"title": "Links",
|
|
17
|
+
"toggle-group": "Toggle group",
|
|
18
|
+
"tree-view": "Tree view"
|
|
19
|
+
},
|
|
20
|
+
"effect": {
|
|
21
|
+
"about": "The glow surrounds a selected row in the palette's solid color.",
|
|
22
|
+
"title": "Effects"
|
|
23
|
+
},
|
|
24
|
+
"explorer": {
|
|
25
|
+
"label": "Files"
|
|
26
|
+
},
|
|
27
|
+
"lazy": {
|
|
28
|
+
"about": "A branch that declares `childrenCount` loads its children through `loadChildren` the first time it opens. The row reports `aria-busy` while it loads, and the example turns its indicator into a spinner. The caller keeps the collection that `onLoadChildrenComplete` returns.",
|
|
29
|
+
"americas": "Americas",
|
|
30
|
+
"amsterdam": "Amsterdam",
|
|
31
|
+
"asia": "Asia",
|
|
32
|
+
"berlin": "Berlin",
|
|
33
|
+
"europe": "Europe",
|
|
34
|
+
"label": "Offices",
|
|
35
|
+
"lisbon": "Lisbon",
|
|
36
|
+
"new-york": "New York",
|
|
37
|
+
"sao-paulo": "São Paulo",
|
|
38
|
+
"singapore": "Singapore",
|
|
39
|
+
"title": "Loading children",
|
|
40
|
+
"tokyo": "Tokyo"
|
|
41
|
+
},
|
|
42
|
+
"outline": {
|
|
43
|
+
"about": "With `expandOnClick={false}` a press on a row selects it, and a press on `TreeView.BranchTrigger` opens it. The caller controls `expandedValue`, so two buttons open and close every branch. A node with `disabled` takes no selection and opens no rows.",
|
|
44
|
+
"appendix": "Appendix",
|
|
45
|
+
"collapse": "Collapse all",
|
|
46
|
+
"errors": "Errors",
|
|
47
|
+
"expand": "Expand all",
|
|
48
|
+
"findings": "Findings",
|
|
49
|
+
"goals": "Goals",
|
|
50
|
+
"introduction": "Introduction",
|
|
51
|
+
"label": "Report outline",
|
|
52
|
+
"latency": "Latency",
|
|
53
|
+
"raw-data": "Raw data",
|
|
54
|
+
"results": "Results",
|
|
55
|
+
"summary": "Summary",
|
|
56
|
+
"survey": "Survey",
|
|
57
|
+
"title": "Outline"
|
|
58
|
+
},
|
|
59
|
+
"palette": {
|
|
60
|
+
"about": "The palette sets the selected fill, the focus ring and the checkboxes.",
|
|
61
|
+
"title": "Palettes"
|
|
62
|
+
},
|
|
63
|
+
"permissions": {
|
|
64
|
+
"about": "With `checkable`, every row reports `aria-checked` and Space toggles the check. A branch is checked while every node under it is, and partly checked while some are. `TreeView.NodeCheckbox` shows the check and toggles it under a pointer.",
|
|
65
|
+
"billing": "Billing",
|
|
66
|
+
"change-plan": "Change plan",
|
|
67
|
+
"count": "{{count}} of {{total}} permissions granted",
|
|
68
|
+
"delete-workspace": "Delete workspace",
|
|
69
|
+
"download-invoices": "Download invoices",
|
|
70
|
+
"invite-members": "Invite members",
|
|
71
|
+
"label": "Permissions",
|
|
72
|
+
"members": "Members",
|
|
73
|
+
"remove-members": "Remove members",
|
|
74
|
+
"rename-workspace": "Rename workspace",
|
|
75
|
+
"settings": "Settings",
|
|
76
|
+
"title": "Checkable",
|
|
77
|
+
"view-invoices": "View invoices"
|
|
78
|
+
},
|
|
79
|
+
"rename": {
|
|
80
|
+
"about": "With `canRename`, F2 opens `TreeView.NodeRenameInput` over the focused row. Enter keeps the new name, Escape cancels, and focus returns to the row. The caller replaces the node in its collection in `onRenameComplete`.",
|
|
81
|
+
"hint": "Select a file and press",
|
|
82
|
+
"input": "Rename",
|
|
83
|
+
"label": "Drafts",
|
|
84
|
+
"title": "Renaming"
|
|
85
|
+
},
|
|
86
|
+
"search": {
|
|
87
|
+
"about": "`filter` returns a collection of the matching nodes and their branches. While a query is typed, every branch of that collection is open.",
|
|
88
|
+
"clear": "Clear search",
|
|
89
|
+
"empty": "No documents match “{{query}}”.",
|
|
90
|
+
"field": "Search documents",
|
|
91
|
+
"label": "Documents",
|
|
92
|
+
"title": "Filtering"
|
|
93
|
+
},
|
|
94
|
+
"selected": {
|
|
95
|
+
"about": "The fill of a selected row. Subtle and solid fill it with the palette, and plain sets its text in medium weight.",
|
|
96
|
+
"title": "Selected looks"
|
|
97
|
+
},
|
|
98
|
+
"selection": {
|
|
99
|
+
"about": "In `multiple` mode Ctrl or Cmd with a press adds a row to the selection, Shift with a press or an arrow extends it, and Ctrl+A selects every row.",
|
|
100
|
+
"title": "Selection modes"
|
|
101
|
+
},
|
|
102
|
+
"size": {
|
|
103
|
+
"about": "Rows measure 24, 32 and 40px. The size also sets the text, the marks, the inset and the indent of each level.",
|
|
104
|
+
"title": "Sizes"
|
|
105
|
+
},
|
|
106
|
+
"title": "Tree view"
|
|
107
|
+
}
|