playbook_ui 12.36.0.pre.alpha.PLAY936momentjs1050 → 12.36.0.pre.alpha.PLAY936momentjs1058

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 (31) 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_kit/dateTime.ts +4 -2
  9. data/app/pb_kits/playbook/pb_pill/docs/_pill_default_swift.md +5 -0
  10. data/app/pb_kits/playbook/pb_pill/docs/_pill_props_swift.md +5 -0
  11. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants_swift.md +10 -0
  12. data/app/pb_kits/playbook/pb_pill/docs/example.yml +5 -0
  13. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md +16 -0
  14. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md +18 -0
  15. data/app/pb_kits/playbook/pb_radio/docs/_radio_default_swift.md +15 -0
  16. data/app/pb_kits/playbook/pb_radio/docs/_radio_error_swift.md +14 -0
  17. data/app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md +15 -0
  18. data/app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md +31 -0
  19. data/app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md +10 -0
  20. data/app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md +36 -0
  21. data/app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md +13 -0
  22. data/app/pb_kits/playbook/pb_radio/docs/example.yml +11 -0
  23. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md +45 -0
  24. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md +26 -0
  25. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md +25 -0
  26. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md +10 -0
  27. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md +67 -0
  28. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md +19 -0
  29. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +8 -0
  30. data/lib/playbook/version.rb +1 -1
  31. metadata +25 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0d6f55486253e1fd3736bd292a228d621397624515444882838cfb8b504b08ae
4
- data.tar.gz: da65499e47cc3f79acea96c7ffd88c0a99c9a6d83743e498c496f7f9ff09708d
3
+ metadata.gz: d6ba302e7c1343468a7d972cbe86df211d78a2dab3814ff174596a0bbfbe99fc
4
+ data.tar.gz: f320274ec35c2c940ed8b193ba07d98a8e88200e85f9470464e14521e08998c1
5
5
  SHA512:
6
- metadata.gz: 1db39a971a88cfb8e556f34b00e873f481ef0b66d426f314483d190fdd184f4c40a8a627cd4cfd80f00d7270dc2607ae5b8a17a21a9dc8996e2c333031ba6fb1
7
- data.tar.gz: 92c60f7e0b86c79d6029142d4e9e93b6efee1fdde15fa07b89ca8666ce5d380e163dc1853f4490df306593133c305a424931d43b6733e90d2a7605fb89403d03
6
+ metadata.gz: 9abd50b6c82c1141abc3746c7cc948d54041a2a0f5159b346cd78c8aeaa29155475eb6631dc07c7a6604783d3373db4ceba0ea588ab10ce16063091f54ca04e0
7
+ data.tar.gz: 17d3c0565e38899df31d90a96b32038556f6f94b7c099167ae7caf02b048a52604c6d16547ee2b16eb70874fe1db0157194b266da8b2b879a50f827425576373
@@ -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: ""
@@ -5,8 +5,10 @@ const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
5
5
  const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
6
6
 
7
7
  const formatDate = (newDate: Date | string) => {
8
- if (typeof newDate === "string") {
9
- const unhyphenatedDate = new Date(newDate.replace(/-/g, "/"))
8
+ const isTimelessStringDate = typeof newDate === "string" && !newDate.includes("T")
9
+
10
+ if (isTimelessStringDate) {
11
+ const unhyphenatedDate = new Date((newDate as string).replace(/-/g, "/"))
10
12
  return unhyphenatedDate
11
13
  }
12
14
 
@@ -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: ""
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "12.36.0"
5
- VERSION = "12.36.0.pre.alpha.PLAY936momentjs1050"
5
+ VERSION = "12.36.0.pre.alpha.PLAY936momentjs1058"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.36.0.pre.alpha.PLAY936momentjs1050
4
+ version: 12.36.0.pre.alpha.PLAY936momentjs1058
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: actionpack
@@ -342,12 +342,17 @@ files:
342
342
  - app/pb_kits/playbook/pb_badge/badge.test.js
343
343
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
344
344
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
345
+ - app/pb_kits/playbook/pb_badge/docs/_badge_colors_swift.md
345
346
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
346
347
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
348
+ - app/pb_kits/playbook/pb_badge/docs/_badge_default_swift.md
347
349
  - app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb
348
350
  - app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx
351
+ - app/pb_kits/playbook/pb_badge/docs/_badge_notification_swift.md
352
+ - app/pb_kits/playbook/pb_badge/docs/_badge_props_swift.md
349
353
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
350
354
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
355
+ - app/pb_kits/playbook/pb_badge/docs/_badge_rounded_swift.md
351
356
  - app/pb_kits/playbook/pb_badge/docs/_description.md
352
357
  - app/pb_kits/playbook/pb_badge/docs/example.yml
353
358
  - app/pb_kits/playbook/pb_badge/docs/index.js
@@ -1665,11 +1670,14 @@ files:
1665
1670
  - app/pb_kits/playbook/pb_pill/docs/_description.md
1666
1671
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
1667
1672
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
1673
+ - app/pb_kits/playbook/pb_pill/docs/_pill_default_swift.md
1668
1674
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.html.erb
1669
1675
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx
1670
1676
  - app/pb_kits/playbook/pb_pill/docs/_pill_example.md
1677
+ - app/pb_kits/playbook/pb_pill/docs/_pill_props_swift.md
1671
1678
  - app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb
1672
1679
  - app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx
1680
+ - app/pb_kits/playbook/pb_pill/docs/_pill_variants_swift.md
1673
1681
  - app/pb_kits/playbook/pb_pill/docs/example.yml
1674
1682
  - app/pb_kits/playbook/pb_pill/docs/index.js
1675
1683
  - app/pb_kits/playbook/pb_pill/pill.html.erb
@@ -1754,14 +1762,23 @@ files:
1754
1762
  - app/pb_kits/playbook/pb_radio/docs/_footer.md
1755
1763
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb
1756
1764
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx
1765
+ - app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md
1757
1766
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
1758
1767
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
1768
+ - app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
1759
1769
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
1760
1770
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
1771
+ - app/pb_kits/playbook/pb_radio/docs/_radio_default_swift.md
1761
1772
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
1762
1773
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
1763
1774
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
1775
+ - app/pb_kits/playbook/pb_radio/docs/_radio_error_swift.md
1764
1776
  - app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb
1777
+ - app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
1778
+ - app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
1779
+ - app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
1780
+ - app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
1781
+ - app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
1765
1782
  - app/pb_kits/playbook/pb_radio/docs/example.yml
1766
1783
  - app/pb_kits/playbook/pb_radio/docs/index.js
1767
1784
  - app/pb_kits/playbook/pb_radio/radio.html.erb
@@ -2191,14 +2208,20 @@ files:
2191
2208
  - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
2192
2209
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
2193
2210
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
2211
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md
2194
2212
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
2195
2213
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
2214
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md
2196
2215
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
2197
2216
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
2217
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md
2218
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md
2198
2219
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
2199
2220
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
2221
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
2200
2222
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
2201
2223
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
2224
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
2202
2225
  - app/pb_kits/playbook/pb_timestamp/docs/example.yml
2203
2226
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
2204
2227
  - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb