npm - @unofficialbox/box-open-elements - Versions diffs - 0.18.0 → 0.19.0 - Mend

@unofficialbox/box-open-elements 0.18.0 → 0.19.0

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 (143) hide show

package/dist/components/forms/pill-selector-dropdown.js CHANGED Viewed

@@ -14,6 +14,12 @@ const pillSelectorStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: flex;
     flex-wrap: wrap;

package/dist/components/forms/radio-group.js CHANGED Viewed

@@ -16,6 +16,12 @@ const radioGroupStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="group"] {
     margin: 0;
     padding: 0;

package/dist/components/forms/range-slider.js CHANGED Viewed

@@ -15,6 +15,12 @@ const rangeSliderStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/rating.js CHANGED Viewed

@@ -9,6 +9,12 @@ const ratingStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.5rem;

package/dist/components/forms/rich-text-input.js CHANGED Viewed

@@ -92,6 +92,12 @@ const richTextStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     margin: 0;
     padding: 0;

package/dist/components/forms/search-field.js CHANGED Viewed

@@ -10,6 +10,12 @@ const searchFieldStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/select.js CHANGED Viewed

@@ -24,6 +24,12 @@ const selectStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: ${boeSpace[2]};

package/dist/components/forms/slider.js CHANGED Viewed

@@ -15,6 +15,12 @@ const sliderStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/spin-button.js CHANGED Viewed

@@ -16,6 +16,12 @@ const spinButtonStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/switch.js CHANGED Viewed

@@ -17,6 +17,12 @@ const switchStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="switch"] {
     appearance: none;
     border: none;

package/dist/components/forms/tag-input.js CHANGED Viewed

@@ -19,6 +19,12 @@ const tagInputStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/text-area.js CHANGED Viewed

@@ -9,6 +9,12 @@ const textAreaStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/forms/text-field.js CHANGED Viewed

@@ -13,6 +13,12 @@ const textFieldStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: ${boeSpace[2]};

package/dist/components/forms/tile-group.js CHANGED Viewed

@@ -24,7 +24,7 @@ const tileStyles = `
   }
   :host([hidden]) {
-    display: none;
+    display: none !important;
   }
   [part="group"] {

package/dist/components/forms/time-field.js CHANGED Viewed

@@ -9,6 +9,12 @@ const timeFieldStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="field"] {
     display: grid;
     gap: 0.45rem;

package/dist/components/identity/avatar.js CHANGED Viewed

@@ -39,6 +39,12 @@ const avatarStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="avatar"] {
     position: relative;
     display: inline-grid;

package/dist/components/identity/contact-datalist-item.js CHANGED Viewed

@@ -16,6 +16,12 @@ const contactStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="item"] {
     display: flex;
     align-items: center;

package/dist/components/identity/persona.js CHANGED Viewed

@@ -20,6 +20,12 @@ const personaStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="persona"] {
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto;

package/dist/components/layout/app-shell.js CHANGED Viewed

@@ -8,6 +8,12 @@ const appShellStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="shell"] {
     display: grid;
     grid-template-rows: auto 1fr auto;

package/dist/components/layout/divider.js CHANGED Viewed

@@ -15,6 +15,12 @@ const dividerStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   :host([orientation="vertical"]) {
     display: inline-block;
     inline-size: auto;

package/dist/components/layout/grid.js CHANGED Viewed

@@ -41,7 +41,7 @@ const elementStyles = `
   }
   :host([hidden]) {
-    display: none;
+    display: none !important;
   }
 ${boeGridGutterStyles(":host")}

package/dist/components/layout/nav-sidebar.js CHANGED Viewed

