playbook_ui_docs 13.19.0.pre.alpha.PBNTR200addadvancedtablekitdarkmodestyles2346 → 13.19.0.pre.alpha.PBNTR207tabledivsupport2245

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +1 -1
  7. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +11 -5
  8. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +18 -44
  9. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.md +8 -4
  10. data/app/pb_kits/playbook/pb_table/docs/_table_div.html.erb +26 -26
  11. data/app/pb_kits/playbook/pb_table/docs/_table_div.jsx +26 -27
  12. data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -5
  13. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +0 -20
  14. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +1 -2
  15. data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -1
  16. data/dist/playbook-doc.js +4 -4
  17. metadata +2 -7
  18. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +0 -34
  19. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +0 -7
  20. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +0 -34
  21. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +0 -3
  22. data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +0 -30
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: 13.19.0.pre.alpha.PBNTR200addadvancedtablekitdarkmodestyles2346
4
+ version: 13.19.0.pre.alpha.PBNTR207tabledivsupport2245
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: 2024-03-12 00:00:00.000000000 Z
12
+ date: 2024-02-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1490,10 +1490,6 @@ files:
1490
1490
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
1491
1491
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
1492
1492
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
1493
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb
1494
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
1495
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
1496
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
1497
1493
  - app/pb_kits/playbook/pb_table/docs/example.yml
1498
1494
  - app/pb_kits/playbook/pb_table/docs/index.js
1499
1495
  - app/pb_kits/playbook/pb_text_input/docs/_description.md
@@ -1730,7 +1726,6 @@ files:
1730
1726
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
1731
1727
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
1732
1728
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
1733
- - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
1734
1729
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
1735
1730
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
1736
1731
  - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm" }) 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", props: { text: "Value 1"}) %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
18
- <% end %>
19
- <%= pb_rails("table/table_row") do %>
20
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
25
- <% end %>
26
- <%= pb_rails("table/table_row") do %>
27
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
32
- <% end %>
33
- <% end %>
34
- <% end %>
@@ -1,7 +0,0 @@
1
- You can optionally build your table using our sub-components, which map to their respective html table elements:
2
-
3
- `table_head` = `thead`
4
- `table_body` = `tbody`
5
- `table_row` = `tr`
6
- `table_header` = `th`
7
- `table_cell` = `td`
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm", tag:"div" }) do %>
2
- <%= pb_rails("table/table_head", props: {tag:"div"}) do %>
3
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
4
- <%= pb_rails("table/table_header", props: { text: "Column 1", tag:"div"}) %>
5
- <%= pb_rails("table/table_header", props: { text: "Column 2", tag:"div"}) %>
6
- <%= pb_rails("table/table_header", props: { text: "Column 3", tag:"div"}) %>
7
- <%= pb_rails("table/table_header", props: { text: "Column 4", tag:"div"}) %>
8
- <%= pb_rails("table/table_header", props: { text: "Column 5", tag:"div"}) %>
9
- <% end %>
10
- <% end %>
11
- <%= pb_rails("table/table_body", props: {tag:"div"}) do %>
12
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
13
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
18
- <% end %>
19
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
20
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
25
- <% end %>
26
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
27
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
32
- <% end %>
33
- <% end %>
34
- <% end %>
@@ -1,3 +0,0 @@
1
- Optionally build your table with divs by passing `div` to the `tag` prop of all* your sub-components.
2
-
3
- *NOTE: The `tag` prop defaults to `table`, which returns html elements. If divs are desired, sub-components must be used and all table elements, including the initial kit call, must use `div` as their `tag` in order for the table to render properly.
@@ -1,30 +0,0 @@
1
- ![user-presence-indicator)](https://github.com/powerhome/playbook/assets/112719604/96ee8408-2e21-4aaf-ae65-9f023515cf8d)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBUser(
6
- name: name,
7
-
8
- image: img,
9
- size: .small,
10
- territory: "PHL",
11
- title: title,
12
- status: .online
13
- )
14
- PBUser(
15
- name: name,
16
- image: img,
17
- territory: "PHL",
18
- title: title,
19
- status: .away
20
- )
21
- PBUser(
22
- name: name,
23
- image: img,
24
- size: .large,
25
- territory: "PHL",
26
- title: title,
27
- status: .offline
28
- )
29
- }
30
- ```