playbook_ui_docs 16.7.0 → 16.8.0.pre.alpha.PLAY2945selectformblankselection16424
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json +178 -5840
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +4 -29
- data/app/pb_kits/playbook/pb_date/docs/_playground.json +13 -17
- data/app/pb_kits/playbook/pb_date/docs/_playground.overrides.json +13 -16
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +0 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +0 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_playground.json +136 -42
- data/app/pb_kits/playbook/pb_date_picker/docs/_playground.overrides.json +113 -45
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json +48 -6
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json +57 -0
- data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json +28 -5
- data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json +38 -0
- data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.json +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.overrides.json +1 -1
- data/app/pb_kits/playbook/pb_date_time/docs/_playground.json +16 -3
- data/app/pb_kits/playbook/pb_date_time/docs/_playground.overrides.json +16 -3
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json +11 -15
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.overrides.json +11 -15
- data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.json +4 -4
- data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.overrides.json +4 -4
- data/app/pb_kits/playbook/pb_detail/docs/_playground.json +12 -18
- data/app/pb_kits/playbook/pb_detail/docs/_playground.overrides.json +13 -12
- data/app/pb_kits/playbook/pb_dialog/docs/_playground.json +108 -42
- data/app/pb_kits/playbook/pb_dialog/docs/_playground.overrides.json +88 -40
- data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json +65 -7
- data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.overrides.json +45 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.json +318 -21
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.overrides.json +192 -19
- data/app/pb_kits/playbook/pb_empty_state/docs/_playground.json +77 -12
- data/app/pb_kits/playbook/pb_empty_state/docs/_playground.overrides.json +79 -0
- data/app/pb_kits/playbook/pb_file_upload/docs/_playground.json +98 -13
- data/app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json +99 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb +31 -0
- data/app/pb_kits/playbook/pb_form/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_link/docs/_playground.json +81 -40
- data/app/pb_kits/playbook/pb_link/docs/_playground.overrides.json +88 -30
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_playground.json +4 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md +12 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb +9 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md +8 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_title/docs/_playground.json +72 -23
- data/app/pb_kits/playbook/pb_title/docs/_playground.overrides.json +80 -16
- metadata +12 -2
|
@@ -4,11 +4,12 @@
|
|
|
4
4
|
"defaults": {
|
|
5
5
|
"bold": true,
|
|
6
6
|
"size": 3,
|
|
7
|
-
"tag": "h3"
|
|
7
|
+
"tag": "h3",
|
|
8
|
+
"text": "Title"
|
|
8
9
|
},
|
|
9
10
|
"children": {
|
|
10
11
|
"editable": true,
|
|
11
|
-
"default": "
|
|
12
|
+
"default": "Title",
|
|
12
13
|
"hideWhenPropSet": [
|
|
13
14
|
"text"
|
|
14
15
|
]
|
|
@@ -34,47 +35,95 @@
|
|
|
34
35
|
],
|
|
35
36
|
"presets": [
|
|
36
37
|
{
|
|
37
|
-
"name": "
|
|
38
|
+
"name": "Default",
|
|
39
|
+
"props": {
|
|
40
|
+
"size": 3,
|
|
41
|
+
"tag": "h3",
|
|
42
|
+
"text": "Section heading"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"name": "Title 1",
|
|
38
47
|
"props": {
|
|
39
48
|
"size": 1,
|
|
40
|
-
"tag": "h1"
|
|
41
|
-
|
|
42
|
-
|
|
49
|
+
"tag": "h1",
|
|
50
|
+
"text": "Customer insights dashboard"
|
|
51
|
+
}
|
|
43
52
|
},
|
|
44
53
|
{
|
|
45
|
-
"name": "
|
|
54
|
+
"name": "Title 4",
|
|
46
55
|
"props": {
|
|
47
|
-
"size":
|
|
48
|
-
"
|
|
49
|
-
}
|
|
50
|
-
"children": "Recent activity"
|
|
56
|
+
"size": 4,
|
|
57
|
+
"text": "Title 4"
|
|
58
|
+
}
|
|
51
59
|
},
|
|
52
60
|
{
|
|
53
|
-
"name": "
|
|
61
|
+
"name": "Subtle title",
|
|
54
62
|
"props": {
|
|
55
63
|
"size": 4,
|
|
56
64
|
"bold": false,
|
|
57
|
-
"tag": "h4"
|
|
58
|
-
|
|
59
|
-
|
|
65
|
+
"tag": "h4",
|
|
66
|
+
"text": "Last updated 2 hours ago"
|
|
67
|
+
}
|
|
60
68
|
},
|
|
61
69
|
{
|
|
62
|
-
"name": "Success",
|
|
70
|
+
"name": "Success state",
|
|
63
71
|
"props": {
|
|
64
72
|
"color": "success",
|
|
65
|
-
"size": 3
|
|
66
|
-
|
|
67
|
-
|
|
73
|
+
"size": 3,
|
|
74
|
+
"text": "Payment confirmed"
|
|
75
|
+
}
|
|
68
76
|
},
|
|
69
77
|
{
|
|
70
78
|
"name": "Display size",
|
|
71
79
|
"props": {
|
|
72
80
|
"displaySize": "lg",
|
|
73
|
-
"tag": "
|
|
74
|
-
|
|
75
|
-
|
|
81
|
+
"tag": "h1",
|
|
82
|
+
"text": "Hero headline"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "Link title",
|
|
87
|
+
"props": {
|
|
88
|
+
"variant": "link",
|
|
89
|
+
"color": "link",
|
|
90
|
+
"size": 3,
|
|
91
|
+
"tag": "h3",
|
|
92
|
+
"text": "View all invoices"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"name": "Light weight",
|
|
97
|
+
"props": {
|
|
98
|
+
"bold": false,
|
|
99
|
+
"size": 2,
|
|
100
|
+
"tag": "h2",
|
|
101
|
+
"text": "Lightweight heading"
|
|
102
|
+
}
|
|
76
103
|
}
|
|
77
104
|
],
|
|
78
105
|
"conditionals": {},
|
|
79
|
-
"hints": {
|
|
106
|
+
"hints": {
|
|
107
|
+
"display_size_info": {
|
|
108
|
+
"when": {
|
|
109
|
+
"displaySize": "lg"
|
|
110
|
+
},
|
|
111
|
+
"message": "displaySize gives you oversized display typography while the tag still controls document semantics.",
|
|
112
|
+
"type": "info"
|
|
113
|
+
},
|
|
114
|
+
"link_variant_info": {
|
|
115
|
+
"when": {
|
|
116
|
+
"variant": "link"
|
|
117
|
+
},
|
|
118
|
+
"message": "variant=\"link\" styles Title like an interactive heading. Use tag to keep the right semantic level.",
|
|
119
|
+
"type": "info"
|
|
120
|
+
},
|
|
121
|
+
"light_weight_info": {
|
|
122
|
+
"when": {
|
|
123
|
+
"bold": false
|
|
124
|
+
},
|
|
125
|
+
"message": "Turn bold off for lighter subheadings, timestamps, and supporting section labels.",
|
|
126
|
+
"type": "info"
|
|
127
|
+
}
|
|
128
|
+
}
|
|
80
129
|
}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"children": {
|
|
3
|
-
"default": "
|
|
3
|
+
"default": "Title"
|
|
4
|
+
},
|
|
5
|
+
"defaults": {
|
|
6
|
+
"bold": true,
|
|
7
|
+
"size": 3,
|
|
8
|
+
"tag": "h3",
|
|
9
|
+
"text": "Title"
|
|
4
10
|
},
|
|
5
11
|
"groups": [
|
|
6
12
|
{
|
|
@@ -14,31 +20,89 @@
|
|
|
14
20
|
],
|
|
15
21
|
"presets": [
|
|
16
22
|
{
|
|
17
|
-
"name": "
|
|
18
|
-
"props": {
|
|
19
|
-
|
|
23
|
+
"name": "Default",
|
|
24
|
+
"props": {
|
|
25
|
+
"size": 3,
|
|
26
|
+
"tag": "h3",
|
|
27
|
+
"text": "Section heading"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"name": "Title 1",
|
|
32
|
+
"props": {
|
|
33
|
+
"size": 1,
|
|
34
|
+
"tag": "h1",
|
|
35
|
+
"text": "Customer insights dashboard"
|
|
36
|
+
}
|
|
20
37
|
},
|
|
21
38
|
{
|
|
22
|
-
"name": "
|
|
23
|
-
"props": {
|
|
24
|
-
|
|
39
|
+
"name": "Title 4",
|
|
40
|
+
"props": {
|
|
41
|
+
"size": 4,
|
|
42
|
+
"text": "Title 4"
|
|
43
|
+
}
|
|
25
44
|
},
|
|
26
45
|
{
|
|
27
|
-
"name": "
|
|
28
|
-
"props": {
|
|
29
|
-
|
|
46
|
+
"name": "Subtle title",
|
|
47
|
+
"props": {
|
|
48
|
+
"size": 4,
|
|
49
|
+
"bold": false,
|
|
50
|
+
"tag": "h4",
|
|
51
|
+
"text": "Last updated 2 hours ago"
|
|
52
|
+
}
|
|
30
53
|
},
|
|
31
54
|
{
|
|
32
|
-
"name": "Success",
|
|
33
|
-
"props": {
|
|
34
|
-
|
|
55
|
+
"name": "Success state",
|
|
56
|
+
"props": {
|
|
57
|
+
"color": "success",
|
|
58
|
+
"size": 3,
|
|
59
|
+
"text": "Payment confirmed"
|
|
60
|
+
}
|
|
35
61
|
},
|
|
36
62
|
{
|
|
37
63
|
"name": "Display size",
|
|
38
|
-
"props": {
|
|
39
|
-
|
|
64
|
+
"props": {
|
|
65
|
+
"displaySize": "lg",
|
|
66
|
+
"tag": "h1",
|
|
67
|
+
"text": "Hero headline"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "Link title",
|
|
72
|
+
"props": {
|
|
73
|
+
"variant": "link",
|
|
74
|
+
"color": "link",
|
|
75
|
+
"size": 3,
|
|
76
|
+
"tag": "h3",
|
|
77
|
+
"text": "View all invoices"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"name": "Light weight",
|
|
82
|
+
"props": {
|
|
83
|
+
"bold": false,
|
|
84
|
+
"size": 2,
|
|
85
|
+
"tag": "h2",
|
|
86
|
+
"text": "Lightweight heading"
|
|
87
|
+
}
|
|
40
88
|
}
|
|
41
89
|
],
|
|
42
90
|
"conditionals": {},
|
|
43
|
-
"hints": {
|
|
91
|
+
"hints": {
|
|
92
|
+
"display_size_info": {
|
|
93
|
+
"when": { "displaySize": "lg" },
|
|
94
|
+
"message": "displaySize gives you oversized display typography while the tag still controls document semantics.",
|
|
95
|
+
"type": "info"
|
|
96
|
+
},
|
|
97
|
+
"link_variant_info": {
|
|
98
|
+
"when": { "variant": "link" },
|
|
99
|
+
"message": "variant=\"link\" styles Title like an interactive heading. Use tag to keep the right semantic level.",
|
|
100
|
+
"type": "info"
|
|
101
|
+
},
|
|
102
|
+
"light_weight_info": {
|
|
103
|
+
"when": { "bold": false },
|
|
104
|
+
"message": "Turn bold off for lighter subheadings, timestamps, and supporting section labels.",
|
|
105
|
+
"type": "info"
|
|
106
|
+
}
|
|
107
|
+
}
|
|
44
108
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 16.
|
|
4
|
+
version: 16.8.0.pre.alpha.PLAY2945selectformblankselection16424
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2026-05-
|
|
12
|
+
date: 2026-05-18 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -734,6 +734,7 @@ files:
|
|
|
734
734
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
|
|
735
735
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
|
|
736
736
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json
|
|
737
|
+
- app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json
|
|
737
738
|
- app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
|
|
738
739
|
- app/pb_kits/playbook/pb_date_range_inline/docs/index.js
|
|
739
740
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb
|
|
@@ -741,6 +742,7 @@ files:
|
|
|
741
742
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default_swift.md
|
|
742
743
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_props_swift.md
|
|
743
744
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json
|
|
745
|
+
- app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json
|
|
744
746
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml
|
|
745
747
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/index.js
|
|
746
748
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
|
|
@@ -876,6 +878,7 @@ files:
|
|
|
876
878
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.html.erb
|
|
877
879
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
|
|
878
880
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json
|
|
881
|
+
- app/pb_kits/playbook/pb_distribution_bar/docs/_playground.overrides.json
|
|
879
882
|
- app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
|
|
880
883
|
- app/pb_kits/playbook/pb_distribution_bar/docs/index.js
|
|
881
884
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.html.erb
|
|
@@ -1055,6 +1058,7 @@ files:
|
|
|
1055
1058
|
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
|
|
1056
1059
|
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
|
|
1057
1060
|
- app/pb_kits/playbook/pb_empty_state/docs/_playground.json
|
|
1061
|
+
- app/pb_kits/playbook/pb_empty_state/docs/_playground.overrides.json
|
|
1058
1062
|
- app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
|
|
1059
1063
|
- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
|
|
1060
1064
|
- app/pb_kits/playbook/pb_empty_state/docs/example.yml
|
|
@@ -1072,6 +1076,7 @@ files:
|
|
|
1072
1076
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx
|
|
1073
1077
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
|
|
1074
1078
|
- app/pb_kits/playbook/pb_file_upload/docs/_playground.json
|
|
1079
|
+
- app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json
|
|
1075
1080
|
- app/pb_kits/playbook/pb_file_upload/docs/example.yml
|
|
1076
1081
|
- app/pb_kits/playbook/pb_file_upload/docs/index.js
|
|
1077
1082
|
- app/pb_kits/playbook/pb_file_upload/docs/test.html
|
|
@@ -1187,6 +1192,7 @@ files:
|
|
|
1187
1192
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
|
|
1188
1193
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
|
|
1189
1194
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
|
|
1195
|
+
- app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb
|
|
1190
1196
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
|
|
1191
1197
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
|
|
1192
1198
|
- app/pb_kits/playbook/pb_form/docs/_form_form_with_validation_msg.html.erb
|
|
@@ -2135,6 +2141,10 @@ files:
|
|
|
2135
2141
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.md
|
|
2136
2142
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
2137
2143
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
2144
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb
|
|
2145
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md
|
|
2146
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb
|
|
2147
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md
|
|
2138
2148
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx
|
|
2139
2149
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
|
|
2140
2150
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
|