playbook_ui_docs 13.13.0.pre.alpha.play10221678 → 13.13.0.pre.alpha.play10821726

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 (34) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +5 -4
  3. data/app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md +14 -0
  4. data/app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md +6 -0
  5. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md +14 -0
  6. data/app/pb_kits/playbook/pb_contact/docs/example.yml +6 -0
  7. data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +11 -0
  8. data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +16 -0
  9. data/app/pb_kits/playbook/pb_date/docs/_date_props_swift.md +8 -0
  10. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled_swift.md +11 -0
  11. data/app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md +14 -0
  12. data/app/pb_kits/playbook/pb_date/docs/example.yml +7 -0
  13. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +2 -2
  14. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -4
  15. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -2
  16. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +8 -4
  17. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +8 -4
  18. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +4 -2
  19. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default_swift.md +18 -0
  21. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md +34 -0
  22. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link_swift.md +18 -0
  23. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified_swift.md +13 -0
  24. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_props_swift.md +14 -0
  25. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +6 -0
  26. data/dist/menu.yml +240 -168
  27. data/dist/playbook-doc.js +6 -6
  28. metadata +15 -8
  29. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb +0 -29
  30. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx +0 -34
  31. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md +0 -7
  32. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb +0 -28
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx +0 -34
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8ed5f092b2d08dbaa2e7a36c3fcfd931e2f5cfe26d35fd553789bb029c620e63
4
- data.tar.gz: 947c21a797f7c633cf6b1982acdc408f782e68d761ae1ec8fa0938ff07883b14
3
+ metadata.gz: b22c61a5030be72d80f07b1221abf359f28c910ef9f6de51ff2039a5460882cc
4
+ data.tar.gz: 265a6f8ce047275071d530f5d46dbb71abd77739c3e4d818e5d3f5829837ce56
5
5
  SHA512:
