playbook_ui 13.24.0.pre.alpha.PLAY1181circleiconkitfixsizingerrorglobalspacingprops2675 → 13.24.0.pre.alpha.play1305drycontenttag2689

Sign up to get free protection for your applications and to get access to all the features.
Files changed (120) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +10 -14
  3. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +5 -9
  4. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +2 -6
  5. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -6
  6. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +1 -6
  7. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -10
  8. data/app/pb_kits/playbook/pb_badge/badge.html.erb +1 -6
  9. data/app/pb_kits/playbook/pb_body/body.html.erb +1 -6
  10. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +1 -6
  11. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +2 -7
  12. data/app/pb_kits/playbook/pb_button/button.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +2 -7
  14. data/app/pb_kits/playbook/pb_caption/caption.html.erb +1 -6
  15. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -7
  16. data/app/pb_kits/playbook/pb_card/card_body.html.erb +1 -6
  17. data/app/pb_kits/playbook/pb_card/card_header.html.erb +1 -6
  18. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +1 -6
  19. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -6
  20. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +1 -6
  21. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +1 -6
  22. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +1 -6
  23. data/app/pb_kits/playbook/pb_contact/contact.html.erb +1 -6
  24. data/app/pb_kits/playbook/pb_currency/currency.html.erb +1 -6
  25. data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +1 -6
  26. data/app/pb_kits/playbook/pb_date/date.html.erb +1 -6
  27. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -4
  28. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +1 -5
  29. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +1 -5
  30. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +1 -5
  31. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +1 -6
  32. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +1 -7
  33. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +1 -5
  34. data/app/pb_kits/playbook/pb_detail/detail.html.erb +1 -6
  35. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -6
  36. data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +2 -7
  37. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +1 -5
  38. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +1 -4
  39. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -6
  40. data/app/pb_kits/playbook/pb_filter/filter.html.erb +1 -5
  41. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +1 -6
  42. data/app/pb_kits/playbook/pb_flex/flex.html.erb +1 -5
  43. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +1 -4
  44. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +1 -6
  45. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
  46. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +1 -6
  47. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +1 -5
  48. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +1 -5
  49. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
  50. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -1
  51. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +2 -7
  52. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
  53. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.test.js +3 -3
  54. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +1 -6
  55. data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +1 -6
  56. data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +1 -6
  57. data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +1 -6
  58. data/app/pb_kits/playbook/pb_layout/body.html.erb +1 -5
  59. data/app/pb_kits/playbook/pb_layout/footer.html.erb +1 -5
  60. data/app/pb_kits/playbook/pb_layout/header.html.erb +1 -5
  61. data/app/pb_kits/playbook/pb_layout/item.html.erb +1 -5
  62. data/app/pb_kits/playbook/pb_layout/layout.html.erb +1 -5
  63. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +1 -5
  64. data/app/pb_kits/playbook/pb_list/item.html.erb +3 -8
  65. data/app/pb_kits/playbook/pb_list/list.html.erb +1 -5
  66. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -6
  67. data/app/pb_kits/playbook/pb_message/message.html.erb +1 -6
  68. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +1 -6
  69. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
  70. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +1 -6
  71. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +1 -6
  72. data/app/pb_kits/playbook/pb_nav/item.html.erb +2 -10
  73. data/app/pb_kits/playbook/pb_nav/nav.html.erb +1 -6
  74. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -4
  75. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +1 -6
  76. data/app/pb_kits/playbook/pb_person/person.html.erb +7 -12
  77. data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +1 -6
  78. data/app/pb_kits/playbook/pb_pill/pill.html.erb +1 -6
  79. data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
  80. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +1 -4
  81. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +4 -6
  82. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +1 -5
  83. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +1 -5
  84. data/app/pb_kits/playbook/pb_radio/radio.html.erb +1 -6
  85. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +1 -6
  86. data/app/pb_kits/playbook/pb_select/select.html.erb +1 -5
  87. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -5
  88. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +1 -4
  89. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +1 -5
  90. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +1 -6
  91. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +1 -6
  92. data/app/pb_kits/playbook/pb_source/source.html.erb +1 -5
  93. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +1 -5
  94. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +1 -5
  95. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +1 -5
  96. data/app/pb_kits/playbook/pb_table/table.html.erb +1 -5
  97. data/app/pb_kits/playbook/pb_table/table_body.html.erb +6 -16
  98. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +6 -16
  99. data/app/pb_kits/playbook/pb_table/table_head.html.erb +6 -16
  100. data/app/pb_kits/playbook/pb_table/table_header.html.erb +3 -11
  101. data/app/pb_kits/playbook/pb_table/table_row.html.erb +6 -16
  102. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +1 -5
  103. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +1 -5
  104. data/app/pb_kits/playbook/pb_time/time.html.erb +1 -5
  105. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +1 -5
  106. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +1 -5
  107. data/app/pb_kits/playbook/pb_timeline/item.html.erb +3 -7
  108. data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +1 -5
  109. data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +1 -6
  110. data/app/pb_kits/playbook/pb_title/title.html.erb +3 -6
  111. data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +1 -6
  112. data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +1 -5
  113. data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +1 -6
  114. data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +1 -5
  115. data/app/pb_kits/playbook/pb_user/user.html.erb +1 -6
  116. data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +1 -6
  117. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +1 -6
  118. data/dist/playbook-rails.js +1 -1
  119. data/lib/playbook/version.rb +1 -1
  120. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 64d3b88ddbf80e9899ea2149fe1105a42a170483991d306eb8cc544ee5aa46a2
4
- data.tar.gz: 16554c57ae51a485f41faa858384c2d477c3e65da1a750d6a4c18f9987fe2c4e
3
+ metadata.gz: c9fd50c8a90b4a615fce245543e5668f8b30db6d34a415f8b5a75c3a3d7c3145
4
+ data.tar.gz: 98b7e0f546d36137d2806c0101abea334b0f6722d0d90b99367acea8a16fb609
5
5
  SHA512:
6
- metadata.gz: cb7566ccb322412f6e3a3648fe738df099de01d39af408cb166676b8e9f05a85f4bd348b9b94928ff78950870ddc3487638d9b5eb32a62037d8834b599dacf96
7
- data.tar.gz: 3a6a4e0eb09706caddde216f771833ae19ddc180ce82324e584a669c6edc2b6e5bc85e56454fb99282b417a0ff9c1efbdad96b1e7b783f0163e662e3a9faa495
6
+ metadata.gz: 53f10ca101d6898a3fe39f89b85df6f449c79534d2c983547c0ade5dcbbe2131d42a6e405dfd3ce0cc5c4db24ac2595046983763b072f1c50025ecde65c36725
7
+ data.tar.gz: 434818b51714ce97871413c231ed01fd810b544fd7efed8a697520eca886232587dd877689882aa0ece09222288e3075891c0178197cb188b53ef0f45423cbb1
@@ -1,14 +1,10 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) 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,9 +1,5 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
2
+ <% object.table_data.each do |row| %>
3
+ <%= render_row_and_children(row, object.column_definitions) %>
4
+ <% end %>
5
+ <% end %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- aria: object.aria,
3
- class: object.classname,
4
- data: object.data,
5
- id: object.id) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
7
3
  <% object.column_definitions.each_with_index do |item, index| %>
8
4
  <%= pb_rails("table/table_header", props: { tag:"div", id:item[:accessor], classname:object.th_classname}) do %>
@@ -17,4 +13,4 @@
17
13
  <% end %>
18
14
  <% end %>
19
15
  <% end %>
20
- <% end %>
16
+ <% end %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- aria: object.aria,
3
- class: object.classname,
4
- data: object.data,
5
- id: object.id) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <% object.column_definitions.each_with_index do |column, index| %>
7
3
  <%= pb_rails("table/table_cell", props: { tag:"div", classname:object.td_classname}) do %>
8
4
  <%= pb_rails("flex", props:{ align: "center", justify: index.zero? ? "start" : "end" }) do %>
@@ -34,4 +30,4 @@
34
30
  <% end %>
35
31
  <% end %>
36
32
  <% end %>
