playbook_ui 16.9.0.pre.alpha.play3006saftleyremoveSVGconsoleerror17307 → 16.9.0.pre.alpha.play300617324

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.
Files changed (12) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -9
  3. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +2 -2
  4. data/app/pb_kits/playbook/pb_dropdown/index.js +1 -1
  5. data/app/pb_kits/playbook/pb_icon/icon.rb +2 -2
  6. data/app/pb_kits/playbook/pb_list/item.html.erb +1 -1
  7. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +2 -2
  8. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +1 -1
  9. data/dist/playbook-rails.js +1 -1
  10. data/dist/playbook.css +1 -1
  11. data/lib/playbook/version.rb +1 -1
  12. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 58109e13b2919ae0821fcdceeaabceec69064c9dccb9b2cc536618d24b554b36
4
- data.tar.gz: dd220dbf58c7eea47e3c31bf64a68036cf7931f41f413cb7ce15f632b0cc852c
3
+ metadata.gz: a5065cb7f95a87bf4c7017ca39396c01cea3b5f52c28e12edbd7394d94970692
4
+ data.tar.gz: d9ab2af5a07e6344b6490004622a9f5680cbe04bc0738bbeaab4684ba506fa29
5
5
  SHA512:
6
- metadata.gz: 2992bfced82519b129ac97d463a0f60b922eabee83704eb92cd3ab3f6dd8ea28d8aa21934b8bbe2a0b1b01cdd51b373350d50b0cc1f0b7fd82f0c6ee447f0f1b
7
- data.tar.gz: e5dd9aa804b09005eb2cee41c7cd579acd9fe3ad52ec999e9bda6cb28a2f59534f2e7bcbd664a2a36ad64d924b103943075e60d071ce06b65da97e9a219917f1
6
+ metadata.gz: 15eb1a7fa41dc10d469333fa59dbbed937fcb3328af715d1a2485fa6a185c26077562d7efd3dbe23403deb0b57cd2871eb015f81d7fea9ae6b013c1fb51cec38
7
+ data.tar.gz: 5e8ec8080ab8a1b21185315cd19f7e4508c7b708f9b3dce64bbfb22b43b5a83c693abc65d34445117a3f68fcb58cdcba1d408fdfaaddb2583fd77d4352933c99
data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss CHANGED
@@ -448,15 +448,6 @@
448
448
  padding: 2px;
449
449
  }
450
450
 
