playbook_ui_docs 13.28.0.pre.alpha.PBNTR297gradientoverlay3029 → 13.28.0.pre.alpha.PLAY888Cardkithighlightoverflowtooltiperror2937
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/{_bar_graph_custom_rails.html.erb → _bar_graph_custom.html.erb} +3 -3
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md +1 -2
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -10
- data/app/pb_kits/playbook/pb_pill/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +32 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/{_table_outer_padding.html.erb → _table_alignment_row.html.erb} +7 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +33 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +63 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +50 -51
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +52 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +38 -37
- data/app/pb_kits/playbook/pb_table/docs/example.yml +9 -9
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
- data/dist/menu.yml +2 -7
- data/dist/playbook-doc.js +10 -10
- metadata +7 -29
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +0 -40
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +0 -3
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md +0 -2
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +0 -159
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +0 -121
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +0 -40
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md +0 -7
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +0 -36
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md +0 -5
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb +0 -54
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb +0 -53
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +0 -76
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md +0 -1
- /data/app/pb_kits/playbook/pb_table/docs/{_table_alignment_column_rails.html.erb → _table_alignment_column.html.erb} +0 -0
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("table") do %>
|
|
2
|
-
<%= pb_rails("table/table_head") do %>
|
|
3
|
-
<%= pb_rails("table/table_row") do %>
|
|
4
|
-
<%= pb_rails("table/table_header", props: { text: " " }) %>
|
|
5
|
-
<%= pb_rails("table/table_header", props: { text: "Price" }) %>
|
|
6
|
-
<% end %>
|
|
7
|
-
<% end %>
|
|
8
|
-
<%= pb_rails("table/table_body") do %>
|
|
9
|
-
<%= pb_rails("table/table_row") do %>
|
|
10
|
-
<%= pb_rails("table/table_cell", props: { text: "Total", vertical_align: "bottom" }) %>
|
|
11
|
-
<%= pb_rails("table/table_cell") do %>
|
|
12
|
-
$12<br/>
|
|
13
|
-
$46<br/>
|
|
14
|
-
$25<br/>
|
|
15
|
-
-------<br/>
|
|
16
|
-
$83
|
|
17
|
-
<% end %>
|
|
18
|
-
<% end %>
|
|
19
|
-
<% end %>
|
|
20
|
-
<% end %>
|
|
21
|
-
<br/>
|
|
22
|
-
<%= pb_rails("table", props: { size: "sm" }) do %>
|
|
23
|
-
<%= pb_rails("table/table_head") do %>
|
|
24
|
-
<%= pb_rails("table/table_row") do %>
|
|
25
|
-
<%= pb_rails("table/table_header", props: { text: "Espresso Drinks" }) %>
|
|
26
|
-
<%= pb_rails("table/table_header", props: { text: "Ingredients" }) %>
|
|
27
|
-
<% end %>
|
|
28
|
-
<% end %>
|
|
29
|
-
<%= pb_rails("table/table_body") do %>
|
|
30
|
-
<%= pb_rails("table/table_row") do %>
|
|
31
|
-
<%= pb_rails("table/table_cell", props: { text: "Cappuccino", vertical_align: "top" }) %>
|
|
32
|
-
<%= pb_rails("table/table_cell") do %>
|
|
33
|
-
Espresso<br/>
|
|
34
|
-
Steamed Milk<br/>
|
|
35
|
-
Milk Foam
|
|
36
|
-
<% end %>
|
|
37
|
-
<% end %>
|
|
38
|
-
<%= pb_rails("table/table_row") do %>
|
|
39
|
-
<%= pb_rails("table/table_cell", props: { text: "Macchiato", vertical_align: "top" }) %>
|
|
40
|
-
<%= pb_rails("table/table_cell") do %>
|
|
41
|
-
Espresso<br/>
|
|
42
|
-
Steamed Milk
|
|
43
|
-
<% end %>
|
|
44
|
-
<% end %>
|
|
45
|
-
<%= pb_rails("table/table_row") do %>
|
|
46
|
-
<%= pb_rails("table/table_cell", props: { text: "Mocha", vertical_align: "top" }) %>
|
|
47
|
-
<%= pb_rails("table/table_cell") do %>
|
|
48
|
-
Espresso<br/>
|
|
49
|
-
Hot Chocolate<br/>
|
|
50
|
-
Steamed Milk
|
|
51
|
-
<% end %>
|
|
52
|
-
<% end %>
|
|
53
|
-
<% end %>
|
|
54
|
-
<% end %>
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
Pass our `vertical_align` global prop to any `table/table_cell` subcomponent to change the text alignment of individual cells, or apply this prop persistently to align entire columns.
|
|
2
|
-
The first table shifts "Total" down, whereas the second table shifts the "Espresso Drinks" column contents up.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass our `verticalAlign` global prop to any `table.row` subcomponent to change the vertical alignment of all cells within that row.
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("table") do %>
|
|
2
|
-
<%= pb_rails("table/table_head") do %>
|
|
3
|
-
<%= pb_rails("table/table_row") do %>
|
|
4
|
-
<%= pb_rails("table/table_header", props: { text: "Column 1" }) %>
|
|
5
|
-
<%= pb_rails("table/table_header", props: { text: "Column 2" }) %>
|
|
6
|
-
<%= pb_rails("table/table_header", props: { text: "Column 3" }) %>
|
|
7
|
-
<%= pb_rails("table/table_header", props: { text: "Column 4" }) %>
|
|
8
|
-
<%= pb_rails("table/table_header", props: { text: "Column 5" }) %>
|
|
9
|
-
<% end %>
|
|
10
|
-
<% end %>
|
|
11
|
-
<%= pb_rails("table/table_body") do %>
|
|
12
|
-
<%= pb_rails("table/table_row") do %>
|
|
13
|
-
<%= pb_rails("table/table_cell") do %>
|
|
14
|
-
Value 1a
|
|
15
|
-
<br />
|
|
16
|
-
Value 1a
|
|
17
|
-
<br />
|
|
18
|
-
Value 1a
|
|
19
|
-
<% end %>
|
|
20
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2a" }) %>
|
|
21
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3a" }) %>
|
|
22
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4a" }) %>
|
|
23
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5a" }) %>
|
|
24
|
-
<% end %>
|
|
25
|
-
<%= pb_rails("table/table_row", props: { vertical_align: "middle" }) do %>
|
|
26
|
-
<%= pb_rails("table/table_cell") do %>
|
|
27
|
-
Value 1b
|
|
28
|
-
<br />
|
|
29
|
-
Value 1b
|
|
30
|
-
<br />
|
|
31
|
-
Value 1b
|
|
32
|
-
<% end %>
|
|
33
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2b" }) %>
|
|
34
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3b" }) %>
|
|
35
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4b" }) %>
|
|
36
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5b" }) %>
|
|
37
|
-
<% end %>
|
|
38
|
-
<%= pb_rails("table/table_row", props: { vertical_align: "bottom" }) do %>
|
|
39
|
-
<%= pb_rails("table/table_cell") do %>
|
|
40
|
-
Value 1c
|
|
41
|
-
<br />
|
|
42
|
-
Value 1c
|
|
43
|
-
<br />
|
|
44
|
-
Value 1c
|
|
45
|
-
<% end %>
|
|
46
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2c" }) %>
|
|
47
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3c" }) %>
|
|
48
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4c" }) %>
|
|
49
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5c" }) %>
|
|
50
|
-
<% end %>
|
|
51
|
-
<% end %>
|
|
52
|
-
<% end %>
|
|
53
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass our `vertical_align` global prop to any `table/table_row` subcomponent to change the vertical alignment of all cells within that row.
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Table from '../_table'
|
|
4
|
-
import Button from '../../pb_button/_button'
|
|
5
|
-
|
|
6
|
-
const TableOuterPadding = (props) => {
|
|
7
|
-
return (
|
|
8
|
-
<Table
|
|
9
|
-
outerPadding="sm"
|
|
10
|
-
size="sm"
|
|
11
|
-
{...props}
|
|
12
|
-
>
|
|
13
|
-
<thead>
|
|
14
|
-
<tr>
|
|
15
|
-
<th>{'Column 1'}</th>
|
|
16
|
-
<th>{'Column 2'}</th>
|
|
17
|
-
<th>{'Column 3'}</th>
|
|
18
|
-
<th>{'Column 4'}</th>
|
|
19
|
-
<th>{''}</th>
|
|
20
|
-
</tr>
|
|
21
|
-
</thead>
|
|
22
|
-
<tbody>
|
|
23
|
-
<tr>
|
|
24
|
-
<td>{'Value 1'}</td>
|
|
25
|
-
<td>{'Value 2'}</td>
|
|
26
|
-
<td>{'Value 3'}</td>
|
|
27
|
-
<td>{'Value 4'}</td>
|
|
28
|
-
<td align="right">
|
|
29
|
-
{' '}
|
|
30
|
-
<Button
|
|
31
|
-
onClick={() => alert('button clicked!')}
|
|
32
|
-
text="Action"
|
|
33
|
-
variant="secondary"
|
|
34
|
-
{...props}
|
|
35
|
-
/>
|
|
36
|
-
{' '}
|
|
37
|
-
</td>
|
|
38
|
-
</tr>
|
|
39
|
-
<tr>
|
|
40
|
-
<td>{'Value 1'}</td>
|
|
41
|
-
<td>{'Value 2'}</td>
|
|
42
|
-
<td>{'Value 3'}</td>
|
|
43
|
-
<td>{'Value 4'}</td>
|
|
44
|
-
<td align="right">
|
|
45
|
-
{' '}
|
|
46
|
-
<Button
|
|
47
|
-
onClick={() => alert('button clicked!')}
|
|
48
|
-
text="Action"
|
|
49
|
-
variant="secondary"
|
|
50
|
-
{...props}
|
|
51
|
-
/>
|
|
52
|
-
{' '}
|
|
53
|
-
</td>
|
|
54
|
-
</tr>
|
|
55
|
-
<tr>
|
|
56
|
-
<td>{'Value 1'}</td>
|
|
57
|
-
<td>{'Value 2'}</td>
|
|
58
|
-
<td>{'Value 3'}</td>
|
|
59
|
-
<td>{'Value 4'}</td>
|
|
60
|
-
<td align="right">
|
|
61
|
-
{' '}
|
|
62
|
-
<Button
|
|
63
|
-
onClick={() => alert('button clicked!')}
|
|
64
|
-
text="Action"
|
|
65
|
-
variant="secondary"
|
|
66
|
-
{...props}
|
|
67
|
-
/>
|
|
68
|
-
{' '}
|
|
69
|
-
</td>
|
|
70
|
-
</tr>
|
|
71
|
-
</tbody>
|
|
72
|
-
</Table>
|
|
73
|
-
)
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
export default TableOuterPadding
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass any of our spacing tokens to the `outerPadding` / `outer_padding` prop to customize a table's outer padding (both the left padding of the first column and the right padding of the last column).
|
|
File without changes
|