polaris_view_components 1.1.0 → 1.2.0

data/app/assets/icons/polaris/UnderlineMajor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7.25 3.75a.75.75 0 0 0-1.5 0v6a4.25 4.25 0 0 0 8.5 0v-6a.75.75 0 0 0-1.5 0v6a2.75 2.75 0 1 1-5.5 0v-6Zm-2.5 11.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5h-10.5Z"/></svg>

data/app/assets/icons/polaris/UnderlineMinor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7.25 3.75a.75.75 0 0 0-1.5 0v6a4.25 4.25 0 0 0 8.5 0v-6a.75.75 0 0 0-1.5 0v6a2.75 2.75 0 1 1-5.5 0v-6Zm-2.5 11.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5h-10.5Z"/></svg>

data/app/assets/icons/polaris/UndoMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.488 5c2.149-1.934 3.99-3 6.512-3a8 8 0 0 1 8 8 8 8 0 0 1-8 8 1 1 0 1 0 0 2c5.523 0 10-4.477 10-10s-4.477-10-10-10c-3.297 0-5.644 1.496-8 3.647v-2.647a1 1 0 0 0-2 0v5a.998.998 0 0 0 1 1h5a1 1 0 0 0 0-2h-2.512z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.47 3.72a.75.75 0 0 1 1.06 1.06l-1.72 1.72h3.94a5 5 0 0 1 0 10h-1.5a.75.75 0 0 1 0-1.5h1.5a3.5 3.5 0 1 0 0-7h-3.94l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3Z"/></svg>

data/app/assets/icons/polaris/UnfulfilledMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 3v11h3.5c.775 0 1.388.662 1.926 1.244l.11.12a2 2 0 0 0 2.927-.001l.111-.119c.538-.582 1.151-1.244 1.926-1.244h3.5v-11h-14zm3-2h-3.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5v-15a1.5 1.5 0 0 0-1.5-1.5h-11.5z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.53 4.78a.75.75 0 0 0-1.06-1.06l-1.47 1.47-1.47-1.47a.75.75 0 0 0-1.06 1.06l1.47 1.47-1.47 1.47a.75.75 0 0 0 1.06 1.06l1.47-1.47 1.47 1.47a.75.75 0 1 0 1.06-1.06l-1.47-1.47 1.47-1.47Z"/><path fill-rule="evenodd" d="m14.844 10-.336-2.265a.75.75 0 1 1 1.484-.22l.413 2.792c.063.425.095.853.095 1.282v1.661a3.25 3.25 0 0 1-3.25 3.25h-6.5a3.25 3.25 0 0 1-3.25-3.25v-1.66c0-.43.032-.858.094-1.283l.414-2.792a.75.75 0 0 1 1.484.22l-.336 2.265h2.484a1.25 1.25 0 0 1 1.185.855l.159.474a.25.25 0 0 0 .237.171h1.558a.25.25 0 0 0 .237-.17l.159-.475a1.25 1.25 0 0 1 1.185-.855h2.484Zm-9.843 1.5-.001.09v1.66c0 .967.784 1.75 1.75 1.75h6.5a1.75 1.75 0 0 0 1.75-1.75v-1.75h-2.46l-.1.303a1.75 1.75 0 0 1-1.66 1.197h-1.56a1.75 1.75 0 0 1-1.66-1.197l-.1-.303h-2.46Z"/></svg>

data/app/assets/icons/polaris/UnknownDeviceMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 2h1v-2h-1.5a1.5 1.5 0 0 0-1.5 1.5v1.5h2v-1zm4.685 10.502h2.136v-.141c.011-1.17.23-1.302 1.02-1.777l.238-.144c1.11-.664 1.805-1.57 1.805-2.952 0-2.04-1.588-3.488-3.894-3.488-2.113 0-3.93 1.193-3.99 3.487h2.267c.054-1.135.86-1.533 1.711-1.533.924 0 1.666.616 1.666 1.564 0 .845-.561 1.424-1.292 1.883-.102.064-.2.122-.293.178-.882.528-1.363.816-1.374 2.782v.14zm.979 4.34c.712 0 1.322-.591 1.328-1.328a1.342 1.342 0 0 0-1.328-1.316c-.737 0-1.334.592-1.328 1.316a1.32 1.32 0 0 0 1.328 1.328zm-5.664 1.158v-1h-2v1.5a1.5 1.5 0 0 0 1.5 1.5h1.5v-2h-1zm11 0h1v-1h2v1.5a1.5 1.5 0 0 1-1.5 1.5h-1.5v-2zm-11-7v4h-2v-4h2zm0-2v-4h-2v4h2zm14 2v4h-2v-4h2zm0-2v-4h-2v4h2zm-2-6v-1h-1v-2h1.5a1.5 1.5 0 0 1 1.5 1.5v1.5h-2z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 7.25c-.69 0-1.25.56-1.25 1.25a.75.75 0 0 1-1.5 0 2.75 2.75 0 1 1 3.758 2.56.61.61 0 0 0-.226.147.154.154 0 0 0-.032.046.75.75 0 0 1-1.5-.003c0-.865.696-1.385 1.208-1.586a1.25 1.25 0 0 0-.458-2.414Zm.75 4.003v.002-.002Z"/><path d="M10 14.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path fill-rule="evenodd" d="M4 5.75a2.75 2.75 0 0 1 2.75-2.75h6.5a2.75 2.75 0 0 1 2.75 2.75v8.5a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-8.5Zm2.75-1.25c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25h-6.5Z"/></svg>

