playbook_ui 16.4.0.pre.alpha.testingmetadata15413 → 16.4.0.pre.alpha.testingmetadata15452
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/Context/AdvancedTableContext.tsx +5 -2
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +9 -11
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx +235 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.md +17 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json +98 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_avatar/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_background/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_badge/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_body/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_bread_crumbs/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_button/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_button_toolbar/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_caption/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_card/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_checkbox/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_collapsible/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_contact/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_copy_button/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_currency/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_dashboard_value/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_picker/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_range_inline/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_range_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_time/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_detail/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_dialog/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_distribution_bar/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_draggable/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_dropdown/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_empty_state/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_file_upload/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_filter/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_flex/kit.schema.json +16 -1
- data/app/pb_kits/playbook/pb_form/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_form_group/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_form_pill/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_hashtag/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_highlight/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_icon/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_icon_circle/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_icon_value/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_image/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_label_pill/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_label_value/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_layout/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_legend/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_link/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_list/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_map/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_message/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_multiple_users_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_nav/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_online_status/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_overlay/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_pagination/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_passphrase/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_person/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_person_contact/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_pill/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_popover/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_progress_step/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_radio/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_section_separator/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_attributes.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_blank.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_custom_select.html.erb +1 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_custom_select_subheaders.html.erb +1 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_default.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_disabled.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_required.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb +1 -0
- data/app/pb_kits/playbook/pb_select/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_select/select.html.erb +5 -5
- data/app/pb_kits/playbook/pb_select/select.rb +5 -0
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +39 -0
- data/app/pb_kits/playbook/pb_selectable_card/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_selectable_icon/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_source/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_star_rating/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_stat_change/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_stat_value/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_table/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_text_input/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_textarea/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_time/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_time_picker/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_time_stacked/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_timeline/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_timestamp/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_title/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_title_count/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_title_detail/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_toggle/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_tooltip/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_typeahead/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_user/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_user_badge/kit.schema.json +1 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/kit.schema.json +1 -1
- data/dist/chunks/vendor.js +2 -2
- data/dist/menu.yml +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +5 -2
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
id: nil,
|
|
3
3
|
class: object.classnames ) do %>
|
|
4
4
|
<% if object.label %>
|
|
5
|
-
|
|
5
|
+
<%= tag.label(class: "pb_select_kit_label", for: object.select_input_id) do %>
|
|
6
6
|
<% if object.required_indicator %>
|
|
7
7
|
<%= pb_rails("caption", props: { color: "lighter", dark: object.dark }) do %>
|
|
8
8
|
<%= object.label %><span style="color: #DA0014;"> *</span>
|
|
9
|
-
<% end %>
|
|
9
|
+
<% end %>
|
|
10
10
|
<% else %>
|
|
11
11
|
<%= pb_rails("caption", props: { color: "lighter", text: object.label, dark: object.dark }) %>
|
|
12
12
|
<% end %>
|
|
13
|
-
|
|
13
|
+
<% end %>
|
|
14
14
|
<% end %>
|
|
15
|
-
|
|
15
|
+
<%= tag.label(class: object.select_wrapper_class, for: object.select_input_id) do %>
|
|
16
16
|
<% if content.present? %>
|
|
17
17
|
<%= content %>
|
|
18
18
|
<%= pb_rails("body", props: { status: "negative", text: object.error }) %>
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
<% if object.multiple != true %>
|
|
33
33
|
<%= pb_rails("icon", props: { custom_icon: Playbook::Engine::root.join(angle_down_path), fixed_width: true, classname: "pb_select_kit_caret"}) %>
|
|
34
34
|
<% end %>
|
|
35
|
-
|
|
35
|
+
<% end %>
|
|
36
36
|
<% end %>
|
|
@@ -46,6 +46,11 @@ module Playbook
|
|
|
46
46
|
}.merge(attributes).merge(input_options)
|
|
47
47
|
end
|
|
48
48
|
|
|
49
|
+
# Same resolved id as the native +<select>+ (+all_attributes[:id]+) for label +for+.
|
|
50
|
+
def select_input_id
|
|
51
|
+
all_attributes[:id].presence
|
|
52
|
+
end
|
|
53
|
+
|
|
49
54
|
def classname
|
|
50
55
|
generate_classname("pb_select", select_margin_bottom, separator: " ")
|
|
51
56
|
end
|
|
@@ -165,6 +165,10 @@ $pb_selectable_paddings: (
|
|
|
165
165
|
padding: $space_sm;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
+
> label .pb_card_kit.dark.pb_card_kit_border_none {
|
|
169
|
+
border-width: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
168
172
|
&.dark {
|
|
169
173
|
.separator {
|
|
170
174
|
background: $input_border_default_dark;
|
|
@@ -289,6 +293,41 @@ $pb_selectable_paddings: (
|
|
|
289
293
|
}
|
|
290
294
|
}
|
|
291
295
|
|
|
296
|
+
.pb_selectable_card_kit_disabled.display_input,
|
|
297
|
+
.pb_selectable_card_kit_checked_disabled.display_input {
|
|
298
|
+
&:not(.dark) {
|
|
299
|
+
.separator {
|
|
300
|
+
background: $input_border_disabled !important;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.psuedo_separator {
|
|
304
|
+
background-color: $input_border_disabled !important;
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
> label > .pb_flex_kit {
|
|
309
|
+
align-items: stretch;
|
|
310
|
+
|
|
311
|
+
> .pb_flex_kit:first-child {
|
|
312
|
+
align-self: center;
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
> label .pb_card_kit {
|
|
317
|
+
flex: 1;
|
|
318
|
+
min-width: 0;
|
|
319
|
+
align-self: stretch;
|
|
320
|
+
background-color: $input_background_disabled !important;
|
|
321
|
+
border-width: 0 !important;
|
|
322
|
+
color: $input_text_disabled;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
&.dark > label .pb_card_kit.dark {
|
|
326
|
+
background-color: $input_background_disabled_dark !important;
|
|
327
|
+
color: $input_text_disabled_dark;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
|
|
292
331
|
.pb_selectable_card_kit_checked_disabled>label {
|
|
293
332
|
border-color: $input_border_state !important;
|
|
294
333
|
.dark & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
3
|
"name": "SelectableCard",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "SelectableCard component",
|
|
5
5
|
"platforms": [
|
|
6
6
|
"react",
|
|
7
7
|
"rails"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
3
|
"name": "SelectableCardIcon",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "SelectableCardIcon component",
|
|
5
5
|
"platforms": [
|
|
6
6
|
"react",
|
|
7
7
|
"rails"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
3
|
"name": "SelectableList",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "SelectableList component",
|
|
5
5
|
"platforms": [
|
|
6
6
|
"react",
|
|
7
7
|
"rails"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
3
|
"name": "SkeletonLoading",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "SkeletonLoading component",
|
|
5
5
|
"platforms": [
|
|
6
6
|
"react",
|
|
7
7
|
"rails"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
3
|
"name": "TimePicker",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "TimePicker component",
|
|
5
5
|
"platforms": [
|
|
6
6
|
"react",
|
|
7
7
|
"rails"
|