playbook_ui_docs 16.7.0 → 16.8.0.pre.rc.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.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date/docs/_playground.json +13 -17
  3. data/app/pb_kits/playbook/pb_date/docs/_playground.overrides.json +13 -16
  4. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +0 -2
  5. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +0 -2
  6. data/app/pb_kits/playbook/pb_date_picker/docs/_playground.json +136 -42
  7. data/app/pb_kits/playbook/pb_date_picker/docs/_playground.overrides.json +113 -45
  8. data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json +48 -6
  9. data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json +57 -0
  10. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json +28 -5
  11. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json +38 -0
  12. data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.json +1 -1
  13. data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.overrides.json +1 -1
  14. data/app/pb_kits/playbook/pb_date_time/docs/_playground.json +16 -3
  15. data/app/pb_kits/playbook/pb_date_time/docs/_playground.overrides.json +16 -3
  16. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json +11 -15
  17. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.overrides.json +11 -15
  18. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.json +4 -4
  19. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.overrides.json +4 -4
  20. data/app/pb_kits/playbook/pb_detail/docs/_playground.json +12 -18
  21. data/app/pb_kits/playbook/pb_detail/docs/_playground.overrides.json +13 -12
  22. data/app/pb_kits/playbook/pb_dialog/docs/_playground.json +108 -42
  23. data/app/pb_kits/playbook/pb_dialog/docs/_playground.overrides.json +88 -40
  24. data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json +65 -7
  25. data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.overrides.json +45 -0
  26. data/app/pb_kits/playbook/pb_dropdown/docs/_playground.json +318 -21
  27. data/app/pb_kits/playbook/pb_dropdown/docs/_playground.overrides.json +192 -19
  28. data/app/pb_kits/playbook/pb_empty_state/docs/_playground.json +77 -12
  29. data/app/pb_kits/playbook/pb_empty_state/docs/_playground.overrides.json +79 -0
  30. data/app/pb_kits/playbook/pb_file_upload/docs/_playground.json +98 -13
  31. data/app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json +99 -0
  32. data/app/pb_kits/playbook/pb_link/docs/_playground.json +81 -40
  33. data/app/pb_kits/playbook/pb_link/docs/_playground.overrides.json +88 -30
  34. data/app/pb_kits/playbook/pb_phone_number_input/docs/_playground.json +4 -2
  35. data/app/pb_kits/playbook/pb_title/docs/_playground.json +72 -23
  36. data/app/pb_kits/playbook/pb_title/docs/_playground.overrides.json +80 -16
  37. metadata +7 -2
data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json CHANGED
@@ -8,22 +8,64 @@
8
8
  },
9
9
  "groups": [
10
10
  {
11
- "name": "Props",
11
+ "name": "Content",
12
12
  "props": [
13
- "align",
14
- "dark",
13
+ "startDate",
15
14
  "endDate",
16
15
  "icon",
16
+ "showCurrentYear"
17
+ ]
18
+ },
19
+ {
20
+ "name": "Appearance",
21
+ "props": [
22
+ "align",
17
23
  "size",
18
- "showCurrentYear",
19
- "startDate"
24
+ "dark"
20
25
  ]
21
26
  }
22
27
  ],
23
28
  "presets": [
24
29
  {
25
30
  "name": "Default",
26
- "props": {}
31
+ "props": {
32
+ "startDate": "2013-06-18",
33
+ "endDate": "2015-03-20"
34
+ }
35
+ },
36
+ {
37
+ "name": "Extra small",
38
+ "props": {
39
+ "startDate": "2013-06-18",
40
+ "endDate": "2015-03-20",
41
+ "size": "xs"
42
+ }
43
+ },
44
+ {
45
+ "name": "Center with icon",
46
+ "props": {
47
+ "align": "center",
48
+ "startDate": "2026-01-15",
49
+ "endDate": "2026-08-15",
50
+ "icon": true
51
+ }
52
+ },
53
+ {
54
+ "name": "Right with icon",
55
+ "props": {
56
+ "align": "right",
57
+ "startDate": "2026-01-15",
58
+ "endDate": "2026-08-15",
59
+ "icon": true
60
+ }
61
+ },
62
+ {
63
+ "name": "Always show year",
64
+ "props": {
65
+ "startDate": "2013-06-18",
66
+ "endDate": "2015-03-20",
67
+ "showCurrentYear": true
68
+ }
27
69
  }
28
70
  ],