data/app/assets/icons/polaris/UpdateInventoryMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m18 5.65-8-3.555-8 3.555v13.35h-2v-14c0-.396.232-.753.594-.913l9-4a.999.999 0 0 1 .812 0l9 4a1 1 0 0 1 .594.913v14h-2v-13.35z"/><path d="M9 15a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414l1.293 1.293 3.293-3.293a1 1 0 1 1 1.414 1.415l-4 4a.999.999 0 0 1-.707.292z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.265 2.952a2.25 2.25 0 0 0-2.53 0l-4.094 2.783a3.75 3.75 0 0 0-1.641 3.101v7.413a.75.75 0 0 0 1.5 0v-7.413c0-.745.369-1.441.985-1.86l4.093-2.784a.75.75 0 0 1 .844 0l4.093 2.784a2.25 2.25 0 0 1 .985 1.86v7.413a.75.75 0 0 0 1.5 0v-7.413a3.75 3.75 0 0 0-1.641-3.1l-4.094-2.784Z"/><path d="M13.28 10.28a.75.75 0 0 0-1.06-1.061l-2.97 2.97-1.22-1.22a.75.75 0 1 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l3.5-3.5Z"/></svg>

data/app/assets/icons/polaris/UploadMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M20 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10zm-14.707-1.707 4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414l-2.293-2.293v7.586a1 1 0 1 1-2 0v-7.586l-2.293 2.293a1 1 0 0 1-1.414-1.414z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 6.26a.75.75 0 0 1-1.5 0v-.51a.75.75 0 0 0-.75-.75h-8.5a.75.75 0 0 0-.75.75v.51a.75.75 0 0 1-1.5 0v-.51a2.25 2.25 0 0 1 2.25-2.25h8.5a2.25 2.25 0 0 1 2.25 2.25v.51Z"/><path d="M10.75 16.01a.75.75 0 0 1-1.5 0v-6.69l-1.72 1.72a.75.75 0 1 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 1 1-1.06 1.06l-1.72-1.72v6.69Z"/></svg>

data/app/assets/icons/polaris/VariantMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-3.5v2.5a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 0 1-1.5-1.5v-11a1.5 1.5 0 0 1 1.5-1.5h2.5v-3.5a1.5 1.5 0 0 1 1.5-1.5h12zm-6.5 13h6v-6l-6 6zm-9 4h10v-2.027l-6.495.022a1.5 1.5 0 0 1-1.505-1.5v-6.495h-2v10zm10-15h-6v6l6-6z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.01 6.01a2.75 2.75 0 0 1 2.74-2.51h5a2.75 2.75 0 0 1 2.75 2.75v5a2.75 2.75 0 0 1-2.51 2.74 2.75 2.75 0 0 1-2.74 2.51h-5a2.739 2.739 0 0 1-1.771-.646 1.001 1.001 0 0 1-.333-.333 2.739 2.739 0 0 1-.646-1.771v-5a2.75 2.75 0 0 1 2.51-2.74Zm1.515-.01h3.725c.675 0 1.293.243 1.771.646a1.003 1.003 0 0 1 .333.333c.403.478.646 1.096.646 1.771v3.725c.57-.116 1-.62 1-1.225v-5c0-.69-.56-1.25-1.25-1.25h-5c-.605 0-1.11.43-1.225 1Zm-1.275 1.5h4.836l-6.086 6.086v-4.836c0-.69.56-1.25 1.25-1.25Zm5 7.5h-4.836l6.086-6.086v4.836c0 .69-.56 1.25-1.25 1.25Z"/></svg>

data/app/assets/icons/polaris/ViewMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M19.928 9.629c-2.137-5.343-6.247-7.779-10.355-7.565-4.06.21-7.892 3.002-9.516 7.603l-.118.333.118.333c1.624 4.601 5.455 7.393 9.516 7.603 4.108.213 8.218-2.222 10.355-7.565l.149-.371-.149-.371zm-9.928 5.371a5 5 0 1 0 0-10 5 5 0 0 0 0 10z"/><circle cx="10" cy="10" r="3"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/><path fill-rule="evenodd" d="M10 4c-2.476 0-4.348 1.23-5.577 2.532a9.266 9.266 0 0 0-1.4 1.922 5.98 5.98 0 0 0-.37.818c-.082.227-.153.488-.153.728s.071.501.152.728c.088.246.213.524.371.818.317.587.784 1.27 1.4 1.922 1.229 1.302 3.1 2.532 5.577 2.532 2.476 0 4.348-1.23 5.577-2.532a9.265 9.265 0 0 0 1.4-1.922 5.98 5.98 0 0 0 .37-.818c.082-.227.153-.488.153-.728s-.071-.501-.152-.728a5.984 5.984 0 0 0-.371-.818 9.269 9.269 0 0 0-1.4-1.922c-1.229-1.302-3.1-2.532-5.577-2.532Zm-5.999 6.002v-.004c.004-.02.017-.09.064-.223a4.5 4.5 0 0 1 .278-.608 7.768 7.768 0 0 1 1.17-1.605c1.042-1.104 2.545-2.062 4.487-2.062 1.942 0 3.445.958 4.486 2.062a7.77 7.77 0 0 1 1.17 1.605c.13.24.221.447.279.608.047.132.06.203.064.223v.004c-.004.02-.017.09-.064.223a4.503 4.503 0 0 1-.278.608 7.768 7.768 0 0 1-1.17 1.605c-1.042 1.104-2.545 2.062-4.487 2.062-1.942 0-3.445-.958-4.486-2.062a7.766 7.766 0 0 1-1.17-1.605 4.5 4.5 0 0 1-.279-.608c-.047-.132-.06-.203-.064-.223Z"/></svg>