451
- // Keep control icons visually consistent across host apps,
452
- // even when global svg defaults differ.
453
- .toggle-all-icon .pb_custom_icon,
454
- .expand-toggle-icon .pb_custom_icon,
455
- .sort-button-icon .pb_custom_icon,
456
- .fullscreen-icon .pb_custom_icon {
457
- font-size: 1.25em;
458
- }
459
-
460
451
  .header-sort-secondary-columns {
461
452
  color: $primary !important;
462
453
 
data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap CHANGED
@@ -32,9 +32,9 @@ exports[`html structure is correct 1`] = `
32
32
  class="pb_custom_icon svg-inline--fa color_text_lt_lighter svg_lg svg_fw"
33
33
  color="currentColor"
34
34
  fill="none"
35
- height="1.5em"
35
+ height="auto"
36
36
  viewBox="0 0 30 25"
37
- width="1.5em"
37
+ width="auto"
38
38
  xmlns="http://www.w3.org/2000/svg"
39
39
  >
40
40
  <path
data/app/pb_kits/playbook/pb_dropdown/index.js CHANGED
@@ -998,7 +998,7 @@ export default class PbDropdown extends PbEnhancedElement {
998
998
  closeIcon.className = "pb_form_pill_close";
999
999
  closeIcon.innerHTML = `<svg class="pb_custom_icon svg-inline--fa svg_${
1000
1000
  this.formPillProps.size === "small" ? "xs" : "sm"
1001
- } svg_fw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 25"><path fill="currentColor" d="M23.0762 6.77734L17.4512 12.4023L23.0293 17.9805C23.498 18.4023 23.498 19.1055 23.0293 19.5273C22.6074 19.9961 21.9043 19.9961 21.4824 19.5273L15.8574 13.9492L10.2793 19.5273C9.85742 19.9961 9.1543 19.9961 8.73242 19.5273C8.26367 19.1055 8.26367 18.4023 8.73242 17.9336L14.3105 12.3555L8.73242 6.77734C8.26367 6.35547 8.26367 5.65234 8.73242 5.18359C9.1543 4.76172 9.85742 4.76172 10.3262 5.18359L15.9043 10.8086L21.4824 5.23047C21.9043 4.76172 22.6074 4.76172 23.0762 5.23047C23.498 5.65234 23.498 6.35547 23.0762 6.77734Z"/></svg>`;
1001
+ } svg_fw" xmlns="http://www.w3.org/2000/svg" width="auto" height="auto" viewBox="0 0 31 25"><path fill="currentColor" d="M23.0762 6.77734L17.4512 12.4023L23.0293 17.9805C23.498 18.4023 23.498 19.1055 23.0293 19.5273C22.6074 19.9961 21.9043 19.9961 21.4824 19.5273L15.8574 13.9492L10.2793 19.5273C9.85742 19.9961 9.1543 19.9961 8.73242 19.5273C8.26367 19.1055 8.26367 18.4023 8.73242 17.9336L14.3105 12.3555L8.73242 6.77734C8.26367 6.35547 8.26367 5.65234 8.73242 5.18359C9.1543 4.76172 9.85742 4.76172 10.3262 5.18359L15.9043 10.8086L21.4824 5.23047C21.9043 4.76172 22.6074 4.76172 23.0762 5.23047C23.498 5.65234 23.498 6.35547 23.0762 6.77734Z"/></svg>`;
1002
1002
  pill.appendChild(closeIcon);
1003
1003
 
