playbook_ui 12.36.0.pre.alpha.PLAY936momentjs1047 → 12.36.0.pre.alpha.PLAY936momentjs1058

Sign up to get free protection for your applications and to get access to all the features.
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: 5e5ca1444388dd2e950ae28ff44f818b0f67b8e700a25ee7e4641e05f24bc998
4
- data.tar.gz: d0fe48a50724b0b1693b186354ab763e153ba171ecc870d66390ee735c6b1f5e
3
+ metadata.gz: d6ba302e7c1343468a7d972cbe86df211d78a2dab3814ff174596a0bbfbe99fc
4
+ data.tar.gz: f320274ec35c2c940ed8b193ba07d98a8e88200e85f9470464e14521e08998c1
5
5
  SHA512:
6
- metadata.gz: 3e28546021dbaaa3ec7929fa91c9b5a993b16420c399380cd62533b9900671bb3f2471c830084e33d7243e7ab7e33ed5923346a22222cf4e8487ddf9c95c2f0c
7
- data.tar.gz: 6777e0fbf64f67d363f5203b6d3fb2ea55839fac2802cf5f6f7c88f9c9d64483d4e31f14f1b5bff0e7a3d8ad96fa26c7e50cf3f09a8142edd42b580e7b45d67b
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.PLAY936momentjs1047"
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.PLAY936momentjs1047
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