data/app/assets/icons/polaris/ViewMinor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.928 9.628c-.091-.229-2.317-5.628-7.928-5.628s-7.838 5.399-7.93 5.628a1.017 1.017 0 0 0 0 .744c.093.229 2.319 5.628 7.93 5.628s7.837-5.399 7.928-5.628a1.017 1.017 0 0 0 0-.744zm-7.928 4.372a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6a2 2 0 1 0 .002 4.001 2 2 0 0 0-.003-4.001z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/><path fill-rule="evenodd" d="M10 4c-2.476 0-4.348 1.23-5.577 2.532a9.266 9.266 0 0 0-1.4 1.922 5.98 5.98 0 0 0-.37.818c-.082.227-.153.488-.153.728s.071.501.152.728c.088.246.213.524.371.818.317.587.784 1.27 1.4 1.922 1.229 1.302 3.1 2.532 5.577 2.532 2.476 0 4.348-1.23 5.577-2.532a9.265 9.265 0 0 0 1.4-1.922 5.98 5.98 0 0 0 .37-.818c.082-.227.153-.488.153-.728s-.071-.501-.152-.728a5.984 5.984 0 0 0-.371-.818 9.269 9.269 0 0 0-1.4-1.922c-1.229-1.302-3.1-2.532-5.577-2.532Zm-5.999 6.002v-.004c.004-.02.017-.09.064-.223a4.5 4.5 0 0 1 .278-.608 7.768 7.768 0 0 1 1.17-1.605c1.042-1.104 2.545-2.062 4.487-2.062 1.942 0 3.445.958 4.486 2.062a7.77 7.77 0 0 1 1.17 1.605c.13.24.221.447.279.608.047.132.06.203.064.223v.004c-.004.02-.017.09-.064.223a4.503 4.503 0 0 1-.278.608 7.768 7.768 0 0 1-1.17 1.605c-1.042 1.104-2.545 2.062-4.487 2.062-1.942 0-3.445-.958-4.486-2.062a7.766 7.766 0 0 1-1.17-1.605 4.5 4.5 0 0 1-.279-.608c-.047-.132-.06-.203-.064-.223Z"/></svg>

data/app/assets/icons/polaris/ViewportNarrowMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14.414 9h4.586a1 1 0 1 1 0 2h-4.586l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 1 1 1.414 1.414l-1.293 1.293zm-8.707-2.707 3 3a.999.999 0 0 1 0 1.414l-3 3a.997.997 0 0 1-1.631-.324 1 1 0 0 1 .217-1.09l1.293-1.293h-4.586a1 1 0 0 1 0-2h4.586l-1.293-1.293a1 1 0 0 1 1.414-1.414zm2.293-4.293v4l-2-2v-2.5a1.5 1.5 0 0 1 1.5-1.5h5a1.5 1.5 0 0 1 1.5 1.5v2.5l-2 2v-4h-4zm6 14-2-2v4h-4v-4l-2 2v2.5a1.5 1.5 0 0 0 1.5 1.5h5a1.5 1.5 0 0 0 1.5-1.5v-2.5z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 5c0-.966.784-1.75 1.75-1.75h1c.966 0 1.75.784 1.75 1.75v1.76a.75.75 0 0 1-1.5 0v-1.76a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25v1.76a.75.75 0 0 1-1.5 0v-1.76Z"/><path d="M8.5 12.49a.75.75 0 0 1 .75.75v1.76c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25v-1.76a.75.75 0 0 1 1.5 0v1.76a1.75 1.75 0 0 1-1.75 1.75h-1a1.75 1.75 0 0 1-1.75-1.75v-1.76a.75.75 0 0 1 .75-.75Z"/><path d="M4 10c0 .414.336.75.75.75h2.44l-.72.72a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 1 0-1.06 1.06l.72.72h-2.44a.75.75 0 0 0-.75.75Z"/><path d="M15.25 10.75a.75.75 0 0 0 0-1.5h-2.44l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72h2.44Z"/></svg>

data/app/assets/icons/polaris/ViewportShortMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 14.414v4.586a1 1 0 0 1-2 0v-4.586l-1.293 1.293a1 1 0 0 1-1.414-1.414l3-3a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1-1.414 1.414l-1.293-1.293Zm2.707-8.707-3 3a1 1 0 0 1-1.414 0l-3-3a.997.997 0 0 1 .324-1.631.999.999 0 0 1 1.09.217l1.293 1.293v-4.586a1 1 0 0 1 2 0v4.586l1.293-1.293a1 1 0 1 1 1.414 1.414Zm4.293 2.293h-4l2-2h2.5a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-1.5 1.5h-2.5l-2-2h4v-4Zm-14 6 2-2h-4v-4h4l-2-2h-2.5a1.5 1.5 0 0 0-1.5 1.5v5a1.5 1.5 0 0 0 1.5 1.5h2.5Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 4a.75.75 0 0 0-.75.75v2.44l-.72-.72a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 0 0-1.06-1.06l-.72.72v-2.44a.75.75 0 0 0-.75-.75Z"/><path d="M4.75 12.25a1.75 1.75 0 0 1-1.75-1.75v-1c0-.966.784-1.75 1.75-1.75h1.875a.75.75 0 0 1 0 1.5h-1.875a.25.25 0 0 0-.25.25v1c0 .138.112.25.25.25h1.875a.75.75 0 0 1 0 1.5h-1.875Z"/><path d="M12.625 11.5a.75.75 0 0 1 .75-.75h1.875a.25.25 0 0 0 .25-.25v-1a.25.25 0 0 0-.25-.25h-1.875a.75.75 0 0 1 0-1.5h1.875c.966 0 1.75.784 1.75 1.75v1a1.75 1.75 0 0 1-1.75 1.75h-1.875a.75.75 0 0 1-.75-.75Z"/><path d="M9.25 15.25a.75.75 0 0 0 1.5 0v-2.44l.72.72a.75.75 0 0 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72v2.44Z"/></svg>

