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

Sign up to get free protection for your applications and to get access to all the features.
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` | | |