playbook_ui 13.26.0.pre.alpha.jasoncypretpatch12820 → 13.27.0.pre.alpha.PBNTR48phonenumberform2852

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +14 -10
  3. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +9 -5
  4. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +6 -2
  5. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +6 -2
  6. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +6 -1
  7. data/app/pb_kits/playbook/pb_background/background.html.erb +11 -2
  8. data/app/pb_kits/playbook/pb_badge/badge.html.erb +6 -1
  9. data/app/pb_kits/playbook/pb_body/body.html.erb +6 -1
  10. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +6 -1
  11. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +7 -2
  12. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +0 -1
  13. data/app/pb_kits/playbook/pb_button/button.html.erb +3 -2
  14. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +7 -2
  15. data/app/pb_kits/playbook/pb_caption/caption.html.erb +6 -1
  16. data/app/pb_kits/playbook/pb_card/card.html.erb +7 -1
  17. data/app/pb_kits/playbook/pb_card/card_body.html.erb +6 -1
  18. data/app/pb_kits/playbook/pb_card/card_header.html.erb +6 -1
  19. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +6 -1
  20. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +6 -1
  21. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +6 -1
  22. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +6 -1
  23. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +7 -1
  24. data/app/pb_kits/playbook/pb_contact/contact.html.erb +6 -1
  25. data/app/pb_kits/playbook/pb_currency/currency.html.erb +6 -1
  26. data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +6 -1
  27. data/app/pb_kits/playbook/pb_date/date.html.erb +6 -1
  28. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +6 -2
  29. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +5 -1
  30. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +5 -1
  31. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +5 -1
  32. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +6 -1
  33. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +7 -1
  34. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +5 -1
  35. data/app/pb_kits/playbook/pb_detail/detail.html.erb +6 -1
  36. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +6 -1
  37. data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +7 -2
  38. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +5 -1
  39. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +6 -2
  40. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +6 -1
  41. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +7 -1
  42. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +6 -1
  43. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +6 -1
  44. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +6 -1
  45. data/app/pb_kits/playbook/pb_filter/filter.html.erb +5 -1
  46. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +6 -1
  47. data/app/pb_kits/playbook/pb_flex/flex.html.erb +5 -1
  48. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +6 -2
  49. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
  50. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  51. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +6 -1
  52. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
  53. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +6 -1
  54. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +5 -1
  55. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +5 -1
  56. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +7 -2
  57. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +6 -1
  58. data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +6 -1
  59. data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +6 -1
  60. data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +6 -1
  61. data/app/pb_kits/playbook/pb_layout/body.html.erb +5 -1
  62. data/app/pb_kits/playbook/pb_layout/footer.html.erb +5 -1
  63. data/app/pb_kits/playbook/pb_layout/header.html.erb +5 -1
  64. data/app/pb_kits/playbook/pb_layout/item.html.erb +5 -1
  65. data/app/pb_kits/playbook/pb_layout/layout.html.erb +5 -1
  66. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +5 -1
  67. data/app/pb_kits/playbook/pb_list/item.html.erb +8 -2
  68. data/app/pb_kits/playbook/pb_list/list.html.erb +8 -2
  69. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +6 -1
  70. data/app/pb_kits/playbook/pb_message/message.html.erb +6 -1
  71. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +6 -1
  72. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +6 -1
  73. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +6 -1
  74. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +6 -1
  75. data/app/pb_kits/playbook/pb_nav/item.html.erb +14 -3
  76. data/app/pb_kits/playbook/pb_nav/nav.html.erb +6 -1
  77. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +6 -2
  78. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +6 -1
  79. data/app/pb_kits/playbook/pb_passphrase/passphrase.html.erb +1 -1
  80. data/app/pb_kits/playbook/pb_person/person.html.erb +12 -7
  81. data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +6 -1
  82. data/app/pb_kits/playbook/pb_pill/pill.html.erb +6 -1
  83. data/app/pb_kits/playbook/pb_popover/popover.html.erb +6 -1
  84. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +6 -2
  85. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +6 -3
  86. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +5 -1
  87. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +5 -1
  88. data/app/pb_kits/playbook/pb_radio/radio.html.erb +8 -2
  89. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +6 -1
  90. data/app/pb_kits/playbook/pb_select/select.html.erb +5 -1
  91. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +5 -1
  92. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +4 -1
  93. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +5 -1
  94. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +6 -1
  95. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +6 -1
  96. data/app/pb_kits/playbook/pb_source/source.html.erb +5 -1
  97. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +5 -1
  98. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +5 -1
  99. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +5 -1
  100. data/app/pb_kits/playbook/pb_table/table.html.erb +12 -2
  101. data/app/pb_kits/playbook/pb_table/table_body.html.erb +16 -6
  102. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +16 -6
  103. data/app/pb_kits/playbook/pb_table/table_head.html.erb +16 -6
  104. data/app/pb_kits/playbook/pb_table/table_header.html.erb +13 -4
  105. data/app/pb_kits/playbook/pb_table/table_row.html.erb +16 -6
  106. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +5 -1
  107. data/app/pb_kits/playbook/pb_time/time.html.erb +5 -1
  108. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +5 -1
  109. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +5 -1
  110. data/app/pb_kits/playbook/pb_timeline/item.html.erb +7 -3
  111. data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +5 -1
  112. data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +6 -1
  113. data/app/pb_kits/playbook/pb_title/title.html.erb +6 -1
  114. data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +6 -1
  115. data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +5 -1
  116. data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +6 -1
  117. data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +5 -1
  118. data/app/pb_kits/playbook/pb_user/user.html.erb +6 -1
  119. data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +6 -1
  120. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +6 -1
  121. data/lib/playbook/forms/builder/phone_number_field.rb +12 -0
  122. data/lib/playbook/forms/builder.rb +1 -0
  123. data/lib/playbook/kit_base.rb +1 -1
  124. data/lib/playbook/version.rb +2 -2
  125. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0f58c4cbdc37f2196240ed4beb45f559f749af9855066602ad58a1d35e85fee3
