playbook_ui_docs 12.36.0.pre.alpha.svgiconmethods1043 → 12.36.0.pre.alpha.svgiconmethods1059

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 (29) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors_swift.md +33 -0
  3. data/app/pb_kits/playbook/pb_badge/docs/_badge_default_swift.md +9 -0
  4. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification_swift.md +9 -0
  5. data/app/pb_kits/playbook/pb_badge/docs/_badge_props_swift.md +6 -0
  6. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded_swift.md +9 -0
  7. data/app/pb_kits/playbook/pb_badge/docs/example.yml +7 -0
  8. data/app/pb_kits/playbook/pb_pill/docs/_pill_default_swift.md +5 -0
  9. data/app/pb_kits/playbook/pb_pill/docs/_pill_props_swift.md +5 -0
  10. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants_swift.md +10 -0
  11. data/app/pb_kits/playbook/pb_pill/docs/example.yml +5 -0
  12. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md +16 -0
  13. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md +18 -0
  14. data/app/pb_kits/playbook/pb_radio/docs/_radio_default_swift.md +15 -0
  15. data/app/pb_kits/playbook/pb_radio/docs/_radio_error_swift.md +14 -0
  16. data/app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md +15 -0
  17. data/app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md +31 -0
  18. data/app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md +10 -0
  19. data/app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md +36 -0
  20. data/app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md +13 -0
  21. data/app/pb_kits/playbook/pb_radio/docs/example.yml +11 -0
  22. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md +45 -0
  23. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md +26 -0
  24. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md +25 -0
  25. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md +10 -0
  26. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md +67 -0
  27. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md +19 -0
  28. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +8 -0
  29. metadata +25 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e5b6be6a0707803d18abe60755fdedeea588df8a4113498b277b82745c43d91f
4
- data.tar.gz: e81a0ffc6c623adb99b5f3c1e37c0ca1f2c4977a2388078d15f2f817e9ad311b
3
+ metadata.gz: 40a0b8b840f08f4f592d810168905fa77f431b2edc0382bb2664b71b177d54cb
4
+ data.tar.gz: 795e80d49d33b384f3864441c858f1c8925153e5a34e6e0b1427f246b02e0059
5
5
  SHA512:
