npm - @ulu/frontend - Versions diffs - 0.1.0-beta.48 → 0.1.0-beta.49 - Mend

@ulu/frontend 0.1.0-beta.48 → 0.1.0-beta.49

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

package/CHANGELOG.md +5 -0
package/docs-dev/changelog/index.html +0 -6178
package/docs-dev/demos/accordion/index.html +0 -5392
package/docs-dev/demos/basic-hero/index.html +0 -111
package/docs-dev/demos/breakpoints-manager/index.html +0 -5246
package/docs-dev/demos/button/index.html +0 -5214
package/docs-dev/demos/button-verbose/index.html +0 -5238
package/docs-dev/demos/callout/index.html +0 -5284
package/docs-dev/demos/captioned-figure/index.html +0 -5266
package/docs-dev/demos/card/index.html +0 -5262
package/docs-dev/demos/card-grid/index.html +0 -5357
package/docs-dev/demos/counter-list/index.html +0 -5224
package/docs-dev/demos/css-icons/index.html +0 -5855
package/docs-dev/demos/data-grid/index.html +0 -6109
package/docs-dev/demos/data-table/index.html +0 -5413
package/docs-dev/demos/details-group/index.html +0 -5267
package/docs-dev/demos/file-save/index.html +0 -5255
package/docs-dev/demos/flipcard/index.html +0 -5804
package/docs-dev/demos/form-theme/index.html +0 -5422
package/docs-dev/demos/hero/index.html +0 -309
package/docs-dev/demos/image-grid/index.html +0 -165
package/docs-dev/demos/index.html +0 -5193
package/docs-dev/demos/list-inline/index.html +0 -5220
package/docs-dev/demos/list-lines/index.html +0 -5210
package/docs-dev/demos/menu-stack/index.html +0 -5349
package/docs-dev/demos/modals/index.html +0 -5371
package/docs-dev/demos/nav-strip/index.html +0 -5305
package/docs-dev/demos/overlay-section/index.html +0 -5281
package/docs-dev/demos/popovers/index.html +0 -5453
package/docs-dev/demos/print/index.html +0 -5213
package/docs-dev/demos/pull-quote/index.html +0 -5212
package/docs-dev/demos/rule/index.html +0 -5274
package/docs-dev/demos/scroll-slider/index.html +0 -170
package/docs-dev/demos/scrollpoints/index.html +0 -5231
package/docs-dev/demos/slider/index.html +0 -172
package/docs-dev/demos/spoke-spinner/index.html +0 -5208
package/docs-dev/demos/sticky-list/index.html +0 -5223
package/docs-dev/demos/tabs/index.html +0 -5333
package/docs-dev/demos/tag/index.html +0 -5213
package/docs-dev/demos/theme-toggle/index.html +0 -5279
package/docs-dev/demos/tile-grid-overlay/index.html +0 -390
package/docs-dev/demos/tiles/index.html +0 -5462
package/docs-dev/demos/tooltip/index.html +0 -5241
package/docs-dev/guide/building-stylesheet/index.html +0 -5262
package/docs-dev/guide/developing-ulu-scss-module/index.html +0 -5314
package/docs-dev/guide/index.html +0 -5195
package/docs-dev/index.html +0 -5242
package/docs-dev/javascript/events/index.html +0 -5351
package/docs-dev/javascript/index.html +0 -5208
package/docs-dev/javascript/settings/index.html +0 -5400
package/docs-dev/javascript/ui-breakpoints/index.html +0 -5651
package/docs-dev/javascript/ui-collapsible/index.html +0 -5318
package/docs-dev/javascript/ui-details-group/index.html +0 -5322
package/docs-dev/javascript/ui-dialog/index.html +0 -5367
package/docs-dev/javascript/ui-flipcard/index.html +0 -5258
package/docs-dev/javascript/ui-grid/index.html +0 -5233
package/docs-dev/javascript/ui-modal-builder/index.html +0 -5320
package/docs-dev/javascript/ui-overflow-scroller/index.html +0 -5191
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +0 -5209
package/docs-dev/javascript/ui-page/index.html +0 -5206
package/docs-dev/javascript/ui-popover/index.html +0 -5241
package/docs-dev/javascript/ui-print/index.html +0 -5250
package/docs-dev/javascript/ui-print-details/index.html +0 -5221
package/docs-dev/javascript/ui-programmatic-modal/index.html +0 -5191
package/docs-dev/javascript/ui-scroll-slider/index.html +0 -5252
package/docs-dev/javascript/ui-scrollpoint/index.html +0 -5431
package/docs-dev/sass/base/color/index.html +0 -5224
package/docs-dev/sass/base/elements/index.html +0 -5395
package/docs-dev/sass/base/index/index.html +0 -5394
package/docs-dev/sass/base/index.html +0 -5202
package/docs-dev/sass/base/keyframes/index.html +0 -5226
package/docs-dev/sass/base/layout/index.html +0 -5386
package/docs-dev/sass/base/normalize/index.html +0 -5234
package/docs-dev/sass/base/print/index.html +0 -5230
package/docs-dev/sass/base/root/index.html +0 -5250
package/docs-dev/sass/base/typography/index.html +0 -5250
package/docs-dev/sass/components/accordion/index.html +0 -5552
package/docs-dev/sass/components/adaptive-spacing/index.html +0 -5495
package/docs-dev/sass/components/badge/index.html +0 -5443
package/docs-dev/sass/components/basic-hero/index.html +0 -5385
package/docs-dev/sass/components/button/index.html +0 -5379
package/docs-dev/sass/components/button-verbose/index.html +0 -5566
package/docs-dev/sass/components/callout/index.html +0 -5541
package/docs-dev/sass/components/captioned-figure/index.html +0 -5484
package/docs-dev/sass/components/card/index.html +0 -5799
package/docs-dev/sass/components/card-grid/index.html +0 -5393
package/docs-dev/sass/components/counter-list/index.html +0 -5458
package/docs-dev/sass/components/css-icon/index.html +0 -5497
package/docs-dev/sass/components/data-grid/index.html +0 -5632
package/docs-dev/sass/components/data-table/index.html +0 -5568
package/docs-dev/sass/components/fill-context/index.html +0 -5259
package/docs-dev/sass/components/flipcard/index.html +0 -5560
package/docs-dev/sass/components/flipcard-grid/index.html +0 -5380
package/docs-dev/sass/components/form-theme/index.html +0 -6105
package/docs-dev/sass/components/hero/index.html +0 -5429
package/docs-dev/sass/components/horizontal-rule/index.html +0 -5378
package/docs-dev/sass/components/image-grid/index.html +0 -5385
package/docs-dev/sass/components/index/index.html +0 -5433
package/docs-dev/sass/components/index.html +0 -5202
package/docs-dev/sass/components/links/index.html +0 -5229
package/docs-dev/sass/components/list-inline/index.html +0 -5399
package/docs-dev/sass/components/list-lines/index.html +0 -5420
package/docs-dev/sass/components/list-ordered/index.html +0 -5225
package/docs-dev/sass/components/list-unordered/index.html +0 -5229
package/docs-dev/sass/components/menu-stack/index.html +0 -5572
package/docs-dev/sass/components/modal/index.html +0 -5613
package/docs-dev/sass/components/nav-strip/index.html +0 -5479
package/docs-dev/sass/components/overlay-section/index.html +0 -5423
package/docs-dev/sass/components/pager/index.html +0 -5541
package/docs-dev/sass/components/placeholder-block/index.html +0 -5463
package/docs-dev/sass/components/popover/index.html +0 -5574
package/docs-dev/sass/components/pull-quote/index.html +0 -5437
package/docs-dev/sass/components/ratio-box/index.html +0 -5383
package/docs-dev/sass/components/rule/index.html +0 -5385
package/docs-dev/sass/components/scroll-slider/index.html +0 -5484
package/docs-dev/sass/components/skip-link/index.html +0 -5369
package/docs-dev/sass/components/slider/index.html +0 -5505
package/docs-dev/sass/components/spoke-spinner/index.html +0 -5443
package/docs-dev/sass/components/sticky-list/index.html +0 -5603
package/docs-dev/sass/components/tabs/index.html +0 -5519
package/docs-dev/sass/components/tag/index.html +0 -5544
package/docs-dev/sass/components/tile-button/index.html +0 -5424
package/docs-dev/sass/components/tile-grid/index.html +0 -5559
package/docs-dev/sass/components/tile-grid-overlay/index.html +0 -5360
package/docs-dev/sass/components/vignette/index.html +0 -5379
package/docs-dev/sass/components/wysiwyg/index.html +0 -5389
package/docs-dev/sass/core/breakpoint/index.html +0 -5996
package/docs-dev/sass/core/button/index.html +0 -6116
package/docs-dev/sass/core/color/index.html +0 -6099
package/docs-dev/sass/core/cssvar/index.html +0 -5991
package/docs-dev/sass/core/element/index.html +0 -6261
package/docs-dev/sass/core/index.html +0 -5189
package/docs-dev/sass/core/layout/index.html +0 -5968
package/docs-dev/sass/core/path/index.html +0 -5358
package/docs-dev/sass/core/selector/index.html +0 -5437
package/docs-dev/sass/core/typography/index.html +0 -6363
package/docs-dev/sass/core/units/index.html +0 -5402
package/docs-dev/sass/core/utils/index.html +0 -7697
package/docs-dev/sass/helpers/color/index.html +0 -5224
package/docs-dev/sass/helpers/display/index.html +0 -5229
package/docs-dev/sass/helpers/index/index.html +0 -5391
package/docs-dev/sass/helpers/index.html +0 -5202
package/docs-dev/sass/helpers/typography/index.html +0 -5252
package/docs-dev/sass/helpers/units/index.html +0 -5398
package/docs-dev/sass/helpers/utilities/index.html +0 -5229
package/docs-dev/sass/index.html +0 -5253
package/package.json +1 -1
package/scss/_color.scss +4 -1

