playbook_ui_docs 13.27.0.pre.alpha.dropdowncustomoptionfix2924 → 13.27.0.pre.alpha.powercentrainplaybookpt22905

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 (37) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +1 -4
  3. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +0 -7
  4. data/app/pb_kits/playbook/pb_date_time/docs/example.yml +0 -6
  5. data/app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml +0 -4
  6. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +3 -6
  7. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +6 -11
  8. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +2 -5
  9. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb +8 -13
  10. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md +1 -1
  11. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +2 -5
  12. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb +8 -13
  13. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -9
  14. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
  15. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  16. data/dist/playbook-doc.js +6 -6
  17. metadata +2 -22
  18. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md +0 -61
  19. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md +0 -11
  20. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md +0 -32
  21. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md +0 -17
  22. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md +0 -19
  23. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md +0 -10
  24. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md +0 -17
  25. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md +0 -39
  26. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md +0 -39
  27. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md +0 -15
  28. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md +0 -78
  29. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default_swift.md +0 -20
  30. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_props_swift.md +0 -6
  31. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md +0 -23
  32. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md +0 -7
  33. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md +0 -9
  34. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md +0 -22
  35. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md +0 -9
  36. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md +0 -62
  37. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +0 -8
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: 13.27.0.pre.alpha.dropdowncustomoptionfix2924
4
+ version: 13.27.0.pre.alpha.powercentrainplaybookpt22905
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: 2024-05-20 00:00:00.000000000 Z
12
+ date: 2024-05-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -504,8 +504,6 @@ files:
504
504
  - app/pb_kits/playbook/pb_date_picker/docs/index.js
505
505
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
506
506
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
507
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
508
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
509
507
  - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
510
508
  - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
511
509
  - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -519,17 +517,12 @@ files:
519
517
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
520
518
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
521
519
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
522
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
523
520
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
524
521
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
525
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
526
522
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
527
523
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
528
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
529
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
530
524
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
531
525
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx
532
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md
533
526
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb
534
527
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx
535
528
  - app/pb_kits/playbook/pb_date_stacked/docs/_description.md
@@ -538,14 +531,10 @@ files:
538
531
  - app/pb_kits/playbook/pb_date_stacked/docs/index.js
539
532
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
540
533
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx
541
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md
542
534
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb
543
535
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
544
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
545
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
546
536
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
547
537
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
548
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
549
538
  - app/pb_kits/playbook/pb_date_time/docs/_description.md
550
539
  - app/pb_kits/playbook/pb_date_time/docs/example.yml
551
540
  - app/pb_kits/playbook/pb_date_time/docs/index.js
@@ -556,8 +545,6 @@ files:
556
545
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
557
546
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
558
547
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md
559
- - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default_swift.md
560
- - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_props_swift.md
561
548
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_description.md
562
549
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
563
550
  - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
@@ -695,22 +682,15 @@ files:
695
682
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
696
683
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
697
684
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
698
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md
699
685
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
700
686
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
701
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md
702
687
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
703
688
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
704
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md
705
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md
706
689
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
707
690
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
708
691
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
709
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md
710
692
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb
711
693
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.jsx
712
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md
713
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md
714
694
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
715
695
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
716
696
  - app/pb_kits/playbook/pb_flex/docs/_description.md
@@ -1,61 +0,0 @@
1
- ![Date-Range-Inline-Default](https://github.com/powerhome/playbook-swift/assets/54749071/793dc133-b2a8-4283-96e1-c8b19065392d)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.large) {
5
- VStack(alignment: .leading, spacing: Spacing.small) {
6
- PBDateRangeInline(
7
- size: .caption,
8
- iconSize: .xSmall,
9
- startDate: "18 Jun 2013",
10
- endDate: "20 Mar 2015",
11
- startVariant: .standard
12
- )
13
- PBDateRangeInline(
14
- size: .body,
15
- iconSize: .x1,
16
- startDate: "18 Jun 2013",
17
- endDate: "20 Mar 2015",
18
- startVariant: .standard
19
- )
20
- }
21
- .frame(maxWidth: .infinity, alignment: .leading)
22
- VStack(alignment: .center, spacing: Spacing.small) {
23
- PBDateRangeInline(
24
- size: .caption,
25
- iconSize: .xSmall,
26
- startDate: "15 Jan 2013",
27
- endDate: "15 Aug 2015",
28
- startVariant: .short(showIcon: true),
29
- endVariant: .short(showIcon: false)
30
- )
31
- PBDateRangeInline(
32
- size: .body,
33
- iconSize: .x1,
34
- startDate: "15 Jan 2013",
35
- endDate: "15 Aug 2015",
36
- startVariant: .short(showIcon: true),
37
- endVariant: .short(showIcon: false)
38
- )
39
- }
40
- .frame(maxWidth: .infinity, alignment: .center)
41
- VStack(alignment: .trailing, spacing: Spacing.small) {
42
- PBDateRangeInline(
43
- size: .caption,
44
- iconSize: .xSmall,
45
- startDate: "15 Jan 2013",
46
- endDate: "15 Aug 2015",
47
- startVariant: .short(showIcon: true),
48
- endVariant: .short(showIcon: false)
49
- )
50
- PBDateRangeInline(
51
- size: .body,
52
- iconSize: .x1,
53
- startDate: "15 Jan 2013",
54
- endDate: "15 Aug 2015",
55
- startVariant: .short(showIcon: true),
56
- endVariant: .short(showIcon: false)
57
- )
58
- }
59
- .frame(maxWidth: .infinity, alignment: .trailing)
60
- }
61
- ```
@@ -1,11 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **date** | `Date` | Sets the date | `Date()` | |
5
- | **size** | `PBFont` | Sets the font size | `.body` | `.body` `.caption` `.subcaption` |
6
- | **iconSize** | `PBIcon.IconSize` | Sets the icon size | `.xSmall` | `xSmall` `small` `large` `x1` |
7
- | **startDate** | `String` | Takes a string value to set the starting date range value | | |
8
- | **endDate** | `String` | Takes a string value to set the ending date range value | | |
9
- | **startVariant** | `PBDate.Variant` | Changes the style of the starting date | `.standard` | `.short(showIcon: false)` `.dayDate` `.standard` `.withIcon(isStandard: true)` `withIcon(isStandard: false)` |
10
- | **endVariant** | `PBDate.Variant` | Changes the style of the ending date | `.standard` | `.short(showIcon: false)` `.dayDate` `.standard` `.withIcon(isStandard: true)` `withIcon(isStandard: false)` |
11
- | **isArrowIconBold** | `Bool` | Determines if the date range arrow is bold | `false` | `true` `false` |
@@ -1,32 +0,0 @@
1
- ![Date-Stacked-Bold](https://github.com/powerhome/playbook-swift/assets/54749071/e241e4b8-efce-4872-99f9-aefb1e3007d2)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateStacked(
5
- alignment: .leading,
6
- date: Date(),
7
- variant: .short(showIcon: false),
8
- dateSize: .title4,
9
- isMonthStacked: true,
10
- isMonthBold: true
11
- )
12
- PBDateStacked(
13
- alignment: .center,
14
- date: Date().makeDate(year: 2018, month: 3, day: 20),
15
- variant: .standard,
16
- dateSize: .title4,
17
- isStandardStacked: true,
18
- isYearBold: true,
19
- isMonthBold: true
20
- )
21
- .frame(maxWidth: .infinity, alignment: .center)
22
- PBDateStacked(
23
- alignment: .trailing,
24
- date: Date(),
25
- variant: .short(showIcon: false),
26
- dateSize: .title4,
27
- isMonthStacked: true,
28
- isMonthBold: true
29
- )
30
- .frame(maxWidth: .infinity, alignment: .trailing)
31
- }
32
- ```
@@ -1,17 +0,0 @@
1
- ![Date-Stacked-Default](https://github.com/powerhome/playbook-swift/assets/54749071/5185a6b6-534a-43c0-8c87-abecf770b8f5)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateStacked(
5
- date: Date(),
6
- variant: .short(showIcon: false),
7
- dateSize: .title4,
8
- isMonthStacked: true
9
- )
10
- PBDateStacked(
11
- date: Date(),
12
- variant: .short(showIcon: false),
13
- dateSize: .title3,
14
- isMonthStacked: true
15
- )
16
- }
17
- ```
@@ -1,19 +0,0 @@
1
- ![Date-Stacked-Not-Current-Year](https://github.com/powerhome/playbook-swift/assets/54749071/f778f10f-21c3-42b9-b660-9def6c75ecf3)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateStacked(
5
- alignment: .leading,
6
- date: Date().makeDate(year: 2018, month: 3, day: 20),
7
- variant: .standard,
8
- dateSize: .title4,
9
- isStandardStacked: true
10
- )
11
- PBDateStacked(
12
- alignment: .leading,
13
- date: Date().makeDate(year: 2018, month: 3, day: 20),
14
- variant: .standard,
15
- dateSize: .title3,
16
- isStandardStacked: true
17
- )
18
- }
19
- ```
@@ -1,10 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **alignment** | `HorizontalAlignment` | Changes the alignment of the date | `.leading` | `.leading` `.trailing` |
5
- | **dateSize** | `PBFont` |Sets the size of the date | `.body` | `.subcaption` `.caption` `.body` |
6
- | **isReversed** | `Bool` | Boolean value that determines whether or not the month and date are reversed. | `false` | `true` `false` |
7
- | **isMonthStacked** | `Bool` | Boolean value that determines whether or not the month is stacked | `false` | `true` `false` |
8
- | **isStandardStacked** | `Bool` | Boolean value that determines whether or not the standard date variant is stacked. | `false` | `true` `false` |
9
- | **isYearBold** | `Bool` | Boolean value that determines whether or not the the year is bold | `false` | `true` `false` |
10
- | **isMonthBold** | `Bool` | Boolean value that determines whether or not the month is bold. | `false` | `true` `false` |
@@ -1,17 +0,0 @@
1
- ![Date-Stacked-Reversed](https://github.com/powerhome/playbook-swift/assets/54749071/4dc3ff84-3a0d-4d9b-a363-5d649a3bdae6)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateStacked(
5
- date: Date(),
6
- variant: .short(showIcon: false),
7
- dateSize: .title4,
8
- isReversed: true
9
- )
10
- PBDateStacked(
11
- date: Date(),
12
- variant: .short(showIcon: false),
13
- dateSize: .title3,
14
- isReversed: true
15
- )
16
- }
17
- ```
@@ -1,39 +0,0 @@
1
- ![Date-Time-Alignment](https://github.com/powerhome/playbook-swift/assets/54749071/9d1e08ac-4906-406f-b81d-1edf0a09e2e3)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- HStack {
6
- PBDateTime(
7
- dateVariant: .short(showIcon: false),
8
- timeVariant: .iconTimeZone,
9
- isLowercase: true,
10
- isTimeBold: true,
11
- zone: .utc,
12
- showTimeZone: true,
13
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
14
- )
15
- }
16
- .frame(maxWidth: .infinity, alignment: .leading)
17
- PBDateTime(
18
- dateVariant: .short(showIcon: false),
19
- timeVariant: .iconTimeZone,
20
- isLowercase: true,
21
- isTimeBold: true,
22
- zone: .utc,
23
- showTimeZone: true,
24
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
25
- )
26
- HStack {
27
- PBDateTime(
28
- dateVariant: .short(showIcon: false),
29
- timeVariant: .iconTimeZone,
30
- isLowercase: true,
31
- isTimeBold: true,
32
- zone: .utc,
33
- showTimeZone: true,
34
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
35
- )
36
- }
37
- .frame(maxWidth: .infinity, alignment: .trailing)
38
- }
39
- ```
@@ -1,39 +0,0 @@
1
- ![Date-Time-Default](https://github.com/powerhome/playbook-swift/assets/54749071/f9ea63f9-81bd-41a9-8171-8a213c55ccfe)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateTime(
5
- dateVariant: .dayDate(showYear: true),
6
- timeVariant: .iconTimeZone,
7
- isLowercase: true,
8
- isTimeBold: true,
9
- timeZoneIdentifier: "EST"
10
- )
11
- PBDateTime(
12
- dateVariant: .dayDate(showYear: false),
13
- timeVariant: .iconTimeZone,
14
- isLowercase: true,
15
- isTimeBold: true,
16
- zone: .utc,
17
- showTimeZone: true,
18
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
19
- )
20
- PBDateTime(
21
- dateVariant: .short(showIcon: false),
22
- timeVariant: .iconTimeZone,
23
- isLowercase: true,
24
- isTimeBold: true,
25
- zone: .utc,
26
- showTimeZone: true,
27
- timeZoneIdentifier: "2012-08-02T17:49:29Z",
28
- showIcon: true
29
- )
30
- PBDateTime(
31
- dateVariant: .standard,
32
- timeVariant: .iconTimeZone,
33
- isLowercase: true,
34
- isTimeBold: true,
35
- showTimeZone: true,
36
- timeZoneIdentifier: "GMT+9"
37
- )
38
- }
39
- ```
@@ -1,15 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **dateTime** | `Date` | Sets current date. | | |
5
- | **iconSize** | `PBIcon.IconSize` | Allows user to change the size of the clock icon. | `.x3` | `.small` `.medium` `.large` |
6
- | **dateVariant** | `PBDate.Variant` | Allows user to choose how they would like the date to be displayed | `.dayDate(showYear: false)` | `.short` `.dayDate(showYear: false)` `.standard` `.withIcon(isStandard: true)` `.withIcon(isStandard: false)` |
7
- | **timeVariant** | `PBTime.Variant` | Allows user to choose how they would like the time to be displayed | `.time` | `.time` `.clockIcon` `.timeZone` `.iconTimeZone` `.withTimeZoneHeader` |
8
- | **fontSize** | `PBFont` | Allows user to change the size of the text | `.caption` | `.subcaption` `.caption` `.body` |
9
- | **isLowercase** | `Bool` | Determines whether or not am/pm is capitalized | `false` | `true` `false` |
10
- | **isTimeBold** | `Bool` | Determines whether or not the time is bold | `false` | `true` `false` |
11
- | **isTimeZoneBold** | `Bool` | Determines whether or not the time zone is bold | `false` | `true` `false` |
12
- | **zone** | `PBTime.Zones` | Allows the user to set the time zone | `.east` | `.east` `.central` `.mountain` `.pacific` `.gmt` |
13
- | **showTimeZone** | `Bool` | Determines whether or not the time zone is displayed | `false` | `true` `false` |
14
- | **timeZoneIdentifier** | `String` | String that the time kit utilizes to calculate the current time and time zone | | |
15
- | **showIcon** | `Bool` | Determines whether or not the clock icon is displayed | `false` | `true` `false` |
@@ -1,78 +0,0 @@
1
- ![Date-Time-Sizes](https://github.com/powerhome/playbook-swift/assets/54749071/59b2394d-cf25-46b5-a634-ca0721a7b3b0)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.xSmall) {
4
- PBDateTime(
5
- dateVariant: .dayDate(showYear: false),
6
- timeVariant: .iconTimeZone,
7
- fontSize: .caption,
8
- zone: .utc,
9
- showTimeZone: true,
10
- timeZoneIdentifier: "2012-08-02T17:49:29Z",
11
- showIcon: true
12
- )
13
- PBDateTime(
14
- dateVariant: .dayDate(showYear: false),
15
- timeVariant: .iconTimeZone,
16
- fontSize: .caption,
17
- zone: .utc,
18
- showTimeZone: true,
19
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
20
- )
21
- PBDateTime(
22
- dateVariant: .short(showIcon: false),
23
- timeVariant: .iconTimeZone,
24
- fontSize: .caption,
25
- zone: .utc,
26
- showTimeZone: true,
27
- timeZoneIdentifier: "2012-08-02T17:49:29Z",
28
- showIcon: true
29
- )
30
- PBDateTime(
31
- dateVariant: .short(showIcon: false),
32
- timeVariant: .iconTimeZone,
33
- fontSize: .caption,
34
- zone: .utc,
35
- showTimeZone: true,
36
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
37
- )
38
- Spacer()
39
- PBDateTime(
40
- dateVariant: .dayDate(showYear: false),
41
- timeVariant: .iconTimeZone,
42
- isLowercase: true,
43
- isTimeBold: true,
44
- zone: .utc,
45
- showTimeZone: true,
46
- timeZoneIdentifier: "2012-08-02T17:49:29Z",
47
- showIcon: true
48
- )
49
- PBDateTime(
50
- dateVariant: .dayDate(showYear: false),
51
- timeVariant: .iconTimeZone,
52
- isLowercase: true,
53
- isTimeBold: true,
54
- zone: .utc,
55
- showTimeZone: true,
56
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
57
- )
58
- PBDateTime(
59
- dateVariant: .short(showIcon: false),
60
- timeVariant: .iconTimeZone,
61
- isLowercase: true,
62
- isTimeBold: true,
63
- zone: .utc,
64
- showTimeZone: true,
65
- timeZoneIdentifier: "2012-08-02T17:49:29Z",
66
- showIcon: true
67
- )
68
- PBDateTime(
69
- dateVariant: .short(showIcon: false),
70
- timeVariant: .iconTimeZone,
71
- isLowercase: true,
72
- isTimeBold: true,
73
- zone: .utc,
74
- showTimeZone: true,
75
- timeZoneIdentifier: "2012-08-02T17:49:29Z"
76
- )
77
- }
78
- ```
@@ -1,20 +0,0 @@
1
- ![Date-Year-Stacked-Default](https://github.com/powerhome/playbook-swift/assets/54749071/997c9389-669a-42d4-b4af-661d546024b9)
2
- ```swift
3
- VStack(alignment: .leading, spacing: Spacing.small) {
4
- PBDateYearStacked(
5
- date: Date(),
6
- alignment: .leading
7
- )
8
- .frame(maxWidth: .infinity, alignment: .leading)
9
- PBDateYearStacked(
10
- date: Date(),
11
- alignment: .center
12
- )
13
- .frame(maxWidth: .infinity, alignment: .center)
14
- PBDateYearStacked(
15
- date: Date(),
16
- alignment: .trailing
17
- )
18
- .frame(maxWidth: .infinity, alignment: .trailing)
19
- }
20
- ```
@@ -1,6 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **date** | `Date()` |Sets the size of the date | `Date()` | |
5
- | **alignment** | `HorizontalAlignment` | Changes the alignment of the date | `.leading` | `.leading` `.trailing` |
6
- | **variant** | `PBDate.Variant` | Boolean value that determines whether or not the month and date are reversed. | `.standard` | `short(showIcon: Bool)`, `standard`, `dayDate(showYear: Bool)`, `withIcon(isStandard: Bool)` |
@@ -1,23 +0,0 @@
1
- ![Children-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/55aebd12-43c4-4061-92d3-6aebb07ff349)
2
-
3
- ```swift
4
- VStack(alignment: .leading) {
5
- PBToast(
6
- text: message,
7
- variant: .success,
8
- actionView: .custom(AnyView(Text("Undo").pbFont(.title4, color: .white))),
9
- dismissAction: closeToast
10
- )
11
- PBToast(
12
- variant: .custom(nil, .pbPrimary),
13
- actionView: .custom(
14
- AnyView(
15
- HStack {
16
- Text("Undo action").pbFont(.caption, color: .white)
17
- PBButton(variant: .primary, title: "Undo").disabled(true)
18
- }
19
- )),
20
- dismissAction: closeToast
21
- )
22
- }
23
- ```
@@ -1,7 +0,0 @@
1
- ```swift
2
- VStack(alignment: .leading) {
3
- PBToast(text: "Error Message", variant: .error, actionView: .default, dismissAction: closeToast)
4
- PBToast(text: "Items Successfully Moved", variant: .success, actionView: .default, dismissAction: closeToast)
5
- PBToast(text: "Scan to Assign Selected Items", variant: .neutral, actionView: .default, dismissAction: closeToast)
6
- }
7
- ```
@@ -1,9 +0,0 @@
1
- ![Default-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/cc465b1b-85ba-4492-a832-b06b842a1555)
2
-
3
- ```swift
4
- VStack(alignment: .leading) {
5
- PBToast(text: "Error Message", variant: .error, dismissAction: closeToast)
6
- PBToast(text: "Items Successfully Moved", variant: .success, dismissAction: closeToast)
7
- PBToast(text: "Scan to Assign Selected Items", variant: .neutral, dismissAction: closeToast)
8
- }
9
- ```
@@ -1,22 +0,0 @@
1
- ```swift
2
- HStack {
3
- PBButton(variant: .secondary, title: "Top Center") {
4
- position = .top
5
- toastView = PBToast(
6
- text: "Top Center",
7
- variant: .neutral,
8
- actionView: .withTimer(3),
9
- dismissAction: closeToast
10
- )
11
- }
12
- PBButton(variant: .secondary, title: "Bottom Center") {
13
- position = .bottom
14
- toastView = PBToast(
15
- text: "Bottom Center",
16
- variant: .neutral,
17
- actionView: .withTimer(2),
18
- dismissAction: closeToast
19
- )
20
- }
21
- }
22
- ```
@@ -1,9 +0,0 @@
1
- ![Multiline-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/df7bb8da-89ee-477e-8001-7262e48ce03a)
2
-
3
- ```swift
4
- PBToast(
5
- text: message,
6
- variant: .custom(.infoCircle, .pbPrimary),
7
- dismissAction: closeToast
8
- )
9
- ```
@@ -1,62 +0,0 @@
1
- ```swift
2
- GridRow {
3
- PBButton(variant: .secondary, title: "Top Left") {
4
- position = .topLeft
5
- toastView = PBToast(
6
- text: "Top Left",
7
- variant: .neutral,
8
- actionView: .default,
9
- dismissAction: closeToast
10
- )
11
- }
12
- PBButton(variant: .secondary, title: "Top Right") {
13
- position = .topRight
14
- toastView = PBToast(
15
- text: "Top Right",
16
- variant: .neutral,
17
- actionView: .default,
18
- dismissAction: closeToast
19
- )
20
- }
21
- }
22
- GridRow {
23
- PBButton(variant: .secondary, title: "Top Center") {
24
- position = .top
25
- toastView = PBToast(
26
- text: "Top Center",
27
- variant: .neutral,
28
- actionView: .default,
29
- dismissAction: closeToast
30
- )
31
- }
32
- PBButton(variant: .secondary, title: "Bottom Center") {
33
- position = .bottom
34
- toastView = PBToast(
35
- text: "Bottom Center",
36
- variant: .custom(.user, .status(.neutral)),
37
- actionView: .default,
38
- dismissAction: closeToast
39
- )
40
- }
41
- }
42
- GridRow {
43
- PBButton(variant: .secondary, title: "Bottom Left") {
44
- position = .bottomLeft
45
- toastView = PBToast(
46
- text: "Bottom Left",
47
- variant: .custom(.user, .status(.neutral)),
48
- actionView: .default,
49
- dismissAction: closeToast
50
- )
51
- }
52
- PBButton(variant: .secondary, title: "Bottom Right") {
53
- position = .bottomRight
54
- toastView = PBToast(
55
- text: "Bottom Right",
56
- variant: .custom(.user, .status(.neutral)),
57
- actionView: .default,
58
- dismissAction: closeToast
59
- )
60
- }
61
- }
62
- ```
@@ -1,8 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **text** | `String` |`Value for the toast message` | `nil` | |
5
- | **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` | `error`, `success`,
6
- `neutral`, `custom()` |
7
- | **actionView** | `dismissAction` | Dismisses the toast message | `.default` | `default` `custom()` `withTimer()` |
8
- | **dismissAction** | `(() -> Void)` | `Triggers the dismiss action` | | |