data/app/assets/icons/polaris/ViewportTallMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m13.707 16.707-3 3a.999.999 0 0 1-1.414 0l-3-3a.997.997 0 0 1 .324-1.631 1 1 0 0 1 1.09.217l1.293 1.293v-4.586a1 1 0 0 1 2 0v4.586l1.293-1.293a1 1 0 0 1 1.414 1.414Zm0-13.414a1 1 0 0 1-1.414 1.414l-1.293-1.293v4.586a1 1 0 1 1-2 0v-4.586l-1.293 1.293a1.002 1.002 0 0 1-1.414 0 1 1 0 0 1 0-1.414l3-3a.997.997 0 0 1 1.414 0l3 3Z"/><path d="M18.5 1a1.5 1.5 0 0 1 1.5 1.5v15a1.5 1.5 0 0 1-1.5 1.5h-4.5l2-2h2v-14h-2l-2-2h4.5Zm-16.5 16h2l2 2h-4.5a1.5 1.5 0 0 1-1.5-1.5v-15a1.5 1.5 0 0 1 1.5-1.5h4.5l-2 2h-2v14Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 9v-2.44l-.72.72a.75.75 0 1 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72v2.44a.75.75 0 0 1-1.5 0Z"/><path d="M5.75 16a2.75 2.75 0 0 1-2.75-2.75v-6.5a2.75 2.75 0 0 1 2.75-2.75h.875a.75.75 0 0 1 0 1.5h-.875c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h.875a.75.75 0 0 1 0 1.5h-.875Z"/><path d="M12.625 15.25a.75.75 0 0 1 .75-.75h.875c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25h-.875a.75.75 0 0 1 0-1.5h.875a2.75 2.75 0 0 1 2.75 2.75v6.5a2.75 2.75 0 0 1-2.75 2.75h-.875a.75.75 0 0 1-.75-.75Z"/><path d="M9.25 13.44v-2.44a.75.75 0 0 1 1.5 0v2.44l.72-.72a.75.75 0 0 1 1.06 1.06l-2 2.001a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l.72.72Z"/></svg>

data/app/assets/icons/polaris/ViewportWideMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m16.707 6.293 3 3a.998.998 0 0 1 0 1.414l-3 3a.997.997 0 0 1-1.631-.324 1 1 0 0 1 .217-1.09l1.293-1.293h-4.586a1 1 0 1 1 0-2h4.586l-1.293-1.293a1 1 0 1 1 1.414-1.414zm-13.414 0a1 1 0 1 1 1.414 1.414l-1.293 1.293h4.586a1 1 0 0 1 0 2h-4.586l1.293 1.293a1.003 1.003 0 0 1 0 1.414 1 1 0 0 1-1.414 0l-3-3a.998.998 0 0 1 0-1.414l3-3z"/><path d="M1 1.5a1.5 1.5 0 0 1 1.5-1.5h15a1.5 1.5 0 0 1 1.5 1.5v4.5l-2-2v-2h-14v2l-2 2v-4.5zm16 16.5v-2l2-2v4.5a1.5 1.5 0 0 1-1.5 1.5h-15a1.5 1.5 0 0 1-1.5-1.5v-4.5l2 2v2h14z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.75a2.75 2.75 0 0 1 2.75-2.75h6.5a2.75 2.75 0 0 1 2.75 2.75v.875a.75.75 0 0 1-1.5 0v-.875c0-.69-.56-1.25-1.25-1.25h-6.5c-.69 0-1.25.56-1.25 1.25v.875a.75.75 0 0 1-1.5 0v-.875Z"/><path d="M4.75 12.625a.75.75 0 0 1 .75.75v.875c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-.875a.75.75 0 0 1 1.5 0v.875a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-.875a.75.75 0 0 1 .75-.75Z"/><path d="M9.75 10a.75.75 0 0 1-.75.75h-2.44l.72.72a.75.75 0 1 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06l2-2a.75.75 0 1 1 1.06 1.06l-.72.72h2.44a.75.75 0 0 1 .75.75Z"/><path d="M11 10.75a.75.75 0 0 1 0-1.5h2.44l-.72-.72a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 1 1-1.06-1.06l.72-.72h-2.44Z"/></svg>

data/app/assets/icons/polaris/VimeoMinor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.922 5.189c-.247-1.028-1.406-1.319-2.577-1.14-.6.094-2.628 1-3.32 3.171 1.223-.096 1.864.089 1.747 1.451-.05.57-.333 1.195-.652 1.794-.366.692-1.055 2.047-1.957 1.07-.812-.88-.75-2.561-.935-3.682-.105-.63-.214-1.413-.418-2.06-.174-.557-.576-1.226-1.068-1.373-.528-.155-1.18.09-1.563.319-1.192.707-2.084 1.682-3.107 2.522-.13.131-.053.242-.01.34.147.23.204.369.484.41.728.108 1.42-.686 1.901.142.295.504.387 1.056.575 1.6.25.727.445 1.516.651 2.35.35 1.411.776 3.52 1.982 4.04.614.262 1.538-.09 2.006-.371 1.268-.76 2.299-1.828 3.101-2.984 2.089-3.005 3.09-6.025 3.199-6.6.077-.417.027-.761-.04-.999Z"/></svg>

data/app/assets/icons/polaris/VocabularyMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 1.5a1.5 1.5 0 0 0-1.5-1.5h-6.5c-.768 0-1.469.29-2 .766a2.987 2.987 0 0 0-2-.766h-6.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h6.5a1 1 0 0 1 1 1 1 1 0 1 0 2 0 1 1 0 0 1 1-1h6.5a1.5 1.5 0 0 0 1.5-1.5v-15zm-2 14.5h-6c-.352 0-.687.067-1 .179v-13.179a1 1 0 0 1 1-1h6v14zm-10 0h-6v-14h6a1 1 0 0 1 1 1v13.179a2.959 2.959 0 0 0-1-.179z"/><path d="M4 4h3v2h-3zm9 0h3v2h-3zm-9 4h3v2h-3zm9 0h3v2h-3zm-9 4h3v2h-3z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 6a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"/><path d="M6.75 9a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"/><path d="M6.75 12a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"/><path d="M12 6.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"/><path d="M12 9.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"/><path fill-rule="evenodd" d="M7.586 3.5c.87 0 1.714.273 2.414.771a4.164 4.164 0 0 1 2.414-.771h2.336c.966 0 1.75.784 1.75 1.75v9.5a1.75 1.75 0 0 1-1.75 1.75h-.238a9.25 9.25 0 0 0-3.161.557l-1.095.398a.75.75 0 0 1-.493.007l-1.46-.487a9.25 9.25 0 0 0-2.926-.475h-.127a1.75 1.75 0 0 1-1.75-1.75v-9.5c0-.966.784-1.75 1.75-1.75h2.336Zm-2.586 1.75a.25.25 0 0 1 .25-.25h2.336c.608 0 1.194.208 1.664.584v10.125l-.473-.157a10.75 10.75 0 0 0-3.4-.552h-.127a.25.25 0 0 1-.25-.25v-9.5Zm5.75 10.43v-10.096a2.664 2.664 0 0 1 1.664-.584h2.336a.25.25 0 0 1 .25.25v9.5a.25.25 0 0 1-.25.25h-.238a10.75 10.75 0 0 0-3.674.647l-.088.032Z"/></svg>

data/app/assets/icons/polaris/VolumeMinor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 3a1 1 0 0 0-1-1h-14a1 1 0 0 0 0 2h1v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-12h1a1 1 0 0 0 1-1Zm-4 1h-8v7h8v-2h-2a1 1 0 1 1 0-2h2v-3Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13.5 5v3.042a3 3 0 0 0 .137.895l1.552 4.966a2 2 0 0 1-1.91 2.597h-6.559a2 2 0 0 1-1.909-2.597l1.552-4.966a3 3 0 0 0 .137-.895v-3.042h-.5a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5h-.5Zm-5.5 3.042v-3.042h4v2.25h-.75a.75.75 0 0 0 0 1.5h.806c.034.214.084.427.149.634l.27.866h-4.95l.27-.866a4.5 4.5 0 0 0 .205-1.342Zm-.944 3.708h5.888l.813 2.6a.5.5 0 0 1-.477.65h-6.56a.5.5 0 0 1-.477-.65l.813-2.6Z"/></svg>

data/app/assets/icons/polaris/WandMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.666.376c.495-.501 1.189-.501 1.684 0l2.278 2.307c.496.502.496 1.204 0 1.706l-3.665 3.611-3.963-4.013 3.666-3.61Z"/><path d="m10.993 5 4.007 4.007-10.618 10.617c-.5.501-1.202.501-1.703 0l-2.303-2.303c-.501-.501-.501-1.203 0-1.703l10.617-10.618Z"/><path d="M16 13c0-.6.4-1 1-1s1 .4 1 1 .4 1 1 1 1 .4 1 1-.4 1-1 1-1 .4-1 1-.4 1-1 1-1-.4-1-1-.4-1-1-1-1-.4-1-1 .4-1 1-1 1-.4 1-1Z"/><path d="M4 1c0-.6.4-1 1-1s1 .4 1 1 .4 1 1 1 1 .4 1 1-.4 1-1 1-1 .4-1 1-.4 1-1 1-1-.4-1-1-.4-1-1-1-1-.4-1-1 .4-1 1-1 1-.4 1-1Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.737 3.677a1.75 1.75 0 0 0-2.474 0l-8.586 8.585a1.75 1.75 0 0 0 0 2.475l1.586 1.586a1.75 1.75 0 0 0 2.474 0l6.784-6.784.01-.009.008-.009 1.784-1.784a1.75 1.75 0 0 0 0-2.475l-1.586-1.585Zm-.737 4.262 1.263-1.262a.25.25 0 0 0 0-.354l-1.586-1.586a.25.25 0 0 0-.354 0l-1.262 1.263 1.939 1.94Zm-3-.878-6.263 6.262a.25.25 0 0 0 0 .354l1.586 1.585a.25.25 0 0 0 .354 0l6.262-6.262-1.94-1.94Z"/><path d="M14.25 12a.75.75 0 0 1 .75.75v.75h.75a.75.75 0 0 1 0 1.5h-.75v.75a.75.75 0 0 1-1.5 0v-.75h-.75a.75.75 0 0 1 0-1.5h.75v-.75a.75.75 0 0 1 .75-.75Z"/><path d="M6.5 4.25a.75.75 0 0 0-1.5 0v.75h-.75a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75v-.75Z"/></svg>

data/app/assets/icons/polaris/WandMinor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.44 15.56a1.5 1.5 0 0 1 0-2.12l6.792-6.793 3.121 3.12-6.792 6.794a1.5 1.5 0 0 1-2.122 0l-1-1Zm11.328-7.206 1.792-1.794a1.5 1.5 0 0 0 0-2.122l-1-1a1.5 1.5 0 0 0-2.122 0l-1.793 1.793 3.122 3.122Zm-1.768 3.646c1 0 2-1 2-2 0 1 1 2 2 2-1 0-2 1-2 2 0-1-1-2-2-2Zm-7-7c1 0 2-1 2-2 0 1 1 2 2 2-1 0-2 1-2 2 0-1-1-2-2-2Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.737 3.677a1.75 1.75 0 0 0-2.474 0l-8.586 8.585a1.75 1.75 0 0 0 0 2.475l1.586 1.586a1.75 1.75 0 0 0 2.474 0l6.784-6.784.01-.009.008-.009 1.784-1.784a1.75 1.75 0 0 0 0-2.475l-1.586-1.585Zm-.737 4.262 1.263-1.262a.25.25 0 0 0 0-.354l-1.586-1.586a.25.25 0 0 0-.354 0l-1.262 1.263 1.939 1.94Zm-3-.878-6.263 6.262a.25.25 0 0 0 0 .354l1.586 1.585a.25.25 0 0 0 .354 0l6.262-6.262-1.94-1.94Z"/><path d="M14.25 12a.75.75 0 0 1 .75.75v.75h.75a.75.75 0 0 1 0 1.5h-.75v.75a.75.75 0 0 1-1.5 0v-.75h-.75a.75.75 0 0 1 0-1.5h.75v-.75a.75.75 0 0 1 .75-.75Z"/><path d="M6.5 4.25a.75.75 0 0 0-1.5 0v.75h-.75a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75v-.75Z"/></svg>

data/app/assets/icons/polaris/WearableMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 4a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3v2.5a1.5 1.5 0 0 0 1.5 1.5h5a1.5 1.5 0 0 0 1.5-1.5v-2.5a3 3 0 0 0 3-3v-1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-1a3 3 0 0 0-3-3v-2.5a1.5 1.5 0 0 0-1.5-1.5h-5a1.5 1.5 0 0 0-1.5 1.5v2.5zm2 0v-2h4v2h-4zm4 12v2h-4v-2h4zm-6-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-8z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 8.75a.75.75 0 0 0-1.5 0v1.25c0 .199.079.39.22.53l1.25 1.25a.75.75 0 1 0 1.06-1.06l-1.03-1.03v-.94Z"/><path fill-rule="evenodd" d="M9 3a1.75 1.75 0 0 0-1.75 1.75v.933a3.75 3.75 0 0 0-2 3.317v2a3.75 3.75 0 0 0 2 3.318v.932c0 .966.784 1.75 1.75 1.75h2a1.75 1.75 0 0 0 1.75-1.75v-.932a3.75 3.75 0 0 0 2-3.318v-2a3.75 3.75 0 0 0-2-3.317v-.933a1.75 1.75 0 0 0-1.75-1.75h-2Zm0 2.25c-.084 0-.167.003-.25.008v-.508a.25.25 0 0 1 .25-.25h2a.25.25 0 0 1 .25.25v.508a3.805 3.805 0 0 0-.25-.008h-2Zm-.25 10v-.508c.083.005.166.008.25.008h2c.084 0 .167-.003.25-.008v.508a.25.25 0 0 1-.25.25h-2a.25.25 0 0 1-.25-.25Zm.25-8.5a2.25 2.25 0 0 0-2.25 2.25v2a2.25 2.25 0 0 0 2.25 2.25h2a2.25 2.25 0 0 0 2.25-2.25v-2a2.25 2.25 0 0 0-2.25-2.25h-2Z"/></svg>

data/app/assets/icons/polaris/WeightMinor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.83 6a3 3 0 1 0-5.66 0h-1.012a2.19 2.19 0 0 0-2.095 1.568l-1.97 6.6c-.419 1.411.631 2.832 2.097 2.832h11.622c1.465 0 2.516-1.42 2.095-2.832l-1.969-6.6a2.19 2.19 0 0 0-2.096-1.568h-1.013Zm-2.83 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.75 3.75a.75.75 0 0 0-1.5 0c0 .966.784 1.75 1.75 1.75h4.25v1.5h-3.5a2.25 2.25 0 0 0-2.25 2.25v5a2.25 2.25 0 0 0 2.25 2.25h8.5a2.25 2.25 0 0 0 2.25-2.25v-5a2.25 2.25 0 0 0-2.25-2.25h-3.5v-1.5h4.25a1.75 1.75 0 0 0 1.75-1.75.75.75 0 0 0-1.5 0 .25.25 0 0 1-.25.25h-10a.25.25 0 0 1-.25-.25Zm.25 5.5a.75.75 0 0 1 .75-.75h4.25a3 3 0 1 0 0 6 3 3 0 0 0 0-6h4.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-5Zm5 3.75a1.5 1.5 0 0 0 1.478-1.756l-.998.832a.75.75 0 1 1-.96-1.152l.998-.832a1.5 1.5 0 1 0-.518 2.908Z"/></svg>

