playbook_ui_docs 13.10.0.pre.alpha.webpackerregistercomponents1463 → 13.10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -8
- data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -12
- data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +31 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_header.md +0 -5
- data/dist/playbook-doc.js +7 -7
- metadata +7 -34
- data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md +0 -28
- data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md +0 -23
- data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md +0 -9
- data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md +0 -18
- data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
- data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md +0 -20
- data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md +0 -29
- data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md +0 -7
- data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md +0 -33
- data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md +0 -33
- data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md +0 -17
- data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md +0 -7
- data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md +0 -33
- data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md +0 -10
- data/app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md +0 -0
- data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md +0 -11
- data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md +0 -21
- data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md +0 -17
- data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md +0 -0
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md +0 -10
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md +0 -12
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md +0 -12
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md +0 -7
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md +0 -6
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md +0 -16
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md +0 -7
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md +0 -11
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.10.0
|
4
|
+
version: 13.10.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-
|
12
|
+
date: 2023-10-19 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -150,23 +150,19 @@ files:
|
|
150
150
|
- app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
|
151
151
|
- app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
|
152
152
|
- app/pb_kits/playbook/pb_button/docs/_button_block_content.md
|
153
|
-
- app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md
|
154
153
|
- app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
|
155
154
|
- app/pb_kits/playbook/pb_button/docs/_button_default.jsx
|
156
155
|
- app/pb_kits/playbook/pb_button/docs/_button_default.md
|
157
|
-
- app/pb_kits/playbook/pb_button/docs/_button_default_swift.md
|
158
156
|
- app/pb_kits/playbook/pb_button/docs/_button_form.html.erb
|
159
157
|
- app/pb_kits/playbook/pb_button/docs/_button_form.jsx
|
160
158
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
|
161
159
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
|
162
160
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.md
|
163
|
-
- app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md
|
164
161
|
- app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb
|
165
162
|
- app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
|
166
163
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
|
167
164
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
|
168
165
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
|
169
|
-
- app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md
|
170
166
|
- app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
|
171
167
|
- app/pb_kits/playbook/pb_button/docs/_button_link.jsx
|
172
168
|
- app/pb_kits/playbook/pb_button/docs/_button_link.md
|
@@ -175,14 +171,12 @@ files:
|
|
175
171
|
- app/pb_kits/playbook/pb_button/docs/_button_loading.md
|
176
172
|
- app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
|
177
173
|
- app/pb_kits/playbook/pb_button/docs/_button_options.jsx
|
178
|
-
- app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
|
179
174
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
|
180
175
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
|
181
176
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.md
|
182
177
|
- app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
|
183
178
|
- app/pb_kits/playbook/pb_button/docs/_button_size.jsx
|
184
179
|
- app/pb_kits/playbook/pb_button/docs/_button_size.md
|
185
|
-
- app/pb_kits/playbook/pb_button/docs/_button_size_swift.md
|
186
180
|
- app/pb_kits/playbook/pb_button/docs/_footer.md
|
187
181
|
- app/pb_kits/playbook/pb_button/docs/example.yml
|
188
182
|
- app/pb_kits/playbook/pb_button/docs/index.js
|
@@ -207,46 +201,33 @@ files:
|
|
207
201
|
- app/pb_kits/playbook/pb_card/docs/_card_background.html.erb
|
208
202
|
- app/pb_kits/playbook/pb_card/docs/_card_background.jsx
|
209
203
|
- app/pb_kits/playbook/pb_card/docs/_card_background.md
|
210
|
-
- app/pb_kits/playbook/pb_card/docs/_card_background_swift.md
|
211
204
|
- app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
|
212
205
|
- app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
|
213
206
|
- app/pb_kits/playbook/pb_card/docs/_card_border_none.md
|
214
|
-
- app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md
|
215
207
|
- app/pb_kits/playbook/pb_card/docs/_card_border_radius.html.erb
|
216
208
|
- app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx
|
217
209
|
- app/pb_kits/playbook/pb_card/docs/_card_border_radius.md
|
218
|
-
- app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md
|
219
210
|
- app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
|
220
211
|
- app/pb_kits/playbook/pb_card/docs/_card_content.jsx
|
221
212
|
- app/pb_kits/playbook/pb_card/docs/_card_header.html.erb
|
222
213
|
- app/pb_kits/playbook/pb_card/docs/_card_header.jsx
|
223
214
|
- app/pb_kits/playbook/pb_card/docs/_card_header.md
|
224
|
-
- app/pb_kits/playbook/pb_card/docs/_card_header_swift.md
|
225
215
|
- app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb
|
226
216
|
- app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
|
227
217
|
- app/pb_kits/playbook/pb_card/docs/_card_highlight.md
|
228
|
-
- app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md
|
229
218
|
- app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
|
230
219
|
- app/pb_kits/playbook/pb_card/docs/_card_light.jsx
|
231
220
|
- app/pb_kits/playbook/pb_card/docs/_card_light.md
|
232
|
-
- app/pb_kits/playbook/pb_card/docs/_card_light_swift.md
|
233
221
|
- app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
|
234
222
|
- app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
|
235
|
-
- app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md
|
236
|
-
- app/pb_kits/playbook/pb_card/docs/_card_props_swift.md
|
237
223
|
- app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb
|
238
224
|
- app/pb_kits/playbook/pb_card/docs/_card_selected.jsx
|
239
|
-
- app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md
|
240
225
|
- app/pb_kits/playbook/pb_card/docs/_card_separator.html.erb
|
241
226
|
- app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
|
242
|
-
- app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md
|
243
227
|
- app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
|
244
228
|
- app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
|
245
|
-
- app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md
|
246
|
-
- app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md
|
247
229
|
- app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
|
248
230
|
- app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
|
249
|
-
- app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md
|
250
231
|
- app/pb_kits/playbook/pb_card/docs/example.yml
|
251
232
|
- app/pb_kits/playbook/pb_card/docs/index.js
|
252
233
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.html.erb
|
@@ -255,15 +236,11 @@ files:
|
|
255
236
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx
|
256
237
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
|
257
238
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
|
258
|
-
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md
|
259
239
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
|
260
240
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
|
261
|
-
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
|
262
241
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
|
263
242
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
|
264
|
-
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
|
265
243
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
|
266
|
-
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
|
267
244
|
- app/pb_kits/playbook/pb_checkbox/docs/_description.md
|
268
245
|
- app/pb_kits/playbook/pb_checkbox/docs/example.yml
|
269
246
|
- app/pb_kits/playbook/pb_checkbox/docs/index.js
|
@@ -736,9 +713,6 @@ files:
|
|
736
713
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
|
737
714
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
|
738
715
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md
|
739
|
-
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md
|
740
|
-
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md
|
741
|
-
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md
|
742
716
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
|
743
717
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
|
744
718
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.html.erb
|
@@ -746,7 +720,6 @@ files:
|
|
746
720
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.md
|
747
721
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
|
748
722
|
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
|
749
|
-
- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md
|
750
723
|
- app/pb_kits/playbook/pb_icon_circle/docs/example.yml
|
751
724
|
- app/pb_kits/playbook/pb_icon_circle/docs/index.js
|
752
725
|
- app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
|
@@ -1628,7 +1601,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
1628
1601
|
licenses:
|
1629
1602
|
- ISC
|
1630
1603
|
metadata: {}
|
1631
|
-
post_install_message:
|
1604
|
+
post_install_message:
|
1632
1605
|
rdoc_options: []
|
1633
1606
|
require_paths:
|
1634
1607
|
- lib
|
@@ -1639,12 +1612,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1639
1612
|
version: '0'
|
1640
1613
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1641
1614
|
requirements:
|
1642
|
-
- - "
|
1615
|
+
- - ">="
|
1643
1616
|
- !ruby/object:Gem::Version
|
1644
|
-
version:
|
1617
|
+
version: '0'
|
1645
1618
|
requirements: []
|
1646
1619
|
rubygems_version: 3.3.7
|
1647
|
-
signing_key:
|
1620
|
+
signing_key:
|
1648
1621
|
specification_version: 4
|
1649
1622
|
summary: Playbook Design System Docs
|
1650
1623
|
test_files: []
|
@@ -1,28 +0,0 @@
|
|
1
|
-
![button-circles](https://github.com/powerhome/playbook/assets/92755007/c8f98358-5369-475d-9287-67f2aa54f35c)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
5
|
-
PBButton(
|
6
|
-
shape: .circle,
|
7
|
-
icon: PBIcon.fontAwesome(.plus, size: .x1),
|
8
|
-
action: {}
|
9
|
-
)
|
10
|
-
PBButton(
|
11
|
-
variant: .secondary,
|
12
|
-
shape: .circle,
|
13
|
-
icon: PBIcon.fontAwesome(.pen, size: .x1),
|
14
|
-
action: {}
|
15
|
-
)
|
16
|
-
PBButton(
|
17
|
-
variant: .disabled,
|
18
|
-
shape: .circle,
|
19
|
-
icon: PBIcon.fontAwesome(.times, size: .x1)
|
20
|
-
)
|
21
|
-
PBButton(
|
22
|
-
variant: .link,
|
23
|
-
shape: .circle,
|
24
|
-
icon: PBIcon.fontAwesome(.user, size: .x1),
|
25
|
-
action: {}
|
26
|
-
)
|
27
|
-
}
|
28
|
-
```
|
@@ -1,23 +0,0 @@
|
|
1
|
-
![button-default](https://github.com/powerhome/playbook/assets/92755007/28a19644-8963-4b13-9eb7-c8fef8a047cc)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
5
|
-
PBButton(
|
6
|
-
title: "Button Primary",
|
7
|
-
action: {}
|
8
|
-
)
|
9
|
-
PBButton(
|
10
|
-
variant: .secondary,
|
11
|
-
title: "Button Secondary",
|
12
|
-
action: {})
|
13
|
-
PBButton(
|
14
|
-
variant: .link,
|
15
|
-
title: "Button Link",
|
16
|
-
action: {}
|
17
|
-
)
|
18
|
-
PBButton(
|
19
|
-
variant: .disabled,
|
20
|
-
title: "Button Disabled"
|
21
|
-
)
|
22
|
-
}
|
23
|
-
```
|
@@ -1,18 +0,0 @@
|
|
1
|
-
![button-icon-positions](https://github.com/powerhome/playbook/assets/92755007/c0b257c5-ca29-4ecb-83f8-85d631bb8613)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
6
|
-
PBButton(
|
7
|
-
title: "Button with Icon on Left",
|
8
|
-
icon: PBIcon.fontAwesome(.user, size: .x1),
|
9
|
-
action: {}
|
10
|
-
)
|
11
|
-
PBButton(
|
12
|
-
title: "Button with Icon on Right",
|
13
|
-
icon: PBIcon.fontAwesome(.user, size: .x1),
|
14
|
-
iconPosition: .right,
|
15
|
-
action: {}
|
16
|
-
)
|
17
|
-
}
|
18
|
-
```
|
@@ -1,11 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Full Width** | `Bool` | Sets Button to full width | `false` | `true` `false` |
|
5
|
-
| **Variant** | `PBButtonVariant` | Changes the color of the Button | ` .primary` | `.primary` `.secondary` `.link` `.disabled` |
|
6
|
-
| **Size** | `Size` | Adjusts Button size | `.medium` | `.small` `.medium` `.large` |
|
7
|
-
| **Shape** | `Shape` | Changes the shape of the Button | `.primary` | `.primary` `.circle` |
|
8
|
-
| **Title** | `String` | Sets Button text | `nil` | |
|
9
|
-
| **Icon** | `PBIcon` | Adds an icon to the Button | `nil` | |
|
10
|
-
| **Icon Position** | `IconPosition` | Adjusts the icon's position | `.left` | `.left` `.right` |
|
11
|
-
| **Action** | `(() -> Void)` | Adds an action for the Button to perform | `{}` | |
|
@@ -1,20 +0,0 @@
|
|
1
|
-
![button-sizes](https://github.com/powerhome/playbook/assets/92755007/79bfe9e4-c09a-4d5e-bbb2-cf9ae8aa2895)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
5
|
-
PBButton(
|
6
|
-
size: .small,
|
7
|
-
title: "Button sm",
|
8
|
-
action: {}
|
9
|
-
)
|
10
|
-
PBButton(
|
11
|
-
title: "Button md",
|
12
|
-
action: {}
|
13
|
-
)
|
14
|
-
PBButton(
|
15
|
-
size: .large,
|
16
|
-
title: "Button lg",
|
17
|
-
action: {}
|
18
|
-
)
|
19
|
-
}
|
20
|
-
```
|
@@ -1,29 +0,0 @@
|
|
1
|
-
![card-background-colors](https://github.com/powerhome/playbook/assets/92755007/9b9a6519-0f79-4d8c-a58a-ea5799f9e679)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
5
|
-
PBCard {
|
6
|
-
Text(text).pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(backgroundColor: .background(.light)) {
|
10
|
-
Text("Light").pbFont(.body, color: .text(.light))
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(backgroundColor: .background(.dark)) {
|
14
|
-
Text("Dark").pbFont(.body, color: .text(.light))
|
15
|
-
}
|
16
|
-
|
17
|
-
PBCard(backgroundColor: .product(.product1, category: .background)) {
|
18
|
-
Text("Product 1 Background").pbFont(.body, color: .white)
|
19
|
-
}
|
20
|
-
|
21
|
-
PBCard(backgroundColor: .product(.product7, category: .highlight)) {
|
22
|
-
Text("Product 7 Highlight").pbFont(.body, color: .white)
|
23
|
-
}
|
24
|
-
|
25
|
-
PBCard(backgroundColor: .product(.product2, category: .highlight)) {
|
26
|
-
Text("Product 2 Highlight").pbFont(.body, color: .white)
|
27
|
-
}
|
28
|
-
}
|
29
|
-
```
|
@@ -1,33 +0,0 @@
|
|
1
|
-
![card-border-radius](https://github.com/powerhome/playbook/assets/92755007/c2c0965f-7c4f-4e7b-8c94-f187c724939d)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(spacing: Spacing.small) {
|
5
|
-
PBCard(borderRadius: BorderRadius.none) {
|
6
|
-
Text("None").pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(borderRadius: BorderRadius.xSmall) {
|
10
|
-
Text("X Small").pbFont(.body)
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(borderRadius: BorderRadius.small) {
|
14
|
-
Text("Small").pbFont(.body)
|
15
|
-
}
|
16
|
-
|
17
|
-
PBCard(borderRadius: BorderRadius.medium) {
|
18
|
-
Text("Medium").pbFont(.body)
|
19
|
-
}
|
20
|
-
|
21
|
-
PBCard(borderRadius: BorderRadius.large) {
|
22
|
-
Text("Large").pbFont(.body)
|
23
|
-
}
|
24
|
-
|
25
|
-
PBCard(borderRadius: BorderRadius.xLarge) {
|
26
|
-
Text("X Large").pbFont(.body)
|
27
|
-
}
|
28
|
-
|
29
|
-
PBCard(borderRadius: BorderRadius.rounded) {
|
30
|
-
Text("Rounded").pbFont(.body)
|
31
|
-
}
|
32
|
-
}
|
33
|
-
``````
|
@@ -1,33 +0,0 @@
|
|
1
|
-
![card-header](https://github.com/powerhome/playbook/assets/92755007/a8fd21a1-89cb-4ec2-97f6-d6427f1264c2)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
Stack(spacing: Spacing.small) {
|
5
|
-
PBCard(padding: Spacing.none) {
|
6
|
-
PBCardHeader(color: .category(.category1)) {
|
7
|
-
Text("Category 1").pbFont(.body, color: .white).padding(Spacing.small)
|
8
|
-
}
|
9
|
-
Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
|
10
|
-
}
|
11
|
-
|
12
|
-
PBCard(padding: Spacing.none) {
|
13
|
-
PBCardHeader(color: .category(.category3)) {
|
14
|
-
Text("Category 3").pbFont(.body, color: .black).padding(Spacing.small)
|
15
|
-
}
|
16
|
-
Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
|
17
|
-
}
|
18
|
-
|
19
|
-
PBCard(padding: Spacing.none) {
|
20
|
-
PBCardHeader(color: .product(.product2, category: .background)) {
|
21
|
-
Text("Product 2 Background").pbFont(.body, color: .white).padding(Spacing.small)
|
22
|
-
}
|
23
|
-
Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
|
24
|
-
}
|
25
|
-
|
26
|
-
PBCard(padding: Spacing.none) {
|
27
|
-
PBCardHeader(color: .product(.product6, category: .background)) {
|
28
|
-
Text("Product 6 Background").pbFont(.body, color: .white).padding(Spacing.small)
|
29
|
-
}
|
30
|
-
Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
|
31
|
-
}
|
32
|
-
}
|
33
|
-
```
|
@@ -1,17 +0,0 @@
|
|
1
|
-
![card-highlight](https://github.com/powerhome/playbook/assets/92755007/aba8c811-e21a-4aee-8d2d-64789989875d)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(spacing: Spacing.small) {
|
5
|
-
PBCard(highlight: .side(.product(.product6, category: .highlight))) {
|
6
|
-
Text("Side Position & Product 6 Highlight Color").pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(highlight: .top(.status(.warning))) {
|
10
|
-
Text("Top Position & Warning Color").pbFont(.body)
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(highlight: .side(.category(.category2))) {
|
14
|
-
Text("Side Position & Category 2 Color").pbFont(.body)
|
15
|
-
}
|
16
|
-
}
|
17
|
-
```
|
@@ -1,33 +0,0 @@
|
|
1
|
-
![card-padding](https://github.com/powerhome/playbook/assets/92755007/b5f56638-2307-46fb-ac28-c4225cf3e051)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(spacing: Spacing.small) {
|
5
|
-
PBCard(padding: Spacing.none) {
|
6
|
-
Text("None").pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(padding: Spacing.xxSmall) {
|
10
|
-
Text("XX Small").pbFont(.body)
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(padding: Spacing.xSmall) {
|
14
|
-
Text("X Small").pbFont(.body)
|
15
|
-
}
|
16
|
-
|
17
|
-
PBCard(padding: Spacing.small) {
|
18
|
-
Text("Small").pbFont(.body)
|
19
|
-
}
|
20
|
-
|
21
|
-
PBCard(padding: Spacing.medium) {
|
22
|
-
Text("Medium").pbFont(.body)
|
23
|
-
}
|
24
|
-
|
25
|
-
PBCard(padding: Spacing.large) {
|
26
|
-
Text("Large").pbFont(.body)
|
27
|
-
}
|
28
|
-
|
29
|
-
PBCard(padding: Spacing.xLarge) {
|
30
|
-
Text("X Large").pbFont(.body)
|
31
|
-
}
|
32
|
-
}
|
33
|
-
```
|
@@ -1,10 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Background Color** | `Color` | Changes background color | `.card` | `Color` |
|
5
|
-
| **Border** | `Bool` | Adds border around the Card | `true` | `true` `false` |
|
6
|
-
| **Border Radius** | `CGFloat` | Specifies the roundness of the Card | `BorderRadius.medium` | `BorderRadius.none` `BorderRadius.xSmall` `BorderRadius.small` `BorderRadius.medium` `BorderRadius.large` `BorderRadius.xLarge` `BorderRadius.rounded` |
|
7
|
-
| **Highlight** | `Highlight` | Adds a border accent color | `.none` | `Color` |
|
8
|
-
| **Padding** | `CGFloat` | Applies padding between text and border | `Spacing.medium` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
|
9
|
-
| **Style** | `PBCardStyle` | Specifies the color of the border | `.default` | `.default` `.selected` `.error` `.inline` |
|
10
|
-
| **Shadow** | `Shadow` | Applies shadow | `nil` | `Shadow.deep` `Shadow.deeper` `Shadow.deepest` `Shadow.none` |
|
File without changes
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![card-separator](https://github.com/powerhome/playbook/assets/92755007/5988d360-d603-4a11-b928-16fe57dc1aea)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
PBCard(padding: Spacing.none) {
|
5
|
-
Text("Header").pbFont(.body).padding(Spacing.small)
|
6
|
-
PBSectionSeparator()
|
7
|
-
Text(loremIpsum).pbFont(.body).padding(Spacing.small)
|
8
|
-
PBSectionSeparator()
|
9
|
-
Text("Footer").pbFont(.body).padding(Spacing.small)
|
10
|
-
}
|
11
|
-
```
|
@@ -1,21 +0,0 @@
|
|
1
|
-
![card-shadow](https://github.com/powerhome/playbook/assets/92755007/7dd7edc1-a2b1-4e91-b271-9c897c9ededd)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(spacing: Spacing.small) {
|
5
|
-
PBCard(shadow: Shadow.deep) {
|
6
|
-
Text("Deep").pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(shadow: Shadow.deeper) {
|
10
|
-
Text("Deeper").pbFont(.body)
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(shadow: Shadow.deepest) {
|
14
|
-
Text("Deepest").pbFont(.body)
|
15
|
-
}
|
16
|
-
|
17
|
-
PBCard(shadow: Shadow.none) {
|
18
|
-
Text("None").pbFont(.body)
|
19
|
-
}
|
20
|
-
}
|
21
|
-
```
|
@@ -1,17 +0,0 @@
|
|
1
|
-
![card-styles](https://github.com/powerhome/playbook/assets/92755007/b6ea347b-6a7b-46e8-b4ce-213727587499)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
5
|
-
PBCard {
|
6
|
-
Text("Card Context").pbFont(.body)
|
7
|
-
}
|
8
|
-
|
9
|
-
PBCard(style: .selected()) {
|
10
|
-
Text("Card Context").pbFont(.body)
|
11
|
-
}
|
12
|
-
|
13
|
-
PBCard(style: .error) {
|
14
|
-
Text("Card Context").pbFont(.body)
|
15
|
-
}
|
16
|
-
}
|
17
|
-
```
|
File without changes
|
@@ -1,10 +0,0 @@
|
|
1
|
-
![checkbox-default](https://github.com/powerhome/playbook/assets/92755007/dc3af1fb-8786-4002-ac64-3111b5b8c476)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
PBCheckbox(checked: false, text: "Unchecked", action: {})
|
6
|
-
.padding(.bottom, Spacing.small)
|
7
|
-
|
8
|
-
PBCheckbox(checked: true, text: "Checked", action: {})
|
9
|
-
|
10
|
-
```
|
@@ -1,7 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Checked** | `Bool` | Adds a check to the Checkbox | `false` | `true` `false` |
|
5
|
-
| **Checkbox Type** | `CheckboxType` | Changes the style of the Checkbox | `default` | `default` `error` `indeterminate` |
|
6
|
-
| **Text** | `String` | Adds a text label | `nil` | |
|
7
|
-
| **Action** | `(() -> Void)` | Adds an action | `{}` | |
|
@@ -1,6 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Icon** | `PlaybookGenericIcon` | Sets the kit's Icon | | |
|
5
|
-
| **Size** | `PBIcon.IconSize` | Changes the size of the Circle Icon | `.x1` | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
|
6
|
-
| **Color** | `Color` | Changes color of the Icon and background | `.status(.neutral)` | `Color` |
|
@@ -1,16 +0,0 @@
|
|
1
|
-
![icon-circle-colors](https://github.com/powerhome/playbook/assets/92755007/d6507900-98e9-49fb-acfb-a238bef08d1b)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
VStack(spacing: Spacing.small) {
|
6
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data1))
|
7
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data2))
|
8
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data3))
|
9
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data4))
|
10
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data5))
|
11
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data6))
|
12
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data7))
|
13
|
-
PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data8))
|
14
|
-
}
|
15
|
-
|
16
|
-
```
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![circle-icon-sizes](https://github.com/powerhome/playbook/assets/92755007/2a474df1-5712-4c2a-9d6b-fb740ae949f2)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
6
|
-
PBIconCircle(FontAwesome.rocket, size: .small)
|
7
|
-
PBIconCircle(FontAwesome.rocket, size: .x1)
|
8
|
-
PBIconCircle(FontAwesome.rocket, size: .large)
|
9
|
-
}
|
10
|
-
|
11
|
-
```
|