4
- data.tar.gz: d34a51429e697f5e1c51fd2ad58771019944926afc4776b3cf7b0fffb6d3e016
3
+ metadata.gz: 95ac0ea9e7bb139ef4d92f659e024423095eae94e41850491e67c604bf11166a
4
+ data.tar.gz: 5c7df5b7c03fe937e780f015f89c6f1b4d8a5444e0ad4c2b7403681d4d263df4
5
5
  SHA512:
6
- metadata.gz: 81b61acc8877f7c9b4de796cfbf2eb8ae95cc7fb1b225db5fbbf5e82ceee3940878d9a64ff6fab776116ce20b00dbfafa637a920bc0823de2ac0cfbd0fe0338c
7
- data.tar.gz: 57c56349740deb36705f8698b742951504311afaab29f77aa34727a67170970cc28a98422b9d68cb2491a36d4505ccaaf5483b70daeba90d12be181d9dbd64ea
6
+ metadata.gz: 3610fe5c23968bb7313a2b1402347ddf034e97aced69a7add3bf4eb032ce0ac457cfb84a7e1d9bae10c460163fe8aeec71b680737f318105ab448e3c95770ae3
7
+ data.tar.gz: a3a8edacab61267f15694d6bce0c72e38f8915180b39d6e6b8f43a789634e46c0c897ca0d14b4a6013457efefd124a9e1ceb00dd4b6bc73450d946c7c054b9b6
data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb CHANGED
@@ -1,10 +1,14 @@
1
- <%= pb_content_tag do %>
2
- <%= pb_rails("table", props: { size: "sm", tag:"div", data_table: true, number_spacing:"tabular", responsive:"none" }) do %>
3
- <% if content.present? %>
4
- <% content.presence %>
5
- <% else %>
6
- <%= pb_rails("advanced_table/table_header", props: {column_definitions: object.column_definitions, enable_toggle_expansion: object.enable_toggle_expansion }) %>
7
- <%= pb_rails("advanced_table/table_body", props: {table_data: object.table_data, column_definitions: object.column_definitions}) %>
8
- <% end %>
9
- <% end %>
10
- <% end %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id) do %>
6
+ <%= pb_rails("table", props: { size: "sm", tag:"div", data_table: true, number_spacing:"tabular", responsive:"none" }) do %>
7
+ <% if content.present? %>
8
+ <% content.presence %>
9
+ <% else %>
10
+ <%= pb_rails("advanced_table/table_header", props: {column_definitions: object.column_definitions, enable_toggle_expansion: object.enable_toggle_expansion }) %>
11
+ <%= pb_rails("advanced_table/table_body", props: {table_data: object.table_data, column_definitions: object.column_definitions}) %>
12
+ <% end %>
13
+ <% end %>
14
+ <% end %>
data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb CHANGED
@@ -1,5 +1,9 @@
1
- <%= pb_content_tag do %>
2
- <% object.table_data.each do |row| %>
3
- <%= render_row_and_children(row, object.column_definitions) %>
4
- <% end %>
5
- <% end %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id) do %>
6
+ <% object.table_data.each do |row| %>
7
+ <%= render_row_and_children(row, object.column_definitions) %>
8
+ <% end %>
9
+ <% end %>
data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id) do %>
2
6
  <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