data/app/assets/icons/polaris/WholesaleMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M17 3a1 1 0 1 0-2 0v5.392a2.5 2.5 0 0 0-.32-1.223l-2.184-3.892a2.5 2.5 0 0 0-2.18-1.277h-2.816a2.5 2.5 0 0 0-2.5 2.5v1.5h-2.5a1.5 1.5 0 0 0-1.5 1.5v2.585a1.5 1.5 0 0 0-1 1.415v5.5a3 3 0 1 0 6 0h3a3 3 0 1 0 6 0v-2h4a1 1 0 1 0 0-2h-2v-10zm-14 7h2v-2h-2v2zm10-1.608v1.608h-6v-5.5a.5.5 0 0 1 .5-.5h2.816a.5.5 0 0 1 .436.255l2.184 3.892a.5.5 0 0 1 .064.245zm-9 8.608a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm8 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15 4.25a.75.75 0 0 0-1.5 0v3.98l-.8-2.001a2.75 2.75 0 0 0-2.554-1.729h-3.396a.75.75 0 0 0-.75.75v3.25h-1.75a.75.75 0 0 0-.75.75v3.159a2.5 2.5 0 1 0 4.636 1.841h2.479a2.501 2.501 0 0 0 4.835-1.25h1.8a.75.75 0 0 0 0-1.5h-2.25v-7.25Zm-8.589 10a.998.998 0 0 0 0-1.5.996.996 0 0 0-1.322 0 .998.998 0 0 0 0 1.5.996.996 0 0 0 1.322 0Zm-1.411-3.136a2.501 2.501 0 0 1 3.136 1.636h2.479a2.502 2.502 0 0 1 2.135-1.738v-.012h-3.25a.75.75 0 0 1-.256-.045l-2.626-.955h-1.618v1.114Zm7.338 1.636a1 1 0 1 1 1.323 1.498 1 1 0 0 1-1.322-1.498Zm-2.706-3.25h2.76l-1.085-2.714a1.25 1.25 0 0 0-1.161-.786h-2.646v2.725l2.132.775Z"/></svg>

data/app/assets/icons/polaris/WifiMajor.svg

@@ -1 +1 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 18a1.501 1.501 0 0 1 0-3 1.501 1.501 0 0 1 0 3zm-8.996-10a.997.997 0 0 1-.607-1.795c2.709-2.067 6.119-3.205 9.603-3.205 3.483 0 6.892 1.137 9.598 3.202a1 1 0 1 1-1.212 1.59c-2.36-1.801-5.338-2.792-8.386-2.792-3.05 0-6.029.992-8.391 2.795a.988.988 0 0 1-.605.205zm2.996 3a.996.996 0 0 1-.958-1.293.998.998 0 0 1 .352-.502c1.861-1.422 4.208-2.205 6.606-2.205 2.397 0 4.742.782 6.601 2.203a1 1 0 0 1-1.213 1.59c-1.513-1.156-3.427-1.793-5.388-1.793-1.962 0-3.877.638-5.392 1.795a.989.989 0 0 1-.605.205h-.002zm8.994 3a.994.994 0 0 1-.594-.197 4.052 4.052 0 0 0-4.804 0 .999.999 0 1 1-1.192-1.606c2.108-1.565 5.079-1.566 7.187 0a1 1 0 0 1-.595 1.803z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.25 7.218a.75.75 0 0 0 1.06 1.06 9.5 9.5 0 0 1 13.435 0 .75.75 0 1 0 1.061-1.06c-4.296-4.296-11.26-4.296-15.556 0Z"/><path d="M4.725 10.753a.75.75 0 0 1 0-1.06 7.5 7.5 0 0 1 10.606 0 .75.75 0 1 1-1.06 1.06 6 6 0 0 0-8.486 0 .75.75 0 0 1-1.06 0Z"/><path d="M6.846 11.814a.75.75 0 0 0 1.06 1.06 3 3 0 0 1 4.243 0 .75.75 0 1 0 1.06-1.06 4.5 4.5 0 0 0-6.363 0Z"/><path d="M8.967 13.936a1.5 1.5 0 1 0 2.122 2.121 1.5 1.5 0 0 0-2.122-2.121Z"/></svg>

data/app/assets/icons/polaris/YoutubeMinor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.86 7s-.14-.97-.56-1.4c-.53-.56-1.13-.56-1.4-.6-1.96-.14-4.9-.14-4.9-.14s-2.94 0-4.9.14c-.28.04-.87.04-1.4.6-.43.43-.56 1.4-.56 1.4s-.14 1.14-.14 2.28v1.07c0 1.14.14 2.28.14 2.28s.14.98.55 1.4c.54.56 1.24.55 1.55.6 1.12.11 4.76.15 4.76.15s2.94 0 4.9-.15c.27-.03.87-.04 1.4-.6.42-.42.56-1.4.56-1.4s.14-1.14.14-2.28v-1.07c0-1.14-.14-2.28-.14-2.28Zm-8.31 4.65v-3.96l3.78 1.98-3.78 1.98Z"/></svg>

