playbook_ui 13.13.0.pre.alpha.PLAY1090csstokens1675 → 13.13.0.pre.alpha.PLAY1097linterenhancedelement1728

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/index.js +1 -13
  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_enhanced_element/element_observer.ts +1 -1
  14. data/app/pb_kits/playbook/pb_enhanced_element/index.ts +1 -1
  15. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default_swift.md +18 -0
  16. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md +34 -0
  17. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link_swift.md +18 -0
  18. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified_swift.md +13 -0
  19. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_props_swift.md +14 -0
  20. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +6 -0
  21. data/dist/menu.yml +240 -168
  22. data/dist/playbook-rails.js +6 -6
  23. data/lib/playbook/version.rb +1 -1
  24. metadata +15 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d4f5112d15fbd1aea3bd5aeed163b6daa26b0862336eceb9ec28a88aae96ae08
4
- data.tar.gz: fdb0fa976c88bc864f92f0be7b5fb40989b66fb9207e763ebc3870397fe50c69
3
+ metadata.gz: 6f4b2939c8a4d8207ab6b673b4f633d0b5e9b9738799acfe71803d200ac7a686
4
+ data.tar.gz: ace506a329f694cc1f17f97ced51ec85548fe3a4d22218c7037db4a5937bc5f1
5
5
  SHA512:
6
- metadata.gz: 5c8898ab19ba131fb88110e5fc2b238496ed3c7c7a3d62a5da7c39d8db69d78ffe9aa8e70034c7f8ec9b94ae87a79293abdbe159fa358536d61724d307b34e1f
7
- data.tar.gz: ba5c98b0229c3f43470c57016c3fee4313bf2320f9c39351a7c302b178425fb87a6db3b7874f59abeb3a8c067edfd35205d8ef95aa0014b0a50e23da3f7ab38e
6
+ metadata.gz: 9a4e0ae49ac9279da799a3a65989071012f212ab29eaa5ef4bb6f0dda5bc6debaccd72112d424bc72713c93dcfa3d928c1683bb5045b6a814e8c3e1d9b561eb4
7
+ data.tar.gz: d370c0379961c3dd5a12706ed3c76f4be09c6e29a1f6598ce01878e73836583da65090717acc800b7e55f3421929834af2a91d910834d8d3357fc3e83adb09d9
@@ -130,16 +130,4 @@ export { default as dialogHelper } from './pb_dialog/dialogHelper'
130
130
 
131
131
  //Theming
132
132
  export {default as mapTheme} from './pb_map/pbMapTheme'
133
- export {default as useCollapsible} from './pb_collapsible/useCollapsible'
134
-
135
- // CSS Tokens
136
- export { default as borderRadius } from './tokens/exports/_border_radius.scss'
137
- export { default as colors } from './tokens/exports/_colors.scss'
138
- export { default as lineHeight } from './tokens/exports/_line_height.scss'
139
- export { default as opacity } from './tokens/exports/_opacity.scss'
140
- export { default as positioning } from './tokens/exports/_positioning.scss'
141
- export { default as scale } from './tokens/exports/_scale.scss'
142
- export { default as screenSizes } from './tokens/exports/_screen_sizes.scss'
143
- export { default as shadows } from './tokens/exports/_shadows.scss'
144
- export { default as spacing } from './tokens/exports/_spacing.scss'
145
- export { default as typography } from './tokens/exports/_typography.scss'
133
+ export {default as useCollapsible} from './pb_collapsible/useCollapsible'
@@ -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
+ ```
@@ -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` |
@@ -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
+ ```
@@ -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: ""
@@ -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
+ ```
@@ -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
+ ```
@@ -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` |
@@ -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
+ ```
@@ -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
+ ```
@@ -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: ""
@@ -1,4 +1,4 @@
1
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
1
+ // eslint-disable-next-line
2
2
  // @ts-nocheck
3
3
  import PbEnhancedElement from "./index"
4
4
 
@@ -1,4 +1,4 @@
1
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
1
+ // eslint-disable-next-line
2
2
  // @ts-nocheck
3
3
  import ElementObserver from './element_observer'
4
4
 
@@ -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
+ ```
@@ -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
+ ```
@@ -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
+ ```
@@ -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
+ ```
@@ -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` |
@@ -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: ""