3
7
  <% object.column_definitions.each_with_index do |item, index| %>
4
8
  <%= pb_rails("table/table_header", props: { tag:"div", id:item[:accessor], classname:object.th_classname}) do %>
@@ -13,4 +17,4 @@
13
17
  <% end %>
14
18
  <% end %>
15
19
  <% end %>
16
- <% end %>
20
+ <% end %>
data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id) do %>
2
6
  <% object.column_definitions.each_with_index do |column, index| %>
3
7
  <%= pb_rails("table/table_cell", props: { tag:"div", classname:object.td_classname}) do %>
4
8
  <%= pb_rails("flex", props:{ align: "center", justify: index.zero? ? "start" : "end" }) do %>
@@ -31,4 +35,4 @@
31
35
  <% end %>
32
36
  <% end %>
33
37
  <% end %>
34
- <% end %>
38
+ <% end %>
data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <% if object.tooltip_text.present? %>
3
8
  <%= pb_rails("tooltip", props: {
4
9
  trigger_element_id: object.tooltip_id,
data/app/pb_kits/playbook/pb_background/background.html.erb CHANGED
@@ -1,14 +1,23 @@
1
1
  <% if object.image_url.present? %>
2
- <%= pb_content_tag(object.tag,
2
+ <%= content_tag(object.tag,
3
+ aria: object.aria,
4
+ data: object.data,
5
+ id: object.id,
6
+ class: object.classname,
3
7
  style: "background-image: url('#{object.image_url}');
4
8
  background-repeat: #{object.background_repeat};
5
9
  background-size: #{object.background_size};
6
10
  background-position: #{object.background_position};",
11
+ **combined_html_options
7
12
  ) do %>
8
13
  <%= content.presence %>
9
14
  <% end %>
10
15
  <% else %>
11
- <%= pb_content_tag(object.tag,
16
+ <%= content_tag(object.tag,
17
+ aria: object.aria,
18
+ data: object.data,
19
+ id: object.id,
20
+ class: object.classname,
12
21
  style: object.custom_background_color
13
22
  ) do %>
14
23
  <%= content.presence %>
data/app/pb_kits/playbook/pb_badge/badge.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <span><%= object.text %></span>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_body/body.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag(object.tag) do %>
1
+ <%= content_tag(object.tag,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= object.content %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do%>
2
7
  <%= content_tag(object.link ? 'a' : 'span', class: 'bread_crumb_item', href: object.link) do %>
3
8
  <%= content.presence %>
4
9
  <% end %>
data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag(:nav) do %>
2
- <%= content.presence %>
1
+ <%= content_tag(:nav,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
7
+ <%= content.presence %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_button/_button_mixins.scss CHANGED
@@ -28,7 +28,6 @@ $pb_button_border_width: 0px;
28
28
  font-size: $font_small;
29
29
  font-weight: $bold;
30
30
  text-align: center;
31
- text-decoration: none;
32
31
  vertical-align: middle;
33
32
  text-transform: none;
34
33
  border-width: $pb_button_border_width;
data/app/pb_kits/playbook/pb_button/button.html.erb CHANGED
@@ -1,5 +1,6 @@
1
- <%= pb_content_tag(object.tag,
2
- object.tag == "button" ? object.options : object.link_options) do %>
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 %>
data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
2
- <%= content.presence || object.text %>
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 %>
7
+ <%= content.presence || object.text %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_caption/caption.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag(object.tag) do %>
1
+ <%= content_tag(object.tag,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= content.presence || object.text %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_card/card.html.erb CHANGED
@@ -1,4 +1,10 @@
1
- <%= pb_content_tag(object.tag) do %>
1
+ <%= content_tag(object.tag,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ dark: object.dark,
7
+ **combined_html_options) do %>
2
8
  <%= content.presence %>
3
9
  <% end %>
4
10
 
data/app/pb_kits/playbook/pb_card/card_body.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
2
7
  <%= content.presence %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_card/card_header.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
2
7
  <%= content.presence %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag(:label) do %>
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 class="pb_checkbox_indeterminate">
data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= pb_rails("button", props: {type: object.type, link: object.link, new_window:object.new_window, variant: object.variant, disabled: object.disabled, dark: object.dark}) do %>
3
8
  <%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
4
9
  <% end %>
data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
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
  <%= content.presence %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
2
7
  <%= content.presence %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb CHANGED
@@ -1,4 +1,10 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
7
+
2
8
  <%= pb_rails("flex", props: {vertical: "center", spacing: "between", cursor: "pointer"}) do %>
3
9
  <%= pb_rails("flex/flex_item") do %>
4
10
  <%= content.presence %>
data/app/pb_kits/playbook/pb_contact/contact.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= pb_rails("body", props: {
3
8
  tag: "span",
4
9
  classname: "pb_contact_kit",
data/app/pb_kits/playbook/pb_currency/currency.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= pb_rails("caption", props: object.caption_props) %>
3
8
 
4
9
  <div class=<%= "pb_currency_wrapper#{object.variant_class || object.emphasized_class}" %>>
data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
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.stat_label.present? %>
3
8
  <%= pb_rails("body", props: { color: "light", text: object.stat_label } ) %>
4
9
  <% end %>
data/app/pb_kits/playbook/pb_date/date.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
2
7
 
3
8
  <% if object.unstyled %>
4
9
  <!-- icon -->
data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb CHANGED
@@ -1,5 +1,9 @@
1
- <%= pb_content_tag(:div,
2
- class: object.classname + object.error_class) do %>
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 %>
3
7
  <div class="input_wrapper">
4
8
  <% if content.present? %>
5
9
  <%= content %>
data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
  <div class="pb_date_range_inline_wrapper">
3
7
  <% if object.icon == true %>
4
8
  <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size: object.size, classname: "pb_date_range_inline_icon" }) }) %>
data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
 
3
7
  <%= pb_rails("flex", props: {vertical: "center"}) do %>
4
8
  <%= pb_rails("flex/flex_item") do %>
data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
 
3
7
  <% if object.bold == false %>
4
8
 
data/app/pb_kits/playbook/pb_date_time/date_time.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
 
3
8
  <%= pb_rails("flex", props: {
4
9
  orientation: "row",
data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb CHANGED
@@ -1,4 +1,10 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
7
+
2
8
  <%= pb_rails("flex", props: {classname: "flex-container", vertical: "stretch"}) do %>
3
9
  <%= pb_rails("body", props: {classname: "flex-item"}) do %>
4
10
  <%= pb_rails("date_stacked", props: { date: object.date_time_value, size: "sm", align: "right", bold: true, dark: object.dark }) %>
data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
  <%= pb_rails("title", props: { text: object.day_month, size: 4, dark: object.dark }) %>
3
7
  <%= pb_rails("body", props: { text: object.year, size: 4, color: "light", dark: object.dark }) %>
4
8
  <% end %>
data/app/pb_kits/playbook/pb_detail/detail.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag(object.tag) do %>
1
+ <%= content_tag(object.tag,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id,
6
+ **combined_html_options) do %>
2
7
  <%= object.content %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_dialog/dialog.html.erb CHANGED
@@ -1,5 +1,10 @@
1
1
  <div class="pb_dialog_wrapper_rails <%= object.full_height_style %>" data-overlay-click= <%= object.overlay_close %> >
2
- <%= pb_content_tag(:dialog) do %>
2
+ <%= content_tag(:dialog,
3
+ aria: object.aria,
4
+ data: object.data,
5
+ id: object.id,
6
+ class: object.classname,
7
+ **combined_html_options) do %>
3
8
  <% if object.status === "" && object.title %>
4
9
  <%= pb_rails("dialog/dialog_header", props: { title: object.title, id: object.id }) %>
5
10
  <% end %>
data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb CHANGED
@@ -1,3 +1,8 @@
1
- <%= pb_content_tag do %>
2
- <%= content.presence || object.text %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
7
+ <%= content.presence || object.text %>
3
8
  <% end %>
data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ aria: object.aria,
5
+ **combined_html_options) do %>
2
6
  <% if object.confirm_button && object.cancel_button %>
3
7
  <div class="dialog-pseudo-footer"></div>
4
8
  <%= pb_rails("flex", props: { classname:object.classname, spacing:"between", padding_x:"sm", padding:"sm", padding_bottom:"sm" }) do %>
data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb CHANGED
@@ -1,5 +1,9 @@
1
- <%= pb_content_tag(:div,
2
- class: object.sticky_header) do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.sticky_header,
5
+ aria: object.aria,
6
+ **combined_html_options) do %>
3
7
  <%= pb_rails("flex", props: {classname:object.classname, spacing:"between", padding:"sm", align:"center"}) do %>
4
8
  <%= content.presence || object.title %>
5
9
 
data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
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 %>
data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb CHANGED
@@ -1,4 +1,10 @@
1
- <%= pb_content_tag(:div, style: object.container_style) do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id,
6
+ style: object.container_style,
7
+ **combined_html_options) do %>
2
8
  <%= pb_rails("list", props: {ordered: false, borderless: false}) do %>
3
9
  <% if content.present? %>
4
10
  <%= content.presence %>
data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
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/item", props: {
3
8
  display: "flex",
4
9
  justify_content: "center",
data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
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 %>
data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
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("form_group", props: {cursor: "pointer", full_width: object.full_width}) do %>
3
8
  <label for="upload-<%= object.id %>" class="pb_button_kit_secondary_inline_enabled"><%= "#{object.label}" %></label>
4
9
  <%= pb_rails("text_input", props: {
data/app/pb_kits/playbook/pb_filter/filter.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
  <%= object.wrapper do %>
3
7
  <%= pb_rails("flex", props: { orientation: "row", padding_right: "lg", vertical: "center" }) do %>
4
8
  <% if (object.template != "sort_only") %>
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb CHANGED
@@ -1,4 +1,9 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ aria: object.aria,
3
+ id: object.id,
4
+ data: object.data,
5
+ class: object.classname,
6
+ **combined_html_options) do %>
2
7
  <%= pb_rails("icon", props: { icon: object.icon_value, classname: "pb_icon", fixed_width: true }) %>
3
8
 
4
9
  <% if content %>
data/app/pb_kits/playbook/pb_flex/flex.html.erb CHANGED
@@ -1,3 +1,7 @@
1
- <%= pb_content_tag do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ **combined_html_options) do %>
2
6
  <%= content.presence %>
3
7
  <% end %>
data/app/pb_kits/playbook/pb_flex/flex_item.html.erb CHANGED
@@ -1,4 +1,8 @@
1
- <%= pb_content_tag(:div,
2
- style: object.style_value) do %>
1
+ <%= content_tag(:div,
2
+ id: object.id,
3
+ data: object.data,
4
+ class: object.classname,
5
+ style: object.style_value,
6
+ **combined_html_options) do %>
3
7
  <%= content.presence %>
4
8
  <% end %>
data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb CHANGED
@@ -16,7 +16,7 @@
16
16
  <%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
17
17
  <%= form.typeahead :example_user, props: { data: { typeahead_example1: true, user: {} }, placeholder: "Search for a user" } %>
18
18
  <%= form.text_field :example_text_field, props: { label: true } %>
19
- <%= form.telephone_field :example_phone_field, props: { label: true } %>
19
+ <%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field" } %>
20
20
  <%= form.email_field :example_email_field, props: { label: true } %>
21
21
  <%= form.number_field :example_number_field, props: { label: true } %>
22
22
  <%= form.search_field :example_search_field, props: { label: true } %>
data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb CHANGED
@@ -15,7 +15,7 @@
15
15
 
16
16
  <%= pb_form_with(scope: :example, method: :get, url: "", validate: true) do |form| %>
17
17
  <%= form.text_field :example_text_field, props: { label: true, required: true } %>
18
- <%= form.telephone_field :example_phone_field, props: { label: true, required: true, validation: { pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}", message: "Please enter a valid phone number (example: 888-888-8888)." } } %>
18
+ <%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field" } %>
19
19
  <%= form.email_field :example_email_field, props: { label: true, required: true } %>
20
20
  <%= form.number_field :example_number_field, props: { label: true, required: true } %>
21
21
  <%= form.search_field :example_project_number, props: { label: true, required: true, validation: { pattern: "[0-9]{2}-[0-9]{5}", message: "Please enter a valid project number (example: 33-12345)." } } %>