37
- <% end %>
33
+ <% end %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <% if object.tooltip_text.present? %>
8
3
  <%= pb_rails("tooltip", props: {
9
4
  trigger_element_id: object.tooltip_id,
@@ -1,9 +1,5 @@
1
1
  <% if object.image_url.present? %>
2
- <%= content_tag(object.tag,
3
- aria: object.aria,
4
- data: object.data,
5
- id: object.id,
6
- class: object.classname,
2
+ <%= pb_content_tag(object.tag,
7
3
  style: "background-image: url('#{object.image_url}');
8
4
  background-repeat: #{object.background_repeat};
9
5
  background-size: #{object.background_size};
@@ -13,11 +9,7 @@
13
9
  <%= content.presence %>
14
10
  <% end %>
15
11
  <% else %>
16
- <%= content_tag(object.tag,
17
- aria: object.aria,
18
- data: object.data,
19
- id: object.id,
20
- class: object.classname,
12
+ <%= pb_content_tag(object.tag,
21
13
  style: object.custom_background_color
22
14
  ) do %>
23
15
  <%= content.presence %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <span><%= object.text %></span>
8
3
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(object.tag, **combined_html_options) do %>
7
2
  <%= object.content %>
8
3
  <% end %>
@@ -1,9 +1,4 @@
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%>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content_tag(object.link ? 'a' : 'span', class: 'bread_crumb_item', href: object.link) do %>
8
3
  <%= content.presence %>
9
4
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:nav, **combined_html_options) do %>
2
+ <%= content.presence %>
8
3
  <% end %>
@@ -1,4 +1,4 @@
1
- <%= content_tag(object.tag,
1
+ <%= pb_content_tag(object.tag,
2
2
  object.tag == "button" ? object.options : object.link_options,
3
3
  **combined_html_options) do %>
4
4
  <% if object.variant === "reaction" %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
2
+ <%= content.presence || object.text %>
8
3
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(object.tag, **combined_html_options) do %>
7
2
  <%= content.presence || object.text %>
8
3
  <% end %>
@@ -1,10 +1,4 @@
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 %>
1
+ <%= pb_content_tag(object.tag, **combined_html_options) do %>
8
2
  <%= content.presence %>
9
3
  <% end %>
10
4
 
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content.presence %>
8
3
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content.presence %>
8
3
  <% end %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:label, **combined_html_options) do %>
7
2
  <%= content.presence || object.input %>
8
3
  <% if object.indeterminate %>
9
4
  <span class="pb_checkbox_indeterminate">
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= 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 %>
8
3
  <%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
9
4
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content.presence %>
8
3
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content.presence %>
8
3
  <% end %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
 
8
3
  <%= pb_rails("flex", props: {vertical: "center", spacing: "between", cursor: "pointer"}) do %>
9
4
  <%= pb_rails("flex/flex_item") do %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= pb_rails("body", props: {
8
3
  tag: "span",
9
4
  classname: "pb_contact_kit",
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= pb_rails("caption", props: object.caption_props) %>
8
3
 
9
4
  <div class=<%= "pb_currency_wrapper#{object.variant_class || object.emphasized_class}" %>>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <% if object.stat_label.present? %>
8
3
  <%= pb_rails("body", props: { color: "light", text: object.stat_label } ) %>
9
4
  <% end %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
 
8
3
  <% if object.unstyled %>
9
4
  <!-- icon -->
@@ -1,8 +1,5 @@
1
- <%= content_tag(:div,
2
- aria: object.aria,
1
+ <%= pb_content_tag(:div,
3
2
  class: object.classname + object.error_class,
4
- data: object.data,
5
- id: object.id,
6
3
  **combined_html_options) do %>
7
4
  <div class="input_wrapper">
8
5
  <% if content.present? %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <div class="pb_date_range_inline_wrapper">
7
3
  <% if object.icon == true %>
8
4
  <%= 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" }) }) %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
 
7
3
  <%= pb_rails("flex", props: {vertical: "center"}) do %>
8
4
  <%= pb_rails("flex/flex_item") do %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
 
7
3
  <% if object.bold == false %>
8
4
 
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
 
8
3
  <%= pb_rails("flex", props: {
9
4
  orientation: "row",
@@ -1,10 +1,4 @@
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
-
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
8
2
  <%= pb_rails("flex", props: {classname: "flex-container", vertical: "stretch"}) do %>
9
3
  <%= pb_rails("body", props: {classname: "flex-item"}) do %>
10
4
  <%= pb_rails("date_stacked", props: { date: object.date_time_value, size: "sm", align: "right", bold: true, dark: object.dark }) %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <%= pb_rails("title", props: { text: object.day_month, size: 4, dark: object.dark }) %>
7
3
  <%= pb_rails("body", props: { text: object.year, size: 4, color: "light", dark: object.dark }) %>
8
4
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(object.tag, **combined_html_options) do %>
7
2
  <%= object.content %>
8
3
  <% end %>
@@ -1,10 +1,5 @@
1
1
  <div class="pb_dialog_wrapper_rails <%= object.full_height_style %>" data-overlay-click= <%= object.overlay_close %> >
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 %>
2
+ <%= pb_content_tag(:dialog, **combined_html_options) do %>
8
3
  <% if object.status === "" && object.title %>
9
4
  <%= pb_rails("dialog/dialog_header", props: { title: object.title, id: object.id }) %>
10
5
  <% end %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
2
+ <%= content.presence || object.text %>
8
3
  <% end %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- aria: object.aria,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <% if object.confirm_button && object.cancel_button %>
7
3
  <div class="dialog-pseudo-footer"></div>
8
4
  <%= pb_rails("flex", props: { classname:object.classname, spacing:"between", padding_x:"sm", padding:"sm", padding_bottom:"sm" }) do %>
@@ -1,8 +1,5 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
1
+ <%= pb_content_tag(:div,
4
2
  class: object.sticky_header,
5
- aria: object.aria,
6
3
  **combined_html_options) do %>
7
4
  <%= pb_rails("flex", props: {classname:object.classname, spacing:"between", padding:"sm", align:"center"}) do %>
8
5
  <%= content.presence || object.title %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= pb_rails("form_group", props: {cursor: "pointer", full_width: object.full_width}) do %>
8
3
  <label for="upload-<%= object.id %>" class="pb_button_kit_secondary_inline_enabled"><%= "#{object.label}" %></label>
9
4
  <%= pb_rails("text_input", props: {
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <%= object.wrapper do %>
7
3
  <%= pb_rails("flex", props: { orientation: "row", padding_right: "lg", vertical: "center" }) do %>
8
4
  <% if (object.template != "sort_only") %>
@@ -1,9 +1,4 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= pb_rails("icon", props: { icon: object.icon_value, classname: "pb_icon", fixed_width: true }) %>
8
3
 
9
4
  <% if content %>
@@ -1,7 +1,3 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <%= content.presence %>
7
3
  <% end %>
@@ -1,7 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
1
+ <%= pb_content_tag(:div,
5
2
  style: object.style_value,
6
3
  **combined_html_options) do %>
7
4
  <%= content.presence %>
@@ -1,8 +1,3 @@
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 %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
7
2
  <%= content.presence %>
8
3
  <% end %>
@@ -1,4 +1,4 @@
1
- <%= content_tag(:div, id: object.id, data: object.data, class: object.classname + object.size_class, **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, class: object.classname + object.size_class, **combined_html_options) do %>
2
2
  <% if object.name.present? %>
3
3
  <%= pb_rails("avatar", props: { name: object.name, image_url: object.avatar_url, size: "xs" }) %>
4
4
  <%= pb_rails("title", props: { text: object.name, size: 4, classname: "pb_form_pill_text" }) %>
@@ -1,9 +1,4 @@
1
- <%= content_tag(:span,
2
- aria: object.aria,
3
- class: object.classname,
4
- data: object.data,
5
- id: object.id,
6
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:span, **combined_html_options) do %>
7
2
  <%= link_to object.url, target: object.link_option do %>
8
3
  <%= pb_rails("badge", props: { dark: object.dark, variant: "primary", text: object.hashtag_text }) %>
9
4
  <% end %>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:span,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:span, **combined_html_options) do %>
6
2
  <mark>
7
3
  <%= content.presence || object.text %>
8
4
  </mark>
@@ -1,8 +1,4 @@
1
- <%= content_tag(:div,
2
- id: object.id,
3
- data: object.data,
4
- class: object.classname,
5
- **combined_html_options) do %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
6
2
  <%= pb_rails("home_address_street/#{emphasis}_emphasis", props: object.send("#{emphasis}_emphasis_props")) %>
7
3
  <% end %>
8
4
 
@@ -51,7 +51,7 @@ $pb_icon_circle_sizes: (
51
51
  }
52
52
 
53
53
  @each $name, $size in $pb_icon_circle_sizes {
54
- &[class*=_size_#{$name}] {
54
+ &[class*=_#{$name}] {
55
55
  width: $size;
56
56
  height: $size;
57
57
  border-radius: $size/2;
@@ -43,7 +43,7 @@ const IconCircle = (props: IconCircleProps) => {
43
43
  const ariaProps = buildAriaProps(aria)
44
44
  const dataProps = buildDataProps(data)
45
45
  const htmlProps = buildHtmlProps(htmlOptions)
46
- const classes = classnames(buildCss('pb_icon_circle_kit', `size_${size}`, variant), globalProps(props), className)
46
+ const classes = classnames(buildCss('pb_icon_circle_kit', size, variant), globalProps(props), className)
47
47
 
48
48
 
49
49
  return (
@@ -1,8 +1,3 @@
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
- <%= pb_rails("icon", props: { dark: object.dark, icon: object.icon, fixed_width: true }) %>
1
+ <%= pb_content_tag(:div, **combined_html_options) do %>
2
+ <%= pb_rails("icon", props: { dark: object.dark, icon: object.icon, fixed_width: true }) %>
8
3
  <% end %>
@@ -14,7 +14,7 @@ module Playbook
14
14
  default: "default"
15
15
 
16
16
  def classname
17
- generate_classname("pb_icon_circle_kit", "size_#{size}", variant)
17
+ generate_classname("pb_icon_circle_kit", size, variant)
18
18
  end
19
19
  end
20
20
  end