playbook_ui 14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 → 14.11.1.pre.alpha.play1724darkmodeauditmap5409
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_advanced_table/docs/_advanced_table_sort_control.md +2 -2
- 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_collapsible/collapsible.html.erb +1 -3
- data/app/pb_kits/playbook/pb_collapsible/collapsible.rb +0 -3
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +6 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb +9 -3
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md +1 -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_list/item.html.erb +8 -30
- data/app/pb_kits/playbook/pb_list/item.rb +0 -7
- data/app/pb_kits/playbook/pb_list/list.html.erb +11 -31
- data/app/pb_kits/playbook/pb_list/list.rb +0 -4
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -6
- data/app/pb_kits/playbook/pb_map/_map.scss +3 -0
- data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +4 -4
- data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +7 -7
- data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +5 -5
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +12 -30
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +1 -20
- data/app/pb_kits/playbook/pb_radio/_radio.scss +8 -12
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +3 -8
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +3 -17
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +0 -3
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +4 -11
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +0 -3
- data/app/pb_kits/playbook/pb_table/_table.tsx +3 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_table/index.ts +88 -187
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -12
- data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_table/table.rb +2 -17
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +1 -20
- data/app/pb_kits/playbook/pb_table/table_row.rb +0 -5
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +30 -30
- data/dist/chunks/{_typeahead-DjGX1O4K.js → _typeahead-BNULwihE.js} +2 -2
- data/dist/chunks/_weekday_stacked-BKWemDAe.js +45 -0
- data/dist/chunks/{lib-kMuhBuU7.js → lib-B7sgJtGS.js} +2 -2
- data/dist/chunks/{pb_form_validation-DBJ0wZuS.js → pb_form_validation-C5Cc0-1v.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +7 -34
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md +0 -5
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb +0 -38
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb +0 -15
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +0 -24
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +0 -74
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +0 -74
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts +0 -22
- data/dist/chunks/_weekday_stacked-s8bX_aFg.js +0 -45
- /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_react.md → _table_with_collapsible.md} +0 -0
|
@@ -1,23 +1,4 @@
|
|
|
1
|
-
<% if object.
|
|
2
|
-
<%= content_tag(:tr,
|
|
3
|
-
aria: object.aria,
|
|
4
|
-
class: object.classname + " collapsible-tr",
|
|
5
|
-
data: object.data.merge(id: object.id),
|
|
6
|
-
id: object.id,
|
|
7
|
-
'data-pb-table-collapsible-wrapper' => true,
|
|
8
|
-
**combined_html_options) do %>
|
|
9
|
-
<%= content.presence %>
|
|
10
|
-
<% end %>
|
|
11
|
-
|
|
12
|
-
<tr class="pb_table_collapsible_row">
|
|
13
|
-
<%= pb_rails("collapsible", props: { classname: "collapsible_border_toggle#{object.id}" + " no-border", name: "default-example", tag: "td", padding: "none" }) do %>
|
|
14
|
-
<%= pb_rails("flex", props: { data: { "collapsible-main": "true"} }) %>
|
|
15
|
-
<%= pb_rails("collapsible/collapsible_content", props: { classname: object.collapsible_side_highlight ? "table_collapsible_side_highlight" : "", padding: "none", margin: "none", id: "collapsed-toggle#{object.id}" }) do %>
|
|
16
|
-
<%= object.collapsible_content %>
|
|
17
|
-
<% end %>
|
|
18
|
-
<% end %>
|
|
19
|
-
</tr>
|
|
20
|
-
<% elsif object.tag == "table" %>
|
|
1
|
+
<% if object.tag == "table" %>
|
|
21
2
|
<%= content_tag(:tr,
|
|
22
3
|
aria: object.aria,
|
|
23
4
|
class: object.classname,
|
|
@@ -8,11 +8,6 @@ module Playbook
|
|
|
8
8
|
prop :tag, type: Playbook::Props::Enum,
|
|
9
9
|
values: %w[table div],
|
|
10
10
|
default: "table"
|
|
11
|
-
prop :collapsible, type: Playbook::Props::Boolean,
|
|
12
|
-
default: false
|
|
13
|
-
prop :collapsible_content
|
|
14
|
-
prop :collapsible_side_highlight, type: Playbook::Props::Boolean,
|
|
15
|
-
default: false
|
|
16
11
|
|
|
17
12
|
def classname
|
|
18
13
|
generate_classname("pb_table_row_kit", side_highlight_class) + tag_class
|
|
@@ -50,7 +50,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
50
50
|
>div {
|
|
51
51
|
&:last-child {
|
|
52
52
|
flex-basis: auto !important;
|
|
53
|
-
[class
|
|
53
|
+
[class=pb_timeline_item_step] {
|
|
54
54
|
[class=pb_timeline_item_connector] {
|
|
55
55
|
opacity: 0;
|
|
56
56
|
}
|
|
@@ -66,25 +66,29 @@ $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
|
|
69
|
+
[class=pb_timeline_item_left_block] {
|
|
70
|
+
height: 0px;
|
|
71
|
+
}
|
|
72
|
+
[class=pb_timeline_item_step] {
|
|
70
73
|
@include flex_wrapper(row);
|
|
71
|
-
align-items: center;
|
|
72
74
|
margin-top: $space_xs;
|
|
73
75
|
margin-bottom: $space_xs;
|
|
74
76
|
[class=pb_timeline_item_connector] {
|
|
75
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
77
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $height_from_top $icon_margin 0 $icon_margin );
|
|
76
78
|
}
|
|
77
79
|
}
|
|
78
80
|
}
|
|
79
81
|
&[class*=_dotted] {
|
|
80
82
|
flex-basis: 100%;
|
|
81
|
-
[class
|
|
83
|
+
[class=pb_timeline_item_left_block] {
|
|
84
|
+
height: 0;
|
|
85
|
+
}
|
|
86
|
+
[class=pb_timeline_item_step] {
|
|
82
87
|
@include flex_wrapper(row);
|
|
83
|
-
align-items: center;
|
|
84
88
|
margin-top: $space_xs;
|
|
85
89
|
margin-bottom: $space_xs;
|
|
86
90
|
[class=pb_timeline_item_connector] {
|
|
87
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
91
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, $height_from_top $icon_margin 0 $icon_margin );
|
|
88
92
|
}
|
|
89
93
|
}
|
|
90
94
|
}
|
|
@@ -95,7 +99,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
95
99
|
>div {
|
|
96
100
|
&:last-child {
|
|
97
101
|
flex-basis: auto !important;
|
|
98
|
-
[class
|
|
102
|
+
[class=pb_timeline_item_step] {
|
|
99
103
|
[class=pb_timeline_item_connector] {
|
|
100
104
|
opacity: 0;
|
|
101
105
|
}
|
|
@@ -125,12 +129,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
125
129
|
}
|
|
126
130
|
}
|
|
127
131
|
}
|
|
128
|
-
[class
|
|
132
|
+
[class=pb_timeline_item_step] {
|
|
129
133
|
@include flex_wrapper(row);
|
|
130
134
|
margin-top: $space_xs;
|
|
131
135
|
margin-bottom: $space_xs;
|
|
132
136
|
[class=pb_timeline_item_connector] {
|
|
133
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
137
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $height_from_top $icon_margin 0 $icon_margin );
|
|
134
138
|
}
|
|
135
139
|
}
|
|
136
140
|
}
|
|
@@ -149,12 +153,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
149
153
|
}
|
|
150
154
|
}
|
|
151
155
|
}
|
|
152
|
-
[class
|
|
156
|
+
[class=pb_timeline_item_step] {
|
|
153
157
|
@include flex_wrapper(row);
|
|
154
158
|
margin-top: $space_xs;
|
|
155
159
|
margin-bottom: $space_xs;
|
|
156
160
|
[class=pb_timeline_item_connector] {
|
|
157
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
161
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, $height_from_top $icon_margin 0 $icon_margin );
|
|
158
162
|
}
|
|
159
163
|
}
|
|
160
164
|
}
|
|
@@ -166,7 +170,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
166
170
|
align-items: flex-start;
|
|
167
171
|
align-self: auto;
|
|
168
172
|
>div:last-child {
|
|
169
|
-
[class
|
|
173
|
+
[class=pb_timeline_item_step] {
|
|
170
174
|
[class=pb_timeline_item_connector] {
|
|
171
175
|
opacity: 0;
|
|
172
176
|
}
|
|
@@ -176,14 +180,13 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
176
180
|
@include flex_wrapper(row);
|
|
177
181
|
&[class*=_solid] {
|
|
178
182
|
flex-basis: 100%;
|
|
179
|
-
[class
|
|
183
|
+
[class=pb_timeline_item_step] {
|
|
180
184
|
@include flex_wrapper(column);
|
|
181
|
-
align-items: center;
|
|
182
185
|
align-content: flex-start;
|
|
183
186
|
margin-right: $space_sm;
|
|
184
187
|
margin-left: $space_sm;
|
|
185
188
|
[class=pb_timeline_item_connector] {
|
|
186
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
189
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin $height_from_top);
|
|
187
190
|
}
|
|
188
191
|
}
|
|
189
192
|
[class=pb_timeline_item_left_block] {
|
|
@@ -197,13 +200,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
197
200
|
}
|
|
198
201
|
&[class*=_dotted] {
|
|
199
202
|
flex-basis: 100%;
|
|
200
|
-
[class
|
|
203
|
+
[class=pb_timeline_item_step] {
|
|
201
204
|
@include flex_wrapper(column);
|
|
202
|
-
align-items: center;
|
|
203
205
|
margin-right: $space_sm;
|
|
204
206
|
margin-left: $space_sm;
|
|
205
207
|
[class=pb_timeline_item_connector] {
|
|
206
|
-
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
208
|
+
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin $height_from_top);
|
|
207
209
|
}
|
|
208
210
|
}
|
|
209
211
|
[class=pb_timeline_item_left_block] {
|
|
@@ -221,7 +223,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
221
223
|
align-items: flex-start;
|
|
222
224
|
align-self: auto;
|
|
223
225
|
>div:last-child {
|
|
224
|
-
[class
|
|
226
|
+
[class=pb_timeline_item_step] {
|
|
225
227
|
[class=pb_timeline_item_connector] {
|
|
226
228
|
opacity: 0;
|
|
227
229
|
}
|
|
@@ -231,14 +233,13 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
231
233
|
@include flex_wrapper(row);
|
|
232
234
|
&[class*=_solid] {
|
|
233
235
|
flex-basis: 100%;
|
|
234
|
-
[class
|
|
236
|
+
[class=pb_timeline_item_step] {
|
|
235
237
|
@include flex_wrapper(column);
|
|
236
|
-
align-items: center;
|
|
237
238
|
align-content: flex-start;
|
|
238
239
|
margin-right: $space_sm;
|
|
239
240
|
margin-left: $space_sm;
|
|
240
241
|
[class=pb_timeline_item_connector] {
|
|
241
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
242
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin $height_from_top);
|
|
242
243
|
}
|
|
243
244
|
}
|
|
244
245
|
[class=pb_timeline_item_left_block] {
|
|
@@ -252,13 +253,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
252
253
|
}
|
|
253
254
|
&[class*=_dotted] {
|
|
254
255
|
flex-basis: 100%;
|
|
255
|
-
[class
|
|
256
|
+
[class=pb_timeline_item_step] {
|
|
256
257
|
@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 $height_from_top);
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
264
|
[class=pb_timeline_item_left_block] {
|
|
@@ -274,7 +274,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
274
274
|
}
|
|
275
275
|
&[class*=_gap_xs] {
|
|
276
276
|
[class*=pb_timeline_item_kit] {
|
|
277
|
-
[class
|
|
277
|
+
[class=pb_timeline_item_step] {
|
|
278
278
|
[class=pb_timeline_item_connector] {
|
|
279
279
|
height: $gap_xs !important;
|
|
280
280
|
}
|
|
@@ -283,7 +283,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
283
283
|
}
|
|
284
284
|
&[class*=_gap_sm] {
|
|
285
285
|
[class*=pb_timeline_item_kit] {
|
|
286
|
-
[class
|
|
286
|
+
[class=pb_timeline_item_step] {
|
|
287
287
|
[class=pb_timeline_item_connector] {
|
|
288
288
|
height: $gap_sm !important;
|
|
289
289
|
}
|
|
@@ -292,7 +292,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
292
292
|
}
|
|
293
293
|
&[class*=_gap_md] {
|
|
294
294
|
[class*=pb_timeline_item_kit] {
|
|
295
|
-
[class
|
|
295
|
+
[class=pb_timeline_item_step] {
|
|
296
296
|
[class=pb_timeline_item_connector] {
|
|
297
297
|
height: $gap_md !important;
|
|
298
298
|
}
|
|
@@ -301,7 +301,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
301
301
|
}
|
|
302
302
|
&[class*=_gap_lg] {
|
|
303
303
|
[class*=pb_timeline_item_kit] {
|
|
304
|
-
[class
|
|
304
|
+
[class=pb_timeline_item_step] {
|
|
305
305
|
[class=pb_timeline_item_connector] {
|
|
306
306
|
height: $gap_lg !important;
|
|
307
307
|
}
|