6
- metadata.gz: 44d1f4c358ffb7f2b5ff5f44a913d1a669a1afdfaea4114a3abac63d4a8b61b0a25ca357242cbde6183f93e53658c71da36558927cc026611350885c8de339d6
7
- data.tar.gz: 96a590487494497046d5dbd904863d109a6a770ec6a38de8d443495162040e340cf097ef3a7b8153b6b1a40ef618346b236db0b92f202759a362c92e9d4c342a
6
+ metadata.gz: 8d14d85b6d45c588ecd1b76f83e794065cc211354ee4b0e48bbf1821f25b3862557d6dbacc93a1bf7babebc31041cdf35a20dd45ad9518dca98cc8ffd2284dd2
7
+ data.tar.gz: e42f89d089c603bb1de547f73daf7d4f1e72fa760cd6a93b6ffc2696ba871bd6c5625e72e0fbbfff75e1da61811db05cd9932ca8e36c9bf1b62be2a9dbb9d61a
data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx CHANGED
@@ -57,7 +57,7 @@ const CardBackground = (props) => {
57
57
  background="product_1_background"
58
58
  marginBottom="sm"
59
59
  {...props}
60
- >
60
+ >
61
61
  <Body
62
62
  dark
63
63
  text="Product 1 Background"
@@ -69,11 +69,12 @@ const CardBackground = (props) => {
69
69
  <Card
70
70
  background="product_7_highlight"
71
71
  marginBottom="sm"
72
- {...props} >
72
+ {...props}
73
+ >
73
74
  <Body
74
75
  dark
75
- text="Product 7 Highlight"
76
- />
76
+ text="Product 7 Highlight"
77
+ />
77
78
  </Card>
78
79
 
79
80
 
data/app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md ADDED
@@ -0,0 +1,14 @@
1
+ ![contact-default](https://github.com/powerhome/playbook/assets/92755007/4226a1e0-5f31-4445-a536-57e95b83768a)
2
+
3
+ ```swift
4
+
5
+ VStack(alignment: .leading, spacing: Spacing.small) {
6
+ PBContact(type: .cell, value: "3491859988")
7
+ PBContact(value: "5555555555")
8
+ PBContact(type: .email, value: "email@example.com")
9
+ PBContact(type: .work, value: "3245627482")
10
+ PBContact(type: .workCell, value: "3245627482")
11
+ }
12
+
13
+
14
+ ```
data/app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md ADDED
@@ -0,0 +1,6 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **detail** | `Bool` | Displays text describing the Contact's type | `false` | `true` `false` |
5
+ | **contactValue** | `String` | Sets the Contact's text value | | |
6
+ | **type** | `ContactType` | Sets the icon | `.home` | `cell` `email` `home` `work` `workCell` `wrongPhone` `ext` `custom` |
data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md ADDED
@@ -0,0 +1,14 @@
1
+ ![contact-detail-indicator](https://github.com/powerhome/playbook/assets/92755007/2a29d4b5-6e7b-43ff-8e7c-0dbeec11627e)
2
+
3
+ ```swift
4
+
5
+ VStack(alignment: .leading, spacing: Spacing.small) {
6
+ PBContact(type: .cell, value: "3491859988", detail: true)
7
+ PBContact(value: "5555555555", detail: true)
8
+ PBContact(type: .email, value: "email@example.com", detail: true)
9
+ PBContact(type: .work, value: "3245627482", detail: true)
10
+ PBContact(type: .ext, value: "1234", detail: true)
11
+ }
12
+
13
+
14
+ ```
data/app/pb_kits/playbook/pb_contact/docs/example.yml CHANGED
@@ -8,3 +8,9 @@ examples:
8
8
  react:
9
9
  - contact_default: Default
10
10
  - contact_with_detail: Detail Indicator
11
+
12
+
13
+ swift:
14
+ - contact_default_swift: Default
15
+ - contact_with_detail_swift: Detail Indicator
16
+ - contact_props_swift: ""
data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md ADDED
@@ -0,0 +1,11 @@
1
+ ![date-alignment](https://github.com/powerhome/playbook/assets/92755007/094761cb-5151-4de5-a8e1-f905455c2aca)
2
+
3
+ ```swift
4
+
5
+ VStack(spacing: Spacing.small) {
6
+ PBDate(Date(), variant: .standard, typography: .title4, alignment: .leading)
7
+ PBDate(Date(), variant: .withIcon(isStandard: true), typography: .title4, iconSize: .x1, alignment: .center)
8
+ PBDate(Date(), variant: .short, typography: .title4, alignment: .trailing)
9
+ }
10
+
11
+ ```
data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md ADDED
@@ -0,0 +1,16 @@
1
+ ![date-default](https://github.com/powerhome/playbook/assets/92755007/0d9f151d-2a18-445c-add3-8194c343bfea)
2
+
3
+
4
+ ```swift
5
+
6
+ VStack(alignment: .leading, spacing: Spacing.small) {
7
+ PBDate(Date(), variant: .short)
8
+ PBDate(Date(), variant: .dayDate)
9
+ PBDate(Date(), variant: .standard)
10
+ Spacer()
11
+ PBDate(Date(), variant: .short, typography: .title4)
12
+ PBDate(Date(), variant: .dayDate, typography: .title4)
13
+ PBDate(Date(), variant: .standard, typography: .title4)
14
+ }
15
+
16
+ ```
data/app/pb_kits/playbook/pb_date/docs/_date_props_swift.md ADDED
@@ -0,0 +1,8 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **datestamp** | `Date` | Sets the date | | |
5
+ | **variant** | `Variant` | Changes the style | `.short` | `.short` `.dayDate` `.standard` `.withIcon(isStandard: true)` `withIcon(isStandard: false)` |
6
+ | **typography** | `PBFont` | Sets the font | `.caption` | `.title1` `.title2` `.title3` `.title4` `.body` `.buttonText` `.largeCaption` `.caption` `.subcaption` `.monogram` `.badgeText` `.detail` |
7
+ | **iconSize** | `PBIcon.IconSize` | Chances the icon's size | `.x1` | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
8
+ | **alignment** | `Alignment` | Changes the alignment | `.leading` | `.leading` `.trailing` |
data/app/pb_kits/playbook/pb_date/docs/_date_unstyled_swift.md ADDED
@@ -0,0 +1,11 @@
1
+ ![date-unstyled](https://github.com/powerhome/playbook/assets/92755007/dc0ab7cf-0d97-407c-9aac-f53645eb6ee2)
2
+
3
+ ```swift
4
+
5
+ VStack(alignment: .leading, spacing: Spacing.small) {
6
+ PBDate(Date(), variant: .short, typography: .body)
7
+ PBDate(Date(), variant: .standard, typography: .title1)
8
+ PBDate(Date(), variant: .withIcon(isStandard: false), typography: .subcaption, iconSize: .xSmall)
9
+ }
10
+
11
+ ```
data/app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md ADDED
@@ -0,0 +1,14 @@
1
+ ![date-varients](https://github.com/powerhome/playbook/assets/92755007/bb240082-afb9-4802-af5f-7aaccec37aae)
2
+
3
+
4
+ ```swift
5
+
6
+ VStack(alignment: .leading, spacing: Spacing.small) {
7
+ PBDate(Date(), variant: .withIcon(isStandard: true), typography: .caption, iconSize: .xSmall)
8
+ PBDate(Date(), variant: .standard, typography: .title4)
9
+ PBDate(Date(), variant: .withIcon(isStandard: true), typography: .title4, iconSize: .x1)
10
+ PBDate(Date(), variant: .dayDate, typography: .title4)
11
+ PBDate(Date(), variant: .withIcon(isStandard: false), typography: .title4, iconSize: .x1)
12
+ }
13
+
14
+ ```
data/app/pb_kits/playbook/pb_date/docs/example.yml CHANGED
@@ -12,3 +12,10 @@ examples:
12
12
  - date_variants: Variants
13
13
  - date_alignment: Alignment
14
14
  - date_unstyled: Unstyled
15
+
16
+ swift:
17
+ - date_default_swift: Default
18
+ - date_variants_swift: Variants
19
+ - date_alignment_swift: Alignment
20
+ - date_unstyled_swift: Unstyled
21
+ - date_props_swift: ""
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx CHANGED
@@ -1,5 +1,5 @@
1
- import React from "react"
2
- import DatePicker from "../_date_picker"
1
+ import React from 'react'
2
+ import DatePicker from '../_date_picker'
3
3
 
4
4
  const DatePickerQuickPickReact = (props) => (
5
5
  <>
data/app/pb_kits/playbook/pb_date_picker/docs/example.yml CHANGED
@@ -10,8 +10,6 @@ examples:
10
10
  - date_picker_range: Range
11
11
  - date_picker_quick_pick_rails: Range (Quick Pick)
12
12
  - date_picker_quick_pick_range_limit: Range (Quick Pick w/ “This” Range limit)
13
- - date_picker_quick_pick_custom: Custom Quick Pick Dates
14
- - date_picker_quick_pick_custom_override: Custom Quick Pick Dates (append to defaults)
15
13
  - date_picker_format: Format
16
14
  - date_picker_disabled: Disabled Dates
17
15
  - date_picker_min_max: Min Max
@@ -39,8 +37,6 @@ examples:
39
37
  - date_picker_range: Range
40
38
  - date_picker_quick_pick_react: Range (Quick Pick)
41
39
  - date_picker_quick_pick_range_limit: Range (Quick Pick w/ “This” Range limit)
42
- - date_picker_quick_pick_custom: Custom Quick Pick Dates
43
- - date_picker_quick_pick_custom_override: Custom Quick Pick Dates (append to defaults)
44
40
  - date_picker_format: Format
45
41
  - date_picker_disabled: Disabled Dates
46
42
  - date_picker_min_max: Min Max
data/app/pb_kits/playbook/pb_date_picker/docs/index.js CHANGED
@@ -22,5 +22,3 @@ export { default as DatePickerAllowInput } from './_date_picker_allow_input'
22
22
  export { default as DatePickerQuickPickReact } from './_date_picker_quick_pick_react'
23
23
  export { default as DatePickerQuickPickRangeLimit } from './_date_picker_quick_pick_range_limit'
24
24
  export { default as DatePickerOnClose } from './_date_picker_on_close.jsx'
25
- export { default as DatePickerQuickPickCustom } from './_date_picker_quick_pick_custom'
26
- export { default as DatePickerQuickPickCustomOverride } from './_date_picker_quick_pick_custom_override'
data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx CHANGED
@@ -49,15 +49,18 @@ const DialogFullHeight = () => {
49
49
  <Flex wrap>
50
50
  <Button id="sm"
51
51
  marginRight="md"
52
- onClick={toggleHeaderSeparatorDialog}>
52
+ onClick={toggleHeaderSeparatorDialog}
53
+ >
53
54
  {"Small Dialog"}
54
55
  </Button>
55
56
  <Button marginRight="md"
56
- onClick={toggleFooterSeparatorDialog}>
57
+ onClick={toggleFooterSeparatorDialog}
58
+ >
57
59
  {"Medium Dialog"}
58
60
  </Button>
59
61
  <Button marginRight="md"
60
- onClick={toggleBothSeparatorsDialog}>
62
+ onClick={toggleBothSeparatorsDialog}
63
+ >
61
64
  {"Large Dialog"}
62
65
  </Button>
63
66
  </Flex>
@@ -89,7 +92,8 @@ const DialogFullHeight = () => {
89
92
  <Dialog.Footer>
90
93
  <Button onClick={toggle}>{"Send My Issue"}</Button>
91
94
  <Button onClick={toggle}
92
- variant="link">
95
+ variant="link"
96
+ >
93
97
  {"Back"}
94
98
  </Button>
95
99
  </Dialog.Footer>
data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx CHANGED
@@ -48,15 +48,18 @@ const DialogFullHeightPlacement = () => {
48
48
  <Flex wrap>
49
49
  <Button id="sm"
50
50
  marginRight="md"
51
- onClick={toggleHeaderSeparatorDialog}>
51
+ onClick={toggleHeaderSeparatorDialog}
52
+ >
52
53
  {"Left Dialog"}
53
54
  </Button>
54
55
  <Button marginRight="xl"
55
- onClick={toggleFooterSeparatorDialog}>
56
+ onClick={toggleFooterSeparatorDialog}
57
+ >
56
58
  {"Center Dialog"}
57
59
  </Button>
58
60
  <Button marginRight="xl"
59
- onClick={toggleBothSeparatorsDialog}>
61
+ onClick={toggleBothSeparatorsDialog}
62
+ >
60
63
  {"Right Dialog"}
61
64
  </Button>
62
65
  </Flex>
@@ -88,7 +91,8 @@ const DialogFullHeightPlacement = () => {
88
91
  <Dialog.Footer>
89
92
  <Button onClick={toggle}>{"Send My Issue"}</Button>
90
93
  <Button onClick={toggle}
91
- variant="link">
94
+ variant="link"
95
+ >
92
96
  {"Back"}
93
97
  </Button>
94
98
  </Dialog.Footer>
data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx CHANGED
@@ -16,10 +16,12 @@ const DialogScrollable = () => {
16
16
  return (
17
17
  <>
18
18
  <Button marginRight="md"
19
- onClick={toggleDialog1}>{'Open Dialog'}
19
+ onClick={toggleDialog1}
20
+ >{'Open Dialog'}
20
21
  </Button>
21
22
  <Button marginRight="md"
22
- onClick={toggleDialog2}>{'Open Full Height Dialog'}
23
+ onClick={toggleDialog2}
24
+ >{'Open Full Height Dialog'}
23
25
  </Button>
24
26
  <Dialog
25
27
  cancelButton="Cancel"
data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx CHANGED
@@ -84,7 +84,7 @@ const DialogStatus = () => {
84
84
  <Flex
85
85
  rowGap="xs"
86
86
  wrap
87
- >
87
+ >
88
88
  <Button
89
89
  marginRight="md"
90
90
  onClick={toggleDefaultAlert}
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default_swift.md ADDED
@@ -0,0 +1,18 @@
1
+ ![home-address-street-default](https://github.com/powerhome/playbook/assets/92755007/a4c97536-a402-4cc2-90be-4eeda3b57f6d)
2
+
3
+ ```swift
4
+
5
+ PBHomeAddressStreet(
6
+ address: "70 Prospect Ave",
7
+ withBullet: true,
8
+ houseStyle: "Colonial",
9
+ addressCont: "Apt M18",
10
+ city: "West Chester",
11
+ homeId: "8250263",
12
+ homeUrl: "https://powerhrg.com/",
13
+ state: "PA",
14
+ territory: "PHL",
15
+ zipcode: "19382"
16
+ )
17
+
18
+ ```
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md ADDED
@@ -0,0 +1,34 @@
1
+ ![home-address-street-emphasis](https://github.com/powerhome/playbook/assets/92755007/338ed5f9-7e06-4e4c-b71e-d0a348f7a6d6)
2
+
3
+ ```swift
4
+
5
+ PBHomeAddressStreet(
6
+ address: "70 Prospect Ave",
7
+ withBullet: true,
8
+ houseStyle: "Colonial",
9
+ addressCont: "Apt M18",
10
+ city: "West Chester",
11
+ homeId: "8250263",
12
+ homeUrl: "https://powerhrg.com/",
13
+ state: "PA",
14
+ territory: "PHL",
15
+ zipcode: "19382"
16
+ )
17
+
18
+ Spacer(minLength: Spacing.medium)
19
+
20
+ PBHomeAddressStreet(
21
+ address: "70 Prospect Ave",
22
+ withBullet: true,
23
+ houseStyle: "Colonial",
24
+ addressCont: "Apt M18",
25
+ city: "West Chester",
26
+ homeId: "8250263",
27
+ homeUrl: "https://powerhrg.com/",
28
+ state: "PA",
29
+ territory: "PHL",
30
+ zipcode: "19382",
31
+ emphasize: .city
32
+ )
33
+
34
+ ```
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link_swift.md ADDED
@@ -0,0 +1,18 @@
1
+ ![home-address-street-link](https://github.com/powerhome/playbook/assets/92755007/890a61d9-896b-45a1-aa7c-c78783f3ac54)
2
+
3
+ ```swift
4
+
5
+ PBHomeAddressStreet(
6
+ address: "70 Prospect Ave",
7
+ withBullet: true,
8
+ houseStyle: "Colonial",
9
+ addressCont: "Apt M18",
10
+ city: "West Chester",
11
+ homeId: "8250263",
12
+ homeUrl: "https://powerhrg.com/",
13
+ state: "PA",
14
+ territory: "PHL",
15
+ zipcode: "19382"
16
+ )
17
+
18
+ ```
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified_swift.md ADDED
@@ -0,0 +1,13 @@
1
+ ![home-address-street-modified](https://github.com/powerhome/playbook/assets/92755007/32e16708-896f-41c8-ae06-7bea00225b4f)
2
+
3
+ ```swift
4
+
5
+ PBHomeAddressStreet(
6
+ address: "70 Prospect Ave",
7
+ city: "West Chester",
8
+ state: "PA",
9
+ territory: "PHL",
10
+ zipcode: "19382"
11
+ )
12
+
13
+ ```
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_props_swift.md ADDED
@@ -0,0 +1,14 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **address** | `String` | Sets the address | | |
5
+ | **withBullet** | `Bool` | Adds a bullet after the address | `false` | `false` `true` |
6
+ | **houseStyle** | `String` | Sets the house style | `nil` | |
7
+ | **addressCont** | `String` | Sets additional address text | `nil` | |
8
+ | **city** | `String` | Sets the city | | |
9
+ | **homeId** | `String` | Sets the home ID | `nil` | |
10
+ | **homeUrl** | `String` | Adds a URL to the homeID | `nil` | |
11
+ | **state** | `String` | Sets the state | | |
12
+ | **territory** | `String` | Sets the territory | | |
13
+ | **zipcode** | `String` | Sets the zipcode | | |
14
+ | **emphasize** | `Emphasize` | Changes text to bold | `.address` | `.address` `.city` `.cityWithZipcode` |
data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml CHANGED
@@ -12,3 +12,9 @@ examples:
12
12
  - home_address_street_modified: Modified
13
13
  - home_address_street_link: Link
14
14
 
15
+ swift:
16
+ - home_address_street_default_swift: Default
17
+ - home_address_street_emphasis_swift: Emphasis
18
+ - home_address_street_modified_swift: Modified
19
+ - home_address_street_link_swift: Link
20
+ - home_address_street_props_swift: ""