29
71
  "conditionals": {},
data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json ADDED
@@ -0,0 +1,57 @@
1
+ {
2
+ "groups": [
3
+ {
4
+ "name": "Content",
5
+ "props": ["startDate", "endDate", "icon", "showCurrentYear"]
6
+ },
7
+ {
8
+ "name": "Appearance",
9
+ "props": ["align", "size", "dark"]
10
+ }
11
+ ],
12
+ "presets": [
13
+ {
14
+ "name": "Default",
15
+ "props": {
16
+ "startDate": "2013-06-18",
17
+ "endDate": "2015-03-20"
18
+ }
19
+ },
20
+ {
21
+ "name": "Extra small",
22
+ "props": {
23
+ "startDate": "2013-06-18",
24
+ "endDate": "2015-03-20",
25
+ "size": "xs"
26
+ }
27
+ },
28
+ {
29
+ "name": "Center with icon",
30
+ "props": {
31
+ "align": "center",
32
+ "startDate": "2026-01-15",
33
+ "endDate": "2026-08-15",
34
+ "icon": true
35
+ }
36
+ },
37
+ {
38
+ "name": "Right with icon",
39
+ "props": {
40
+ "align": "right",
41
+ "startDate": "2026-01-15",
42
+ "endDate": "2026-08-15",
43
+ "icon": true
44
+ }
45
+ },
46
+ {
47
+ "name": "Always show year",
48
+ "props": {
49
+ "startDate": "2013-06-18",
50
+ "endDate": "2015-03-20",
51
+ "showCurrentYear": true
52
+ }
53
+ }
54
+ ],
55
+ "conditionals": {},
56
+ "hints": {}
57
+ }
data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json CHANGED
@@ -4,18 +4,41 @@
4
4
  "defaults": {},
5
5
  "groups": [
6
6
  {
7
- "name": "Props",
7
+ "name": "Date Config",
8
8
  "props": [
9
- "dark",
10
- "endDate",
11
- "startDate"
9
+ "startDate",
10
+ "endDate"
11
+ ]
12
+ },
13
+ {
14
+ "name": "Appearance",
15
+ "props": [
16
+ "dark"
12
17
  ]
13
18
  }
14
19
  ],
15
20
  "presets": [
16
21
  {
17
22
  "name": "Default",
18
- "props": {}
23
+ "props": {
24
+ "startDate": "2019-06-18",
25
+ "endDate": "2020-03-20"
26
+ }
27
+ },
28
+ {
29
+ "name": "Dark",
30
+ "props": {
31
+ "startDate": "2019-06-18",
32
+ "endDate": "2020-03-20",
33
+ "dark": true
34
+ }
35
+ },
36
+ {
37
+ "name": "Same calendar year",
38
+ "props": {
39
+ "startDate": "2026-01-15",
40
+ "endDate": "2026-08-15"
41
+ }
19
42
  }
20
43
  ],
21
44
  "conditionals": {},
