playbook_ui 13.12.0.pre.alpha.PLAY880cardkithighlightzindex1655 → 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551
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_bar_graph/_bar_graph.tsx +36 -32
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -0
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +67 -63
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +57 -46
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +39 -34
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +33 -28
- data/dist/playbook-rails.js +7 -7
- data/lib/playbook/version.rb +1 -1
- metadata +2 -18
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +0 -6
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.12.0.pre.alpha.
|
4
|
+
version: 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551
|
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: 2023-
|
12
|
+
date: 2023-11-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1564,15 +1564,11 @@ files:
|
|
1564
1564
|
- app/pb_kits/playbook/pb_multiple_users/docs/_description.md
|
1565
1565
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
|
1566
1566
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
|
1567
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md
|
1568
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md
|
1569
1567
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
|
1570
1568
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
|
1571
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md
|
1572
1569
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb
|
1573
1570
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
|
1574
1571
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
|
1575
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
|
1576
1572
|
- app/pb_kits/playbook/pb_multiple_users/docs/example.yml
|
1577
1573
|
- app/pb_kits/playbook/pb_multiple_users/docs/index.js
|
1578
1574
|
- app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
|
@@ -1584,10 +1580,6 @@ files:
|
|
1584
1580
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
|
1585
1581
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
|
1586
1582
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
|
1587
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
|
1588
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
|
1589
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
|
1590
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
|
1591
1583
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
|
1592
1584
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js
|
1593
1585
|
- app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb
|
@@ -2211,25 +2203,20 @@ files:
|
|
2211
2203
|
- app/pb_kits/playbook/pb_text_input/docs/_footer.md
|
2212
2204
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
|
2213
2205
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
|
2214
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
|
2215
2206
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
|
2216
2207
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
|
2217
2208
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
|
2218
2209
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
|
2219
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
|
2220
2210
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
|
2221
2211
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
|
2222
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
|
2223
2212
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
|
2224
2213
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
|
2225
2214
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
|
2226
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
|
2227
2215
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
|
2228
2216
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
|
2229
2217
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
|
2230
2218
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
|
2231
2219
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
|
2232
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
|
2233
2220
|
- app/pb_kits/playbook/pb_text_input/docs/example.yml
|
2234
2221
|
- app/pb_kits/playbook/pb_text_input/docs/index.js
|
2235
2222
|
- app/pb_kits/playbook/pb_text_input/text_input.html.erb
|
@@ -2411,12 +2398,9 @@ files:
|
|
2411
2398
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx
|
2412
2399
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
|
2413
2400
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
|
2414
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md
|
2415
2401
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
|
2416
2402
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
|
2417
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md
|
2418
2403
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
|
2419
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md
|
2420
2404
|
- app/pb_kits/playbook/pb_toggle/docs/example.yml
|
2421
2405
|
- app/pb_kits/playbook/pb_toggle/docs/index.js
|
2422
2406
|
- app/pb_kits/playbook/pb_toggle/toggle.html.erb
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![mulitple-users-default](https://github.com/powerhome/playbook/assets/92755007/73dffd55-14f7-468e-b6ea-4e700980183d)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let twoUsers = [andrew, picAndrew]
|
6
|
-
|
7
|
-
PBDoc(title: "xSmall") {
|
8
|
-
PBMultipleUsers(users: twoUsers, size: .xSmall)
|
9
|
-
}
|
10
|
-
|
11
|
-
```
|
@@ -1,7 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Users** | `[PBUser]` | Sets the user's avatars | | |
|
5
|
-
| **Size** | `AvatarSize` | Changes the size of the avatars | `.small` | `.xSmall` `.small` |
|
6
|
-
| **Reversed** | `Bool` | Changes the order of the avatars | `false` | `true` `false` |
|
7
|
-
| **Max Displayed Users** | `Int` | Limits the number of avatars displayed | `4` | |
|
@@ -1,13 +0,0 @@
|
|
1
|
-
![multiple-users-reverse](https://github.com/powerhome/playbook/assets/92755007/be3f6f7d-f699-40f2-bbb6-8a99144a8744)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
|
8
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
9
|
-
PBMultipleUsers(users: multipleUsers, size: .small, reversed: true)
|
10
|
-
PBMultipleUsers(users: twoUsers, size: .small, reversed: true)
|
11
|
-
}
|
12
|
-
|
13
|
-
```
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![mulitple-users-size](https://github.com/powerhome/playbook/assets/92755007/5c15b862-fb32-4e0a-a826-bc25b1db555e)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
6
|
-
|
7
|
-
PBDoc(title: "Small") {
|
8
|
-
PBMultipleUsers(users: multipleUsers, size: .small)
|
9
|
-
}
|
10
|
-
|
11
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-default](https://github.com/powerhome/playbook/assets/92755007/180e1275-3eb6-4b28-b1ef-bdde45ab3c2e)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser, size: .default)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers, size: .default)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers, size: .default)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Users** | `[PBUser]` | Sets the user's avatars | | |
|
5
|
-
| **Size** | `Size` | Changes the size of the avatars | `.small` | `.default` `.small` `.xSmall` |
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-small](https://github.com/powerhome/playbook/assets/92755007/277fd685-6302-462e-a02a-18a8fcb57715)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-xsmall](https://github.com/powerhome/playbook/assets/92755007/4f31976f-a41b-4923-9230-5015f6ad75f8)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser, size: .xSmall)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers, size: .xSmall)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers, size: .xSmall)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
@@ -1,35 +0,0 @@
|
|
1
|
-
![text-input-add-on](https://github.com/powerhome/playbook/assets/92755007/65a28e6a-9e65-4ca1-af8d-91dae6eac4f5)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
PBTextInput(
|
6
|
-
"ADD ON WITH DEFAULTS",
|
7
|
-
text: $textAddOn,
|
8
|
-
style: .rightIcon(.user, divider: true)
|
9
|
-
)
|
10
|
-
|
11
|
-
PBTextInput(
|
12
|
-
"RIGHT-ALIGNED ADD ON WITH BORDER",
|
13
|
-
text: $textAddOnRight,
|
14
|
-
style: .rightIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"RIGHT-ALIGNED ADD ON WITH NO BORDER",
|
19
|
-
text: $textAddOnRightNoBorder,
|
20
|
-
style: .rightIcon(.user, divider: false)
|
21
|
-
)
|
22
|
-
|
23
|
-
PBTextInput(
|
24
|
-
"LEFT-ALIGNED ADD ON WITH NO BORDER",
|
25
|
-
text: $textAddOnLeft,
|
26
|
-
style: .leftIcon(.user, divider: false)
|
27
|
-
)
|
28
|
-
|
29
|
-
PBTextInput(
|
30
|
-
"LEFT-ALIGNED ADD ON WITH BORDER",
|
31
|
-
text: $textAddOnLeftNoBorder,
|
32
|
-
style: .leftIcon(.user, divider: true)
|
33
|
-
)
|
34
|
-
|
35
|
-
```
|
@@ -1,29 +0,0 @@
|
|
1
|
-
![text-input-default](https://github.com/powerhome/playbook/assets/92755007/625a246e-9d5c-42ea-8c6e-7afcf0984c9a)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textFirstName: String = ""
|
7
|
-
@State private var textLastName: String = ""
|
8
|
-
@State private var textPhone: String = ""
|
9
|
-
|
10
|
-
PBTextInput(
|
11
|
-
"First name",
|
12
|
-
text: $textFirstName,
|
13
|
-
placeholder: "Enter first name"
|
14
|
-
)
|
15
|
-
|
16
|
-
PBTextInput(
|
17
|
-
"Last name",
|
18
|
-
text: $textLastName,
|
19
|
-
placeholder: "Enter last name"
|
20
|
-
)
|
21
|
-
|
22
|
-
PBTextInput(
|
23
|
-
"Phone number",
|
24
|
-
text: $textPhone,
|
25
|
-
placeholder: "Enter phone number",
|
26
|
-
keyboardType: .phonePad
|
27
|
-
)
|
28
|
-
|
29
|
-
```
|
@@ -1,24 +0,0 @@
|
|
1
|
-
![text-input-error](https://github.com/powerhome/playbook/assets/92755007/7c664f75-1d7a-4a94-bc59-6f845a68ce19)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textError: String = ""
|
7
|
-
@State private var textConfirmError: String = ""
|
8
|
-
|
9
|
-
PBTextInput(
|
10
|
-
"Email address",
|
11
|
-
text: $textError,
|
12
|
-
placeholder: "Enter email address",
|
13
|
-
error: (true, "Insert a valid email"),
|
14
|
-
style: .leftIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"Confirm email address",
|
19
|
-
text: $textConfirmError,
|
20
|
-
placeholder: "Confirm email address",
|
21
|
-
style: .leftIcon(.user, divider: true)
|
22
|
-
)
|
23
|
-
|
24
|
-
```
|
@@ -1,13 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **title** | `String` | Adds a title | `nil` | |
|
5
|
-
| **placeholder** | `String` | Adds placeholder text | `""` | |
|
6
|
-
| **error** | `(Bool, String)` | Changes the style of the Text Input | `nil` | |
|
7
|
-
| **style** | `Style` | Changes the style of the Text Input | `.default` | `.default` `.rightIcon` `.leftIcon` `.inline` `.disabled` |
|
8
|
-
| **onChange** | `Bool` | Adds an event handler | `nil` | |
|
9
|
-
| **keyboardType** | `UIKeyboardType` | Speficies the keyboard type (ios only) | `.default` | |
|
10
|
-
| **text** | `String` | Sets the Text Input's text value | | |
|
11
|
-
| **selected** | `Bool` | Changes the style of the Text Input | | `true` `false` |
|
12
|
-
| **isHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
13
|
-
| **isIconHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
@@ -1,6 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **isHovering** | `Bool` | Changes the style of the Toggle | `false` | `true` `false` |
|
5
|
-
| **label** | `String` | Adds a label to the Toggle | `nil` | |
|
6
|
-
| **checked** | `Bool` | Changes the style of the Toggle | | `true` `false` |
|