playbook_ui 13.17.0.pre.alpha.nodealphaupgrade2157 → 13.17.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_reset.scss +2 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +2 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +0 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +3 -292
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +2 -7
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +6 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +4 -10
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -7
  10. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss +3 -4
  11. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +2 -2
  12. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +1 -1
  13. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +7 -5
  14. data/app/pb_kits/playbook/pb_popover/_popover.tsx +14 -12
  15. data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -2
  16. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
  17. data/app/pb_kits/playbook/pb_popover/popover.test.js +31 -29
  18. data/app/pb_kits/playbook/pb_table/_table.tsx +0 -3
  19. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  20. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
  21. data/app/pb_kits/playbook/pb_table/styles/_all.scss +0 -1
  22. data/app/pb_kits/playbook/pb_table/table.rb +1 -7
  23. data/app/pb_kits/playbook/pb_table/table.test.js +0 -5
  24. data/dist/menu.yml +3 -102
  25. data/dist/playbook-rails.js +7 -7
  26. data/dist/reset.css +2 -1
  27. data/lib/playbook/version.rb +2 -2
  28. metadata +7 -28
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +0 -52
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +0 -1
  31. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +0 -59
  32. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +0 -18
  33. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +0 -60
  34. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +0 -3
  35. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md +0 -5
  36. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +0 -63
  37. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +0 -3
  38. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +0 -57
  39. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +0 -3
  40. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +0 -61
  41. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +0 -3
  42. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -55
  43. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md +0 -1
  44. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb +0 -30
  45. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +0 -57
  46. data/app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb +0 -48
  47. data/app/pb_kits/playbook/pb_table/docs/_table_striped.jsx +0 -58
  48. data/app/pb_kits/playbook/pb_table/docs/_table_striped.md +0 -1
  49. data/app/pb_kits/playbook/pb_table/styles/_striped.scss +0 -19
@@ -1,48 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm", striped: true }) do %>
2
- <thead>
3
- <tr>
4
- <th>Column 1</th>
5
- <th>Column 2</th>
6
- <th>Column 3</th>
7
- <th>Column 4</th>
8
- <th>Column 5</th>
9
- </tr>
10
- </thead>
11
- <tbody>
12
- <tr>
13
- <td>Value 1</td>
14
- <td>Value 2</td>
15
- <td>Value 3</td>
16
- <td>Value 4</td>
17
- <td>Value 5</td>
18
- </tr>
19
- <tr>
20
- <td>Value 1</td>
21
- <td>Value 2</td>
22
- <td>Value 3</td>
23
- <td>Value 4</td>
24
- <td>Value 5</td>
25
- </tr>
26
- <tr>
27
- <td>Value 1</td>
28
- <td>Value 2</td>
29
- <td>Value 3</td>
30
- <td>Value 4</td>
31
- <td>Value 5</td>
32
- </tr>
33
- <tr>
34
- <td>Value 1</td>
35
- <td>Value 2</td>
36
- <td>Value 3</td>
37
- <td>Value 4</td>
38
- <td>Value 5</td>
39
- </tr>
40
- <tr>
41
- <td>Value 1</td>
42
- <td>Value 2</td>
43
- <td>Value 3</td>
44
- <td>Value 4</td>
45
- <td>Value 5</td>
46
- </tr>
47
- </tbody>
48
- <% end %>
@@ -1,58 +0,0 @@
1
- import React from "react"
2
- import Table from "../_table"
3
-
4
- const TableStriped = (props) => (
5
- <Table
6
- striped
7
- {...props}
8
- >
9
- <thead>
10
- <tr>
11
- <th>{'Column 1'}</th>
12
- <th>{'Column 2'}</th>
13
- <th>{'Column 3'}</th>
14
- <th>{'Column 4'}</th>
15
- <th>{'Column 5'}</th>
16
- </tr>
17
- </thead>
18
- <tbody>
19
- <tr>
20
- <td>{'Value 1'}</td>
21
- <td>{'Value 2'}</td>
22
- <td>{'Value 3'}</td>
23
- <td>{'Value 4'}</td>
24
- <td>{'Value 5'}</td>
25
- </tr>
26
- <tr>
27
- <td>{'Value 1'}</td>
28
- <td>{'Value 2'}</td>
29
- <td>{'Value 3'}</td>
30
- <td>{'Value 4'}</td>
31
- <td>{'Value 5'}</td>
32
- </tr>
33
- <tr>
34
- <td>{'Value 1'}</td>
35
- <td>{'Value 2'}</td>
36
- <td>{'Value 3'}</td>
37
- <td>{'Value 4'}</td>
38
- <td>{'Value 5'}</td>
39
- </tr>
40
- <tr>
41
- <td>{'Value 1'}</td>
42
- <td>{'Value 2'}</td>
43
- <td>{'Value 3'}</td>
44
- <td>{'Value 4'}</td>
45
- <td>{'Value 5'}</td>
46
- </tr>
47
- <tr>
48
- <td>{'Value 1'}</td>
49
- <td>{'Value 2'}</td>
50
- <td>{'Value 3'}</td>
51
- <td>{'Value 4'}</td>
52
- <td>{'Value 5'}</td>
53
- </tr>
54
- </tbody>
55
- </Table>
56
- )
57
-
58
- export default TableStriped
@@ -1 +0,0 @@
1
- Optionally pass the `striped` (boolean, defaults to false) prop to set odd rows to a contrasting background color. This helps with readability on larger tables with lots of data.
@@ -1,19 +0,0 @@
1
- [class^=pb_table] {
2
- &.striped {
3
- tbody {
4
- tr:nth-child(odd) {
5
- background-color: $bg_light;
6
- }
7
- }
8
- }
9
-
10
- &.dark {
11
- &.striped {
12
- tbody {
13
- tr:nth-child(odd) {
14
- background-color: $bg_dark;
15
- }
16
- }
17
- }
18
- }
19
- }