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

Sign up to get free protection for your applications and to get access to all the features.
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: ""