playbook_ui_docs 14.17.0.pre.alpha.PBNTR925railstablecustomheaders7163 → 14.17.0.pre.alpha.PBNTR935draggablelinedesign7118

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 (30) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +102 -105
  3. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md +3 -3
  4. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx +50 -48
  5. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -1
  6. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx +115 -0
  7. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md +5 -0
  8. data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table_react.jsx → _draggable_with_table.jsx} +1 -1
  9. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +3 -1
  10. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +9 -6
  11. data/app/pb_kits/playbook/pb_draggable/docs/index.js +4 -1
  12. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md +1 -1
  13. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  14. data/dist/playbook-doc.js +1 -1
  15. metadata +16 -18
  16. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb +0 -34
  17. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md +0 -1
  18. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb +0 -36
  19. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md +0 -1
  20. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default_rails.html.erb → _draggable_default.html.erb} +0 -0
  21. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.md → _draggable_default_react.md} +0 -0
  22. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers_rails.html.erb → _draggable_multiple_containers.html.erb} +0 -0
  23. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers.md → _draggable_multiple_containers_react.md} +0 -0
  24. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards_rails.html.erb → _draggable_with_cards.html.erb} +0 -0
  25. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards.md → _draggable_with_cards_react.md} +0 -0
  26. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list_rails.html.erb → _draggable_with_list.html.erb} +0 -0
  27. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list.md → _draggable_with_list_react.md} +0 -0
  28. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list_rails.html.erb → _draggable_with_selectable_list.html.erb} +0 -0
  29. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list.md → _draggable_with_selectable_list_react.md} +0 -0
  30. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table.md → _draggable_with_table_rails.md} +0 -0
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: 14.17.0.pre.alpha.PBNTR925railstablecustomheaders7163
4
+ version: 14.17.0.pre.alpha.PBNTR935draggablelinedesign7118
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: 2025-04-11 00:00:00.000000000 Z
12
+ date: 2025-04-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -706,33 +706,35 @@ files:
706
706
  - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
707
707
  - app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
708
708
  - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
709
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.html.erb
709
710
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
710
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
711
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
712
711
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
712
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
713
713
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
714
714
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
715
715
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
716
716
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
717
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
718
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
719
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
717
720
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
718
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
719
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
720
721
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
722
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
723
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
721
724
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
722
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
723
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
724
725
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md
726
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_react.md
727
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.html.erb
725
728
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
726
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
727
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
728
729
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
730
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md
731
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.html.erb
729
732
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
730
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
731
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
732
733
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
734
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_react.md
733
735
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
734
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
735
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
736
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.jsx
737
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_rails.md
736
738
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
737
739
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
738
740
  - app/pb_kits/playbook/pb_draggable/docs/index.js
@@ -1948,13 +1950,9 @@ files:
1948
1950
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
1949
1951
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
1950
1952
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
1951
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
1952
1953
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
1953
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
1954
1954
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_react.md
1955
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb
1956
1955
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.jsx
1957
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md
1958
1956
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md
1959
1957
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
1960
1958
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm", header_style: "borderless" }) 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
- </tbody>
34
- <% end %>
@@ -1 +0,0 @@
1
- Customize your header by removing the header borders with the `header_style: "borderless"` prop.
@@ -1,36 +0,0 @@
1
- <%= pb_rails("card", props: { background: "light" }) do %>
2
- <%= pb_rails("table", props: { size: "sm", header_style: "floating" }) do %>
3
- <%= pb_rails("table/table_head") do %>
4
- <%= pb_rails("background", props: { background_color: "light", tag: "tr" }) do %>
5
- <%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
6
- <%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
7
- <%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
8
- <%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
9
- <%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
10
- <% end %>
11
- <% end %>
12
- <%= pb_rails("table/table_body") do %>
13
- <%= pb_rails("table/table_row") do %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
18
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
19
- <% end %>
20
- <%= pb_rails("table/table_row") do %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
25
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
26
- <% end %>
27
- <%= pb_rails("table/table_row") do %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
32
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
33
- <% end %>
34
- <% end %>
35
- <% end %>
36
- <% end %>
@@ -1 +0,0 @@
1
- Further customize your header by using the [table with background kit](https://playbook.powerapp.cloud/kits/table/rails#table-with-background-kit) logic to give your table header a custom background color. Use the `header_style: "floating"` prop to visually nest the borderless table within a card or collapsible with a matching background color (the `background_color` passed to Background kit should match the `background` or `background_color` for the element in which it is nested).