playbook_ui_docs 13.14.0.pre.alpha.play1120lintdatepicker1797 → 13.15.0.pre.alpha.PLAY10831873

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7d11fdb5b7aa5ac2c1bb5531f87d0c35d7b9605f1af41b63049f4e0def1b75f7
4
- data.tar.gz: 79b251e2cde527275489f5d8a1d7c3112e9363a2bd84de8569ad824e6d8345da
3
+ metadata.gz: 37a5ee04aa685987e4743a379eb4a9be83e04f11209f56d472e5927511701c69
4
+ data.tar.gz: d3d16df7478b895876457293a575eec104aba019a36ddda57973fe946f752a27
5
5
  SHA512:
6
- metadata.gz: a14db56bda06774e771c122398bca60231f3668614b7082d857f458332349ff6a486e041b604c9f3d712cb4b2d0ae05e416e660b77385e187f3c13121dbf291c
7
- data.tar.gz: 30ddd1f384742c02f4364d8a66054b0e4107029b87821b82d3df802d16a73cbce81b13b981cb7afa37f8aea2a6b05f51aadb1f5b07ecbeeaaa293ca3986bdc1d
6
+ metadata.gz: 3497f9092b3871d482520add0a80a18495526d1a0ed9993e89604350ac7a7c7a66f227c0c5c0f678be248a189a1727fd31fb46b99467b2104b54f6458dddace2
7
+ data.tar.gz: 18e2f976a6088952221e3d626870b15996f8db450b859a7b19c330729172f9622ac15d953a080bbf130510bd22a14083d8e1254e457d8df6dfad13228266418d
@@ -0,0 +1,27 @@
1
+ ![collapsible-colors](https://github.com/powerhome/playbook/assets/54749071/daafd129-fd0a-4992-8fee-bfa55aed8a23)
2
+
3
+ ```swift
4
+ let iconSize: PBIcon.IconSize
5
+ let iconColor: CollapsibleIconColor
6
+ let text: String
7
+ @State private var isCollapsed = true
8
+ let lorem =
9
+ "
10
+ Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
11
+ Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
12
+ Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
13
+ "
14
+ PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
15
+ VStack(spacing: Spacing.medium) {
16
+ CollapsibleDoc(iconColor: .default, text: "Default Section")
17
+ CollapsibleDoc(iconColor: .light, text: "Light Section")
18
+ CollapsibleDoc(iconColor: .lighter, text: "Lighter Section")
19
+ CollapsibleDoc(iconColor: .link, text: "Link Section")
20
+ CollapsibleDoc(iconColor: .error, text: "Error Section")
21
+ CollapsibleDoc(iconColor: .success, text: "Success Section")
22
+ }
23
+ } content: {
24
+ Text(lorem).pbFont(.body)
25
+ }
26
+
27
+ ```
@@ -0,0 +1,22 @@
1
+ ![collapsible-default](https://github.com/powerhome/playbook/assets/54749071/3e97095b-f6bb-45b7-bd33-99ebde0d40fd)
2
+
3
+
4
+ ```swift
5
+ let iconSize: PBIcon.IconSize
6
+ let iconColor: CollapsibleIconColor
7
+ let text: String
8
+ @State private var isCollapsed = true
9
+ let lorem =
10
+ "
11
+ Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
12
+ Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
13
+ Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
14
+ "
15
+
16
+ PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
17
+ CollapsibleDoc(text: "Main Section")
18
+ } content: {
19
+ Text(lorem).pbFont(.body)
20
+ }
21
+
22
+ ```
@@ -0,0 +1,8 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **isCollapsed** | `Bool` | Value for whether or not the dropdown is closed or open | `false` | `true` `false` |
5
+ | **headerView** | `View` | Title of dropdown | | |
6
+ | **contentView** | `View` | Content of dropdown | | |
7
+ | **iconSize** | `PBIcon.IconSize` | Sets size of chevron icon | `.small` | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
8
+ | **iconColor** | `CollapsibleIconColor` | Sets color of chevron icon | `.default` | `default` `light` `lighter` `link` `error` `success` |
@@ -0,0 +1,26 @@
1
+ ![collapsible-sizes](https://github.com/powerhome/playbook/assets/54749071/557bfe16-26e4-4966-9f1c-689a2dc44412)
2
+
3
+ ```swift
4
+ let iconSize: PBIcon.IconSize
5
+ let iconColor: CollapsibleIconColor
6
+ let text: String
7
+ @State private var isCollapsed = true
8
+ let lorem =
9
+ "
10
+ Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
11
+ Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
12
+ Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
13
+ "
14
+
15
+ PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
16
+ VStack(spacing: Spacing.medium) {
17
+ CollapsibleDoc(iconSize: .xSmall, text: "Extra Small Section")
18
+ CollapsibleDoc(iconSize: .small, text: "Small Section")
19
+ CollapsibleDoc(text: "Default Section")
20
+ CollapsibleDoc(iconSize: .large, text: "Large Section")
21
+ }
22
+ } content: {
23
+ Text(lorem).pbFont(.body)
24
+ }
25
+
26
+ ```
@@ -14,3 +14,9 @@ examples:
14
14
  - collapsible_color: Icon Color
15
15
  - collapsible_icons: Custom Icons
16
16
  - collapsible_state: useCollapsible Hook
17
+
18
+ swift:
19
+ - collapsible_default_swift: Default
20
+ - collapsible_sizes_swift: Sizes
21
+ - collapsible_colors_swift: Colors
22
+ - collapsible_props_table: ""
@@ -0,0 +1,17 @@
1
+ ![nav-horizontal-bold](https://github.com/powerhome/playbook/assets/54749071/f55f31c5-dbf9-40e2-9f08-6a075c7cb56b)
2
+
3
+ ```swift
4
+ @State private var selectedHBold: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedHBold,
8
+ variant: .bold,
9
+ orientation: .horizontal,
10
+ borders: false
11
+ ) {
12
+ PBNavItem("Photos")
13
+ PBNavItem("Music")
14
+ PBNavItem("Video")
15
+ PBNavItem("Files")
16
+ }
17
+ ```
@@ -0,0 +1,17 @@
1
+ ![nav-horizontal-default](https://github.com/powerhome/playbook/assets/54749071/8731ad83-322f-43f8-8459-76bc425ba30f)
2
+
3
+ ```swift
4
+ @State private var selectedHDefault: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedHDefault,
8
+ variant: .normal,
9
+ orientation: .horizontal
10
+ ) {
11
+ PBNavItem("Photos")
12
+ PBNavItem("Music")
13
+ PBNavItem("Video")
14
+ PBNavItem("Files")
15
+ }
16
+
17
+ ```
@@ -0,0 +1,18 @@
1
+ ![nav-horizontal-subtle-no-highlight](https://github.com/powerhome/playbook/assets/54749071/ee79fb55-8d5b-46b0-89aa-a310bf48dd19)
2
+
3
+ ```swift
4
+ @State private var selectedHSubtleNoHighlight: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedHSubtleNoHighlight,
8
+ variant: .subtle,
9
+ orientation: .horizontal,
10
+ borders: false,
11
+ highlight: false
12
+ ) {
13
+ PBNavItem("Photos")
14
+ PBNavItem("Music")
15
+ PBNavItem("Video")
16
+ PBNavItem("Files")
17
+ }
18
+ ```
@@ -0,0 +1,18 @@
1
+ ![nav-horizontal-subtle](https://github.com/powerhome/playbook/assets/54749071/e595cf20-f145-4e47-bb9a-d8dcdc217af7)
2
+
3
+ ```swift
4
+ @State private var selectedHSubtle: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedHSubtle,
8
+ variant: .subtle,
9
+ orientation: .horizontal,
10
+ borders: false
11
+ ) {
12
+ PBNavItem("Photos")
13
+ PBNavItem("Music")
14
+ PBNavItem("Video")
15
+ PBNavItem("Files")
16
+ }
17
+
18
+ ```
@@ -0,0 +1,11 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **selected** | `Int` | Sets selected to current index | `0` | |
5
+ | **currentHover** | `Int?` | Sets the current hover state to the current index| | |
6
+ | **variant** | `Variant` | Sets variant for nav | `.normal` | `normal` `subtle` `bold` |
7
+ | **orientation** | `Orientation` | Changes the orientation of nav | `.vertical` | `horizontal` `verticle` |
8
+ | **title** | `String?` | Sets title of nav | | |
9
+ | **borders** | `Bool` | Boolean value for whether nav items have a border or not | `true` | `true` `false` |
10
+ | **highlight** | `Bool` | Boolean value for adding a highlight to nav | `true` | `true` `false` |
11
+ | **views** | `[AnyView]` | An Array of AnyView | | |
@@ -0,0 +1,18 @@
1
+ ![nav-vertical-bold](https://github.com/powerhome/playbook/assets/54749071/4d9ea3b7-c2e8-4703-80e3-54e4cee8dbfc)
2
+
3
+ ```swift
4
+ @State private var selectedVBold: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedVBold,
8
+ variant: .bold,
9
+ orientation: .vertical,
10
+ borders: false
11
+ ) {
12
+ PBNavItem("Photos")
13
+ PBNavItem("Music")
14
+ PBNavItem("Video")
15
+ PBNavItem("Files")
16
+ }
17
+
18
+ ```
@@ -0,0 +1,18 @@
1
+ ![nav-vertical-default](https://github.com/powerhome/playbook/assets/54749071/ddbf0c77-4d98-483e-9f12-561ac169e6a9)
2
+
3
+ ```swift
4
+ @State private var selectedVDefault: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedVDefault,
8
+ variant: .normal,
9
+ orientation: .vertical,
10
+ title: "Menu"
11
+ ) {
12
+ PBNavItem("Photos")
13
+ PBNavItem("Music")
14
+ PBNavItem("Video")
15
+ PBNavItem("Files")
16
+ }
17
+
18
+ ```
@@ -0,0 +1,19 @@
1
+ ![nav-vertical-subtle_no-highlight](https://github.com/powerhome/playbook/assets/54749071/3f6d5773-6aa4-4ea1-a0b2-948e4325a311)
2
+
3
+ ```swift
4
+ @State private var selectedVSubtleNoHighlight: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedVSubtleNoHighlight,
8
+ variant: .subtle,
9
+ orientation: .vertical,
10
+ borders: false,
11
+ highlight: false
12
+ ) {
13
+ PBNavItem("Photos")
14
+ PBNavItem("Music")
15
+ PBNavItem("Video")
16
+ PBNavItem("Files")
17
+ }
18
+
19
+ ```
@@ -0,0 +1,17 @@
1
+ ![nav-vertical-subtle](https://github.com/powerhome/playbook/assets/54749071/06a30a15-661a-4779-a674-7b4e6cded472)
2
+
3
+ ```swift
4
+ @State private var selectedVSubtle: Int = 1
5
+
6
+ PBNav(
7
+ selected: $selectedVSubtle,
8
+ variant: .subtle,
9
+ orientation: .vertical,
10
+ borders: false
11
+ ) {
12
+ PBNavItem("Photos")
13
+ PBNavItem("Music")
14
+ PBNavItem("Video")
15
+ PBNavItem("Files")
16
+ }
17
+ ```
@@ -42,3 +42,20 @@ examples:
42
42
  - block_nav: Block
43
43
  - block_no_title_nav: Without Title
44
44
  - new_tab: Open in a New Tab
45
+
46
+ swift:
47
+ - nav_vertical_default_swift: Vertical Default
48
+ - nav_vertical_subtle_swift: Vertical Subtle
49
+ - nav_vertical_subtle_no_highlight_swift: Vertical Subtle No Highlight
50
+ - nav_vertical_bold_swift: Vertical Bold
51
+ - nav_horizontal_default_swift: Horizontal Default
52
+ - nav_horizontal_subtle_swift: Horizontal Subtle
53
+ - nav_horizontal_subtle_no_highlight_swift: Horizontal Subtle No Highlight
54
+ - nav_horizontal_bold_swift: Horizontal Bold
55
+ - nav_props_swift: ""
56
+
57
+
58
+
59
+
60
+
61
+