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.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -8
  3. data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -12
  4. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +0 -7
  5. data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +0 -7
  6. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +31 -47
  7. data/app/pb_kits/playbook/pb_table/docs/_table_header.md +0 -5
  8. data/dist/playbook-doc.js +7 -7
  9. metadata +7 -34
  10. data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md +0 -28
  11. data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md +0 -23
  12. data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md +0 -9
  13. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md +0 -18
  14. data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
  15. data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md +0 -20
  16. data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md +0 -29
  17. data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md +0 -7
  18. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md +0 -33
  19. data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md +0 -33
  20. data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md +0 -17
  21. data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md +0 -7
  22. data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md +0 -33
  23. data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md +0 -10
  24. data/app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md +0 -0
  25. data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md +0 -11
  26. data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md +0 -21
  27. data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md +0 -17
  28. data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md +0 -0
  29. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md +0 -10
  30. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md +0 -12
  31. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md +0 -12
  32. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md +0 -7
  33. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md +0 -6
  34. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md +0 -16
  35. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md +0 -7
  36. 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.pre.alpha.webpackerregistercomponents1463
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-11-10 00:00:00.000000000 Z
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: 1.3.1
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,9 +0,0 @@
1
- ![button-full-width](https://github.com/powerhome/playbook/assets/92755007/7818e026-e27c-4485-9d14-337fe5c0f99f)
2
-
3
- ```swift
4
- PBButton(
5
- fullWidth: true,
6
- title: "Full Width",
7
- action: {}
8
- )
9
- ```
@@ -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,7 +0,0 @@
1
- ![card-no-border](https://github.com/powerhome/playbook/assets/92755007/a4f3e9e1-6770-425f-b882-dded98863917)
2
-
3
- ```swift
4
- PBCard(border: false) {
5
- Text(text).pbFont(.body)
6
- }
7
- ```
@@ -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,7 +0,0 @@
1
- ![card-default](https://github.com/powerhome/playbook/assets/92755007/2209c5d4-806f-4a54-98f4-4ed864b7fad2)
2
-
3
- ```swift
4
- PBCard {
5
- Text("Card Content").pbFont(.body)
6
- }
7
- ```
@@ -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` |
@@ -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,12 +0,0 @@
1
- ![checkbox-error](https://github.com/powerhome/playbook/assets/92755007/6466de7f-fbfb-418b-8c5a-74d07a0c4f63)
2
-
3
- ```swift
4
-
5
- PBCheckbox(
6
- checked: false,
7
- checkboxType: .error,
8
- text: "Error",
9
- action: {}
10
- )
11
-
12
- ```
@@ -1,12 +0,0 @@
1
- ![checkbox-indeterminate](https://github.com/powerhome/playbook/assets/92755007/eacd6976-bd00-41a9-aca1-75ce23b6a58c)
2
-
3
- ```swift
4
-
5
- PBCheckbox(
6
- checked: true,
7
- checkboxType: .indeterminate,
8
- text: "Indeterminate",
9
- action: {}
10
- )
11
-
12
- ```
@@ -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,7 +0,0 @@
1
- ![icon-circle-default](https://github.com/powerhome/playbook/assets/92755007/d5de652d-ff9e-4b54-b55e-a3bf58d7cb23)
2
-
3
- ```swift
4
-
5
- PBIconCircle(FontAwesome.rocket)
6
-
7
- ```
@@ -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
- ```