1004
1004
  closeIcon.addEventListener("click", (e) => {
data/app/pb_kits/playbook/pb_icon/icon.rb CHANGED
@@ -122,10 +122,10 @@ module Playbook
122
122
  svg = doc.at_css("svg")
123
123
  return "" unless svg
124
124
 
125
- svg.remove_attribute("height")
126
- svg.remove_attribute("width")
127
125
  svg["class"] = %w[pb_custom_icon svg-inline--fa].concat([object.custom_icon_classname]).join(" ")
128
126
  svg["id"] = object.id
127
+ svg["height"] = "auto"
128
+ svg["width"] = "auto"
129
129
  svg["tabindex"] = object.tabindex
130
130
  fill_color = object.color || "currentColor"
131
131
 
data/app/pb_kits/playbook/pb_list/item.html.erb CHANGED
@@ -11,7 +11,7 @@
11
11
  <% if object.drag_handle %>
12
12
  <span class="pb_draggable_handle" style="vertical-align: middle;">
13
13
  <%= pb_rails("body") do %>
14
- <svg viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="pb_custom_icon svg-inline--fa vertical_align_middle svg_fw"><path d="M12.904 6.355a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm0 7.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm4.5-13.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm-1.5 9a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5z" fill="#242B42"></path></svg>
14
+ <svg width="auto" height="auto" viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="pb_custom_icon svg-inline--fa vertical_align_middle svg_fw"><path d="M12.904 6.355a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm0 7.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm4.5-13.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm-1.5 9a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5z" fill="#242B42"></path></svg>
15
15
  <% end %>
16
16
  </span>
17
17
  <% end %>
data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb CHANGED
@@ -28,9 +28,9 @@
28
28
  popoverButton.onclick = () => {
29
29
  buttonClicked = !buttonClicked
30
30
  if (buttonClicked) {
31
- arrowDiv.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 25" fill="none" class="pb_custom_icon svg-inline--fa pb_icon_kit svg_fw" id="" data="{}" aria="{}" tabindex=""><path d="M14.2031 5.70312C14.625 5.28125 15.3281 5.28125 15.75 5.70312L24.7969 14.7031C25.2188 15.1719 25.2188 15.875 24.7969 16.2969C24.3281 16.7656 23.625 16.7656 23.2031 16.2969L15 8.09375L6.79688 16.2969C6.32812 16.7656 5.625 16.7656 5.20312 16.2969C4.73438 15.875 4.73438 15.1719 5.20312 14.75L14.2031 5.70312Z" fill="currentColor"/></svg>'
31
+ arrowDiv.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="auto" height="auto" viewBox="0 0 31 25" fill="none" class="pb_custom_icon svg-inline--fa pb_icon_kit svg_fw" id="" data="{}" aria="{}" tabindex=""><path d="M14.2031 5.70312C14.625 5.28125 15.3281 5.28125 15.75 5.70312L24.7969 14.7031C25.2188 15.1719 25.2188 15.875 24.7969 16.2969C24.3281 16.7656 23.625 16.7656 23.2031 16.2969L15 8.09375L6.79688 16.2969C6.32812 16.7656 5.625 16.7656 5.20312 16.2969C4.73438 15.875 4.73438 15.1719 5.20312 14.75L14.2031 5.70312Z" fill="currentColor"/></svg>'
32
32
  } else {
33
- arrowDiv.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 25" fill="none" class="pb_custom_icon svg-inline--fa pb_icon_kit svg_fw" id="" data="{}" aria="{}" tabindex=""><path d="M14.2031 19.2969L5.20312 10.2969C4.73438 9.875 4.73438 9.17188 5.20312 8.70312C5.625 8.28125 6.32812 8.28125 6.79688 8.70312L15 16.9531L23.2031 8.75C23.625 8.28125 24.3281 8.28125 24.7969 8.75C25.2188 9.17188 25.2188 9.875 24.7969 10.2969L15.75 19.2969C15.3281 19.7656 14.625 19.7656 14.2031 19.2969Z" fill="currentColor"/></svg>'
33
+ arrowDiv.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="auto" height="auto" viewBox="0 0 31 25" fill="none" class="pb_custom_icon svg-inline--fa pb_icon_kit svg_fw" id="" data="{}" aria="{}" tabindex=""><path d="M14.2031 19.2969L5.20312 10.2969C4.73438 9.875 4.73438 9.17188 5.20312 8.70312C5.625 8.28125 6.32812 8.28125 6.79688 8.70312L15 16.9531L23.2031 8.75C23.625 8.28125 24.3281 8.28125 24.7969 8.75C25.2188 9.17188 25.2188 9.875 24.7969 10.2969L15.75 19.2969C15.3281 19.7656 14.625 19.7656 14.2031 19.2969Z" fill="currentColor"/></svg>'
34
34
  }
35
35
  }
36
36
  </script>
data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb CHANGED
@@ -7,7 +7,7 @@
7
7
  <% if object.drag_id && object.drag_handle %>
8
8
  <span style="vertical-align: middle;">
9
9
  <%= pb_rails("body") do %>
10
- <svg viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="pb_custom_icon svg-inline--fa vertical_align_middle svg_fw"><path d="M12.904 6.355a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm0 7.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm4.5-13.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm-1.5 9a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5z" fill="#242B42"></path></svg>
10
+ <svg width="auto" height="auto" viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="pb_custom_icon svg-inline--fa vertical_align_middle svg_fw"><path d="M12.904 6.355a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm0 7.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.656-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm4.5-13.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5zm1.5 6c0 .844-.703 1.5-1.5 1.5a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5zm-1.5 9a1.48 1.48 0 01-1.5-1.5c0-.796.657-1.5 1.5-1.5.797 0 1.5.704 1.5 1.5 0 .844-.703 1.5-1.5 1.5z" fill="#242B42"></path></svg>
11
11
  <% end %>
12
12
  </span>
13
13
  <% end %>