playbook_ui 13.10.0.pre.alpha.webpackerregistercomponents1463 → 13.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -8
  3. data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -12
  4. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +0 -7
  5. data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +0 -7
  6. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +31 -47
  7. data/app/pb_kits/playbook/pb_table/docs/_table_header.md +0 -5
  8. data/app/pb_kits/playbook/pb_table/table_header.html.erb +1 -1
  9. data/app/pb_kits/playbook/playbook-doc.js +1 -1
  10. data/lib/playbook/version.rb +2 -2
  11. metadata +7 -34
  12. data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md +0 -28
  13. data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md +0 -23
  14. data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md +0 -9
  15. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md +0 -18
  16. data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
  17. data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md +0 -20
  18. data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md +0 -29
  19. data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md +0 -7
  20. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md +0 -33
  21. data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md +0 -33
  22. data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md +0 -17
  23. data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md +0 -7
  24. data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md +0 -33
  25. data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md +0 -10
  26. data/app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md +0 -0
  27. data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md +0 -11
  28. data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md +0 -21
  29. data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md +0 -17
  30. data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md +0 -0
  31. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md +0 -10
  32. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md +0 -12
  33. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md +0 -12
  34. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md +0 -7
  35. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md +0 -6
  36. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md +0 -16
  37. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md +0 -7
  38. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md +0 -11
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 05d745f53385521fefd867230524eac36493cfe2af780a8c2600411069cbefe9
4
- data.tar.gz: 41f1f9277e46f6daf91b0a02692f8c06730102a2b192b3e97cdd854d958bf5c2
3
+ metadata.gz: 23bcba16e8e942308603ef0e6ee1680fb14c5a4bf64dac3614c058e3abd08b8a
4
+ data.tar.gz: f358dc8dfba143cbcd4f3188464d33d251ccb5b69286c69e82d673eb15a6cfbb
5
5
  SHA512:
6
- metadata.gz: 7200a71d51c92bfbded4d31a7d641d86fe9c171b582302fad9fd5fe7300114fccef96aa812a561fe1df6dc57d6d3dbfce62bdb2d5ae88b055240170ab240e8fc
7
- data.tar.gz: 37e37724588a7c7f304aba08962a9631d1bb949d82003057689489b84ad08f53f200cbee8d77528703c0e2365fb6c1754959c93ef89a834bde084686e30912f7
6
+ metadata.gz: 3c7eb00868a6ef9ae018d54fd6805c67115a0a4b01cdca63af6795d76f9af80c5651a012aa06274a4fcdf96df9a08f3df5bc35355e39ed7cc0ea04fef62525e9
7
+ data.tar.gz: 88aa9a9120c9f999bff2945c13fa7b158988bdbe8842480bd0f6f50e8e12cebafa30e8be617c8d63a96525f8cea7c4f6a16d68dd9ff50a5cc5dee82a4035662a
@@ -25,11 +25,3 @@ examples:
25
25
  - button_size: Button Size
26
26
  - button_form: Button Form Attribute
27
27
  - button_hover: Button Hover
28
-
29
- swift:
30
- - button_default_swift: Button Variants
31
- - button_full_width_swift: Button Full Width
32
- - button_icon_options_swift: Button Icon Options
33
- - button_circle_swift: Circle Button
34
- - button_size_swift: Button Size
35
- - button_props_swift: ""
@@ -25,15 +25,3 @@ examples:
25
25
  - card_separator: Separator Card
26
26
  - card_border_none: No Border
27
27
  - card_border_radius: Border Radius
28
- swift:
29
- - card_light_swift: Default
30
- - card_background_swift: Card Backgrounds
31
- - card_highlight_swift: Highlight Cards
32
- - card_header_swift: Header Cards
33
- - card_padding_swift: Padding Size
34
- - card_shadow_swift: Shadow Size
35
- - card_separator_swift: Separator Card
36
- - card_border_none_swift: No Border
37
- - card_border_radius_swift: Border Radius
38
- - card_styles_swift: Styles
39
- - card_props_swift: ""
@@ -13,10 +13,3 @@ examples:
13
13
  - checkbox_custom: Custom Checkbox
14
14
  - checkbox_error: Default w/ Error
15
15
  - checkbox_indeterminate: Indeterminate Checkbox
