playbook_ui 10.0.1.alpha.rtflexfix → 10.0.1
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/_playbook.scss +1 -0
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +11 -64
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +2 -2
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.rb +0 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +0 -2
- data/app/pb_kits/playbook/tokens/_fonts.scss +97 -0
- data/lib/playbook/version.rb +2 -2
- metadata +5 -5
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb +0 -95
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d3d9f59712c2feedc5c8500bd521ebecd82c09fb2ea6312e8873b619d066d792
|
|
4
|
+
data.tar.gz: 3b89f01b558427fdbb5f6892ab0595cd89ba5dc6c5963c9245f917319cdbd0ce
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5ab31c5ca1f5be6a7c721193df7b9f0df8610e659bc08b719d57c03524c53991049df69164060b90e6c54ff8d752fce0ff5ca7df9c1d44c243c504b3f0be7a6b
|
|
7
|
+
data.tar.gz: 2910367d3d9dd7db1b2e435ecf2691c2b7116faf39a4ba6f015182a1330a5b449c817c595ca14b92301433ec05acb73409cd0637645c906184e59f892b8f88bf
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
|
-
import {
|
|
2
|
+
import { MultipleUsers } from '../../'
|
|
3
3
|
|
|
4
4
|
const MultipleUsersSize = (props) => {
|
|
5
5
|
return (
|
|
6
6
|
<div>
|
|
7
|
-
<Body
|
|
8
|
-
color="light"
|
|
9
|
-
text="xs"
|
|
10
|
-
/>
|
|
11
7
|
<MultipleUsers
|
|
8
|
+
size="xxs"
|
|
12
9
|
users={[
|
|
13
10
|
{
|
|
14
11
|
name: 'Patrick Welch',
|
|
@@ -35,70 +32,20 @@ const MultipleUsersSize = (props) => {
|
|
|
35
32
|
/>
|
|
36
33
|
|
|
37
34
|
<br />
|
|
38
|
-
|
|
39
|
-
<MultipleUsers
|
|
40
|
-
marginTop="xs"
|
|
41
|
-
size="xs"
|
|
42
|
-
users={[
|
|
43
|
-
{
|
|
44
|
-
name: 'Shawn Palmer',
|
|
45
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/93.jpg',
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
name: 'Andrew Murray Cooper Craig',
|
|
49
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/75.jpg',
|
|
50
|
-
},
|
|
51
|
-
]}
|
|
52
|
-
{...props}
|
|
53
|
-
/>
|
|
54
|
-
|
|
55
|
-
<Body
|
|
56
|
-
color="light"
|
|
57
|
-
marginTop="xs"
|
|
58
|
-
text="xxs"
|
|
59
|
-
/>
|
|
60
|
-
<MultipleUsers
|
|
61
|
-
size="xxs"
|
|
62
|
-
users={[
|
|
63
|
-
{
|
|
64
|
-
name: 'Patrick Welch',
|
|
65
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
name: 'Lucille Sanchez',
|
|
69
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
name: 'Beverly Reyes',
|
|
73
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
name: 'Keith Craig',
|
|
77
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
name: 'Alicia Cooper',
|
|
81
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
|
|
82
|
-
},
|
|
83
|
-
]}
|
|
84
|
-
{...props}
|
|
85
|
-
/>
|
|
86
|
-
|
|
87
35
|
<br />
|
|
88
36
|
|
|
89
37
|
<MultipleUsers
|
|
90
|
-
marginTop="xs"
|
|
91
38
|
size="xxs"
|
|
92
39
|
users={[
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
40
|
+
{
|
|
41
|
+
name: 'Shawn Palmer',
|
|
42
|
+
imageUrl: 'https://randomuser.me/api/portraits/men/93.jpg',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
name: 'Andrew Murray Cooper Craig',
|
|
46
|
+
imageUrl: 'https://randomuser.me/api/portraits/men/75.jpg',
|
|
47
|
+
},
|
|
48
|
+
]}
|
|
102
49
|
{...props}
|
|
103
50
|
/>
|
|
104
51
|
</div>
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
data: object.data,
|
|
5
5
|
id: object.id) do %>
|
|
6
6
|
<% object.users.take(object.display_count).each do |user| %>
|
|
7
|
-
<%= pb_rails("avatar", props: user.merge({size:
|
|
7
|
+
<%= pb_rails("avatar", props: user.merge({size: "xs", classname: "pb_multiple_users_item", dark: object.dark}) ) %>
|
|
8
8
|
<% end %>
|
|
9
9
|
|
|
10
10
|
<% if object.more_than_four %>
|
|
11
|
-
<div class="pb_multiple_users_item
|
|
11
|
+
<div class="pb_multiple_users_item multiple_users_badge_xs">
|
|
12
12
|
<%= "+#{object.users.count - object.display_count}" %>
|
|
13
13
|
</div>
|
|
14
14
|
<% end %>
|
|
@@ -4,9 +4,6 @@ module Playbook
|
|
|
4
4
|
module PbMultipleUsers
|
|
5
5
|
class MultipleUsers < Playbook::KitBase
|
|
6
6
|
prop :reverse, type: Playbook::Props::Boolean, default: false
|
|
7
|
-
prop :size, type: Playbook::Props::Enum,
|
|
8
|
-
values: %w[xxs xs],
|
|
9
|
-
default: "xs"
|
|
10
7
|
prop :users, type: Playbook::Props::HashArray, required: true
|
|
11
8
|
|
|
12
9
|
def more_than_four
|