playbook_ui_docs 13.14.0.pre.alpha.play1101betaicons1825 → 13.14.0.pre.alpha.play1106filter1748

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 (61) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
  3. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -1
  4. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +4 -5
  5. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +4 -8
  6. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +4 -8
  7. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +2 -4
  8. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +0 -7
  10. data/app/pb_kits/playbook/pb_person/docs/example.yml +0 -4
  11. data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -5
  12. data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -7
  13. data/dist/playbook-doc.js +8 -8
  14. metadata +2 -49
  15. data/app/pb_kits/playbook/pb_beta_icon/docs/_description.md +0 -1
  16. data/app/pb_kits/playbook/pb_beta_icon/docs/_footer.md +0 -2
  17. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.html.erb +0 -3
  18. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.jsx +0 -35
  19. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.md +0 -1
  20. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.html.erb +0 -1
  21. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.jsx +0 -19
  22. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border_swift.md +0 -7
  23. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.html.erb +0 -16
  24. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.jsx +0 -34
  25. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.md +0 -19
  26. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.html.erb +0 -1
  27. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.jsx +0 -17
  28. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default_swift.md +0 -7
  29. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.html.erb +0 -1
  30. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.jsx +0 -21
  31. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.md +0 -7
  32. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.html.erb +0 -3
  33. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.jsx +0 -33
  34. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip_swift.md +0 -11
  35. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_props_swift.md +0 -8
  36. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.html.erb +0 -2
  37. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.jsx +0 -26
  38. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.md +0 -1
  39. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate.html.erb +0 -3
  40. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate.jsx +0 -33
  41. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate_swift.md +0 -11
  42. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes.html.erb +0 -16
  43. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes.jsx +0 -133
  44. data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes_swift.md +0 -46
  45. data/app/pb_kits/playbook/pb_beta_icon/docs/example.yml +0 -30
  46. data/app/pb_kits/playbook/pb_beta_icon/docs/index.js +0 -9
  47. data/app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md +0 -26
  48. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md +0 -11
  49. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md +0 -13
  50. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md +0 -18
  51. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md +0 -14
  52. data/app/pb_kits/playbook/pb_person/docs/_person_default_swift.md +0 -8
  53. data/app/pb_kits/playbook/pb_person/docs/_person_props_swift.md +0 -5
  54. data/app/pb_kits/playbook/pb_select/docs/_select_default_swift.md +0 -15
  55. data/app/pb_kits/playbook/pb_select/docs/_select_error_swift.md +0 -18
  56. data/app/pb_kits/playbook/pb_select/docs/_select_props_table.md +0 -8
  57. data/app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md +0 -37
  58. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +0 -10
  59. data/app/pb_kits/playbook/pb_user/docs/_user_size_swift.md +0 -35
  60. data/app/pb_kits/playbook/pb_user/docs/_user_text_only_swift.md +0 -27
  61. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size_swift.md +0 -35