16
-
17
- swift:
18
- - checkbox_default_swift: Default
19
- - checkbox_error_swift: Default w/ Error
20
- - checkbox_indeterminate_swift: Indeterminate Checkbox
21
- - checkbox_props_swift: ""
22
-
@@ -12,10 +12,3 @@ examples:
12
12
  - icon_circle_sizes: Size
13
13
  - icon_circle_color: Color
14
14
  - icon_circle_emoji: With Emoji
15
-
16
- swift:
17
- - icon_circle_defaul_swift: Default
18
- - icon_circle_sizes_swift: Size
19
- - icon_circle_color_swift: Color
20
- - icon_circle_color_props: ""
21
-
@@ -1,37 +1,12 @@
1
- <%# Example data for demonstration purposes %>
2
- <% data_rows = [
3
- { 'territory' => 'North', 'firstname' => 'John', 'lastname' => 'Doe', 'age' => 30, 'job' => 'Engineer' },
4
- { 'territory' => 'South', 'firstname' => 'Alice', 'lastname' => 'Smith', 'age' => 28, 'job' => 'Designer' },
5
- { 'territory' => 'East', 'firstname' => 'Mike', 'lastname' => 'Johnson', 'age' => 35, 'job' => 'Manager' },
6
- { 'territory' => 'West', 'firstname' => 'Sarah', 'lastname' => 'Brown', 'age' => 29, 'job' => 'Developer' },
7
- { 'territory' => 'Central', 'firstname' => 'David', 'lastname' => 'Wilson', 'age' => 32, 'job' => 'Analyst' }
8
- ]
9
- %>
10
-
11
- <%# Example sort method for demonstration purposes %>
12
- <% if params["sort"] %>
13
- <% sort_param = params["sort"].gsub(/_(asc|desc)\z/, "") %>
14
- <% sort_direction = params["sort"].end_with?("_asc") ? 1 : -1 %>
15
- <% data_rows.sort! do |a, b|
16
- value_a = a[sort_param]
17
- value_b = b[sort_param]
18
-
19
- value_a = value_a.to_i if value_a.is_a?(String) && value_a.match?(/^\d+$/)
20
- value_b = value_b.to_i if value_b.is_a?(String) && value_b.match?(/^\d+$/)
21
-
22
- sort_direction * (value_a <=> value_b)
23
- end %>
24
- <% end %>
25
-
26
- <%= pb_rails("table", props: { data_table: true, vertical_border: true, id: "table-header" } ) do %>
1
+ <%= pb_rails("table", props: { size: "lg"} ) do %>
27
2
  <thead>
28
3
  <tr>
29
4
  <%= pb_rails("table/table_header", props: {
30
5
  text: "Territory",
31
6
  id: "territory",
32
7
  sort_menu: [
33
- { item: "Territory", link: "?sort=territory_asc#table-header", active: params["sort"] == "territory_asc", direction: "asc" },
34
- { item: "Territory", link: "?sort=territory_desc#table-header", active: params["sort"] == "territory_desc", direction: "desc" }
8
+ { item: "Territory", link: "?sort=territory_desc", active: params["sort"] == "territory_desc", direction: "desc" },
9
+ { item: "Territory", link: "?sort=territory_asc", active: params["sort"] == "territory_asc", direction: "asc" }
35
10
  ],
36
11
  }) %>
37
12
  <%= pb_rails("table/table_header", props: {
@@ -39,36 +14,45 @@
39
14
  text: "Full Name",
40
15
  colspan: 2,
41
16
  sort_menu: [
42
- { item: "First Name Descending", link: "?sort=firstname_desc#table-header", active: params["sort"] == "firstname_desc", direction: "desc" },
43
- { item: "First Name Ascending", link: "?sort=firstname_asc#table-header", active: params["sort"] == "firstname_asc", direction: "asc" },
44
- { item: "Last Name Descending", link: "?sort=lastname_desc#table-header", active: params["sort"] == "lastname_desc", direction: "desc" },
45
- { item: "Last Name Ascending", link: "?sort=lastname_asc#table-header", active: params["sort"] == "lastname_asc", direction: "asc" }
17
+ { item: "First Name Descending", link: "?sort=firstname_desc", active: params["sort"] == "firstname_desc", direction: "desc" },
18
+ { item: "First Name Ascending", link: "?sort=firstname_asc", active: params["sort"] == "firstname_asc", direction: "asc" },
19
+ { item: "Last Name Descending", link: "?sort=lastname_desc", active: params["sort"] == "lastname_desc", direction: "desc" },
20
+ { item: "Last Name Ascending", link: "?sort=lastname_asc", active: params["sort"] == "lastname_asc", direction: "asc" }
46
21
  ],
47
22
  }) %>