package/docs-dev/demos/tile-grid-overlay/index.html CHANGED Viewed

@@ -1,390 +0,0 @@
-<!doctype html>
-<html lang="en" class="fullscreen-layout">
-	<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>
-    Tile Grid Overlay
-  </title>
-  <meta name="description" content="Modular Sass Theming Library">
-  <meta name="generator" content="Eleventy v3.0.0">
-  <link rel="apple-touch-icon" sizes="180x180" href="/frontend/assets/favicons/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/frontend/assets/favicons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/frontend/assets/favicons/favicon-16x16.png">
-  <link rel="manifest" href="/frontend/assets/favicons/site.webmanifest">
-  <link rel="mask-icon" href="/frontend/assets/favicons/safari-pinned-tab.svg" color="#8455bd">
-  <link rel="shortcut icon" href="/frontend/assets/favicons/favicon.ico">
-  <meta name="msapplication-TileColor" content="#603cba">
-  <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
-  <meta name="theme-color" content="#ffffff">
-  <link rel="stylesheet" href="/frontend/assets/fonts/inter/inter.css">
-</head>
-	<body class="page theme-light">
-		<header class="page__header header">
-  <div class="header__main">
-    <a class="header__logo" href="/frontend/">
-      <div class="logo">
-  <span class="logo__main">Ulu</span>
-  <span class="logo__subtitle">Frontend</span>
-</div>
-    </a>
-    <button class="button button--small button--icon button--secondary margin-left-auto" data-ulu-theme-toggle='{
-        "savePreference" : true,
-        "checkMediaQuery" : true,
-        "group" : "page"
-      }'>
-      <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
-      <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
-    </button>
-    <a class="button button--small button--icon button--secondary" href="../" aria-label="Exit">
-      <span class="css-icon css-icon--close" aria-hidden="true"></span>
-    </a>
-  </div>
-</header>
-		<main id="main" class="page__body">
-  <div class="page__content-header">
-    <div class="container">
-      <div class="type-max-width">
-        <h1 class="page__title h1">Tile Grid Overlay</h1>
-          <div class="rule rule--short rule--accent"></div>
-          <p class="type-large type-light">
-            Tile grid with image overlay. Component that uses popover, tile-grid, tile-button and fill-context along with styles of it&#39;s own
-          </p>
-      </div>
-    </div>
-  </div>
-<div class="container">
-  <h2 class="h2">Default Example</h2>
-  <div class="tile-grid-overlay">
-    <div class="tile-grid-overlay__background-image fill-context fill-context--auto no-print">
-      <img src="/frontend/assets/placeholder/image-1.jpg" width="1024" height="683" loading="lazy">
-    </div>
-    <ul class="tile-grid tile-grid--no-gap tile-grid--static tile-grid-overlay__grid">
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Item With an Image</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__header popover__header--media">
-      <img src="/frontend/assets/placeholder/image-1.jpg" width="975" height="557" loading="lazy">
-    </div>
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-    </ul>
-  </div>
-</div>
-<div class="container">
-  <h2 class="h2">Wide Example</h2>
-  <p>Note: This needs to match up with the tile grids.</p>
-  <div class="tile-grid-overlay">
-    <div class="tile-grid-overlay__background-image fill-context fill-context--auto no-print">
-      <img src="/frontend/assets/placeholder/image-1.jpg" width="1024" height="683" loading="lazy">
-    </div>
-    <ul class="tile-grid tile-grid--no-gap tile-grid--static-wide tile-grid-overlay__grid tile-grid-overlay__grid--wide">
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Item With an Image</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__header popover__header--media">
-      <img src="/frontend/assets/placeholder/image-1.jpg" width="975" height="557" loading="lazy">
-    </div>
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-<li class="tile-grid__item tile-grid-overlay__item">
-  <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
-      "floating" : { "placement" : "bottom-end" }
-    }'>
-    <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
-    <span class="tile-button__row no-print">
-      <span class="fas fa-plus" aria-hidden="true"></span>
-    </span>
-  </button>
-  <div class="popover theme-light popover--large" data-ulu-popover-content="">
-    <div class="popover__inner">
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
-        ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
-        euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
-        nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
-      </p>
-    </div>
-    <span class="popover__arrow" data-ulu-popover-arrow=""></span>
-  </div>
-</li>
-    </ul>
-  </div>
-</div>
-		</main>
-		<footer></footer>
-  <script src="http://localhost:5173/@vite/client" type="module"></script>
-  <script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
-	</body>
-</html>