data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "groups": [
3
+ {
4
+ "name": "Content",
5
+ "props": ["startDate", "endDate"]
6
+ },
7
+ {
8
+ "name": "Appearance",
9
+ "props": ["dark"]
10
+ }
11
+ ],
12
+ "presets": [
13
+ {
14
+ "name": "Default",
15
+ "props": {
16
+ "startDate": "2019-06-18",
17
+ "endDate": "2020-03-20"
18
+ }
19
+ },
20
+ {
21
+ "name": "Dark",
22
+ "props": {
23
+ "startDate": "2019-06-18",
24
+ "endDate": "2020-03-20",
25
+ "dark": true
26
+ }
27
+ },
28
+ {
29
+ "name": "Same calendar year",
30
+ "props": {
31
+ "startDate": "2026-01-15",
32
+ "endDate": "2026-08-15"
33
+ }
34
+ }
35
+ ],
36
+ "conditionals": {},
37
+ "hints": {}
38
+ }
data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.json CHANGED
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "groups": [
12
12
  {
13
- "name": "Content",
13
+ "name": "Date Config",
14
14
  "props": [
15
15
  "date",
16
16
  "showCurrentYear",
data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.overrides.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "groups": [
3
3
  {
4
- "name": "Content",
4
+ "name": "Date Config",
5
5
  "props": ["date", "showCurrentYear", "reverse", "bold"]
6
6
  },
7
7
  {
data/app/pb_kits/playbook/pb_date_time/docs/_playground.json CHANGED
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "groups": [
12
12
  {
13
- "name": "Content",
13
+ "name": "Date Config",
14
14
  "props": [
15
15
  "datetime",
16
16
  "showDayOfWeek",
@@ -49,7 +49,7 @@
49
49
  }
50
50
  },
51
51
  {
52
- "name": "With calendar icon",
52
+ "name": "With icon",
53
53
  "props": {
54
54
  "datetime": "2026-04-09T15:30:00.000Z",
55
55
  "showIcon": true,
@@ -69,8 +69,21 @@
69
69
  "datetime": "2026-04-09T15:30:00.000Z",
70
70
  "timeZone": "Asia/Tokyo"
71
71
  }
72
+ },
73
+ {
74
+ "name": "Always show year",
75
+ "props": {
76
+ "datetime": "2026-04-09T15:30:00.000Z",
77
+ "showCurrentYear": true
78
+ }
72
79
  }
73
80
  ],
74
81
  "conditionals": {},
75
- "hints": {}
82
+ "hints": {
83
+ "tokyo_time": {
84
+ "presetName": "Tokyo time",
85
+ "message": "Use the timeZone prop to display the time in a different timezone",
86
+ "type": "info"
87
+ }
88
+ }
76
89
  }
data/app/pb_kits/playbook/pb_date_time/docs/_playground.overrides.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "groups": [
3
3
  {
4
- "name": "Content",
4
+ "name": "Date Config",
5
5
  "props": ["datetime", "showDayOfWeek", "showCurrentYear", "showIcon", "timeZone"]
6
6
  },
7
7
  {
@@ -31,7 +31,7 @@
31
31
  }
32
32
  },
33
33
  {
34
- "name": "With calendar icon",
34
+ "name": "With icon",
35
35
  "props": {
36
36
  "datetime": "2026-04-09T15:30:00.000Z",
37
37
  "showIcon": true,
@@ -51,8 +51,21 @@
51
51
  "datetime": "2026-04-09T15:30:00.000Z",
52
52
  "timeZone": "Asia/Tokyo"
53
53
  }
54
+ },
55
+ {
56
+ "name": "Always show year",
57
+ "props": {
58
+ "datetime": "2026-04-09T15:30:00.000Z",
59
+ "showCurrentYear": true
60
+ }
54
61
  }
55
62
  ],
56
63
  "conditionals": {},
57
- "hints": {}
64
+ "hints": {
65
+ "tokyo_time": {
66
+ "presetName": "Tokyo time",
67
+ "message": "Use the timeZone prop to display the time in a different timezone",
68
+ "type": "info"
69
+ }
70
+ }
58
71
  }
data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "groups": [
8
8
  {
9
- "name": "Content",
9
+ "name": "Date Config",
10
10
  "props": [
11
11
  "datetime",
12
12
  "timeZone",
@@ -24,34 +24,30 @@
24
24
  {
25
25
  "name": "Default",
26
26
  "props": {
27
- "datetime": "2026-04-09T15:30:00.000Z",
28
- "dark": false
27
+ "datetime": "2026-04-09T15:30:00.000Z"
29
28
  }
30
29
  },
31
30
  {
32
- "name": "With year",
31
+ "name": "Always show year",
33
32
  "props": {
34
33
  "datetime": "2024-10-31T18:45:00.000Z",
35
- "dark": false,
36
34
  "showCurrentYear": true
37
35
  }
38
36
  },
39
37
  {
40
- "name": "Dark",
38
+ "name": "Paris time",
41
39
  "props": {
42
40
  "datetime": "2026-04-09T15:30:00.000Z",
43
- "dark": true
44
- }
45
- },
46
- {
47
- "name": "Paris",
48
- "props": {
49
- "datetime": "2026-04-09T15:30:00.000Z",
50
- "dark": false,
51
41
  "timeZone": "Europe/Paris"
52
42
  }
53
43
  }
54
44
  ],
55
45
  "conditionals": {},
56
- "hints": {}
46
+ "hints": {
47
+ "paris_time": {
48
+ "presetName": "Paris time",
49
+ "message": "Use the timeZone prop to display the time in a different timezone",
50
+ "type": "info"
51
+ }
52
+ }
57
53
  }
data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.overrides.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "groups": [
3
3
  {
4
- "name": "Content",
4
+ "name": "Date Config",
5
5
  "props": ["datetime", "timeZone", "showCurrentYear"]
6
6
  },
7
7
  {
@@ -13,34 +13,30 @@
13
13
  {
14
14
  "name": "Default",
15
15
  "props": {
16
- "datetime": "2026-04-09T15:30:00.000Z",
17
- "dark": false
16
+ "datetime": "2026-04-09T15:30:00.000Z"
18
17
  }
19
18
  },
20
19
  {
21
- "name": "With year",
20
+ "name": "Always show year",
22
21
  "props": {
23
22
  "datetime": "2024-10-31T18:45:00.000Z",
24
- "dark": false,
25
23
  "showCurrentYear": true
26
24
  }
27
25
  },
28
26
  {
29
- "name": "Dark",
27
+ "name": "Paris time",
30
28
  "props": {
31
29
  "datetime": "2026-04-09T15:30:00.000Z",
32
- "dark": true
33
- }
34
- },
35
- {
36
- "name": "Paris",
37
- "props": {
38
- "datetime": "2026-04-09T15:30:00.000Z",
39
- "dark": false,
40
30
  "timeZone": "Europe/Paris"
41
31
  }
42
32
  }
43
33
  ],
44
34
  "conditionals": {},
45
- "hints": {}
35
+ "hints": {
36
+ "paris_time": {
37
+ "presetName": "Paris time",
38
+ "message": "Use the timeZone prop to display the time in a different timezone",
39
+ "type": "info"
40
+ }
41
+ }
46
42
  }
data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "groups": [
8
8
  {
9
- "name": "Content",
9
+ "name": "Date Config",
10
10
  "props": [
11
11
  "date"
12
12
  ]
@@ -22,20 +22,20 @@
22
22
  {
23
23
  "name": "Default",
24
24
  "props": {
25
- "date": "2026-04-09T12:00:00.000Z"
25
+ "date": "2026-04-09"
26
26
  }
27
27
  },
28
28
  {
29
29
  "name": "Centered",
30
30
  "props": {
31
- "date": "2026-04-09T12:00:00.000Z",
31
+ "date": "2026-04-09",
32
32
  "align": "center"
33
33
  }
34
34
  },
35
35
  {
36
36
  "name": "Right aligned",
37
37
  "props": {
38
- "date": "2026-12-25T12:00:00.000Z",
38
+ "date": "2026-12-25",
39
39
  "align": "right"
40
40
  }
41
41
  }
data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.overrides.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "groups": [
3
3
  {
4
- "name": "Content",
4
+ "name": "Date Config",
5
5
  "props": ["date"]
6
6
  },
7
7
  {
@@ -13,20 +13,20 @@
13
13
  {
14
14
  "name": "Default",
15
15
  "props": {
16
- "date": "2026-04-09T12:00:00.000Z"
16
+ "date": "2026-04-09"
17
17
  }
18
18
  },
19
19
  {
20
20
  "name": "Centered",
21
21
  "props": {
22
- "date": "2026-04-09T12:00:00.000Z",
22
+ "date": "2026-04-09",
23
23
  "align": "center"
24
24
  }
25
25
  },
26
26
  {
27
27
  "name": "Right aligned",
28
28
  "props": {
29
- "date": "2026-12-25T12:00:00.000Z",
29
+ "date": "2026-12-25",
30
30
  "align": "right"
31
31
  }
32
32
  }
data/app/pb_kits/playbook/pb_detail/docs/_playground.json CHANGED
@@ -31,23 +31,19 @@
31
31
  ],
32
32
  "presets": [
33
33
  {
34
- "name": "Metadata",
35
- "props": {
36
- "color": "light",
37
- "bold": false
38
- },
39
- "children": "Updated Apr 9, 2026"
34
+ "name": "Default",
35
+ "props": {},
36
+ "children": "I am a detail kit"
40
37
  },
41
38
  {
42
39
  "name": "Emphasis",
43
40
  "props": {
44
- "color": "default",
45
41
  "bold": true
46
42
  },
47
43
  "children": "Order #48291 · Processing"
48
44
  },
49
45
  {
50
- "name": "Link",
46
+ "name": "Link color",
51
47
  "props": {
52
48
  "color": "link"
53
49
  },
@@ -59,17 +55,15 @@
59
55
  "color": "error",
60
56
  "bold": true
61
57
  },
62
- "children": "Payment failed — card expired"
63
- },
64
- {
65
- "name": "Inline label",
66
- "props": {
67
- "tag": "span",
68
- "color": "lighter"
69
- },
70
- "children": "Optional"
58
+ "children": "Payment failed"
71
59
  }
72
60
  ],
73
61
  "conditionals": {},
74
- "hints": {}
62
+ "hints": {
63
+ "link_color": {
64
+ "presetName": "Link color",
65
+ "message": "Use the color prop to change the color of the detail kit",
66
+ "type": "info"
67
+ }
68
+ }
75
69
  }
data/app/pb_kits/playbook/pb_detail/docs/_playground.overrides.json CHANGED
@@ -14,31 +14,32 @@
14
14
  ],
15
15
  "presets": [
16
16
  {
17
- "name": "Metadata",
18
- "props": { "color": "light", "bold": false },
19
- "children": "Updated Apr 9, 2026"
17
+ "name": "Default",
18
+ "props": { },
19
+ "children": "I am a detail kit"
20
20
  },
21
21
  {
22
22
  "name": "Emphasis",
23
- "props": { "color": "default", "bold": true },
23
+ "props": { "bold": true },
24
24
  "children": "Order #48291 · Processing"
25
25
  },
26
26
  {
27
- "name": "Link",
27
+ "name": "Link color",
28
28
  "props": { "color": "link" },
29
29
  "children": "View documentation"
30
30
  },
31
31
  {
32
32
  "name": "Error status",
33
33
  "props": { "color": "error", "bold": true },
34
- "children": "Payment failed — card expired"
35
- },
36
- {
37
- "name": "Inline label",
38
- "props": { "tag": "span", "color": "lighter" },
39
- "children": "Optional"
34
+ "children": "Payment failed"
40
35
  }
41
36
  ],
42
37
  "conditionals": {},
43
- "hints": {}
38
+ "hints": {
39
+ "link_color": {
40
+ "presetName": "Link color",
41
+ "message": "Use the color prop to change the color of the detail kit",
42
+ "type": "info"
43
+ }
44
+ }
44
45
  }