48
23
  <%= pb_rails("table/table_header", props: {
49
24
  text: "Age",
50
25
  id: "age",
26
+ sort_dropdown: true,
51
27
  sort_menu: [
52
- { item: "Age Descending", link: "?sort=age_desc#table-header", active: params["sort"] == "age_desc", direction: "desc" },
53
- { item: "Age Ascending", link: "?sort=age_asc#table-header", active: params["sort"] == "age_asc", direction: "asc" }
28
+ { item: "Age Descending", link: "?sort=age_desc", active: params["sort"] == "age_desc", direction: "desc" },
29
+ { item: "Age Ascending", link: "?sort=age_asc", active: params["sort"] == "age_asc", direction: "asc" }
54
30
  ],
55
31
  }) %>
56
32
  <%= pb_rails("table/table_header", props: { text: "Job Title" }) %>
57
33
  </tr>
58
34
  </thead>
59
35
  <tbody>
60
- <% data_rows.each do |row| %>
61
- <tr>
62
- <% row.each do |key, value| %>
63
- <%= pb_rails("background", props: {
64
- background_color: (params["sort"] && params["sort"].start_with?(key) ? "info_subtle" : "card_light"),
65
- text_align: (value.is_a?(Integer) ? "right" : ""),
66
- tag: "td"
67
- }) do %>
68
- <%= value %>
69
- <% end %>
70
- <% end %>
71
- </tr>
72
- <% end %>
36
+ <tr>
37
+ <td>Ter 1</td>
38
+ <td>First Name 1</td>
39
+ <td>Last Name 1</td>
40
+ <td>Age 1</td>
41
+ <td>Job 1</td>
42
+ </tr>
43
+ <tr>
44
+ <td>Ter 2</td>
45
+ <td>First Name 2</td>
46
+ <td>Last Name 2</td>
47
+ <td>Age 2</td>
48
+ <td>Job 2</td>
49
+ </tr>
50
+ <tr>
51
+ <td>Ter 3</td>
52
+ <td>First Name 3</td>
53
+ <td>Last Name 3</td>
54
+ <td>Age 3</td>
55
+ <td>Job 3</td>
56
+ </tr>
73
57
  </tbody>
74
58
  <% end %>
@@ -6,8 +6,3 @@ presence of `sort_menu` enables the sort link within the header
6
6
  * `sort_dropdown` (boolean) optionally declares that (true) clicking a header's sort link opens a dropdown of sort options, or (false) each sort link click cycles through available sort_menu items in the order they are passed
7
7
  * passing a valid `colspan` will render sort options within a dropdown by default, without requiring `sort_dropdown` explicitly. Alternatively, the default sort dropdown can be prevented on headers with `colspan` by setting `sort_dropdown: false`, which reverts the column to sorting to multi-click default (each click of the sort link cycles through the available sort_menu items in the order they are passed)
8
8
  * `id` (string) is required for headers that have a dropdown (for popover reference); otherwise they are optional
9
-
10
- </br>
11
- <div class="pb_pill_kit_warning"><div class="pb_title_kit_size_4 pb_pill_text">Disclaimer</div></div>
12
-
13
- This example uses a custom sort method that may need to be modified or replaced within your project.
@@ -3,7 +3,7 @@
3
3
  aria: object.aria,
4
4
  class: object.classname,
5
5
  data: object.data,
6
- id: "pb-th#{object.id}" ) do %>
6
+ id: "pb-th#{object.id}") do %>
7
7
  <% unless sorting_style? %>
8
8
  <%= pb_rails("flex", props:{ align: object.align_content, justify: object.justify_sort_icon, classname: "pb_th_nolink" }) do %>
9
9
  <%= content.presence || object.text %>
@@ -104,7 +104,7 @@ import * as UserBadge from 'pb_user_badge/docs'
104
104
  import * as Walkthrough from 'pb_walkthrough/docs'
105
105
  import * as WeekdayStacked from 'pb_weekday_stacked/docs'
106
106
 
