playbook_ui_docs 13.13.0.pre.alpha.play10821727 → 13.14.0.pre.alpha.PLAY1109bugdisplaypropblocksfontcolor1784

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 (40) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +4 -5
  3. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb +29 -0
  4. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx +34 -0
  5. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md +7 -0
  6. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb +28 -0
  7. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx +34 -0
  8. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md +1 -0
  9. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +2 -2
  10. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
  11. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -0
  12. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +4 -8
  13. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +4 -8
  14. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +2 -4
  15. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -1
  16. data/app/pb_kits/playbook/pb_person/docs/_person_default_swift.md +8 -0
  17. data/app/pb_kits/playbook/pb_person/docs/_person_props_swift.md +5 -0
  18. data/app/pb_kits/playbook/pb_person/docs/example.yml +4 -0
  19. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_background_options.html.erb +2 -0
  20. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_background_options.jsx +25 -0
  21. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb +3 -0
  22. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx +31 -0
  23. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +6 -8
  24. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +19 -6
  25. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +4 -1
  26. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +30 -5
  27. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb +6 -0
  28. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx +58 -0
  29. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb +16 -0
  30. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx +60 -0
  31. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +12 -5
  32. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +8 -0
  33. data/app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md +37 -0
  34. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +10 -0
  35. data/app/pb_kits/playbook/pb_user/docs/_user_size_swift.md +35 -0
  36. data/app/pb_kits/playbook/pb_user/docs/_user_text_only_swift.md +27 -0
  37. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size_swift.md +35 -0
  38. data/app/pb_kits/playbook/pb_user/docs/example.yml +7 -0
  39. data/dist/playbook-doc.js +8 -8
  40. metadata +23 -2
@@ -1,9 +1,16 @@
1
1
  examples:
2
-
3
2
  rails:
4
- - star_rating_default: Default
5
- - star_rating_hide: Hide Rating Value
3
+ - star_rating_default: Default
4
+ - star_rating_color_options: Color Options
5
+ - star_rating_background_options: Background Options
6
+ - star_rating_hide: Layout Options
7
+ - star_rating_number_config: Number Config
8
+ - star_rating_size_options: Size Options
6
9
 
7
10
  react:
8
- - star_rating_default: Default
9
- - star_rating_hide: Hide Rating Value
11
+ - star_rating_default: Default
12
+ - star_rating_color_options: Color Options
13
+ - star_rating_background_options: Background Options
14
+ - star_rating_hide: Layout Options
15
+ - star_rating_number_config: Number Config
16
+ - star_rating_size_options: Size Options
@@ -1,3 +1,11 @@
1
1
  export { default as StarRatingDefault } from './_star_rating_default.jsx'
2
2
 
3
+ export { default as StarRatingColorOptions } from './_star_rating_color_options.jsx'
4
+
5
+ export { default as StarRatingBackgroundOptions } from './_star_rating_background_options.jsx'
6
+
3
7
  export { default as StarRatingHide } from './_star_rating_hide.jsx'