6
- metadata.gz: 476372c4f392fd8c911688184f83a1005813b790e6665e0290ba88a5def3f3db92f6abc5e4d600fb5ede880560e0f1277244d5468877dc94d39ed752e666a495
7
- data.tar.gz: e6bf7bc8b8edf48a98da711dd74f7d2c8652c79caa249ea131669ef87541d458ffc217ffdde8821a05c670f01b7a647913b61207cb19314584d053894a664929
6
+ metadata.gz: e2555c18b8806ff4bebaf36c50f1da95fa79bc251c14416288593cf7d4e2e051d8596fdc01b1276d3a13d51794132d00d5b834ac917dcd0cecf23c7ff8c514e2
7
+ data.tar.gz: '00823a06c9e4ef61fe0d0b885ce2f3948fb9cbd39c31e7b583560ecdcadaa4f9b69df89d60ea87520a86c08d6cde1a57997c2469c32b6c21245f03539bd04695'
@@ -0,0 +1,33 @@
1
+ ![badge-colors](https://github.com/powerhome/playbook/assets/92755007/52ce34ef-eb0d-48c0-9232-89edfff60cef)
2
+
3
+ ```swift
4
+ HStack {
5
+ PBBadge(text: "1", rounded: true, variant: .chat)
6
+ PBBadge(text: "4", variant: .chat)
7
+ PBBadge(text: "1000", variant: .chat)
8
+
9
+ PBBadge(text: "1", rounded: true, variant: .error)
10
+ PBBadge(text: "4", variant: .error)
11
+ PBBadge(text: "1000", variant: .error)
12
+
13
+ PBBadge(text: "1", rounded: true, variant: .info)
14
+ PBBadge(text: "4", variant: .info)
15
+ PBBadge(text: "1000", variant: .info)
16
+
17
+ PBBadge(text: "1", rounded: true, variant: .neutral)
18
+ PBBadge(text: "4", variant: .neutral)
19
+ PBBadge(text: "1000", variant: .neutral)
20
+
21
+ PBBadge(text: "1", rounded: true, variant: .primary)
22
+ PBBadge(text: "4", variant: .primary)
23
+ PBBadge(text: "1000", variant: .primary)
24
+
25
+ PBBadge(text: "1", rounded: true, variant: .success)
26
+ PBBadge(text: "4", variant: .success)
27
+ PBBadge(text: "1000", variant: .success)
28
+
29
+ PBBadge(text: "1", rounded: true, variant: .warning)
30
+ PBBadge(text: "4", variant: .warning)
31
+ PBBadge(text: "1000", variant: .warning)
32
+ }
33
+ ```
@@ -0,0 +1,9 @@
1
+ ![badge-rectangle](https://github.com/powerhome/playbook/assets/92755007/04188c68-84f0-475b-9764-7b9a325f73da)
2
+
3
+ ```swift
4
+ HStack {
5
+ PBBadge(text: "+1", variant: .primary)
6
+ PBBadge(text: "+4", variant: .primary)
7
+ PBBadge(text: "+1000", variant: .primary)
8
+ }
9
+ ```
@@ -0,0 +1,9 @@
1
+ ![badge-chat-notification](https://github.com/powerhome/playbook/assets/92755007/f769c3bc-6a63-465d-8538-3efb5f3ec0d3)
2
+
3
+ ```swift
4
+ HStack {
5
+ PBBadge(text: "1", rounded: true, variant: .chat)
6
+ PBBadge(text: "4", variant: .chat)
7
+ PBBadge(text: "1000", variant: .chat)
8
+ }
9
+ ```
@@ -0,0 +1,6 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **text** | `String` | Specifies the value of the Badge | | |
5
+ | **rounded** | `Bool` | Displays the rounded variant | `false` | |
6
+ | **variant** | `Variant` | Changes the color of the Badge | `.primary` | `.chat` `.error` `.info` `.neutral` `.primary` `.success` `.warning` |
@@ -0,0 +1,9 @@
1
+ ![badge-rounded](https://github.com/powerhome/playbook/assets/92755007/775a906f-0108-4ee1-a277-e7b9f2715a2b)
2
+
3
+ ```swift
4
+ HStack {
5
+ PBBadge(text: "+1", rounded: true, variant: .primary)
6
+ PBBadge(text: "+4", rounded: true, variant: .primary)
7
+ PBBadge(text: "+1000", rounded: true, variant: .primary)
8
+ }
9
+ ```
@@ -10,3 +10,10 @@ examples:
10
10
  - badge_rounded: Rounded
11
11
  - badge_colors: Colors
12
12
  - badge_notification: Notification
13
+
14
+ swift:
15
+ - badge_default_swift: Rectangle
16
+ - badge_rounded_swift: Rounded
17
+ - badge_colors_swift: Colors
18
+ - badge_notification_swift: Notification
19
+ - badge_props_swift: ""
@@ -0,0 +1,5 @@
1
+ ![pill-default](https://github.com/powerhome/playbook/assets/92755007/608cb5dd-9400-45f4-afb2-ac1bbd972c3d)
2
+
3
+ ```swift
4
+ PBPill("default")
5
+ ```
@@ -0,0 +1,5 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **title** | `String` | Specifies the value of the Pill | | |
5
+ | **variant** | `Variant` | Changes the color of the Pill | `.neutral` | `.error` `.info` `.neutral` `.primary` `.success` `.warning` |
@@ -0,0 +1,10 @@
1
+ ![pill-variants](https://github.com/powerhome/playbook/assets/92755007/79ac4260-633e-4429-8b1f-0a97b8178a86)
2
+
3
+ ```swift
4
+ PBPill("success", variant: .success)
5
+ PBPill("error", variant: .error)
6
+ PBPill("warning", variant: .warning)
7
+ PBPill("info", variant: .info)
8
+ PBPill("neutral", variant: .neutral)
9
+ PBPill("primary", variant: .primary)
10
+ ```
@@ -11,3 +11,8 @@ examples:
11
11
  - pill_default: Default
12
12
  - pill_variants: Variants
13
13
  - pill_example: Example
14
+
15
+ swift:
16
+ - pill_default_swift: Default
17
+ - pill_variants_swift: Variants
18
+ - pill_props_swift: ""
@@ -0,0 +1,16 @@
1
+ ![radio-alignment](https://github.com/powerhome/playbook/assets/92755007/04b84035-8391-4de1-a33e-8964999d5c0f)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Power"),
8
+ .init("Nitro"),
9
+ .init("Google")
10
+ ],
11
+ orientation: .horizontal,
12
+ textAlignment: .vertical,
13
+ selected: $selectedAlignment
14
+ )
15
+ }
16
+ ```
@@ -0,0 +1,18 @@
1
+ ![radio-custom](https://github.com/powerhome/playbook/assets/92755007/3eab180b-0550-4d7e-b562-84a007690218)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ if let selectedCustom = selectedCustom {
6
+ Text("Your choice is: \(selectedCustom.title)")
7
+ }
8
+ PBRadio(
9
+ items: [
10
+ PBRadioItem("Custom Power"),
11
+ .init("Custom Nitro"),
12
+ .init("Custom Google")
13
+ ],
14
+ orientation: .vertical,
15
+ selected: $selectedCustom
16
+ )
17
+ }
18
+ ```
@@ -0,0 +1,15 @@
1
+ ![radio-default](https://github.com/powerhome/playbook/assets/92755007/be32852e-de70-4ae0-b8bb-c091f8cfa34b)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Power"),
8
+ .init("Nitro"),
9
+ .init("Google")
10
+ ],
11
+ orientation: .vertical,
12
+ selected: $selectedDefault
13
+ )
14
+ }
15
+ ```
@@ -0,0 +1,14 @@
1
+ ![radio-error](https://github.com/powerhome/playbook/assets/92755007/425f499b-4daf-4093-82a7-230b01723287)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Power")
8
+ ],
9
+ orientation: .vertical,
10
+ selected: $selectedError,
11
+ errorState: true
12
+ )
13
+ }
14
+ ```
@@ -0,0 +1,15 @@
1
+ ![radio-orientation](https://github.com/powerhome/playbook/assets/92755007/f1f8dac7-a7d5-43cf-ba93-92bd624a1016)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Power"),
8
+ .init("Nitro"),
9
+ .init("Google")
10
+ ],
11
+ orientation: .horizontal,
12
+ selected: $selectedOrientation
13
+ )
14
+ }
15
+ ```
@@ -0,0 +1,31 @@
1
+ ![radio-padding](https://github.com/powerhome/playbook/assets/92755007/5cb123fb-791b-43f7-a57e-336f93c1bb3a)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Small")
8
+ ],
9
+ orientation: .vertical,
10
+ padding: Spacing.small,
11
+ selected: $selectedPadding
12
+ )
13
+ PBRadio(
14
+ items: [
15
+ PBRadioItem("Medium")
16
+ ],
17
+ orientation: .vertical,
18
+ padding: Spacing.medium,
19
+ selected: $selectedPadding
20
+ )
21
+ PBRadio(
22
+ items: [
23
+ PBRadioItem("Large")
24
+ ],
25
+ orientation: .vertical,
26
+ padding: Spacing.large,
27
+ selected: $selectedPadding
28
+ )
29
+ }
30
+
31
+ ```
@@ -0,0 +1,10 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **items** | `PBRadioItem` | Specifies the value of the Radio buttons | | |
5
+ | **orientation** | `Orientation` | Changes between stacked or inline Radio items | `.vertical` | |
6
+ | **textAlignment** | `Orientation` | Changes lable position | `.horizontal` | |
7
+ | **spacing** | `CGFloat` | Applies padding around Radio and lable | `Spacing.xSmall` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
8
+ | **padding** | `CGFloat` | Applies padding between Radio and lable | `Spacing.xSmall` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
9
+ | **errorState** | `Bool` | Changes Radio to error styling | | |
10
+ | **selected** | `PBRadioItem?` | Sets selected Radio item | | |
@@ -0,0 +1,36 @@
1
+ ![radio-spacing](https://github.com/powerhome/playbook/assets/92755007/58d1bf02-0c79-4526-9e5c-ba2f631d1dfe)
2
+
3
+ ```swift
4
+ HStack(alignment: .top) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Small"),
8
+ .init("Small Spacing"),
9
+ .init("Small Power")
10
+ ],
11
+ orientation: .vertical,
12
+ spacing: Spacing.small,
13
+ selected: $selectedSpacing
14
+ )
15
+ PBRadio(
16
+ items: [
17
+ PBRadioItem("Medium"),
18
+ .init("Medium Spacing"),
19
+ .init("Medium Power")
20
+ ],
21
+ orientation: .vertical,
22
+ spacing: Spacing.medium,
23
+ selected: $selectedSpacing
24
+ )
25
+ PBRadio(
26
+ items: [
27
+ PBRadioItem("Large"),
28
+ .init("Large Spacing"),
29
+ .init("Large Power")
30
+ ],
31
+ orientation: .vertical,
32
+ spacing: Spacing.large,
33
+ selected: $selectedSpacing
34
+ )
35
+ }
36
+ ```
@@ -0,0 +1,13 @@
1
+ ![radio-subtitle](https://github.com/powerhome/playbook/assets/92755007/1244f4d4-0e87-4b5a-9b20-ac2223866321)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading) {
5
+ PBRadio(
6
+ items: [
7
+ PBRadioItem("Power", subtitle: "subtitle")
8
+ ],
9
+ selected: $selectedSubtitle
10
+ )
11
+ }
12
+
13
+ ```
@@ -12,3 +12,14 @@ examples:
12
12
  - radio_custom: Custom
13
13
  - radio_error: With Error
14
14
  - radio_alignment: Alignment
15
+
16
+ swift:
17
+ - radio_default_swift: Default
18
+ - radio_custom_swift: Custom
19
+ - radio_error_swift: With Error
20
+ - radio_orientation_swift: Orientation
21
+ - radio_alignment_swift: Alignment
22
+ - radio_spacing_swift: Spacing
23
+ - radio_padding_swift: Padding
24
+ - radio_subtitle_swift: Subtitle
25
+ - radio_props_swift: ""
@@ -0,0 +1,45 @@
1
+ ![timestamp-align](https://github.com/powerhome/playbook/assets/92755007/9107e699-218e-4a15-a0f9-b1a8f4710c37)
2
+
3
+ ```swiftå
4
+ VStack(alignment: .leading, spacing: Spacing.small) {
5
+ Group {
6
+ PBTimestamp(
7
+ Date(),
8
+ showDate: false
9
+ )
10
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
11
+ PBTimestamp(Date())
12
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
13
+ PBTimestamp(Date().addingTimeInterval(addThreeYear))
14
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
15
+ PBTimestamp(Date().addingTimeInterval(subOneYear))
16
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
17
+ }
18
+ Group {
19
+ PBTimestamp(
20
+ Date(),
21
+ showDate: false
22
+ )
23
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .center)
24
+ PBTimestamp(Date())
25
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .center)
26
+ PBTimestamp(Date().addingTimeInterval(addThreeYear))
27
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .center)
28
+ PBTimestamp(Date().addingTimeInterval(subOneYear))
29
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .center)
30
+ }
31
+ Group {
32
+ PBTimestamp(
33
+ Date(),
34
+ showDate: false
35
+ )
36
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .trailing)
37
+ PBTimestamp(Date())
38
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .trailing)
39
+ PBTimestamp(Date().addingTimeInterval(addThreeYear))
40
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .trailing)
41
+ PBTimestamp(Date().addingTimeInterval(subOneYear))
42
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .trailing)
43
+ }
44
+ }
45
+ ```
@@ -0,0 +1,26 @@
1
+ ![timestamp-default](https://github.com/powerhome/playbook/assets/92755007/064c6a98-4bdd-4160-8f4b-589233762c80)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading, spacing: Spacing.small) {
5
+ PBTimestamp(
6
+ Date(),
7
+ showDate: false
8
+ )
9
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
10
+
11
+ PBTimestamp(
12
+ Date()
13
+ )
14
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
15
+
16
+ PBTimestamp(
17
+ Date().addingTimeInterval(addThreeYear)
18
+ )
19
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
20
+
21
+ PBTimestamp(
22
+ Date().addingTimeInterval(subOneYear)
23
+ )
24
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
25
+ }
26
+ ```
@@ -0,0 +1,25 @@
1
+ ![timestamp-elapsed](https://github.com/powerhome/playbook/assets/92755007/bb10a951-b536-41cc-aa6c-b343e826af20)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading, spacing: Spacing.small) {
5
+ PBTimestamp(
6
+ Date().addingTimeInterval(-10),
7
+ showUser: true,
8
+ text: "Maricris Nanota",
9
+ variant: .elapsed
10
+ )
11
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
12
+
13
+ PBTimestamp(
14
+ Date().addingTimeInterval(-36000),
15
+ variant: .elapsed
16
+ )
17
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
18
+
19
+ PBTimestamp(
20
+ Date().addingTimeInterval(-36000),
21
+ variant: .hideUserElapsed
22
+ )
23
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
24
+ }
25
+ ```
@@ -0,0 +1,10 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **amPmStyle** | `AmPmStyle` | Displays shortened or full version of "am" and "pm" | `.short` | `.short` `.full` |
5
+ | **showDate** | `Bool` | Displays date | `true` | |
6
+ | **showTimeZone** | `Bool` | Displays time zone | `false` | |
7
+ | **showUser** | `Bool` | Displays user's name | `false` | |
8
+ | **text** | `String` | Specifies which user to display | `nil` | |
9
+ | **timeZone** | `String` | Specifies which time zone to display | `nil` | |
10
+ | **variant** | `Variant` | Specifies copy for last upadted | `.standard` | `.elapsed` `.standard` `.updated` `.hideUserElapsed` |
@@ -0,0 +1,67 @@
1
+ ![timestamp-timezones](https://github.com/powerhome/playbook/assets/92755007/119f0838-e912-473b-83de-626db1fd0d61)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading, spacing: Spacing.small) {
5
+ Group {
6
+ PBTimestamp(
7
+ Date(),
8
+ showDate: false,
9
+ showTimeZone: true,
10
+ timeZone: "America/New_York"
11
+ )
12
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
13
+
14
+ PBTimestamp(
15
+ Date(),
16
+ showTimeZone: true,
17
+ timeZone: "America/New_York"
18
+ )
19
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
20
+
21
+ PBTimestamp(
22
+ Date().addingTimeInterval(addThreeYear),
23
+ showTimeZone: true,
24
+ timeZone: "America/New_York"
25
+ )
26
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
27
+
28
+ PBTimestamp(
29
+ Date().addingTimeInterval(subOneYear),
30
+ showTimeZone: true,
31
+ timeZone: "America/New_York"
32
+ )
33
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
34
+ }
35
+
36
+ Group {
37
+ PBTimestamp(
38
+ Date(),
39
+ showDate: false,
40
+ showTimeZone: true,
41
+ timeZone: "Asia/Hong_Kong"
42
+ )
43
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
44
+
45
+ PBTimestamp(
46
+ Date(),
47
+ showTimeZone: true,
48
+ timeZone: "Asia/Hong_Kong"
49
+ )
50
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
51
+
52
+ PBTimestamp(
53
+ Date().addingTimeInterval(addThreeYear),
54
+ showTimeZone: true,
55
+ timeZone: "Asia/Hong_Kong"
56
+ )
57
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
58
+
59
+ PBTimestamp(
60
+ Date().addingTimeInterval(subOneYear),
61
+ showTimeZone: true,
62
+ timeZone: "Asia/Hong_Kong"
63
+ )
64
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
65
+ }
66
+ }
67
+ ```
@@ -0,0 +1,19 @@
1
+ ![timestamp-updated](https://github.com/powerhome/playbook/assets/92755007/14717880-c584-4413-9d9b-c569392595b7)
2
+
3
+ ```swift
4
+ VStack(alignment: .leading, spacing: Spacing.small) {
5
+ PBTimestamp(
6
+ Date().addingTimeInterval(-12),
7
+ showUser: true,
8
+ text: "Maricris Nanota",
9
+ variant: .updated
10
+ )
11
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
12
+
13
+ PBTimestamp(
14
+ Date().addingTimeInterval(-12),
15
+ variant: .updated
16
+ )
17
+ .frame(minWidth: minWidth, maxWidth: .infinity, alignment: .leading)
18
+ }
19
+ ```
@@ -13,3 +13,11 @@ examples:
13
13
  - timestamp_timezones: Timezones
14
14
  - timestamp_updated: Last Updated by
15
15
  - timestamp_elapsed: Time Ago
16
+
17
+ swift:
18
+ - timestamp_default_swift: Default
19
+ - timestamp_align_swift: Alignments
20
+ - timestamp_timezones_swift: Timezones
21
+ - timestamp_updated_swift: Last Updated by
22
+ - timestamp_elapsed_swift: Time Ago
23
+ - timestamp_props_swift: ""
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.36.0.pre.alpha.svgiconmethods1043
4
+ version: 12.36.0.pre.alpha.svgiconmethods1059
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-08-08 00:00:00.000000000 Z
12
+ date: 2023-08-09 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -86,12 +86,17 @@ files:
86
86
  - app/pb_kits/playbook/pb_background/docs/index.js
87
87
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
88
88
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
89
+ - app/pb_kits/playbook/pb_badge/docs/_badge_colors_swift.md
89
90
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
90
91
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
92
+ - app/pb_kits/playbook/pb_badge/docs/_badge_default_swift.md
91
93
  - app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb
92
94
  - app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx
95
+ - app/pb_kits/playbook/pb_badge/docs/_badge_notification_swift.md
96
+ - app/pb_kits/playbook/pb_badge/docs/_badge_props_swift.md
93
97
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
94
98
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
99
+ - app/pb_kits/playbook/pb_badge/docs/_badge_rounded_swift.md
95
100
  - app/pb_kits/playbook/pb_badge/docs/_description.md
96
101
  - app/pb_kits/playbook/pb_badge/docs/example.yml
97
102
  - app/pb_kits/playbook/pb_badge/docs/index.js
@@ -1001,11 +1006,14 @@ files:
1001
1006
  - app/pb_kits/playbook/pb_pill/docs/_description.md
1002
1007
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
1003
1008
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
1009
+ - app/pb_kits/playbook/pb_pill/docs/_pill_default_swift.md
1004
1010
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.html.erb
1005
1011
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx
1006
1012
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.md
1013
+ - app/pb_kits/playbook/pb_pill/docs/_pill_props_swift.md
1007
1014
  - app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb
1008
1015
  - app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx
1016
+ - app/pb_kits/playbook/pb_pill/docs/_pill_variants_swift.md
1009
1017
  - app/pb_kits/playbook/pb_pill/docs/example.yml
1010
1018
  - app/pb_kits/playbook/pb_pill/docs/index.js
1011
1019
  - app/pb_kits/playbook/pb_popover/docs/_description.md
@@ -1062,14 +1070,23 @@ files:
1062
1070
  - app/pb_kits/playbook/pb_radio/docs/_footer.md
1063
1071
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb
1064
1072
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx
1073
+ - app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md
1065
1074
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
1066
1075
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
1076
+ - app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
1067
1077
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
1068
1078
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
1079
+ - app/pb_kits/playbook/pb_radio/docs/_radio_default_swift.md
1069
1080
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
1070
1081
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
1071
1082
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
1083
+ - app/pb_kits/playbook/pb_radio/docs/_radio_error_swift.md
1072
1084
  - app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb
1085
+ - app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
1086
+ - app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
1087
+ - app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
1088
+ - app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
1089
+ - app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
1073
1090
  - app/pb_kits/playbook/pb_radio/docs/example.yml
1074
1091
  - app/pb_kits/playbook/pb_radio/docs/index.js
1075
1092
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_description.md
@@ -1361,14 +1378,20 @@ files:
1361
1378
  - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
1362
1379
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
1363
1380
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
1381
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md
1364
1382
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
1365
1383
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
1384
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md
1366
1385
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
1367
1386
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
1387
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md
1388
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md
1368
1389
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
1369
1390
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
1391
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
1370
1392
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
1371
1393
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
1394
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
1372
1395
  - app/pb_kits/playbook/pb_timestamp/docs/example.yml
1373
1396
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1374
1397
  - app/pb_kits/playbook/pb_title/docs/_description.md