playbook_ui 14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 → 14.11.1.pre.alpha.play1724darkmodeauditmap5409
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_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
|
}
|