playbook_ui 14.10.0.pre.alpha.PLAY1750pbcontenttagkitbutton5308 → 14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5314
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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] {
|