playbook_ui_docs 16.7.0.pre.alpha.tablewidths16409 → 16.7.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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +0 -10
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx +1 -15
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +200 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js +42 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json +5807 -150
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +30 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json +1 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json +98 -0
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +5 -5
- data/app/pb_kits/playbook/pb_date/docs/_playground.json +17 -13
- data/app/pb_kits/playbook/pb_date/docs/_playground.overrides.json +16 -13
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +2 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +2 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_playground.json +42 -136
- data/app/pb_kits/playbook/pb_date_picker/docs/_playground.overrides.json +45 -113
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json +6 -48
- data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json +5 -28
- 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 +3 -16
- data/app/pb_kits/playbook/pb_date_time/docs/_playground.overrides.json +3 -16
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json +15 -11
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.overrides.json +15 -11
- 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 +18 -12
- data/app/pb_kits/playbook/pb_detail/docs/_playground.overrides.json +12 -13
- data/app/pb_kits/playbook/pb_dialog/docs/_playground.json +42 -108
- data/app/pb_kits/playbook/pb_dialog/docs/_playground.overrides.json +40 -88
- data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json +7 -65
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +0 -18
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +0 -11
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.json +21 -318
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.overrides.json +19 -192
- data/app/pb_kits/playbook/pb_empty_state/docs/_playground.json +12 -77
- data/app/pb_kits/playbook/pb_file_upload/docs/_playground.json +13 -98
- data/app/pb_kits/playbook/pb_link/docs/_playground.json +40 -81
- data/app/pb_kits/playbook/pb_link/docs/_playground.overrides.json +30 -88
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx +1 -22
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +2 -22
- data/app/pb_kits/playbook/pb_pagination/docs/data.js +23 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_playground.json +2 -4
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_templates.jsx +1 -76
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js +75 -0
- data/app/pb_kits/playbook/pb_title/docs/_playground.json +23 -72
- data/app/pb_kits/playbook/pb_title/docs/_playground.overrides.json +16 -80
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +2 -2
- metadata +7 -15
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json +0 -41
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json +0 -57
- data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json +0 -38
- data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.overrides.json +0 -45
- data/app/pb_kits/playbook/pb_empty_state/docs/_playground.overrides.json +0 -79
- data/app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json +0 -99
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb +0 -5
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx +0 -14
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md +0 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md +0 -12
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb +0 -9
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md +0 -8
|
@@ -4,12 +4,11 @@
|
|
|
4
4
|
"defaults": {
|
|
5
5
|
"bold": true,
|
|
6
6
|
"size": 3,
|
|
7
|
-
"tag": "h3"
|
|
8
|
-
"text": "Title"
|
|
7
|
+
"tag": "h3"
|
|
9
8
|
},
|
|
10
9
|
"children": {
|
|
11
10
|
"editable": true,
|
|
12
|
-
"default": "
|
|
11
|
+
"default": "Section heading",
|
|
13
12
|
"hideWhenPropSet": [
|
|
14
13
|
"text"
|
|
15
14
|
]
|
|
@@ -35,95 +34,47 @@
|
|
|
35
34
|
],
|
|
36
35
|
"presets": [
|
|
37
36
|
{
|
|
38
|
-
"name": "
|
|
39
|
-
"props": {
|
|
40
|
-
"size": 3,
|
|
41
|
-
"tag": "h3",
|
|
42
|
-
"text": "Section heading"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
"name": "Title 1",
|
|
37
|
+
"name": "Page title",
|
|
47
38
|
"props": {
|
|
48
39
|
"size": 1,
|
|
49
|
-
"tag": "h1"
|
|
50
|
-
|
|
51
|
-
|
|
40
|
+
"tag": "h1"
|
|
41
|
+
},
|
|
42
|
+
"children": "Customer insights dashboard"
|
|
52
43
|
},
|
|
53
44
|
{
|
|
54
|
-
"name": "
|
|
45
|
+
"name": "Section",
|
|
55
46
|
"props": {
|
|
56
|
-
"size":
|
|
57
|
-
"
|
|
58
|
-
}
|
|
47
|
+
"size": 3,
|
|
48
|
+
"tag": "h3"
|
|
49
|
+
},
|
|
50
|
+
"children": "Recent activity"
|
|
59
51
|
},
|
|
60
52
|
{
|
|
61
|
-
"name": "
|
|
53
|
+
"name": "Subtitle",
|
|
62
54
|
"props": {
|
|
63
55
|
"size": 4,
|
|
64
56
|
"bold": false,
|
|
65
|
-
"tag": "h4"
|
|
66
|
-
|
|
67
|
-
|
|
57
|
+
"tag": "h4"
|
|
58
|
+
},
|
|
59
|
+
"children": "Last updated 2 hours ago"
|
|
68
60
|
},
|
|
69
61
|
{
|
|
70
|
-
"name": "Success
|
|
62
|
+
"name": "Success",
|
|
71
63
|
"props": {
|
|
72
64
|
"color": "success",
|
|
73
|
-
"size": 3
|
|
74
|
-
|
|
75
|
-
|
|
65
|
+
"size": 3
|
|
66
|
+
},
|
|
67
|
+
"children": "Payment confirmed"
|
|
76
68
|
},
|
|
77
69
|
{
|
|
78
70
|
"name": "Display size",
|
|
79
71
|
"props": {
|
|
80
72
|
"displaySize": "lg",
|
|
81
|
-
"tag": "
|
|
82
|
-
|
|
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
|
-
}
|
|
73
|
+
"tag": "h2"
|
|
74
|
+
},
|
|
75
|
+
"children": "Hero headline"
|
|
103
76
|
}
|
|
104
77
|
],
|
|
105
78
|
"conditionals": {},
|
|
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
|
-
}
|
|
79
|
+
"hints": {}
|
|
129
80
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"children": {
|
|
3
|
-
"default": "
|
|
4
|
-
},
|
|
5
|
-
"defaults": {
|
|
6
|
-
"bold": true,
|
|
7
|
-
"size": 3,
|
|
8
|
-
"tag": "h3",
|
|
9
|
-
"text": "Title"
|
|
3
|
+
"default": "Section heading"
|
|
10
4
|
},
|
|
11
5
|
"groups": [
|
|
12
6
|
{
|
|
@@ -20,89 +14,31 @@
|
|
|
20
14
|
],
|
|
21
15
|
"presets": [
|
|
22
16
|
{
|
|
23
|
-
"name": "
|
|
24
|
-
"props": {
|
|
25
|
-
|
|
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
|
-
}
|
|
17
|
+
"name": "Page title",
|
|
18
|
+
"props": { "size": 1, "tag": "h1" },
|
|
19
|
+
"children": "Customer insights dashboard"
|
|
37
20
|
},
|
|
38
21
|
{
|
|
39
|
-
"name": "
|
|
40
|
-
"props": {
|
|
41
|
-
|
|
42
|
-
"text": "Title 4"
|
|
43
|
-
}
|
|
22
|
+
"name": "Section",
|
|
23
|
+
"props": { "size": 3, "tag": "h3" },
|
|
24
|
+
"children": "Recent activity"
|
|
44
25
|
},
|
|
45
26
|
{
|
|
46
|
-
"name": "
|
|
47
|
-
"props": {
|
|
48
|
-
|
|
49
|
-
"bold": false,
|
|
50
|
-
"tag": "h4",
|
|
51
|
-
"text": "Last updated 2 hours ago"
|
|
52
|
-
}
|
|
27
|
+
"name": "Subtitle",
|
|
28
|
+
"props": { "size": 4, "bold": false, "tag": "h4" },
|
|
29
|
+
"children": "Last updated 2 hours ago"
|
|
53
30
|
},
|
|
54
31
|
{
|
|
55
|
-
"name": "Success
|
|
56
|
-
"props": {
|
|
57
|
-
|
|
58
|
-
"size": 3,
|
|
59
|
-
"text": "Payment confirmed"
|
|
60
|
-
}
|
|
32
|
+
"name": "Success",
|
|
33
|
+
"props": { "color": "success", "size": 3 },
|
|
34
|
+
"children": "Payment confirmed"
|
|
61
35
|
},
|
|
62
36
|
{
|
|
63
37
|
"name": "Display size",
|
|
64
|
-
"props": {
|
|
65
|
-
|
|
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
|
-
}
|
|
38
|
+
"props": { "displaySize": "lg", "tag": "h2" },
|
|
39
|
+
"children": "Hero headline"
|
|
88
40
|
}
|
|
89
41
|
],
|
|
90
42
|
"conditionals": {},
|
|
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
|
-
}
|
|
43
|
+
"hints": {}
|
|
108
44
|
}
|
|
@@ -17,7 +17,7 @@ const languages = [
|
|
|
17
17
|
{ label: 'PHP', value: '1995', category: 'Web Development' },
|
|
18
18
|
]
|
|
19
19
|
|
|
20
|
-
const
|
|
20
|
+
const colors = [
|
|
21
21
|
{ label: 'Orange', value: '#FFA500' },
|
|
22
22
|
{ label: 'Red', value: '#FF0000' },
|
|
23
23
|
{ label: 'Green', value: '#00FF00' },
|
|
@@ -51,7 +51,7 @@ const TypeaheadReactHook = (props) => {
|
|
|
51
51
|
<Typeahead
|
|
52
52
|
label="Colors"
|
|
53
53
|
marginTop="lg"
|
|
54
|
-
options={
|
|
54
|
+
options={colors}
|
|
55
55
|
{...props}
|
|
56
56
|
{...register('color')}
|
|
57
57
|
/>
|
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.7.0.pre.
|
|
4
|
+
version: 16.7.0.pre.rc.0
|
|
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-
|
|
12
|
+
date: 2026-04-28 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -193,6 +193,8 @@ files:
|
|
|
193
193
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
|
|
194
194
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
|
|
195
195
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
|
|
196
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
|
197
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js
|
|
196
198
|
- app/pb_kits/playbook/pb_advanced_table/docs/_playground.json
|
|
197
199
|
- app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json
|
|
198
200
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_grouped_simple.json
|
|
@@ -201,10 +203,10 @@ files:
|
|
|
201
203
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_standard_sort.json
|
|
202
204
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json
|
|
203
205
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_with_ids.json
|
|
206
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json
|
|
204
207
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
|
205
208
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
|
|
206
209
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading.json
|
|
207
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json
|
|
208
210
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
|
|
209
211
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
|
|
210
212
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
|
@@ -734,7 +736,6 @@ files:
|
|
|
734
736
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
|
|
735
737
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
|
|
736
738
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json
|
|
737
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_playground.overrides.json
|
|
738
739
|
- app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
|
|
739
740
|
- app/pb_kits/playbook/pb_date_range_inline/docs/index.js
|
|
740
741
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb
|
|
@@ -742,7 +743,6 @@ files:
|
|
|
742
743
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default_swift.md
|
|
743
744
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_props_swift.md
|
|
744
745
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json
|
|
745
|
-
- app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.overrides.json
|
|
746
746
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml
|
|
747
747
|
- app/pb_kits/playbook/pb_date_range_stacked/docs/index.js
|
|
748
748
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
|
|
@@ -878,7 +878,6 @@ files:
|
|
|
878
878
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.html.erb
|
|
879
879
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
|
|
880
880
|
- app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json
|
|
881
|
-
- app/pb_kits/playbook/pb_distribution_bar/docs/_playground.overrides.json
|
|
882
881
|
- app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
|
|
883
882
|
- app/pb_kits/playbook/pb_distribution_bar/docs/index.js
|
|
884
883
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.html.erb
|
|
@@ -1058,7 +1057,6 @@ files:
|
|
|
1058
1057
|
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
|
|
1059
1058
|
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
|
|
1060
1059
|
- app/pb_kits/playbook/pb_empty_state/docs/_playground.json
|
|
1061
|
-
- app/pb_kits/playbook/pb_empty_state/docs/_playground.overrides.json
|
|
1062
1060
|
- app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
|
|
1063
1061
|
- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
|
|
1064
1062
|
- app/pb_kits/playbook/pb_empty_state/docs/example.yml
|
|
@@ -1076,7 +1074,6 @@ files:
|
|
|
1076
1074
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx
|
|
1077
1075
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
|
|
1078
1076
|
- app/pb_kits/playbook/pb_file_upload/docs/_playground.json
|
|
1079
|
-
- app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json
|
|
1080
1077
|
- app/pb_kits/playbook/pb_file_upload/docs/example.yml
|
|
1081
1078
|
- app/pb_kits/playbook/pb_file_upload/docs/index.js
|
|
1082
1079
|
- app/pb_kits/playbook/pb_file_upload/docs/test.html
|
|
@@ -1775,6 +1772,7 @@ files:
|
|
|
1775
1772
|
- app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
|
|
1776
1773
|
- app/pb_kits/playbook/pb_pagination/docs/_playground.json
|
|
1777
1774
|
- app/pb_kits/playbook/pb_pagination/docs/_playground.overrides.json
|
|
1775
|
+
- app/pb_kits/playbook/pb_pagination/docs/data.js
|
|
1778
1776
|
- app/pb_kits/playbook/pb_pagination/docs/example.yml
|
|
1779
1777
|
- app/pb_kits/playbook/pb_pagination/docs/index.js
|
|
1780
1778
|
- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
|
|
@@ -1971,9 +1969,6 @@ files:
|
|
|
1971
1969
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
|
|
1972
1970
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
|
|
1973
1971
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
|
|
1974
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb
|
|
1975
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx
|
|
1976
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md
|
|
1977
1972
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
|
|
1978
1973
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
|
|
1979
1974
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
|
|
@@ -2140,14 +2135,11 @@ files:
|
|
|
2140
2135
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.md
|
|
2141
2136
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
2142
2137
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
2143
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb
|
|
2144
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md
|
|
2145
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb
|
|
2146
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md
|
|
2147
2138
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx
|
|
2148
2139
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
|
|
2149
2140
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
|
|
2150
2141
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
|
|
2142
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
|
|
2151
2143
|
- app/pb_kits/playbook/pb_section_separator/docs/_description.md
|
|
2152
2144
|
- app/pb_kits/playbook/pb_section_separator/docs/_footer.md
|
|
2153
2145
|
- app/pb_kits/playbook/pb_section_separator/docs/_playground.json
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"year": "2021",
|
|
4
|
-
"quarter": null,
|
|
5
|
-
"month": null,
|
|
6
|
-
"day": null,
|
|
7
|
-
"newEnrollments": "20",
|
|
8
|
-
"scheduledMeetings": "10",
|
|
9
|
-
"attendanceRate": "51%",
|
|
10
|
-
"completedClasses": "3",
|
|
11
|
-
"classCompletionRate": "33%",
|
|
12
|
-
"graduatedStudents": "19",
|
|
13
|
-
"children": []
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
"year": "2022",
|
|
17
|
-
"quarter": null,
|
|
18
|
-
"month": null,
|
|
19
|
-
"day": null,
|
|
20
|
-
"newEnrollments": "25",
|
|
21
|
-
"scheduledMeetings": "17",
|
|
22
|
-
"attendanceRate": "75%",
|
|
23
|
-
"completedClasses": "5",
|
|
24
|
-
"classCompletionRate": "45%",
|
|
25
|
-
"graduatedStudents": "32",
|
|
26
|
-
"children": []
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"year": "2023",
|
|
30
|
-
"quarter": null,
|
|
31
|
-
"month": null,
|
|
32
|
-
"day": null,
|
|
33
|
-
"newEnrollments": "10",
|
|
34
|
-
"scheduledMeetings": "15",
|
|
35
|
-
"attendanceRate": "65%",
|
|
36
|
-
"completedClasses": "4",
|
|
37
|
-
"classCompletionRate": "49%",
|
|
38
|
-
"graduatedStudents": "29",
|
|
39
|
-
"children": []
|
|
40
|
-
}
|
|
41
|
-
]
|
|
@@ -1,57 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"defaults": {
|
|
3
|
-
"colors": ["data_7", "data_1", "neutral"]
|
|
4
|
-
},
|
|
5
|
-
"groups": [
|
|
6
|
-
{
|
|
7
|
-
"name": "Data",
|
|
8
|
-
"props": ["widths", "colors"]
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
"name": "Appearance",
|
|
12
|
-
"props": ["size"]
|
|
13
|
-
}
|
|
14
|
-
],
|
|
15
|
-
"presets": [
|
|
16
|
-
{
|
|
17
|
-
"name": "Default",
|
|
18
|
-
"props": {
|
|
19
|
-
"widths": [1, 2, 3, 4, 5, 3, 3, 7]
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"name": "Small",
|
|
24
|
-
"props": {
|
|
25
|
-
"widths": [1, 2, 3, 4, 5, 3, 3, 7],
|
|
26
|
-
"size": "sm"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "Custom colors",
|
|
31
|
-
"props": {
|
|
32
|
-
"colors": ["data_7", "data_1", "neutral"],
|
|
33
|
-
"widths": [4, 5, 3]
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
],
|
|
37
|
-
"conditionals": {},
|
|
38
|
-
"hints": {
|
|
39
|
-
"custom_colors": {
|
|
40
|
-
"presetName": "Custom colors",
|
|
41
|
-
"message": "Use the colors prop to change the colors of the distribution bar. Currently only the data and status colors will work for DistributionBar.",
|
|
42
|
-
"type": "info"
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"template": "<Flex align=\"center\" orientation=\"column\">\n <EmptyState{{props}} />\n</Flex>",
|
|
3
|
-
"imports": ["Flex"],
|
|
4
|
-
"defaults": {
|
|
5
|
-
"alignment": "center",
|
|
6
|
-
"description": "Body text goes into detail with possible steps for user to take",
|
|
7
|
-
"header": "Title Explains",
|
|
8
|
-
"image": "default",
|
|
9
|
-
"orientation": "vertical",
|
|
10
|
-
"size": "md"
|
|
11
|
-
},
|
|
12
|
-
"groups": [
|
|
13
|
-
{
|
|
14
|
-
"name": "Layout",
|
|
15
|
-
"props": ["alignment", "orientation", "size"]
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
"name": "Content",
|
|
19
|
-
"props": ["header", "description", "image"]
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "Actions",
|
|
23
|
-
"props": ["primaryButton", "linkButton", "onLinkButtonClick", "onPrimaryButtonClick"]
|
|
24
|
-
}
|
|
25
|
-
],
|
|
26
|
-
"presets": [
|
|
27
|
-
{
|
|
28
|
-
"name": "Default",
|
|
29
|
-
"props": {
|
|
30
|
-
"description": "Body text goes into detail with possible steps for user to take",
|
|
31
|
-
"header": "Title Explains",
|
|
32
|
-
"image": "default"
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "With Primary Action",
|
|
37
|
-
"props": {
|
|
38
|
-
"description": "Body text goes into detail with possible steps for user to take",
|
|
39
|
-
"header": "Title Explains",
|
|
40
|
-
"image": "default",
|
|
41
|
-
"primaryButton": "Next Action"
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"name": "With Two Actions",
|
|
46
|
-
"props": {
|
|
47
|
-
"description": "Body text goes into detail with possible steps for user to take",
|
|
48
|
-
"header": "Title Explains",
|
|
49
|
-
"image": "default",
|
|
50
|
-
"linkButton": "Alt Action",
|
|
51
|
-
"primaryButton": "Next Action"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"name": "Horizontal",
|
|
56
|
-
"props": {
|
|
57
|
-
"alignment": "left",
|
|
58
|
-
"description": "Body text goes into detail with possible steps for user to take",
|
|
59
|
-
"header": "Title Explains",
|
|
60
|
-
"image": "default",
|
|
61
|
-
"orientation": "horizontal"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"name": "Small",
|
|
66
|
-
"props": {
|
|
67
|
-
"description": "Body text.",
|
|
68
|
-
"header": "Title Explains",
|
|
69
|
-
"image": "default",
|
|
70
|
-
"size": "sm"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
],
|
|
74
|
-
"conditionals": {
|
|
75
|
-
"onLinkButtonClick": { "requires": "linkButton" },
|
|
76
|
-
"onPrimaryButtonClick": { "requires": "primaryButton" }
|
|
77
|
-
},
|
|
78
|
-
"hints": {}
|
|
79
|
-
}
|