8
+
9
+ export { default as StarRatingNumberConfig } from './_star_rating_number_config.jsx'
10
+
11
+ export { default as StarRatingSizeOptions } from './_star_rating_size_options.jsx'
@@ -0,0 +1,37 @@
1
+ ![user-horizontal](https://github.com/powerhome/playbook/assets/92755007/63680051-6a88-4ae7-bffd-74d8e9b3a805)
2
+
3
+ ```swift
4
+
5
+ let img = Image("andrew", bundle: .module)
6
+ let name = "Andrew K"
7
+ let title = "Rebels Developer"
8
+
9
+ VStack(alignment: .leading, spacing: Spacing.small) {
10
+ PBUser(
11
+ name: name,
12
+ image: img,
13
+ territory: "PHL",
14
+ title: title
15
+ )
16
+
17
+ PBUser(
18
+ name: name,
19
+ territory: "PHL",
20
+ title: title
21
+ )
22
+
23
+ PBUser(
24
+ name: name,
25
+ image: img,
26
+ size: .small,
27
+ title: title
28
+ )
29
+
30
+ PBUser(
31
+ name: name,
32
+ image: img,
33
+ size: .small
34
+ )
35
+ }
36
+
37
+ ```
@@ -0,0 +1,10 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **name** | `String` | Sets the User's name | | |
5
+ | **displayAvatar** | `Bool` | Displays the User's avatar | `true` | `true` `false` |
6
+ | **image** | `Image` | Sets image for the avatar | | |
7
+ | **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.verticle` |
8
+ | **size** | `UserAvatarSize` | Changes the size of the User | `.medium` | `.small` `.medium` `.large` |
9
+ | **territory** | `String` | Adds the User's territory | | |
10
+ | **title** | `String` | Adds a title | | |
@@ -0,0 +1,35 @@
1
+ ![user-size](https://github.com/powerhome/playbook/assets/54749071/ed012a15-64a1-4c13-a0bc-7457660992f6)
2
+
3
+
4
+ ```swift
5
+
6
+ let img = Image("andrew", bundle: .module)
7
+ let name = "Andrew K"
8
+ let title = "Rebels Developer"
9
+
10
+ VStack(alignment: .leading, spacing: Spacing.small) {
11
+ PBUser(
12
+ name: name,
13
+ image: img,
14
+ size: .small,
15
+ territory: "PHL",
16
+ title: title
17
+ )
18
+
19
+ PBUser(
20
+ name: name,
21
+ image: img,
22
+ territory: "PHL",
23
+ title: title
24
+ )
25
+
26
+ PBUser(
27
+ name: name,
28
+ image: img,
29
+ size: .large,
30
+ territory: "PHL",
31
+ title: title
32
+ )
33
+ }
34
+
35
+ ```
@@ -0,0 +1,27 @@
1
+ ![user-text-only](https://github.com/powerhome/playbook/assets/54749071/ba04df54-6590-4db6-ad32-38932a08aced)
2
+
3
+
4
+ ```swift
5
+
6
+ let img = Image("andrew", bundle: .module)
7
+ let name = "Andrew K"
8
+ let title = "Rebels Developer"
9
+
10
+ VStack(spacing: Spacing.small) {
11
+ PBUser(
12
+ name: name,
13
+ displayAvatar: false,
14
+ size: .large,
15
+ territory: "PHL",
16
+ title: title
17
+ )
18
+
19
+ PBUser(
20
+ name: name,
21
+ displayAvatar: false,
22
+ territory: "PHL",
23
+ title: title
24
+ )
25
+ }
26
+
27
+ ```
@@ -0,0 +1,35 @@
1
+ ![user-verticle-size](https://github.com/powerhome/playbook/assets/54749071/e99b4c9b-0752-467e-971e-a6a5f520009e)
2
+
3
+
4
+ ```swift
5
+
6
+ let img = Image("andrew", bundle: .module)
7
+ let name = "Andrew K"
8
+ let title = "Rebels Developer"
9
+
10
+ VStack(alignment: .leading, spacing: Spacing.small) {
11
+ PBUser(
12
+ name: name,
13
+ image: img,
14
+ orientation: .vertical,
15
+ size: .small,
16
+ title: title
17
+ )
18
+
19
+ PBUser(
20
+ name: name,
21
+ image: img,
22
+ orientation: .vertical,
23
+ title: title
24
+ )
25
+
26
+ PBUser(
27
+ name: name,
28
+ image: img,
29
+ orientation: .vertical,
30
+ size: .large,
31
+ title: title
32
+ )
33
+ }
34
+
35
+ ```
@@ -17,3 +17,10 @@ examples:
17
17
  - user_vertical_size: Vertical Size
18
18
  - user_subtitle: Subtitle
19
19
  - user_block_content_subtitle_react: Block Content Subtitle
20
+
21
+ swift:
22
+ - user_horizontal_swift: Horizontal
23
+ - user_vertical_size_swift: Vertical
24
+ - user_text_only_swift: Text Only
25
+ - user_size_swift: Horizontal Size
26
+ - user_props_table: ""