107
- WebpackerReact.registerComponents({
107
+ WebpackerReact.setup({
108
108
  ...Avatar,
109
109
  ...AvatarActionButton,
110
110
  ...Background,
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.10.0"
5
- VERSION = "13.10.0.pre.alpha.webpackerregistercomponents1463"
4
+ PREVIOUS_VERSION = "13.9.0"
5
+ VERSION = "13.10.0"
6
6
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.10.0.pre.alpha.webpackerregistercomponents1463
4
+ version: 13.10.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-11-10 00:00:00.000000000 Z
12
+ date: 2023-10-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -431,23 +431,19 @@ files:
431
431
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
432
432
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
433
433
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.md
434
- - app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md
435
434
  - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
436
435
  - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
437
436
  - app/pb_kits/playbook/pb_button/docs/_button_default.md
438
- - app/pb_kits/playbook/pb_button/docs/_button_default_swift.md
439
437
  - app/pb_kits/playbook/pb_button/docs/_button_form.html.erb
440
438
  - app/pb_kits/playbook/pb_button/docs/_button_form.jsx
441
439
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
442
440
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
443
441
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
444
- - app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md
445
442
  - app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb
446
443
  - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
447
444
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
448
445
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
449
446
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
450
- - app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md
451
447
  - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
452
448
  - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
453
449
  - app/pb_kits/playbook/pb_button/docs/_button_link.md
@@ -456,14 +452,12 @@ files:
456
452
  - app/pb_kits/playbook/pb_button/docs/_button_loading.md
457
453
  - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
458
454
  - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
459
- - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
460
455
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
461
456
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
462
457
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.md
463
458
  - app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
464
459
  - app/pb_kits/playbook/pb_button/docs/_button_size.jsx
465
460
  - app/pb_kits/playbook/pb_button/docs/_button_size.md
466
- - app/pb_kits/playbook/pb_button/docs/_button_size_swift.md
467
461
  - app/pb_kits/playbook/pb_button/docs/_footer.md
468
462
  - app/pb_kits/playbook/pb_button/docs/example.yml
469
463
  - app/pb_kits/playbook/pb_button/docs/index.js
@@ -510,46 +504,33 @@ files:
510
504
  - app/pb_kits/playbook/pb_card/docs/_card_background.html.erb
511
505
  - app/pb_kits/playbook/pb_card/docs/_card_background.jsx
512
506
  - app/pb_kits/playbook/pb_card/docs/_card_background.md
513
- - app/pb_kits/playbook/pb_card/docs/_card_background_swift.md
514
507
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
515
508
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
516
509
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
517
- - app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md
518
510
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.html.erb
519
511
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx
520
512
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.md
521
- - app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md
522
513
  - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
523
514
  - app/pb_kits/playbook/pb_card/docs/_card_content.jsx
524
515
  - app/pb_kits/playbook/pb_card/docs/_card_header.html.erb
525
516
  - app/pb_kits/playbook/pb_card/docs/_card_header.jsx
526
517
  - app/pb_kits/playbook/pb_card/docs/_card_header.md
527
- - app/pb_kits/playbook/pb_card/docs/_card_header_swift.md
528
518
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb
529
519
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
530
520
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.md
531
- - app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md
532
521
  - app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
533
522
  - app/pb_kits/playbook/pb_card/docs/_card_light.jsx
534
523
  - app/pb_kits/playbook/pb_card/docs/_card_light.md
535
- - app/pb_kits/playbook/pb_card/docs/_card_light_swift.md
536
524
  - app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
537
525
  - app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
538
- - app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md
539
- - app/pb_kits/playbook/pb_card/docs/_card_props_swift.md
540
526
  - app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb
541
527
  - app/pb_kits/playbook/pb_card/docs/_card_selected.jsx
542
- - app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md
543
528
  - app/pb_kits/playbook/pb_card/docs/_card_separator.html.erb
544
529
  - app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
545
- - app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md
546
530
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
547
531
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
548
- - app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md
549
- - app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md
550
532
  - app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
551
533
  - app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
552
- - app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md
553
534
  - app/pb_kits/playbook/pb_card/docs/example.yml
554
535
  - app/pb_kits/playbook/pb_card/docs/index.js
555
536
  - app/pb_kits/playbook/pb_checkbox/_checkbox.scss
@@ -563,15 +544,11 @@ files:
563
544
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx
564
545
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
565
546
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
566
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md
567
547
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
568
548
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
569
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
570
549
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
571
550
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
572
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
573
551
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
574
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
575
552
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
576
553
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
577
554
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -1246,9 +1223,6 @@ files:
1246
1223
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
1247
1224
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
1248
1225
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md
1249
- - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md
1250
- - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md
1251
- - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md
1252
1226
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
1253
1227
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
1254
1228
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.html.erb
@@ -1256,7 +1230,6 @@ files:
1256
1230
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.md
1257
1231
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
1258
1232
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
1259
- - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md
1260
1233
  - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
1261
1234
  - app/pb_kits/playbook/pb_icon_circle/docs/index.js
1262
1235
  - app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb
@@ -2670,7 +2643,7 @@ homepage: https://playbook.powerapp.cloud/
2670
2643
  licenses:
2671
2644
  - ISC
2672
2645
  metadata: {}
2673
- post_install_message:
2646
+ post_install_message:
2674
2647
  rdoc_options: []
2675
2648
  require_paths:
2676
2649
  - lib
@@ -2681,12 +2654,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2681
2654
  version: '0'
2682
2655
  required_rubygems_version: !ruby/object:Gem::Requirement
2683
2656
  requirements:
2684
- - - ">"
2657
+ - - ">="
2685
2658
  - !ruby/object:Gem::Version
2686
- version: 1.3.1
2659
+ version: '0'
2687
2660
  requirements: []
2688
2661
  rubygems_version: 3.3.7
2689
- signing_key:
2662
+ signing_key:
2690
2663
  specification_version: 4
2691
2664
  summary: Playbook Design System
2692
2665
  test_files: []
@@ -1,28 +0,0 @@
1
- ![button-circles](https://github.com/powerhome/playbook/assets/92755007/c8f98358-5369-475d-9287-67f2aa54f35c)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- shape: .circle,
7
- icon: PBIcon.fontAwesome(.plus, size: .x1),
8
- action: {}
9
- )
10
- PBButton(
11
- variant: .secondary,
12
- shape: .circle,
13
- icon: PBIcon.fontAwesome(.pen, size: .x1),
14
- action: {}
15
- )
16
- PBButton(
17
- variant: .disabled,
18
- shape: .circle,
19
- icon: PBIcon.fontAwesome(.times, size: .x1)
20
- )
21
- PBButton(
22
- variant: .link,
23
- shape: .circle,
24
- icon: PBIcon.fontAwesome(.user, size: .x1),
25
- action: {}
26
- )
27
- }
28
- ```
@@ -1,23 +0,0 @@
1
- ![button-default](https://github.com/powerhome/playbook/assets/92755007/28a19644-8963-4b13-9eb7-c8fef8a047cc)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- title: "Button Primary",
7
- action: {}
8
- )
9
- PBButton(
10
- variant: .secondary,
11
- title: "Button Secondary",
12
- action: {})
13
- PBButton(
14
- variant: .link,
15
- title: "Button Link",
16
- action: {}
17
- )
18
- PBButton(
19
- variant: .disabled,
20
- title: "Button Disabled"
21
- )
22
- }
23
- ```
@@ -1,9 +0,0 @@
1
- ![button-full-width](https://github.com/powerhome/playbook/assets/92755007/7818e026-e27c-4485-9d14-337fe5c0f99f)
2
-
3
- ```swift
4
- PBButton(
5
- fullWidth: true,
6
- title: "Full Width",
7
- action: {}
8
- )
9
- ```
@@ -1,18 +0,0 @@
1
- ![button-icon-positions](https://github.com/powerhome/playbook/assets/92755007/c0b257c5-ca29-4ecb-83f8-85d631bb8613)
2
-
3
-
4
- ```swift
5
- VStack(alignment: .leading, spacing: Spacing.small) {
6
- PBButton(
7
- title: "Button with Icon on Left",
8
- icon: PBIcon.fontAwesome(.user, size: .x1),
9
- action: {}
10
- )
11
- PBButton(
12
- title: "Button with Icon on Right",
13
- icon: PBIcon.fontAwesome(.user, size: .x1),
14
- iconPosition: .right,
15
- action: {}
16
- )
17
- }
18
- ```
@@ -1,11 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Full Width** | `Bool` | Sets Button to full width | `false` | `true` `false` |
5
- | **Variant** | `PBButtonVariant` | Changes the color of the Button | ` .primary` | `.primary` `.secondary` `.link` `.disabled` |
6
- | **Size** | `Size` | Adjusts Button size | `.medium` | `.small` `.medium` `.large` |
7
- | **Shape** | `Shape` | Changes the shape of the Button | `.primary` | `.primary` `.circle` |
8
- | **Title** | `String` | Sets Button text | `nil` | |
9
- | **Icon** | `PBIcon` | Adds an icon to the Button | `nil` | |
10
- | **Icon Position** | `IconPosition` | Adjusts the icon's position | `.left` | `.left` `.right` |
11
- | **Action** | `(() -> Void)` | Adds an action for the Button to perform | `{}` | |
@@ -1,20 +0,0 @@
1
- ![button-sizes](https://github.com/powerhome/playbook/assets/92755007/79bfe9e4-c09a-4d5e-bbb2-cf9ae8aa2895)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- size: .small,
7
- title: "Button sm",
8
- action: {}
9
- )
10
- PBButton(
11
- title: "Button md",
12
- action: {}
13
- )
14
- PBButton(
15
- size: .large,
16
- title: "Button lg",
17
- action: {}
18
- )
19
- }
20
- ```
@@ -1,29 +0,0 @@
1
- ![card-background-colors](https://github.com/powerhome/playbook/assets/92755007/9b9a6519-0f79-4d8c-a58a-ea5799f9e679)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBCard {
6
- Text(text).pbFont(.body)
7
- }
8
-
9
- PBCard(backgroundColor: .background(.light)) {
10
- Text("Light").pbFont(.body, color: .text(.light))
11
- }
12
-
13
- PBCard(backgroundColor: .background(.dark)) {
14
- Text("Dark").pbFont(.body, color: .text(.light))
15
- }
16
-
17
- PBCard(backgroundColor: .product(.product1, category: .background)) {
18
- Text("Product 1 Background").pbFont(.body, color: .white)
19
- }
20
-
21
- PBCard(backgroundColor: .product(.product7, category: .highlight)) {
22
- Text("Product 7 Highlight").pbFont(.body, color: .white)
23
- }
24
-
25
- PBCard(backgroundColor: .product(.product2, category: .highlight)) {
26
- Text("Product 2 Highlight").pbFont(.body, color: .white)
27
- }
28
- }
29
- ```
@@ -1,7 +0,0 @@
1
- ![card-no-border](https://github.com/powerhome/playbook/assets/92755007/a4f3e9e1-6770-425f-b882-dded98863917)
2
-
3
- ```swift
4
- PBCard(border: false) {
5
- Text(text).pbFont(.body)
6
- }
7
- ```
@@ -1,33 +0,0 @@
1
- ![card-border-radius](https://github.com/powerhome/playbook/assets/92755007/c2c0965f-7c4f-4e7b-8c94-f187c724939d)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(borderRadius: BorderRadius.none) {
6
- Text("None").pbFont(.body)
7
- }
8
-
9
- PBCard(borderRadius: BorderRadius.xSmall) {
10
- Text("X Small").pbFont(.body)
11
- }
12
-
13
- PBCard(borderRadius: BorderRadius.small) {
14
- Text("Small").pbFont(.body)
15
- }
16
-
17
- PBCard(borderRadius: BorderRadius.medium) {
18
- Text("Medium").pbFont(.body)
19
- }
20
-
21
- PBCard(borderRadius: BorderRadius.large) {
22
- Text("Large").pbFont(.body)
23
- }
24
-
25
- PBCard(borderRadius: BorderRadius.xLarge) {
26
- Text("X Large").pbFont(.body)
27
- }
28
-
29
- PBCard(borderRadius: BorderRadius.rounded) {
30
- Text("Rounded").pbFont(.body)
31
- }
32
- }
33
- ``````
@@ -1,33 +0,0 @@
1
- ![card-header](https://github.com/powerhome/playbook/assets/92755007/a8fd21a1-89cb-4ec2-97f6-d6427f1264c2)
2
-
3
- ```swift
4
- Stack(spacing: Spacing.small) {
5
- PBCard(padding: Spacing.none) {
6
- PBCardHeader(color: .category(.category1)) {
7
- Text("Category 1").pbFont(.body, color: .white).padding(Spacing.small)
8
- }
9
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
10
- }
11
-
12
- PBCard(padding: Spacing.none) {
13
- PBCardHeader(color: .category(.category3)) {
14
- Text("Category 3").pbFont(.body, color: .black).padding(Spacing.small)
15
- }
16
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
17
- }
18
-
19
- PBCard(padding: Spacing.none) {
20
- PBCardHeader(color: .product(.product2, category: .background)) {
21
- Text("Product 2 Background").pbFont(.body, color: .white).padding(Spacing.small)
22
- }
23
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
24
- }
25
-
26
- PBCard(padding: Spacing.none) {
27
- PBCardHeader(color: .product(.product6, category: .background)) {
28
- Text("Product 6 Background").pbFont(.body, color: .white).padding(Spacing.small)
29
- }
30
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
31
- }
32
- }
33
- ```
@@ -1,17 +0,0 @@
1
- ![card-highlight](https://github.com/powerhome/playbook/assets/92755007/aba8c811-e21a-4aee-8d2d-64789989875d)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(highlight: .side(.product(.product6, category: .highlight))) {
6
- Text("Side Position & Product 6 Highlight Color").pbFont(.body)
7
- }
8
-
9
- PBCard(highlight: .top(.status(.warning))) {
10
- Text("Top Position & Warning Color").pbFont(.body)
11
- }
12
-
13
- PBCard(highlight: .side(.category(.category2))) {
14
- Text("Side Position & Category 2 Color").pbFont(.body)
15
- }
16
- }
17
- ```
@@ -1,7 +0,0 @@
1
- ![card-default](https://github.com/powerhome/playbook/assets/92755007/2209c5d4-806f-4a54-98f4-4ed864b7fad2)
2
-
3
- ```swift
4
- PBCard {
5
- Text("Card Content").pbFont(.body)
6
- }
7
- ```
@@ -1,33 +0,0 @@
1
- ![card-padding](https://github.com/powerhome/playbook/assets/92755007/b5f56638-2307-46fb-ac28-c4225cf3e051)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(padding: Spacing.none) {
6
- Text("None").pbFont(.body)
7
- }
8
-
9
- PBCard(padding: Spacing.xxSmall) {
10
- Text("XX Small").pbFont(.body)
11
- }
12
-
13
- PBCard(padding: Spacing.xSmall) {
14
- Text("X Small").pbFont(.body)
15
- }
16
-
17
- PBCard(padding: Spacing.small) {
18
- Text("Small").pbFont(.body)
19
- }
20
-
21
- PBCard(padding: Spacing.medium) {
22
- Text("Medium").pbFont(.body)
23
- }
24
-
25
- PBCard(padding: Spacing.large) {
26
- Text("Large").pbFont(.body)
27
- }
28
-
29
- PBCard(padding: Spacing.xLarge) {
30
- Text("X Large").pbFont(.body)
31
- }
32
- }
33
- ```
@@ -1,10 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Background Color** | `Color` | Changes background color | `.card` | `Color` |
5
- | **Border** | `Bool` | Adds border around the Card | `true` | `true` `false` |
6
- | **Border Radius** | `CGFloat` | Specifies the roundness of the Card | `BorderRadius.medium` | `BorderRadius.none` `BorderRadius.xSmall` `BorderRadius.small` `BorderRadius.medium` `BorderRadius.large` `BorderRadius.xLarge` `BorderRadius.rounded` |
7
- | **Highlight** | `Highlight` | Adds a border accent color | `.none` | `Color` |
8
- | **Padding** | `CGFloat` | Applies padding between text and border | `Spacing.medium` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
9
- | **Style** | `PBCardStyle` | Specifies the color of the border | `.default` | `.default` `.selected` `.error` `.inline` |
10
- | **Shadow** | `Shadow` | Applies shadow | `nil` | `Shadow.deep` `Shadow.deeper` `Shadow.deepest` `Shadow.none` |
@@ -1,11 +0,0 @@
1
- ![card-separator](https://github.com/powerhome/playbook/assets/92755007/5988d360-d603-4a11-b928-16fe57dc1aea)
2
-
3
- ```swift
4
- PBCard(padding: Spacing.none) {
5
- Text("Header").pbFont(.body).padding(Spacing.small)
6
- PBSectionSeparator()
7
- Text(loremIpsum).pbFont(.body).padding(Spacing.small)
8
- PBSectionSeparator()
9
- Text("Footer").pbFont(.body).padding(Spacing.small)
10
- }
11
- ```
@@ -1,21 +0,0 @@
1
- ![card-shadow](https://github.com/powerhome/playbook/assets/92755007/7dd7edc1-a2b1-4e91-b271-9c897c9ededd)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(shadow: Shadow.deep) {
6
- Text("Deep").pbFont(.body)
7
- }
8
-
9
- PBCard(shadow: Shadow.deeper) {
10
- Text("Deeper").pbFont(.body)
11
- }
12
-
13
- PBCard(shadow: Shadow.deepest) {
14
- Text("Deepest").pbFont(.body)
15
- }
16
-
17
- PBCard(shadow: Shadow.none) {
18
- Text("None").pbFont(.body)
19
- }
20
- }
21
- ```
@@ -1,17 +0,0 @@
1
- ![card-styles](https://github.com/powerhome/playbook/assets/92755007/b6ea347b-6a7b-46e8-b4ce-213727587499)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBCard {
6
- Text("Card Context").pbFont(.body)
7
- }
8
-
9
- PBCard(style: .selected()) {
10
- Text("Card Context").pbFont(.body)
11
- }
12
-
13
- PBCard(style: .error) {
14
- Text("Card Context").pbFont(.body)
15
- }
16
- }
17
- ```
File without changes
@@ -1,10 +0,0 @@
1
- ![checkbox-default](https://github.com/powerhome/playbook/assets/92755007/dc3af1fb-8786-4002-ac64-3111b5b8c476)
2
-
3
- ```swift
4
-
5
- PBCheckbox(checked: false, text: "Unchecked", action: {})
6
- .padding(.bottom, Spacing.small)
7
-
8
- PBCheckbox(checked: true, text: "Checked", action: {})
9
-
10
- ```
@@ -1,12 +0,0 @@
1
- ![checkbox-error](https://github.com/powerhome/playbook/assets/92755007/6466de7f-fbfb-418b-8c5a-74d07a0c4f63)
2
-
3
- ```swift
4
-
5
- PBCheckbox(
6
- checked: false,
7
- checkboxType: .error,
8
- text: "Error",
9
- action: {}
10
- )
11
-
12
- ```
@@ -1,12 +0,0 @@
1
- ![checkbox-indeterminate](https://github.com/powerhome/playbook/assets/92755007/eacd6976-bd00-41a9-aca1-75ce23b6a58c)
2
-
3
- ```swift
4
-
5
- PBCheckbox(
6
- checked: true,
7
- checkboxType: .indeterminate,
8
- text: "Indeterminate",
9
- action: {}
10
- )
11
-
12
- ```
@@ -1,7 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Checked** | `Bool` | Adds a check to the Checkbox | `false` | `true` `false` |
5
- | **Checkbox Type** | `CheckboxType` | Changes the style of the Checkbox | `default` | `default` `error` `indeterminate` |
6
- | **Text** | `String` | Adds a text label | `nil` | |
7
- | **Action** | `(() -> Void)` | Adds an action | `{}` | |
@@ -1,6 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Icon** | `PlaybookGenericIcon` | Sets the kit's Icon | | |
5
- | **Size** | `PBIcon.IconSize` | Changes the size of the Circle Icon | `.x1` | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
6
- | **Color** | `Color` | Changes color of the Icon and background | `.status(.neutral)` | `Color` |
@@ -1,16 +0,0 @@
1
- ![icon-circle-colors](https://github.com/powerhome/playbook/assets/92755007/d6507900-98e9-49fb-acfb-a238bef08d1b)
2
-
3
- ```swift
4
-
5
- VStack(spacing: Spacing.small) {
6
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data1))
7
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data2))
8
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data3))
9
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data4))
10
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data5))
11
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data6))
12
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data7))
13
- PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data8))
14
- }
15
-
16
- ```
@@ -1,7 +0,0 @@
1
- ![icon-circle-default](https://github.com/powerhome/playbook/assets/92755007/d5de652d-ff9e-4b54-b55e-a3bf58d7cb23)
2
-
3
- ```swift
4
-
5
- PBIconCircle(FontAwesome.rocket)
6
-
7
- ```
@@ -1,11 +0,0 @@
1
- ![circle-icon-sizes](https://github.com/powerhome/playbook/assets/92755007/2a474df1-5712-4c2a-9d6b-fb740ae949f2)
2
-
3
- ```swift
4
-
5
- VStack(alignment: .leading, spacing: Spacing.small) {
6
- PBIconCircle(FontAwesome.rocket, size: .small)
7
- PBIconCircle(FontAwesome.rocket, size: .x1)
8
- PBIconCircle(FontAwesome.rocket, size: .large)
9
- }
10
-
11
- ```