data/app/assets/javascripts/polaris_view_components/popover_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { createPopper } from "@popperjs/core/dist/esm"
+import { computePosition, autoUpdate, offset, flip, shift } from "@floating-ui/dom"
 
 export default class extends Controller {
   static targets = ["activator", "popover", "template"]
@@ -7,52 +7,64 @@ export default class extends Controller {
   static values = {
     appendToBody: Boolean,
     placement: String,
-    active: Boolean
+    active: Boolean,
+    textFieldActivator: Boolean
   }
 
   connect() {
-    const popperOptions = {
-      placement: this.placementValue,
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: [0, 5],
-          },
-        },
-        {
-          name: 'flip',
-          options: {
-            allowedAutoPlacements: ['top-start', 'bottom-start', 'top-end', 'bottom-end']
-          },
-        }
-      ]
-    }
-
     if (this.appendToBodyValue) {
       const clonedTemplate = this.templateTarget.content.cloneNode(true)
       this.target = clonedTemplate.firstElementChild
-      popperOptions['strategy'] = 'fixed'
-
       document.body.appendChild(clonedTemplate)
     }
 
-    this.popper = createPopper(this.activatorTarget, this.target, popperOptions)
+    this.target.style.display = 'none'
+
     if (this.activeValue) {
       this.show()
     }
   }
 
-  async toggle() {
-    this.target.classList.toggle(this.closedClass)
-    this.target.classList.toggle(this.openClass)
-    await this.popper.update()
+  disconnect() {
+    if (this.cleanup) {
+      this.cleanup()
+    }
   }
 
-  async show() {
+  updatePosition() {
+    if (this.cleanup) {
+      this.cleanup()
+    }
+    this.cleanup = autoUpdate(this.activator, this.target, () => {
+      computePosition(this.activator, this.target, {
+        placement: this.placementValue,
+        middleware: [
+          offset(5),
+          flip(),
+          shift({ padding: 5 })
+        ]
+      }).then(({x, y}) => {
+        Object.assign(this.target.style, {
+          left: `${x}px`,
+          top: `${y}px`,
+        })
+      })
+    })
+  }
+
+  toggle() {
+    if (this.target.classList.contains(this.openClass)) {
+      this.forceHide()
+    } else {
+      this.show()
+    }
+  }
+
+  show() {
+    this.target.style.display = 'block'
     this.target.classList.remove(this.closedClass)
     this.target.classList.add(this.openClass)
-    await this.popper.update()
+    this.updatePosition()
   }
 
   hide(event) {
@@ -64,10 +76,19 @@ export default class extends Controller {
   }
 
   forceHide() {
+    this.target.style.display = 'none'
     this.target.classList.remove(this.openClass)
     this.target.classList.add(this.closedClass)
   }
 
+  get activator() {
+    if (this.textFieldActivatorValue) {
+      return this.activatorTarget.querySelector('[data-controller="polaris-text-field"]')
+    } else {
+      return this.activatorTarget
+    }
+  }
+
   get target() {
     if (this.hasPopoverTarget) {
       return this.popoverTarget

data/app/assets/javascripts/polaris_view_components/tooltip_controller.js

@@ -1,54 +1,67 @@
-import { Controller } from "@hotwired/stimulus";
-import { createPopper } from "@popperjs/core/dist/esm";
+import { Controller } from "@hotwired/stimulus"
+import { computePosition, autoUpdate, offset, flip, shift, arrow } from "@floating-ui/dom"
 
 export default class extends Controller {
-  static targets = ["template"];
+  static targets = ["template"]
   static values = { active: Boolean, position: String }
 
-  initialize() {
-    this.shownTooltip = null;
-  }
-
-  getOffset() {
-    switch (this.positionValue) {
-      case "top", "bottom":
-        return [0, 8]
-      case "left", "right":
-        return [0, 6]
-      default:
-        return [0, 8]
-    }
-  }
-
   show(event) {
     if (!this.activeValue) return;
 
-    const popperOptions = {
-      placement: this.positionValue,
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: this.getOffset(),
-          },
-        }
-      ],
-    };
-
     const element = event.currentTarget;
 
     let tooltip = document.createElement("span");
     tooltip.className = "Polaris-Tooltip"
     tooltip.innerHTML = this.templateTarget.innerHTML;
+    this.tooltip = element.appendChild(tooltip);
 
-    this.shownTooltip = element.appendChild(tooltip);
+    const arrowElement = element.querySelector("[data-tooltip-arrow]");
 
-    this.popper = createPopper(element, this.shownTooltip, popperOptions);
+    computePosition(element, this.tooltip, {
+      placement: this.positionValue,
+      middleware: [
+        offset(this.offsetValue),
+        flip(),
+        shift({ padding: 5 }),
+        arrow({ element: arrowElement })
+      ]
+    }).then(({x, y, placement, middlewareData}) => {
+      Object.assign(this.tooltip.style, {
+        left: `${x}px`,
+        top: `${y}px`,
+      })
+
+      const {x: arrowX, y: arrowY} = middlewareData.arrow;
+
+      const staticSide = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right',
+      }[placement.split('-')[0]];
+
+      Object.assign(arrowElement.style, {
+        left: arrowX != null ? `${arrowX}px` : '',
+        top: arrowY != null ? `${arrowY}px` : '',
+        right: '',
+        bottom: '',
+        [staticSide]: '-4px',
+      });
+    })
   }
 
   hide() {
-    if (this.shownTooltip) {
-      this.shownTooltip.remove();
+    if (this.tooltip) {
+      this.tooltip.remove();
+    }
+  }
+
+  get offsetValue() {
+    switch (this.positionValue) {
+      case "top": case "bottom": case "left":
+        return 8
+      case "right":
+        return 6
     }
   }
 }