Add data components 151-175; clear MyGo row highlights

Lists, tables, trees, grids, inventories and records in data/.
Outline and GridView build on ui.List: ui.Outline strokes its arrows
and ui.GridView spaces and tints items. The pixel theme keeps MyGo's
row highlights clear so scrolled rows stay on whole dots; off lists
take a veil against the wheel. Adds Canvas.Silhouette, SwitchOptions
Label and exports Rarity.Slot.

data/timeline.go

@@ -0,0 +1,44 @@
+package data
+
+import (
+	"github.com/egoist/mygo/ui"
+
+	"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/pixel"
+	"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/text"
+)
+
+// Event is a dated line on a timeline.
+type Event struct {
+	Date, Text string
+}
+
+type TimelineOptions struct{}
+
+// Timeline strings dated events down a line of markers.
+func Timeline(c *ui.Context, events []Event, o TimelineOptions) *ui.Element {
+	k := pixel.K(c)
+	return ui.Column(c).FillWidth().Children(func() {
+		for i, ev := range events {
+			first, last := i == 0, i == len(events)-1
+			ui.Row(c).FillWidth().Gap(k.D(4)).Children(func() {
+				ui.Box(c).Width(k.D(9)).Shrink(0).AlignSelf(ui.Stretch).Role(ui.RoleNone).Draw(func(p *ui.Painter, r ui.Rect) {
+					g := k.Canvas(p, r)
+					top, foot := 0, g.H
+					if first {
+						top = 5
+					}
+					if last {
+						foot = 5
+					}
+					g.VLine(4, top, foot-top, pixel.Edge)
+					g.Rect(2, 3, 5, 5, pixel.Edge)
+					g.Rect(3, 4, 3, 3, pixel.Accent)
+				})
+				ui.Column(c).Grow(1).Padding(0, 0, k.D(6), 0).Children(func() {
+					pixel.Text(c, ev.Date, pixel.TextOptions{Slot: pixel.Faint})
+					text.Paragraph(c, ev.Text, text.ParagraphOptions{})
+				})
+			})
+		}
+	})
+}