@@ -1,133 +0,0 @@
1
- import React from 'react'
2
-
3
- import Icon from '../_icon'
4
-
5
- const IconSizes = (props) => {
6
- return (
7
- <div>
8
- <p>
9
- <Icon
10
- icon="user"
11
- size="lg"
12
- {...props}
13
- />
14
- {' '}
15
- <span>{'Large'}</span>
16
- </p>
17
- <p>
18
- <Icon
19
- icon="user"
20
- size="sm"
21
- {...props}
22
- />
23
- {' '}
24
- <span>{'Small'}</span>
25
- </p>
26
- <p>
27
- <Icon
28
- icon="user"
29
- size="xs"
30
- {...props}
31
- />
32
- {' '}
33
- <span>{'XSmall'}</span>
34
- </p>
35
-
36
- <br />
37
- <br />
38
-
39
- <p>
40
- <Icon
41
- icon="user"
42
- size="1x"
43
- {...props}
44
- />
45
- {' '}
46
- <span>{'1x'}</span>
47
- </p>
48
- <p>
49
- <Icon
50
- icon="user"
51
- size="2x"
52
- {...props}
53
- />
54
- {' '}
55
- <span>{'2x'}</span>
56
- </p>
57
- <p>
58
- <Icon
59
- icon="user"
60
- size="3x"
61
- {...props}
62
- />
63
- {' '}
64
- <span>{'3x'}</span>
65
- </p>
66
- <p>
67
- <Icon
68
- icon="user"
69
- size="4x"
70
- {...props}
71
- />
72
- {' '}
73
- <span>{'4x'}</span>
74
- </p>
75
- <p>
76
- <Icon
77
- icon="user"
78
- size="5x"
79
- {...props}
80
- />
81
- {' '}
82
- <span>{'5x'}</span>
83
- </p>
84
- <p>
85
- <Icon
86
- icon="user"
87
- size="6x"
88
- {...props}
89
- />
90
- {' '}
91
- <span>{'6x'}</span>
92
- </p>
93
- <p>
94
- <Icon
95
- icon="user"
96
- size="7x"
97
- {...props}
98
- />
99
- {' '}
100
- <span>{'7x'}</span>
101
- </p>
102
- <p>
103
- <Icon
104
- icon="user"
105
- size="8x"
106
- {...props}
107
- />
108
- {' '}
109
- <span>{'8x'}</span>
110
- </p>
111
- <p>
112
- <Icon
113
- icon="user"
114
- size="9x"
115
- {...props}
116
- />
117
- {' '}
118
- <span>{'9x'}</span>
119
- </p>
120
- <p>
121
- <Icon
122
- icon="user"
123
- size="10x"
124
- {...props}
125
- />
126
- {' '}
127
- <span>{'10x'}</span>
128
- </p>
129
- </div>
130
- )
131
- }
132
-
133
- export default IconSizes
@@ -1,46 +0,0 @@
1
- ![icon-size](https://github.com/powerhome/playbook/assets/92755007/b3aa3933-56b1-4fe4-bb8b-00d786abb23a)
2
-
3
- ```swift
4
-
5
- HStack(spacing: Spacing.xSmall) {
6
- PbBetaIcon.fontAwesome(.atlas, size: .xSmall)
7
- Text("xSmall")
8
-
9
- PbBetaIcon.fontAwesome(.atlas, size: .small)
10
- Text("small")
11
-
12
- PbBetaIcon.fontAwesome(.atlas, size: .large)
13
- Text("large")
14
-
15
- PbBetaIcon.fontAwesome(.atlas, size: .x1)
16
- Text("x1")
17
-
18
- PbBetaIcon.fontAwesome(.atlas, size: .x2)
19
- Text("x2")
20
-
21
- PbBetaIcon.fontAwesome(.atlas, size: .x3)
22
- Text("x3")
23
-
24
- PbBetaIcon.fontAwesome(.atlas, size: .x4)
25
- Text("x4")
26
-
27
- PbBetaIcon.fontAwesome(.atlas, size: .x5)
28
- Text("x5")
29
-
30
- PbBetaIcon.fontAwesome(.atlas, size: .x6)
31
- Text("x6")
32
-
33
- PbBetaIcon.fontAwesome(.atlas, size: .x7)
34
- Text("x7")
35
-
36
- PbBetaIcon.fontAwesome(.atlas, size: .x8)
37
- Text("x8")
38
-
39
- PbBetaIcon.fontAwesome(.atlas, size: .x9)
40
- Text("x9")
41
-
42
- PbBetaIcon.fontAwesome(.atlas, size: .x10)
43
- Text("x10")
44
- }
45
-
46
- ```
@@ -1,30 +0,0 @@
1
- examples:
2
- rails:
3
- - icon_default: Icon Default
4
- - icon_rotate: Icon Rotate
5
- - icon_flip: Icon Flip
6
- - icon_animate: Icon Animation
7
- - icon_pull: Icon Pull
8
- - icon_border: Icon Border
9
- - icon_sizes: Icon Sizes
10
- - icon_custom: Icon Custom
11
- - icon_fa_kit: Icon with FontAwesome Kit
12
-
13
- react:
14
- - icon_default: Icon Default
15
- - icon_rotate: Icon Rotate
16
- - icon_flip: Icon Flip
17
- - icon_animate: Icon Animation
18
- - icon_pull: Icon Pull
19
- - icon_border: Icon Border
20
- - icon_sizes: Icon Sizes
21
- - icon_custom: Icon Custom
22
- - icon_fa_kit: Icon with FontAwesome Kit
23
-
24
- swift:
25
- - icon_default_swift: Icon Default
26
- - icon_rotate_swift: Icon Rotate
27
- - icon_flip_swift: Icon Flip
28
- - icon_border_swift: Icon Border
29
- - icon_sizes_swift: Icon Sizes
30
- - icon_props_swift: Props
@@ -1,9 +0,0 @@
1
- export { default as IconDefault } from './_icon_default.jsx'
2
- export { default as IconRotate } from './_icon_rotate.jsx'
3
- export { default as IconFlip } from './_icon_flip.jsx'
4
- export { default as IconAnimate } from './_icon_animate.jsx'
5
- export { default as IconPull } from './_icon_pull.jsx'
6
- export { default as IconBorder } from './_icon_border.jsx'
7
- export { default as IconSizes } from './_icon_sizes.jsx'
8
- export { default as IconCustom } from './_icon_custom.jsx'
9
- export { default as IconFaKit} from './_icon_fa_kit.jsx'
@@ -1,26 +0,0 @@
1
- ![reaction-button](https://github.com/powerhome/playbook/assets/54749071/10d21ee2-4faf-4c18-ab72-242df8f837c4)
2
-
3
- ```swift
4
- @State private var count: Int = 153
5
- @State private var count1: Int = 5
6
-
7
- HStack(alignment: .center, spacing: 12) {
8
- PBReactionButton(
9
- count: $count,
10
- icon: "\u{1F389}",
11
- isInteractive: true
12
- )
13
- PBReactionButton(
14
- count: $count1,
15
- icon: "1️⃣",
16
- isInteractive: false
17
- )
18
- PBReactionButton(
19
- isInteractive: false
20
- )
21
- PBReactionButton(
22
- pbIcon: PBIcon(FontAwesome.user),
23
- isInteractive: false
24
- )
25
- }
26
- ```
@@ -1,11 +0,0 @@
1
- ![user-default](https://github.com/powerhome/playbook/assets/54749071/f9b593d5-a688-49bf-a282-8fb70058b539)
2
-
3
- ```swift
4
- PBDialog(
5
- title: "This is some informative text",
6
- message: infoMessage,
7
- cancelButton: ("Cancel", closeToast),
8
- confirmButton: ("Okay", closeToast)
9
- )
10
- ```
11
-
@@ -1,13 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **content** | `Content` | Sets the View content | | |
5
- | **title** | `String` | Sets title for dialog header | | |
6
- | **message** | `String` | Sets dialog message| | |
7
- | **variant** | `DialogVariant` | Changes variant of dialog | `.default` | `.default` `.status()` |
8
- | **isStacked** | `isStacked` | Changes whether the dialog buttons are stacked or inline | `false` | `true` `false` |
9
- | **cancelButton** | `Action` | Dismisses the dialog | | |
10
- | **confirmButton** | `Action` | Confirms dialog message was received | | |
11
- | **onClose** | `Action` | Starts action when dialog is closed | | |
12
- | **size** | `DialogSize` | Determines size of dialog | `.medium`| `.small` `.medium` `large` |
13
- | **shouldCloseOnOverlay** | `Bool` | Determines if overlay should close | `false` | `true` `false` |
@@ -1,18 +0,0 @@
1
- ![dialog-large](https://github.com/powerhome/playbook/assets/54749071/41ea273d-3f85-4514-88d7-21f49499f9a2)
2
-
3
- ```swift
4
- @State private var presentSmallDialog: Bool = false
5
- @State private var presentMediumDialog: Bool = false
6
- @State private var presentLargeDialog: Bool = false
7
- let infoMessage = "This is a message for informational purposes only and requires no action."
8
-
9
- PBDialog(
10
- title: "Large",
11
- message: infoMessage,
12
- variant: .default,
13
- isStacked: false,
14
- cancelButton: ("Cancel", {}),
15
- confirmButton: ("Okay", {}),
16
- size: .large
17
- )
18
- ```
@@ -1,14 +0,0 @@
1
- ![success](https://github.com/powerhome/playbook/assets/54749071/a3605f4f-ea77-4377-a1bd-977bb3c26a03)
2
-
3
- ```swift
4
-
5
- PBDialog(
6
- title: "Success!",
7
- message: infoMessage,
8
- variant: .status(.success),
9
- isStacked: true,
10
- cancelButton: ("Cancel", closeToast),
11
- confirmButton: ("Okay", closeToast),
12
- size: .small
13
- )
14
- ```
@@ -1,8 +0,0 @@
1
- ![PBIOS-227](https://github.com/powerhome/playbook/assets/92755007/e43f94bd-2d2e-46cc-a848-6ac7425f89f9)
2
-
3
-
4
- ```swift
5
-
6
- PBPerson(firstName: "Timothy", lastName: "Wenhold")
7
-
8
- ```
@@ -1,5 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **firstName** | `String` | Sets the first name | | |
5
- | **lastName** | `String` | Sets the last name | | |
@@ -1,15 +0,0 @@
1
- ![select-default](https://github.com/powerhome/playbook/assets/54749071/ead0e074-46ae-425a-ab32-d9c4418a0783)
2
-
3
-
4
- ```swift
5
- let defaultOptions = [
6
- (value: "1", text: "Burgers"),
7
- (value: "2", text: "Pizza"),
8
- (value: "3", text: "Tacos")
9
- ]
10
- @State private var defaultState = ""
11
-
12
- PBSelect(title: "Favorite Food", options: defaultOptions, style: .default) { selected in
13
- defaultState = selected
14
- }
15
- ```
@@ -1,18 +0,0 @@
1
- ![select-error](https://github.com/powerhome/playbook/assets/54749071/c02e365b-c3a1-446b-b9f2-47db11315786)
2
-
3
- ```swift
4
- let defaultOptions = [
5
- (value: "1", text: "Burgers"),
6
- (value: "2", text: "Pizza"),
7
- (value: "3", text: "Tacos")
8
- ]
9
- @State private var errorState = ""
10
-
11
- PBSelect(
12
- title: "Favorite Food",
13
- options: defaultOptions,
14
- style: .error("Please make a valid selection")
15
- ) { selected in
16
- errorState = selected
17
- }
18
- ```
@@ -1,8 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **title** | `String` | Sets label title for dropdown | | |
5
- | **options** | `(String, String)` | Displays the list of dropdown options | | |
6
- | **style** | `Variant` | Options for the state of dropdown | `.default` | `default` `disabled` `error` |
7
- | **selectedOption** | `String` | Changes selected value when new value is selected | | |
8
- | **selected** | `String` | Changes the value of the option selected in dropdown | | |
@@ -1,37 +0,0 @@
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
- ```
@@ -1,10 +0,0 @@
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 | | |
@@ -1,35 +0,0 @@
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
- ```
@@ -1,27 +0,0 @@
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
- ```
@@ -1,35 +0,0 @@
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
- ```