playbook_ui 10.0.1.alpha.railscusticon → 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_button/_button.scss +0 -1
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +13 -18
- data/app/pb_kits/playbook/pb_icon/_icon.scss +0 -9
- data/app/pb_kits/playbook/pb_icon/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_icon/icon.html.erb +7 -13
- data/app/pb_kits/playbook/pb_icon/icon.rb +1 -33
- 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 -6
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +0 -22
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb +0 -95
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: 10.0.1
|
4
|
+
version: 10.0.1
|
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: 2021-07-
|
12
|
+
date: 2021-07-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1004,7 +1004,6 @@ files:
|
|
1004
1004
|
- app/pb_kits/playbook/pb_icon/docs/_icon_animate.md
|
1005
1005
|
- app/pb_kits/playbook/pb_icon/docs/_icon_border.html.erb
|
1006
1006
|
- app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx
|
1007
|
-
- app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
|
1008
1007
|
- app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx
|
1009
1008
|
- app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb
|
1010
1009
|
- app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx
|
@@ -1225,7 +1224,6 @@ files:
|
|
1225
1224
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
|
1226
1225
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
|
1227
1226
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
|
1228
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb
|
1229
1227
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
|
1230
1228
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
|
1231
1229
|
- app/pb_kits/playbook/pb_multiple_users/docs/example.yml
|
@@ -1977,6 +1975,7 @@ files:
|
|
1977
1975
|
- app/pb_kits/playbook/tokens/_animation-curves.scss
|
1978
1976
|
- app/pb_kits/playbook/tokens/_border_radius.scss
|
1979
1977
|
- app/pb_kits/playbook/tokens/_colors.scss
|
1978
|
+
- app/pb_kits/playbook/tokens/_fonts.scss
|
1980
1979
|
- app/pb_kits/playbook/tokens/_line_height.scss
|
1981
1980
|
- app/pb_kits/playbook/tokens/_opacity.scss
|
1982
1981
|
- app/pb_kits/playbook/tokens/_positioning.scss
|
@@ -2063,9 +2062,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2063
2062
|
version: '0'
|
2064
2063
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2065
2064
|
requirements:
|
2066
|
-
- - "
|
2065
|
+
- - ">="
|
2067
2066
|
- !ruby/object:Gem::Version
|
2068
|
-
version:
|
2067
|
+
version: '0'
|
2069
2068
|
requirements: []
|
2070
2069
|
rubygems_version: 3.1.4
|
2071
2070
|
signing_key:
|
@@ -1,22 +0,0 @@
|
|
1
|
-
<%# SVG fill color inherited from css color property %>
|
2
|
-
<div class="icon-wrapper" style="color:blue;">
|
3
|
-
|
4
|
-
<p><%= pb_rails("icon", props: { custom_icon: "https://upload.wikimedia.org/wikipedia/commons/3/3b/Wrench_font_awesome.svg", size: "2x" } ) %></p>
|
5
|
-
<p><%= pb_rails("icon", props: { custom_icon: "app/javascript/images/powergon.svg", size: "3x" } ) %></p>
|
6
|
-
|
7
|
-
<%= pb_rails("icon", props: { flip: "vertical", custom_icon: "app/javascript/images/powergon.svg", size: "5x" } ) %>
|
8
|
-
<%= pb_rails("icon", props: { rotation: 90, custom_icon: "app/javascript/images/powergon.svg", size: "5x" } ) %>
|
9
|
-
<%= pb_rails("icon", props: { spin: true, custom_icon: "app/javascript/images/powergon.svg", size: "5x" } ) %>
|
10
|
-
<%= pb_rails("icon", props: { custom_icon: "app/javascript/images/powergon.svg", size: "8x" } ) %>
|
11
|
-
|
12
|
-
|
13
|
-
<%# <%= pb_rails("icon", props: { custom_icon: "https://en.wikipedia.org/wiki/Portable_Network_Graphics#/media/File:PNG_transparency_demonstration_1.png", size: "8x" } ) %>
|
14
|
-
|
15
|
-
|
16
|
-
<%= pb_rails("body", props: {
|
17
|
-
text: "Custom icons must be SVGs. They can be locally or remotely
|
18
|
-
sourced and are compatible with other icon props (size, rotation,
|
19
|
-
spin, flip, etc). Their SVG fill colors will be inherited from
|
20
|
-
parent element's css color properties."
|
21
|
-
} ) %>
|
22
|
-
</div>
|
@@ -1,95 +0,0 @@
|
|
1
|
-
<%= pb_rails("body", props: {
|
2
|
-
text: "xs",
|
3
|
-
color: "light"
|
4
|
-
}) %>
|
5
|
-
<%= pb_rails("multiple_users", props: {
|
6
|
-
users: [
|
7
|
-
{
|
8
|
-
name: "Patrick Welch",
|
9
|
-
image_url: "https://randomuser.me/api/portraits/men/9.jpg",
|
10
|
-
},
|
11
|
-
{
|
12
|
-
name: "Lucille Sanchez",
|
13
|
-
image_url: "https://randomuser.me/api/portraits/women/6.jpg",
|
14
|
-
},
|
15
|
-
{
|
16
|
-
name: "Beverly Reyes",
|
17
|
-
image_url: "https://randomuser.me/api/portraits/women/74.jpg",
|
18
|
-
},
|
19
|
-
{
|
20
|
-
name: "Keith Craig",
|
21
|
-
image_url: "https://randomuser.me/api/portraits/men/40.jpg",
|
22
|
-
},
|
23
|
-
{
|
24
|
-
name: "Alicia Cooper",
|
25
|
-
image_url: "https://randomuser.me/api/portraits/women/46.jpg",
|
26
|
-
}
|
27
|
-
]
|
28
|
-
}) %>
|
29
|
-
|
30
|
-
<br />
|
31
|
-
|
32
|
-
<%= pb_rails("multiple_users", props: {
|
33
|
-
margin_top: "xs",
|
34
|
-
size: "xs",
|
35
|
-
users: [
|
36
|
-
{
|
37
|
-
name: "Shawn Palmer",
|
38
|
-
image_url: "https://randomuser.me/api/portraits/men/93.jpg",
|
39
|
-
},
|
40
|
-
{
|
41
|
-
name: "Andrew Murray",
|
42
|
-
image_url: "https://randomuser.me/api/portraits/men/75.jpg",
|
43
|
-
}
|
44
|
-
]
|
45
|
-
}) %>
|
46
|
-
|
47
|
-
<br />
|
48
|
-
|
49
|
-
<%= pb_rails("body", props: {
|
50
|
-
text: "xxs",
|
51
|
-
margin_top: "xs",
|
52
|
-
color: "light"
|
53
|
-
}) %>
|
54
|
-
<%= pb_rails("multiple_users", props: {
|
55
|
-
size: "xxs",
|
56
|
-
users: [
|
57
|
-
{
|
58
|
-
name: "Patrick Welch",
|
59
|
-
image_url: "https://randomuser.me/api/portraits/men/9.jpg",
|
60
|
-
},
|
61
|
-
{
|
62
|
-
name: "Lucille Sanchez",
|
63
|
-
image_url: "https://randomuser.me/api/portraits/women/6.jpg",
|
64
|
-
},
|
65
|
-
{
|
66
|
-
name: "Beverly Reyes",
|
67
|
-
image_url: "https://randomuser.me/api/portraits/women/74.jpg",
|
68
|
-
},
|
69
|
-
{
|
70
|
-
name: "Keith Craig",
|
71
|
-
image_url: "https://randomuser.me/api/portraits/men/40.jpg",
|
72
|
-
},
|
73
|
-
{
|
74
|
-
name: "Alicia Cooper",
|
75
|
-
image_url: "https://randomuser.me/api/portraits/women/46.jpg",
|
76
|
-
}
|
77
|
-
]
|
78
|
-
}) %>
|
79
|
-
|
80
|
-
<br />
|
81
|
-
|
82
|
-
<%= pb_rails("multiple_users", props: {
|
83
|
-
margin_top: "xs",
|
84
|
-
size: "xxs",
|
85
|
-
users: [
|
86
|
-
{
|
87
|
-
name: "Shawn Palmer",
|
88
|
-
image_url: "https://randomuser.me/api/portraits/men/93.jpg",
|
89
|
-
},
|
90
|
-
{
|
91
|
-
name: "Andrew Murray",
|
92
|
-
image_url: "https://randomuser.me/api/portraits/men/75.jpg",
|
93
|
-
}
|
94
|
-
]
|
95
|
-
}) %>
|