@@ -11,6 +11,12 @@ const navSidebarStyles = `
     --boe-nav-label-display: inline;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   :host([collapsed]) {
     --boe-nav-label-display: none;
   }

package/dist/components/layout/section.js CHANGED Viewed

@@ -14,6 +14,12 @@ const sectionStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="section"] {
     display: grid;
     gap: 0.6rem;

package/dist/components/layout/sidebar-toggle-button.js CHANGED Viewed

@@ -10,6 +10,12 @@ const sidebarToggleButtonStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="button"] {
     appearance: none;
     display: inline-flex;

package/dist/components/layout/split-view.js CHANGED Viewed

@@ -5,6 +5,12 @@ const splitViewStyles = `
     display: block;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="split-view"] {
     display: grid;
     align-items: stretch;

package/dist/components/navigation/accordion.js CHANGED Viewed

@@ -15,6 +15,12 @@ const accordionStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="accordion"] {
     display: grid;
     gap: 0;

package/dist/components/navigation/breadcrumb.js CHANGED Viewed

@@ -14,6 +14,12 @@ const breadcrumbStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="list"] {
     display: flex;
     flex-wrap: wrap;

package/dist/components/navigation/tabs.js CHANGED Viewed

@@ -16,6 +16,12 @@ const tabsStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="tabs"] {
     display: flex;
     flex-wrap: nowrap;

package/dist/components/output/code-block.js CHANGED Viewed

@@ -14,7 +14,7 @@ const codeStyles = `
   }
   :host([hidden]) {
-    display: none;
+    display: none !important;
   }
   [part="block"] {

package/dist/components/output/formatted-value.js CHANGED Viewed

@@ -8,7 +8,7 @@ const valueStyles = `
   }
   :host([hidden]) {
-    display: none;
+    display: none !important;
   }
   /* Numbers and dates are scanned in columns far more often than they are read

package/dist/components/overlays/command-palette.js CHANGED Viewed

@@ -20,6 +20,12 @@ const elementStyles = `
           display: contents;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         /* A <dialog> promoted with showModal() — see
            foundations/overlay/top-layer.ts. The top layer keeps the scrim above
            the page without moving the host node. UA border/margin/max-* reset

package/dist/components/overlays/context-menu.js CHANGED Viewed

@@ -16,6 +16,12 @@ const contextMenuStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="target"] {
     display: contents;
   }

package/dist/components/overlays/guide-tooltip.js CHANGED Viewed

@@ -12,6 +12,12 @@ const guideTooltipStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   /* Positioned by JS (foundations/overlay) as a viewport-fixed callout, so it
      escapes ancestor overflow and flips/shifts to stay on-screen. */
   /* display is stated explicitly because the element carries

package/dist/components/overlays/popover.js CHANGED Viewed

@@ -20,6 +20,12 @@ const popoverStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="container"] {
     position: relative;
     display: inline-grid;

package/dist/components/overlays/shortcuts-overlay.js CHANGED Viewed

@@ -38,6 +38,12 @@ const elementStyles = `
           display: contents;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         /* A <dialog> promoted with showModal() — see
            foundations/overlay/top-layer.ts. The top layer keeps the scrim above
            the page without moving the host node. UA border/margin/max-* reset

package/dist/components/overlays/tooltip.js CHANGED Viewed

@@ -13,6 +13,12 @@ const tooltipStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="container"] {
     display: inline-grid;
   }

package/dist/components/visuals/illustration.js CHANGED Viewed

@@ -8,6 +8,12 @@ const illustrationStyles = `
     font: inherit;
   }
+  /* The host's own display would otherwise beat the UA rule for [hidden],
+     leaving the element on screen when a host hides it. */
+  :host([hidden]) {
+    display: none !important;
+  }
   [part="illustration"] {
     display: grid;
     gap: 0.55rem;

package/dist/patterns/agent-chat/agent-chat.js CHANGED Viewed

@@ -28,6 +28,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         section[part="panel"] {
           display: grid;
           gap: ${boePanel.gap};

package/dist/patterns/audit/activity-density.js CHANGED Viewed

@@ -16,6 +16,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="panel"] {
           display: grid;
           gap: ${boePanel.gap};

package/dist/patterns/audit/audit-log.js CHANGED Viewed

@@ -32,6 +32,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="panel"] {
           display: grid;
           gap: ${boePanel.gap};

package/dist/patterns/comments/comment-thread.js CHANGED Viewed

@@ -22,6 +22,12 @@ const threadStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="thread"] {
           display: grid;
           gap: ${boePanel.gap};

package/dist/patterns/content-explorer/adapters/action-menu.js CHANGED Viewed

@@ -19,6 +19,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="menu-shell"] {
           position: relative;
           display: inline-grid;

package/dist/patterns/content-explorer/adapters/breadcrumbs.js CHANGED Viewed

@@ -15,6 +15,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="breadcrumbs"] {
           display: flex;
           flex-wrap: wrap;

package/dist/patterns/content-explorer/adapters/list.js CHANGED Viewed

@@ -19,6 +19,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="list-shell"] {
           border: 1px solid color-mix(in srgb, var(--boe-token-stroke-stroke, #e8e8e8) 84%, var(--boe-token-surface-surface, #ffffff) 16%);
           border-radius: ${boePanel.radius};

package/dist/patterns/content-explorer/adapters/table.js CHANGED Viewed

@@ -23,6 +23,12 @@ const elementStyles = `
           min-width: 0;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="table-shell"] {
           border: 1px solid color-mix(in srgb, var(--boe-token-stroke-stroke, #e8e8e8) 84%, var(--boe-token-surface-surface, #ffffff) 16%);
           border-radius: ${boePanel.radius};

package/dist/patterns/content-explorer/adapters/toolbar.js CHANGED Viewed

@@ -13,6 +13,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         [part="toolbar"] {
           display: flex;
           flex-wrap: wrap;

package/dist/patterns/content-explorer/content-explorer.js CHANGED Viewed

@@ -30,6 +30,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         section {
           display: grid;
           gap: ${boePanel.gap};

package/dist/patterns/content-picker/content-picker.js CHANGED Viewed

@@ -31,6 +31,12 @@ const elementStyles = `
           font: inherit;
         }
+        /* The host's own display would otherwise beat the UA rule for [hidden],
+           leaving the element on screen when a host hides it. */
+        :host([hidden]) {
+          display: none !important;
+        }
         section {
           display: grid;
           gap: ${boePanel.gap};