playbook_ui 14.10.0.pre.alpha.PLAY1750pbcontenttagkitbutton5308 → 14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5314
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/button.html.erb +3 -2
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +6 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +12 -7
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +14 -9
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +11 -6
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +14 -8
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +14 -14
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 01c306061158ee8ed9da26a1bbe5f2422340b912127fcb42c7a1e7bf7731b608
|
|
4
|
+
data.tar.gz: 46fb0a4066cb64275f8b07681cc45fcbe86e3cfd1b42377e8fc47247942c5137
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d26b0f52c83776834ca565658284f9aa5fa1f06eb4a5290023a4fcccb6e47704c6689b8ec3d70516ffae1bad3e407d26bb1e3d2b8cda38f3568d5767f7d3d0b9
|
|
7
|
+
data.tar.gz: e79862c8e779f667381aeb9035d80ea7e0227a174b3e40bd5e1b630b5fa6f5776927906333b3f5a87881605bde7618ac9f1d00a964450c0f747b2b7132549848
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
object.tag == "button" ? object.options : object.link_options
|
|
1
|
+
<%= content_tag(object.tag,
|
|
2
|
+
object.tag == "button" ? object.options : object.link_options,
|
|
3
|
+
**combined_html_options) do %>
|
|
3
4
|
<% if object.variant === "reaction" %>
|
|
4
5
|
<% if icon && object.valid_emoji(object.icon) %>
|
|
5
6
|
<%= pb_rails("flex", props:{ align: "center" }) do %>
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:label, aria: object.aria,
|
|
2
|
+
id: object.id,
|
|
3
|
+
data: object.data,
|
|
4
|
+
class: object.classname,
|
|
5
|
+
**combined_html_options
|
|
6
|
+
) do %>
|
|
2
7
|
<%= content.presence || object.input %>
|
|
3
8
|
<% if object.indeterminate %>
|
|
4
9
|
<span data-pb-checkbox-icon-span="true" class="pb_checkbox_indeterminate">
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname + object.error_class,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<div class="input_wrapper">
|
|
3
8
|
<% if content.present? %>
|
|
4
9
|
<%= content %>
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<% if object.label.present? %>
|
|
3
8
|
<%= pb_rails("caption", props: {text: object.label, margin_bottom:"xs"}) %>
|
|
4
9
|
<% end %>
|
|
5
10
|
<div class="dropdown_wrapper<%= error_class %>" style="position: relative">
|
|
6
|
-
<input
|
|
7
|
-
data-default-value="<%= input_default_value %>"
|
|
8
|
-
id="dropdown-selected-option"
|
|
9
|
-
name="<%= object.name %>"
|
|
10
|
-
style="display: none"
|
|
11
|
-
<%= object.required ? "required" : ""%>
|
|
11
|
+
<input
|
|
12
|
+
data-default-value="<%= input_default_value %>"
|
|
13
|
+
id="dropdown-selected-option"
|
|
14
|
+
name="<%= object.name %>"
|
|
15
|
+
style="display: none"
|
|
16
|
+
<%= object.required ? "required" : ""%>
|
|
12
17
|
/>
|
|
13
18
|
<% if content.present? %>
|
|
14
19
|
<%= content.presence %>
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<%= pb_rails("list", props: {ordered: false, borderless: false}) do %>
|
|
3
|
-
<% if content.present? %>
|
|
8
|
+
<% if content.present? %>
|
|
4
9
|
<%= content.presence %>
|
|
5
|
-
<% else %>
|
|
10
|
+
<% else %>
|
|
6
11
|
<%= pb_rails("list/item", props: {
|
|
7
|
-
display: "flex",
|
|
8
|
-
justify_content: "center",
|
|
9
|
-
padding:"xs",
|
|
10
|
-
}) do %>
|
|
12
|
+
display: "flex",
|
|
13
|
+
justify_content: "center",
|
|
14
|
+
padding:"xs",
|
|
15
|
+
}) do %>
|
|
11
16
|
<%= pb_rails("body", props: {text: "No option"}) %>
|
|
12
17
|
<% end %>
|
|
13
18
|
<% end %>
|
|
14
|
-
<% end %>
|
|
15
|
-
<% end %>
|
|
19
|
+
<% end %>
|
|
20
|
+
<% end %>
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.option[:id],
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<%= pb_rails("list/item", props: {
|
|
3
|
-
display: "flex",
|
|
4
|
-
justify_content: "center",
|
|
5
|
-
padding:"none",
|
|
8
|
+
display: "flex",
|
|
9
|
+
justify_content: "center",
|
|
10
|
+
padding:"none",
|
|
6
11
|
cursor: "pointer"
|
|
7
|
-
}) do %>
|
|
12
|
+
}) do %>
|
|
8
13
|
<div class="dropdown_option_wrapper">
|
|
9
14
|
<% if content.present? %>
|
|
10
15
|
<%= content.presence %>
|
|
@@ -13,4 +18,4 @@
|
|
|
13
18
|
<% end %>
|
|
14
19
|
</div>
|
|
15
20
|
<% end %>
|
|
16
|
-
<% end %>
|
|
21
|
+
<% end %>
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<% if content.present? %>
|
|
3
8
|
<div style="display: inline-block" tabindex="0" data-dropdown-custom-trigger>
|
|
4
9
|
<%= content.presence %>
|
|
5
10
|
</div>
|
|
6
11
|
<% else %>
|
|
7
12
|
<%= pb_rails("flex", props: {
|
|
8
|
-
align: "center",
|
|
9
|
-
border_radius:"lg",
|
|
10
|
-
classname: object.trigger_wrapper_classes,
|
|
11
|
-
cursor: "pointer",
|
|
12
|
-
justify: "between",
|
|
13
|
-
padding_x:"sm",
|
|
13
|
+
align: "center",
|
|
14
|
+
border_radius:"lg",
|
|
15
|
+
classname: object.trigger_wrapper_classes,
|
|
16
|
+
cursor: "pointer",
|
|
17
|
+
justify: "between",
|
|
18
|
+
padding_x:"sm",
|
|
14
19
|
padding_y:"xs",
|
|
15
20
|
html_options: {tabindex:"0"}
|
|
16
21
|
}) do %>
|
|
@@ -18,7 +23,7 @@
|
|
|
18
23
|
<%= pb_rails("flex", props: {align: "center"}) do %>
|
|
19
24
|
<% if object.custom_display.present? %>
|
|
20
25
|
<%= pb_rails("flex", props: {align: "center"}) do %>
|
|
21
|
-
<div id="dropdown_trigger_custom_display" style="display: none;">
|
|
26
|
+
<div id="dropdown_trigger_custom_display" style="display: none;">
|
|
22
27
|
<%= object.custom_display %>
|
|
23
28
|
</div>
|
|
24
29
|
<%= pb_rails("body", props: {text: object.default_display_placeholder, id: "dropdown_trigger_display"}) %>
|
|
@@ -35,3 +40,4 @@
|
|
|
35
40
|
<% end %>
|
|
36
41
|
<% end %>
|
|
37
42
|
<% end %>
|
|
43
|
+
|
|
@@ -66,29 +66,25 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
66
66
|
[class*=pb_timeline_item_kit] {
|
|
67
67
|
&[class*=_solid] {
|
|
68
68
|
flex-basis: 100%;
|
|
69
|
-
[class=pb_timeline_item_left_block] {
|
|
70
|
-
height: 0px;
|
|
71
|
-
}
|
|
72
69
|
[class=pb_timeline_item_step] {
|
|
73
70
|
@include flex_wrapper(row);
|
|
71
|
+
align-items: center;
|
|
74
72
|
margin-top: $space_xs;
|
|
75
73
|
margin-bottom: $space_xs;
|
|
76
74
|
[class=pb_timeline_item_connector] {
|
|
77
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
75
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
78
76
|
}
|
|
79
77
|
}
|
|
80
78
|
}
|
|
81
79
|
&[class*=_dotted] {
|
|
82
80
|
flex-basis: 100%;
|
|
83
|
-
[class=pb_timeline_item_left_block] {
|
|
84
|
-
height: 0;
|
|
85
|
-
}
|
|
86
81
|
[class=pb_timeline_item_step] {
|
|
87
82
|
@include flex_wrapper(row);
|
|
83
|
+
align-items: center;
|
|
88
84
|
margin-top: $space_xs;
|
|
89
85
|
margin-bottom: $space_xs;
|
|
90
86
|
[class=pb_timeline_item_connector] {
|
|
91
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
87
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
92
88
|
}
|
|
93
89
|
}
|
|
94
90
|
}
|
|
@@ -134,7 +130,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
134
130
|
margin-top: $space_xs;
|
|
135
131
|
margin-bottom: $space_xs;
|
|
136
132
|
[class=pb_timeline_item_connector] {
|
|
137
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
133
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
138
134
|
}
|
|
139
135
|
}
|
|
140
136
|
}
|
|
@@ -158,7 +154,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
158
154
|
margin-top: $space_xs;
|
|
159
155
|
margin-bottom: $space_xs;
|
|
160
156
|
[class=pb_timeline_item_connector] {
|
|
161
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
157
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
162
158
|
}
|
|
163
159
|
}
|
|
164
160
|
}
|
|
@@ -182,11 +178,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
182
178
|
flex-basis: 100%;
|
|
183
179
|
[class=pb_timeline_item_step] {
|
|
184
180
|
@include flex_wrapper(column);
|
|
181
|
+
align-items: center;
|
|
185
182
|
align-content: flex-start;
|
|
186
183
|
margin-right: $space_sm;
|
|
187
184
|
margin-left: $space_sm;
|
|
188
185
|
[class=pb_timeline_item_connector] {
|
|
189
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
186
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
190
187
|
}
|
|
191
188
|
}
|
|
192
189
|
[class=pb_timeline_item_left_block] {
|
|
@@ -202,10 +199,11 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
202
199
|
flex-basis: 100%;
|
|
203
200
|
[class=pb_timeline_item_step] {
|
|
204
201
|
@include flex_wrapper(column);
|
|
202
|
+
align-items: center;
|
|
205
203
|
margin-right: $space_sm;
|
|
206
204
|
margin-left: $space_sm;
|
|
207
205
|
[class=pb_timeline_item_connector] {
|
|
208
|
-
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
206
|
+
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
209
207
|
}
|
|
210
208
|
}
|
|
211
209
|
[class=pb_timeline_item_left_block] {
|
|
@@ -235,11 +233,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
235
233
|
flex-basis: 100%;
|
|
236
234
|
[class=pb_timeline_item_step] {
|
|
237
235
|
@include flex_wrapper(column);
|
|
236
|
+
align-items: center;
|
|
238
237
|
align-content: flex-start;
|
|
239
238
|
margin-right: $space_sm;
|
|
240
239
|
margin-left: $space_sm;
|
|
241
240
|
[class=pb_timeline_item_connector] {
|
|
242
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
241
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
243
242
|
}
|
|
244
243
|
}
|
|
245
244
|
[class=pb_timeline_item_left_block] {
|
|
@@ -255,10 +254,11 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
255
254
|
flex-basis: 100%;
|
|
256
255
|
[class=pb_timeline_item_step] {
|
|
257
256
|
@include flex_wrapper(column);
|
|
257
|
+
align-items: center;
|
|
258
258
|
margin-right: $space_sm;
|
|
259
259
|
margin-left: $space_sm;
|
|
260
260
|
[class=pb_timeline_item_connector] {
|
|
261
|
-
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
261
|
+
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
264
|
[class=pb_timeline_item_left_block] {
|