@ulu/frontend 0.1.0-beta.98 → 0.2.0-beta.1

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 (529) hide show
  1. package/dist/style.css +1 -0
  2. package/{types/utils/system.d.ts → dist/types/js/core/component.d.ts} +11 -14
  3. package/dist/types/js/core/component.d.ts.map +1 -0
  4. package/dist/types/js/core/events.d.ts +27 -0
  5. package/dist/types/js/core/events.d.ts.map +1 -0
  6. package/dist/types/js/core/index.d.ts +4 -0
  7. package/{types/utils → dist/types/js/core}/index.d.ts.map +1 -1
  8. package/dist/types/js/core/settings.d.ts.map +1 -0
  9. package/dist/types/js/index.d.ts +4 -0
  10. package/{types → dist/types/js}/index.d.ts.map +1 -1
  11. package/{types → dist/types/js}/ui/breakpoints.d.ts +4 -6
  12. package/dist/types/js/ui/breakpoints.d.ts.map +1 -0
  13. package/dist/types/js/ui/collapsible.d.ts.map +1 -0
  14. package/{types → dist/types/js}/ui/details-group.d.ts +1 -1
  15. package/dist/types/js/ui/details-group.d.ts.map +1 -0
  16. package/{types → dist/types/js}/ui/dialog.d.ts +1 -1
  17. package/dist/types/js/ui/dialog.d.ts.map +1 -0
  18. package/{types → dist/types/js}/ui/flipcard.d.ts +1 -1
  19. package/dist/types/js/ui/flipcard.d.ts.map +1 -0
  20. package/{types → dist/types/js}/ui/grid.d.ts +1 -1
  21. package/dist/types/js/ui/grid.d.ts.map +1 -0
  22. package/dist/types/js/ui/index.d.ts +22 -0
  23. package/{types → dist/types/js}/ui/index.d.ts.map +1 -1
  24. package/{types → dist/types/js}/ui/modal-builder.d.ts +2 -2
  25. package/dist/types/js/ui/modal-builder.d.ts.map +1 -0
  26. package/dist/types/js/ui/overflow-scroller-pager.d.ts.map +1 -0
  27. package/dist/types/js/ui/overflow-scroller.d.ts.map +1 -0
  28. package/dist/types/js/ui/page.d.ts.map +1 -0
  29. package/{types → dist/types/js}/ui/popover.d.ts +2 -2
  30. package/dist/types/js/ui/popover.d.ts.map +1 -0
  31. package/dist/types/js/ui/print-details.d.ts.map +1 -0
  32. package/dist/types/js/ui/print.d.ts.map +1 -0
  33. package/{types → dist/types/js}/ui/programmatic-modal.d.ts +1 -1
  34. package/dist/types/js/ui/programmatic-modal.d.ts.map +1 -0
  35. package/{types → dist/types/js}/ui/proxy-click.d.ts +1 -1
  36. package/dist/types/js/ui/proxy-click.d.ts.map +1 -0
  37. package/{types → dist/types/js}/ui/resizer.d.ts +1 -1
  38. package/dist/types/js/ui/resizer.d.ts.map +1 -0
  39. package/{types → dist/types/js}/ui/scroll-slider.d.ts +1 -1
  40. package/dist/types/js/ui/scroll-slider.d.ts.map +1 -0
  41. package/{types → dist/types/js}/ui/scrollpoint.d.ts +2 -2
  42. package/dist/types/js/ui/scrollpoint.d.ts.map +1 -0
  43. package/{types → dist/types/js}/ui/slider.d.ts +6 -6
  44. package/dist/types/js/ui/slider.d.ts.map +1 -0
  45. package/{types → dist/types/js}/ui/tabs.d.ts +1 -1
  46. package/dist/types/js/ui/tabs.d.ts.map +1 -0
  47. package/{types → dist/types/js}/ui/theme-toggle.d.ts +1 -1
  48. package/dist/types/js/ui/theme-toggle.d.ts.map +1 -0
  49. package/{types → dist/types/js}/ui/tooltip.d.ts +1 -1
  50. package/dist/types/js/ui/tooltip.d.ts.map +1 -0
  51. package/dist/types/js/utils/class-logger.d.ts.map +1 -0
  52. package/dist/types/js/utils/css.d.ts.map +1 -0
  53. package/dist/types/js/utils/dom.d.ts.map +1 -0
  54. package/{types → dist/types/js}/utils/file-save.d.ts +4 -1
  55. package/dist/types/js/utils/file-save.d.ts.map +1 -0
  56. package/dist/types/js/utils/floating-ui.d.ts.map +1 -0
  57. package/dist/types/js/utils/font-awesome.d.ts.map +1 -0
  58. package/dist/types/js/utils/id.d.ts.map +1 -0
  59. package/dist/types/js/utils/index.d.ts +8 -0
  60. package/dist/types/js/utils/index.d.ts.map +1 -0
  61. package/dist/types/js/utils/pause-youtube-video.d.ts.map +1 -0
  62. package/dist/ulu-frontend.es.js +5737 -0
  63. package/dist/ulu-frontend.umd.js +77 -0
  64. package/lib/index.js +5 -0
  65. package/{js/utils/system.js → lib/js/core/component.js} +13 -12
  66. package/lib/js/core/events.js +98 -0
  67. package/lib/js/core/index.js +34 -0
  68. package/{js → lib/js/core}/settings.js +3 -3
  69. package/lib/js/exports.md +126 -0
  70. package/lib/js/index.js +7 -0
  71. package/{js → lib/js}/ui/breakpoints.js +28 -31
  72. package/{js → lib/js}/ui/collapsible.js +2 -2
  73. package/{js → lib/js}/ui/details-group.js +2 -2
  74. package/{js → lib/js}/ui/dialog.js +6 -6
  75. package/{js → lib/js}/ui/flipcard.js +2 -2
  76. package/{js → lib/js}/ui/grid.js +2 -2
  77. package/lib/js/ui/index.js +161 -0
  78. package/{js → lib/js}/ui/modal-builder.js +6 -6
  79. package/{js → lib/js}/ui/overflow-scroller.js +2 -2
  80. package/{js → lib/js}/ui/popover.js +2 -2
  81. package/{js → lib/js}/ui/print-details.js +3 -3
  82. package/{js → lib/js}/ui/print.js +2 -2
  83. package/{js → lib/js}/ui/programmatic-modal.js +3 -3
  84. package/{js → lib/js}/ui/proxy-click.js +2 -2
  85. package/{js → lib/js}/ui/resizer.js +2 -2
  86. package/{js → lib/js}/ui/scroll-slider.js +2 -2
  87. package/{js → lib/js}/ui/scrollpoint.js +2 -2
  88. package/{js → lib/js}/ui/slider.js +3 -3
  89. package/{js → lib/js}/ui/tabs.js +2 -2
  90. package/{js → lib/js}/ui/theme-toggle.js +5 -5
  91. package/{js → lib/js}/ui/tooltip.js +4 -4
  92. package/{js → lib/js}/utils/css.js +1 -1
  93. package/{js → lib/js}/utils/font-awesome.js +2 -2
  94. package/lib/js/utils/index.js +63 -0
  95. package/{scss → lib/scss}/_breakpoint.scss +4 -4
  96. package/{scss → lib/scss}/_button.scss +1 -0
  97. package/{scss → lib/scss}/_color.scss +42 -38
  98. package/{scss → lib/scss}/_element.scss +6 -1
  99. package/{scss → lib/scss}/_typography.scss +15 -0
  100. package/lib/scss/components/_accordion.scss +274 -0
  101. package/{scss → lib/scss}/components/_basic-hero.scss +1 -1
  102. package/lib/scss/components/_breadcrumb.scss +110 -0
  103. package/{scss → lib/scss}/components/_button.scss +14 -4
  104. package/{scss/components/_card.scss → lib/scss/components/_card-before-no-position-relative.TRASH.scss} +80 -100
  105. package/{scss → lib/scss}/components/_card-grid.scss +8 -2
  106. package/lib/scss/components/_card.scss +656 -0
  107. package/lib/scss/components/_definition-list.scss +178 -0
  108. package/{scss → lib/scss}/components/_index.scss +25 -0
  109. package/{scss → lib/scss}/components/_menu-stack.scss +169 -16
  110. package/{scss → lib/scss}/components/_modal.scss +11 -1
  111. package/lib/scss/components/_progress-bar.scss +260 -0
  112. package/lib/scss/components/_progress-circle.scss +175 -0
  113. package/{scss → lib/scss}/components/_skeleton.scss +26 -15
  114. package/{scss → lib/scss}/components/_tag.scss +49 -7
  115. package/{scss → lib/scss}/helpers/_utilities.scss +25 -3
  116. package/package.json +28 -15
  117. package/.browserslistrc +0 -2
  118. package/.eslintrc +0 -17
  119. package/.prettierrc +0 -10
  120. package/CHANGELOG.md +0 -746
  121. package/deprecated/js/doc-ready.js +0 -28
  122. package/deprecated/js/drupal-programmatic-modal.js +0 -91
  123. package/deprecated/js/jquery-prototypes.js +0 -309
  124. package/deprecated/js/micromodal-modals.js +0 -196
  125. package/deprecated/js/mini-collapsible-popper-positioning.js +0 -126
  126. package/deprecated/js/mini-collapsible.js +0 -607
  127. package/deprecated/js/node-data-manager.js +0 -78
  128. package/deprecated/js/script-loader.js +0 -60
  129. package/deprecated/js/waypoints/README.md +0 -3
  130. package/deprecated/js/waypoints/anchor-menu.js +0 -76
  131. package/deprecated/js/waypoints/element-waypoint.js +0 -75
  132. package/deprecated/js/waypoints/examples/page-link-menu.md +0 -106
  133. package/deprecated/js/waypoints/state-in-attribute.js +0 -32
  134. package/dist/ulu-frontend.min.css +0 -1
  135. package/dist/ulu-frontend.min.js +0 -77
  136. package/docs-dev/.nojekyll +0 -1
  137. package/docs-dev/assets/chunks/modulepreload-polyfill.DaKOjhqt.js +0 -37
  138. package/docs-dev/assets/favicons/android-chrome-192x192.png +0 -0
  139. package/docs-dev/assets/favicons/android-chrome-256x256.png +0 -0
  140. package/docs-dev/assets/favicons/apple-touch-icon.png +0 -0
  141. package/docs-dev/assets/favicons/browserconfig.xml +0 -9
  142. package/docs-dev/assets/favicons/favicon-16x16.png +0 -0
  143. package/docs-dev/assets/favicons/favicon-32x32.png +0 -0
  144. package/docs-dev/assets/favicons/favicon.ico +0 -0
  145. package/docs-dev/assets/favicons/mstile-150x150.png +0 -0
  146. package/docs-dev/assets/favicons/safari-pinned-tab.svg +0 -1
  147. package/docs-dev/assets/favicons/site.webmanifest +0 -19
  148. package/docs-dev/assets/fonts/fontawesome/fa-brands-400.ttf +0 -0
  149. package/docs-dev/assets/fonts/fontawesome/fa-brands-400.woff2 +0 -0
  150. package/docs-dev/assets/fonts/fontawesome/fa-regular-400.ttf +0 -0
  151. package/docs-dev/assets/fonts/fontawesome/fa-regular-400.woff2 +0 -0
  152. package/docs-dev/assets/fonts/fontawesome/fa-solid-900.ttf +0 -0
  153. package/docs-dev/assets/fonts/fontawesome/fa-solid-900.woff2 +0 -0
  154. package/docs-dev/assets/fonts/fontawesome/fa-v4compatibility.ttf +0 -0
  155. package/docs-dev/assets/fonts/fontawesome/fa-v4compatibility.woff2 +0 -0
  156. package/docs-dev/assets/fonts/inter/Inter-Black.woff2 +0 -0
  157. package/docs-dev/assets/fonts/inter/Inter-BlackItalic.woff2 +0 -0
  158. package/docs-dev/assets/fonts/inter/Inter-Bold.woff2 +0 -0
  159. package/docs-dev/assets/fonts/inter/Inter-BoldItalic.woff2 +0 -0
  160. package/docs-dev/assets/fonts/inter/Inter-ExtraBold.woff2 +0 -0
  161. package/docs-dev/assets/fonts/inter/Inter-ExtraBoldItalic.woff2 +0 -0
  162. package/docs-dev/assets/fonts/inter/Inter-ExtraLight.woff2 +0 -0
  163. package/docs-dev/assets/fonts/inter/Inter-ExtraLightItalic.woff2 +0 -0
  164. package/docs-dev/assets/fonts/inter/Inter-Italic.woff2 +0 -0
  165. package/docs-dev/assets/fonts/inter/Inter-Light.woff2 +0 -0
  166. package/docs-dev/assets/fonts/inter/Inter-LightItalic.woff2 +0 -0
  167. package/docs-dev/assets/fonts/inter/Inter-Medium.woff2 +0 -0
  168. package/docs-dev/assets/fonts/inter/Inter-MediumItalic.woff2 +0 -0
  169. package/docs-dev/assets/fonts/inter/Inter-Regular.woff2 +0 -0
  170. package/docs-dev/assets/fonts/inter/Inter-SemiBold.woff2 +0 -0
  171. package/docs-dev/assets/fonts/inter/Inter-SemiBoldItalic.woff2 +0 -0
  172. package/docs-dev/assets/fonts/inter/Inter-Thin.woff2 +0 -0
  173. package/docs-dev/assets/fonts/inter/Inter-ThinItalic.woff2 +0 -0
  174. package/docs-dev/assets/fonts/inter/InterDisplay-Black.woff2 +0 -0
  175. package/docs-dev/assets/fonts/inter/InterDisplay-BlackItalic.woff2 +0 -0
  176. package/docs-dev/assets/fonts/inter/InterDisplay-Bold.woff2 +0 -0
  177. package/docs-dev/assets/fonts/inter/InterDisplay-BoldItalic.woff2 +0 -0
  178. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraBold.woff2 +0 -0
  179. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraBoldItalic.woff2 +0 -0
  180. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraLight.woff2 +0 -0
  181. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraLightItalic.woff2 +0 -0
  182. package/docs-dev/assets/fonts/inter/InterDisplay-Italic.woff2 +0 -0
  183. package/docs-dev/assets/fonts/inter/InterDisplay-Light.woff2 +0 -0
  184. package/docs-dev/assets/fonts/inter/InterDisplay-LightItalic.woff2 +0 -0
  185. package/docs-dev/assets/fonts/inter/InterDisplay-Medium.woff2 +0 -0
  186. package/docs-dev/assets/fonts/inter/InterDisplay-MediumItalic.woff2 +0 -0
  187. package/docs-dev/assets/fonts/inter/InterDisplay-Regular.woff2 +0 -0
  188. package/docs-dev/assets/fonts/inter/InterDisplay-SemiBold.woff2 +0 -0
  189. package/docs-dev/assets/fonts/inter/InterDisplay-SemiBoldItalic.woff2 +0 -0
  190. package/docs-dev/assets/fonts/inter/InterDisplay-Thin.woff2 +0 -0
  191. package/docs-dev/assets/fonts/inter/InterDisplay-ThinItalic.woff2 +0 -0
  192. package/docs-dev/assets/fonts/inter/InterVariable-Italic.woff2 +0 -0
  193. package/docs-dev/assets/fonts/inter/InterVariable.woff2 +0 -0
  194. package/docs-dev/assets/fonts/inter/LICENSE.txt +0 -92
  195. package/docs-dev/assets/fonts/inter/inter.css +0 -37
  196. package/docs-dev/assets/main.js +0 -23312
  197. package/docs-dev/assets/placeholder/4065947-uhd_4096_2160_25fps.credits.txt +0 -2
  198. package/docs-dev/assets/placeholder/4065947-uhd_4096_2160_25fps.mp4 +0 -0
  199. package/docs-dev/assets/placeholder/icon-calendar.svg +0 -1
  200. package/docs-dev/assets/placeholder/icon-check.svg +0 -1
  201. package/docs-dev/assets/placeholder/image-1-attribution.txt +0 -7
  202. package/docs-dev/assets/placeholder/image-1-darkened.jpg +0 -0
  203. package/docs-dev/assets/placeholder/image-1-lightened.jpg +0 -0
  204. package/docs-dev/assets/placeholder/image-1.jpg +0 -0
  205. package/docs-dev/assets/style.css +0 -19153
  206. package/docs-dev/changelog/index.html +0 -7177
  207. package/docs-dev/demos/accordion/index.html +0 -5811
  208. package/docs-dev/demos/badge/index.html +0 -5655
  209. package/docs-dev/demos/badge-stack/index.html +0 -5636
  210. package/docs-dev/demos/badge.1/index.html +0 -5595
  211. package/docs-dev/demos/basic-hero/index.html +0 -111
  212. package/docs-dev/demos/breakpoints-manager/index.html +0 -5666
  213. package/docs-dev/demos/button/index.html +0 -5665
  214. package/docs-dev/demos/button-group/index.html +0 -5652
  215. package/docs-dev/demos/button-verbose/index.html +0 -5658
  216. package/docs-dev/demos/callout/index.html +0 -5704
  217. package/docs-dev/demos/captioned-figure/index.html +0 -5686
  218. package/docs-dev/demos/card/index.html +0 -5682
  219. package/docs-dev/demos/card-grid/index.html +0 -5777
  220. package/docs-dev/demos/counter-list/index.html +0 -5660
  221. package/docs-dev/demos/css-icons/index.html +0 -6298
  222. package/docs-dev/demos/data-grid/index.html +0 -6529
  223. package/docs-dev/demos/data-table/index.html +0 -5833
  224. package/docs-dev/demos/details-group/index.html +0 -5687
  225. package/docs-dev/demos/file-save/index.html +0 -5675
  226. package/docs-dev/demos/flipcard/index.html +0 -6224
  227. package/docs-dev/demos/form-theme/index.html +0 -5842
  228. package/docs-dev/demos/headline-label/index.html +0 -5622
  229. package/docs-dev/demos/hero/index.html +0 -309
  230. package/docs-dev/demos/image-grid/index.html +0 -165
  231. package/docs-dev/demos/index.html +0 -5613
  232. package/docs-dev/demos/list-inline/index.html +0 -5640
  233. package/docs-dev/demos/list-lines/index.html +0 -5630
  234. package/docs-dev/demos/menu-stack/index.html +0 -5769
  235. package/docs-dev/demos/modals/index.html +0 -5844
  236. package/docs-dev/demos/nav-strip/index.html +0 -5725
  237. package/docs-dev/demos/overlay-section/index.html +0 -5701
  238. package/docs-dev/demos/panel/index.html +0 -5682
  239. package/docs-dev/demos/popovers/index.html +0 -5873
  240. package/docs-dev/demos/print/index.html +0 -5633
  241. package/docs-dev/demos/pull-quote/index.html +0 -5632
  242. package/docs-dev/demos/rail/index.html +0 -5730
  243. package/docs-dev/demos/rule/index.html +0 -5694
  244. package/docs-dev/demos/scroll-slider/index.html +0 -170
  245. package/docs-dev/demos/scrollpoints/index.html +0 -5651
  246. package/docs-dev/demos/skeleton/index.html +0 -5676
  247. package/docs-dev/demos/slider/index.html +0 -172
  248. package/docs-dev/demos/spoke-spinner/index.html +0 -5628
  249. package/docs-dev/demos/sticky-list/index.html +0 -5643
  250. package/docs-dev/demos/tabs/index.html +0 -5753
  251. package/docs-dev/demos/tag/index.html +0 -5633
  252. package/docs-dev/demos/theme-toggle/index.html +0 -5699
  253. package/docs-dev/demos/tile-grid-overlay/index.html +0 -390
  254. package/docs-dev/demos/tiles/index.html +0 -5882
  255. package/docs-dev/demos/tooltip/index.html +0 -5661
  256. package/docs-dev/demos/wysiwyg/index.html +0 -5672
  257. package/docs-dev/guide/building-stylesheet/index.html +0 -5682
  258. package/docs-dev/guide/developing-ulu-scss-module/index.html +0 -5734
  259. package/docs-dev/guide/index.html +0 -5615
  260. package/docs-dev/index.html +0 -5662
  261. package/docs-dev/javascript/events/index.html +0 -5811
  262. package/docs-dev/javascript/index.html +0 -5628
  263. package/docs-dev/javascript/settings/index.html +0 -5825
  264. package/docs-dev/javascript/ui-breakpoints/index.html +0 -6071
  265. package/docs-dev/javascript/ui-collapsible/index.html +0 -5738
  266. package/docs-dev/javascript/ui-details-group/index.html +0 -5742
  267. package/docs-dev/javascript/ui-dialog/index.html +0 -5787
  268. package/docs-dev/javascript/ui-flipcard/index.html +0 -5678
  269. package/docs-dev/javascript/ui-grid/index.html +0 -5653
  270. package/docs-dev/javascript/ui-modal-builder/index.html +0 -5901
  271. package/docs-dev/javascript/ui-overflow-scroller/index.html +0 -5611
  272. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +0 -5629
  273. package/docs-dev/javascript/ui-page/index.html +0 -5626
  274. package/docs-dev/javascript/ui-popover/index.html +0 -5661
  275. package/docs-dev/javascript/ui-print/index.html +0 -5670
  276. package/docs-dev/javascript/ui-print-details/index.html +0 -5641
  277. package/docs-dev/javascript/ui-programmatic-modal/index.html +0 -5611
  278. package/docs-dev/javascript/ui-proxy-click/index.html +0 -5740
  279. package/docs-dev/javascript/ui-resizer/index.html +0 -5946
  280. package/docs-dev/javascript/ui-scroll-slider/index.html +0 -5672
  281. package/docs-dev/javascript/ui-scrollpoint/index.html +0 -5851
  282. package/docs-dev/javascript/ui-slider/index.html +0 -5813
  283. package/docs-dev/javascript/ui-tabs/index.html +0 -5706
  284. package/docs-dev/javascript/ui-theme-toggle/index.html +0 -5830
  285. package/docs-dev/javascript/ui-tooltip/index.html +0 -5754
  286. package/docs-dev/javascript/utils-class-logger/index.html +0 -5746
  287. package/docs-dev/javascript/utils-css/index.html +0 -5644
  288. package/docs-dev/javascript/utils-dom/index.html +0 -5711
  289. package/docs-dev/javascript/utils-file-save/index.html +0 -5783
  290. package/docs-dev/javascript/utils-floating-ui/index.html +0 -5643
  291. package/docs-dev/javascript/utils-id/index.html +0 -5653
  292. package/docs-dev/javascript/utils-pause-youtube-video/index.html +0 -5661
  293. package/docs-dev/javascript/utils-system/index.html +0 -5947
  294. package/docs-dev/sass/base/color/index.html +0 -5644
  295. package/docs-dev/sass/base/elements/index.html +0 -5815
  296. package/docs-dev/sass/base/index/index.html +0 -5814
  297. package/docs-dev/sass/base/index.html +0 -5622
  298. package/docs-dev/sass/base/keyframes/index.html +0 -5646
  299. package/docs-dev/sass/base/layout/index.html +0 -5806
  300. package/docs-dev/sass/base/normalize/index.html +0 -5654
  301. package/docs-dev/sass/base/print/index.html +0 -5650
  302. package/docs-dev/sass/base/root/index.html +0 -5670
  303. package/docs-dev/sass/base/typography/index.html +0 -5670
  304. package/docs-dev/sass/components/accordion/index.html +0 -5979
  305. package/docs-dev/sass/components/adaptive-spacing/index.html +0 -5915
  306. package/docs-dev/sass/components/badge/index.html +0 -5881
  307. package/docs-dev/sass/components/badge-stack/index.html +0 -5811
  308. package/docs-dev/sass/components/basic-hero/index.html +0 -5805
  309. package/docs-dev/sass/components/button/index.html +0 -5799
  310. package/docs-dev/sass/components/button-group/index.html +0 -5803
  311. package/docs-dev/sass/components/button-verbose/index.html +0 -5986
  312. package/docs-dev/sass/components/callout/index.html +0 -5961
  313. package/docs-dev/sass/components/captioned-figure/index.html +0 -5904
  314. package/docs-dev/sass/components/card/index.html +0 -6219
  315. package/docs-dev/sass/components/card-grid/index.html +0 -5813
  316. package/docs-dev/sass/components/counter-list/index.html +0 -5887
  317. package/docs-dev/sass/components/css-icon/index.html +0 -5917
  318. package/docs-dev/sass/components/data-grid/index.html +0 -6052
  319. package/docs-dev/sass/components/data-table/index.html +0 -5988
  320. package/docs-dev/sass/components/fill-context/index.html +0 -5679
  321. package/docs-dev/sass/components/flipcard/index.html +0 -5980
  322. package/docs-dev/sass/components/flipcard-grid/index.html +0 -5800
  323. package/docs-dev/sass/components/form-theme/index.html +0 -6525
  324. package/docs-dev/sass/components/headline-label/index.html +0 -5833
  325. package/docs-dev/sass/components/hero/index.html +0 -5849
  326. package/docs-dev/sass/components/horizontal-rule/index.html +0 -5798
  327. package/docs-dev/sass/components/image-grid/index.html +0 -5805
  328. package/docs-dev/sass/components/index/index.html +0 -5859
  329. package/docs-dev/sass/components/index.html +0 -5622
  330. package/docs-dev/sass/components/links/index.html +0 -5649
  331. package/docs-dev/sass/components/list-inline/index.html +0 -5819
  332. package/docs-dev/sass/components/list-lines/index.html +0 -5840
  333. package/docs-dev/sass/components/list-ordered/index.html +0 -5645
  334. package/docs-dev/sass/components/list-unordered/index.html +0 -5649
  335. package/docs-dev/sass/components/menu-stack/index.html +0 -5992
  336. package/docs-dev/sass/components/modal/index.html +0 -6068
  337. package/docs-dev/sass/components/nav-strip/index.html +0 -5899
  338. package/docs-dev/sass/components/overlay-section/index.html +0 -5843
  339. package/docs-dev/sass/components/pager/index.html +0 -5961
  340. package/docs-dev/sass/components/panel/index.html +0 -6033
  341. package/docs-dev/sass/components/placeholder-block/index.html +0 -5883
  342. package/docs-dev/sass/components/popover/index.html +0 -5994
  343. package/docs-dev/sass/components/pull-quote/index.html +0 -5857
  344. package/docs-dev/sass/components/rail/index.html +0 -5823
  345. package/docs-dev/sass/components/ratio-box/index.html +0 -5803
  346. package/docs-dev/sass/components/rule/index.html +0 -5805
  347. package/docs-dev/sass/components/scroll-slider/index.html +0 -5904
  348. package/docs-dev/sass/components/skeleton/index.html +0 -5860
  349. package/docs-dev/sass/components/skip-link/index.html +0 -5789
  350. package/docs-dev/sass/components/slider/index.html +0 -5913
  351. package/docs-dev/sass/components/spoke-spinner/index.html +0 -5863
  352. package/docs-dev/sass/components/sticky-list/index.html +0 -6023
  353. package/docs-dev/sass/components/table-sticky/index.html +0 -5677
  354. package/docs-dev/sass/components/tabs/index.html +0 -5954
  355. package/docs-dev/sass/components/tag/index.html +0 -5964
  356. package/docs-dev/sass/components/tile-button/index.html +0 -5844
  357. package/docs-dev/sass/components/tile-grid/index.html +0 -5979
  358. package/docs-dev/sass/components/tile-grid-overlay/index.html +0 -5780
  359. package/docs-dev/sass/components/vignette/index.html +0 -5799
  360. package/docs-dev/sass/components/wysiwyg/index.html +0 -5827
  361. package/docs-dev/sass/core/breakpoint/index.html +0 -6454
  362. package/docs-dev/sass/core/button/index.html +0 -6538
  363. package/docs-dev/sass/core/color/index.html +0 -6520
  364. package/docs-dev/sass/core/cssvar/index.html +0 -6411
  365. package/docs-dev/sass/core/element/index.html +0 -6816
  366. package/docs-dev/sass/core/index.html +0 -5609
  367. package/docs-dev/sass/core/layout/index.html +0 -6388
  368. package/docs-dev/sass/core/path/index.html +0 -5778
  369. package/docs-dev/sass/core/selector/index.html +0 -5857
  370. package/docs-dev/sass/core/typography/index.html +0 -6783
  371. package/docs-dev/sass/core/units/index.html +0 -5822
  372. package/docs-dev/sass/core/utils/index.html +0 -8406
  373. package/docs-dev/sass/helpers/color/index.html +0 -5644
  374. package/docs-dev/sass/helpers/display/index.html +0 -5649
  375. package/docs-dev/sass/helpers/index/index.html +0 -5811
  376. package/docs-dev/sass/helpers/index.html +0 -5622
  377. package/docs-dev/sass/helpers/print/index.html +0 -5199
  378. package/docs-dev/sass/helpers/typography/index.html +0 -5672
  379. package/docs-dev/sass/helpers/units/index.html +0 -5818
  380. package/docs-dev/sass/helpers/utilities/index.html +0 -5649
  381. package/docs-dev/sass/index.html +0 -5673
  382. package/index.js +0 -7
  383. package/js/events/index.js +0 -108
  384. package/js/index.js +0 -11
  385. package/js/ui/index.js +0 -22
  386. package/js/utils/index.js +0 -8
  387. package/resources/drupal/twig-macros/accordion.twig +0 -99
  388. package/resources/drupal/twig-macros/dropdown.twig +0 -44
  389. package/resources/drupal/twig-macros/flipcard.twig +0 -69
  390. package/resources/drupal/twig-macros/image.twig +0 -30
  391. package/resources/drupal/twig-macros/layout.twig +0 -338
  392. package/resources/drupal/twig-macros/slider.twig +0 -214
  393. package/resources/drupal/twig-macros/tabs.twig +0 -84
  394. package/scss/components/_accordion.scss +0 -231
  395. package/types/events/index.d.ts +0 -26
  396. package/types/events/index.d.ts.map +0 -1
  397. package/types/index.d.ts +0 -5
  398. package/types/settings.d.ts.map +0 -1
  399. package/types/ui/breakpoints.d.ts.map +0 -1
  400. package/types/ui/collapsible.d.ts.map +0 -1
  401. package/types/ui/details-group.d.ts.map +0 -1
  402. package/types/ui/dialog.d.ts.map +0 -1
  403. package/types/ui/flipcard.d.ts.map +0 -1
  404. package/types/ui/grid.d.ts.map +0 -1
  405. package/types/ui/index.d.ts +0 -24
  406. package/types/ui/modal-builder.d.ts.map +0 -1
  407. package/types/ui/overflow-scroller-pager.d.ts.map +0 -1
  408. package/types/ui/overflow-scroller.d.ts.map +0 -1
  409. package/types/ui/page.d.ts.map +0 -1
  410. package/types/ui/popover.d.ts.map +0 -1
  411. package/types/ui/print-details.d.ts.map +0 -1
  412. package/types/ui/print.d.ts.map +0 -1
  413. package/types/ui/programmatic-modal.d.ts.map +0 -1
  414. package/types/ui/proxy-click.d.ts.map +0 -1
  415. package/types/ui/resizer.d.ts.map +0 -1
  416. package/types/ui/scroll-slider.d.ts.map +0 -1
  417. package/types/ui/scrollpoint.d.ts.map +0 -1
  418. package/types/ui/slider.d.ts.map +0 -1
  419. package/types/ui/tabs.d.ts.map +0 -1
  420. package/types/ui/theme-toggle.d.ts.map +0 -1
  421. package/types/ui/tooltip.d.ts.map +0 -1
  422. package/types/utils/class-logger.d.ts.map +0 -1
  423. package/types/utils/css.d.ts.map +0 -1
  424. package/types/utils/dom.d.ts.map +0 -1
  425. package/types/utils/file-save.d.ts.map +0 -1
  426. package/types/utils/floating-ui.d.ts.map +0 -1
  427. package/types/utils/font-awesome.d.ts.map +0 -1
  428. package/types/utils/id.d.ts.map +0 -1
  429. package/types/utils/index.d.ts +0 -10
  430. package/types/utils/pause-youtube-video.d.ts.map +0 -1
  431. package/types/utils/system.d.ts.map +0 -1
  432. /package/{types → dist/types/js/core}/settings.d.ts +0 -0
  433. /package/{types → dist/types/js}/ui/collapsible.d.ts +0 -0
  434. /package/{types → dist/types/js}/ui/overflow-scroller-pager.d.ts +0 -0
  435. /package/{types → dist/types/js}/ui/overflow-scroller.d.ts +0 -0
  436. /package/{types → dist/types/js}/ui/page.d.ts +0 -0
  437. /package/{types → dist/types/js}/ui/print-details.d.ts +0 -0
  438. /package/{types → dist/types/js}/ui/print.d.ts +0 -0
  439. /package/{types → dist/types/js}/utils/class-logger.d.ts +0 -0
  440. /package/{types → dist/types/js}/utils/css.d.ts +0 -0
  441. /package/{types → dist/types/js}/utils/dom.d.ts +0 -0
  442. /package/{types → dist/types/js}/utils/floating-ui.d.ts +0 -0
  443. /package/{types → dist/types/js}/utils/font-awesome.d.ts +0 -0
  444. /package/{types → dist/types/js}/utils/id.d.ts +0 -0
  445. /package/{types → dist/types/js}/utils/pause-youtube-video.d.ts +0 -0
  446. /package/{js → lib/js}/ui/dialog.todo +0 -0
  447. /package/{js → lib/js}/ui/overflow-scroller-pager.js +0 -0
  448. /package/{js → lib/js}/ui/page.js +0 -0
  449. /package/{js → lib/js}/utils/class-logger.js +0 -0
  450. /package/{js → lib/js}/utils/dom.js +0 -0
  451. /package/{js → lib/js}/utils/file-save.js +0 -0
  452. /package/{js → lib/js}/utils/floating-ui.js +0 -0
  453. /package/{js → lib/js}/utils/id.js +0 -0
  454. /package/{js → lib/js}/utils/pause-youtube-video.js +0 -0
  455. /package/{scss → lib/scss}/README.md +0 -0
  456. /package/{scss → lib/scss}/_cssvar.scss +0 -0
  457. /package/{scss → lib/scss}/_index.scss +0 -0
  458. /package/{scss → lib/scss}/_layout.scss +0 -0
  459. /package/{scss → lib/scss}/_path.scss +0 -0
  460. /package/{scss → lib/scss}/_selector.scss +0 -0
  461. /package/{scss → lib/scss}/_units.scss +0 -0
  462. /package/{scss → lib/scss}/_utils.scss +0 -0
  463. /package/{scss → lib/scss}/base/_color.scss +0 -0
  464. /package/{scss → lib/scss}/base/_elements.scss +0 -0
  465. /package/{scss → lib/scss}/base/_index.scss +0 -0
  466. /package/{scss → lib/scss}/base/_keyframes.scss +0 -0
  467. /package/{scss → lib/scss}/base/_layout.scss +0 -0
  468. /package/{scss → lib/scss}/base/_normalize.scss +0 -0
  469. /package/{scss → lib/scss}/base/_print.scss +0 -0
  470. /package/{scss → lib/scss}/base/_root.scss +0 -0
  471. /package/{scss → lib/scss}/base/_typography.scss +0 -0
  472. /package/{scss → lib/scss}/components/README.md +0 -0
  473. /package/{scss → lib/scss}/components/README.todos +0 -0
  474. /package/{scss → lib/scss}/components/_adaptive-spacing.scss +0 -0
  475. /package/{scss → lib/scss}/components/_badge-stack.scss +0 -0
  476. /package/{scss → lib/scss}/components/_badge.scss +0 -0
  477. /package/{scss → lib/scss}/components/_button-group.scss +0 -0
  478. /package/{scss → lib/scss}/components/_button-verbose.scss +0 -0
  479. /package/{scss → lib/scss}/components/_callout.scss +0 -0
  480. /package/{scss → lib/scss}/components/_captioned-figure.scss +0 -0
  481. /package/{scss → lib/scss}/components/_counter-list.scss +0 -0
  482. /package/{scss → lib/scss}/components/_css-icon.scss +0 -0
  483. /package/{scss → lib/scss}/components/_data-grid.scss +0 -0
  484. /package/{scss → lib/scss}/components/_data-table.scss +0 -0
  485. /package/{scss → lib/scss}/components/_fill-context.scss +0 -0
  486. /package/{scss → lib/scss}/components/_flipcard-grid.scss +0 -0
  487. /package/{scss → lib/scss}/components/_flipcard.scss +0 -0
  488. /package/{scss → lib/scss}/components/_form-theme.scss +0 -0
  489. /package/{scss → lib/scss}/components/_headline-label.scss +0 -0
  490. /package/{scss → lib/scss}/components/_hero.scss +0 -0
  491. /package/{scss → lib/scss}/components/_horizontal-rule.scss +0 -0
  492. /package/{scss → lib/scss}/components/_image-grid.scss +0 -0
  493. /package/{scss → lib/scss}/components/_links.scss +0 -0
  494. /package/{scss → lib/scss}/components/_list-inline.scss +0 -0
  495. /package/{scss → lib/scss}/components/_list-lines.scss +0 -0
  496. /package/{scss → lib/scss}/components/_list-ordered.scss +0 -0
  497. /package/{scss → lib/scss}/components/_list-unordered.scss +0 -0
  498. /package/{scss → lib/scss}/components/_nav-strip.scss +0 -0
  499. /package/{scss → lib/scss}/components/_overlay-section.scss +0 -0
  500. /package/{scss → lib/scss}/components/_pager.scss +0 -0
  501. /package/{scss → lib/scss}/components/_panel.scss +0 -0
  502. /package/{scss → lib/scss}/components/_placeholder-block.scss +0 -0
  503. /package/{scss → lib/scss}/components/_popover.scss +0 -0
  504. /package/{scss → lib/scss}/components/_pull-quote.scss +0 -0
  505. /package/{scss → lib/scss}/components/_rail.scss +0 -0
  506. /package/{scss → lib/scss}/components/_ratio-box.scss +0 -0
  507. /package/{scss → lib/scss}/components/_rule.scss +0 -0
  508. /package/{scss → lib/scss}/components/_scroll-slider.scss +0 -0
  509. /package/{scss → lib/scss}/components/_skip-link.scss +0 -0
  510. /package/{scss → lib/scss}/components/_slider.scss +0 -0
  511. /package/{scss → lib/scss}/components/_spoke-spinner.scss +0 -0
  512. /package/{scss → lib/scss}/components/_sticky-list.scss +0 -0
  513. /package/{scss → lib/scss}/components/_tabs.scss +0 -0
  514. /package/{scss → lib/scss}/components/_tile-button.scss +0 -0
  515. /package/{scss → lib/scss}/components/_tile-grid-overlay.scss +0 -0
  516. /package/{scss → lib/scss}/components/_tile-grid.scss +0 -0
  517. /package/{scss → lib/scss}/components/_vignette.scss +0 -0
  518. /package/{scss → lib/scss}/components/_wysiwyg.scss +0 -0
  519. /package/{scss → lib/scss}/helpers/_color.scss +0 -0
  520. /package/{scss → lib/scss}/helpers/_display.scss +0 -0
  521. /package/{scss → lib/scss}/helpers/_index.scss +0 -0
  522. /package/{scss → lib/scss}/helpers/_print.scss +0 -0
  523. /package/{scss → lib/scss}/helpers/_typography.scss +0 -0
  524. /package/{scss → lib/scss}/helpers/_units.scss +0 -0
  525. /package/{scss → lib/scss}/stylesheets/README.md +0 -0
  526. /package/{scss → lib/scss}/stylesheets/base-styles.scss +0 -0
  527. /package/{scss → lib/scss}/stylesheets/component-styles.scss +0 -0
  528. /package/{scss → lib/scss}/stylesheets/full.scss +0 -0
  529. /package/{scss → lib/scss}/stylesheets/helper-styles.scss +0 -0
@@ -1,390 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" class="fullscreen-layout">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>
7
- Tile Grid Overlay
8
- </title>
9
- <meta name="description" content="Modular Sass Theming Library">
10
- <meta name="generator" content="Eleventy v3.0.0">
11
-
12
- <link rel="apple-touch-icon" sizes="180x180" href="/frontend/assets/favicons/apple-touch-icon.png">
13
- <link rel="icon" type="image/png" sizes="32x32" href="/frontend/assets/favicons/favicon-32x32.png">
14
- <link rel="icon" type="image/png" sizes="16x16" href="/frontend/assets/favicons/favicon-16x16.png">
15
- <link rel="manifest" href="/frontend/assets/favicons/site.webmanifest">
16
- <link rel="mask-icon" href="/frontend/assets/favicons/safari-pinned-tab.svg" color="#8455bd">
17
- <link rel="shortcut icon" href="/frontend/assets/favicons/favicon.ico">
18
- <meta name="msapplication-TileColor" content="#603cba">
19
- <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
20
- <meta name="theme-color" content="#ffffff">
21
-
22
-
23
-
24
- <link rel="stylesheet" href="/frontend/assets/fonts/inter/inter.css">
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
- </head>
34
- <body class="page theme-light">
35
- <header class="page__header header">
36
- <div class="header__main">
37
- <a class="header__logo" href="/frontend/">
38
- <div class="logo">
39
- <span class="logo__main">Ulu</span>
40
- <span class="logo__subtitle">Frontend</span>
41
- </div>
42
- </a>
43
- <button class="button button--small button--icon button--secondary margin-left-auto" data-ulu-theme-toggle='{
44
- "savePreference" : true,
45
- "checkMediaQuery" : true,
46
- "group" : "page"
47
- }'>
48
- <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
49
- <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
50
- </button>
51
- <a class="button button--small button--icon button--secondary" href="../" aria-label="Exit">
52
- <span class="css-icon css-icon--close" aria-hidden="true"></span>
53
- </a>
54
- </div>
55
- </header>
56
- <main id="main" class="page__body">
57
-
58
- <div class="page__content-header">
59
- <div class="container">
60
- <div class="type-max-width">
61
- <h1 class="page__title h1">Tile Grid Overlay</h1>
62
-
63
- <div class="rule rule--short rule--accent"></div>
64
- <p class="type-large type-light">
65
- Tile grid with image overlay. Component that uses popover, tile-grid, tile-button and fill-context along with styles of it&#39;s own
66
- </p>
67
-
68
- </div>
69
- </div>
70
- </div>
71
-
72
-
73
-
74
-
75
-
76
- <div class="container">
77
- <h2 class="h2">Default Example</h2>
78
- <div class="tile-grid-overlay">
79
- <div class="tile-grid-overlay__background-image fill-context fill-context--auto no-print">
80
- <img src="/frontend/assets/placeholder/image-1.jpg" width="1024" height="683" loading="lazy">
81
- </div>
82
- <ul class="tile-grid tile-grid--no-gap tile-grid--static tile-grid-overlay__grid">
83
-
84
- <li class="tile-grid__item tile-grid-overlay__item">
85
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
86
- "floating" : { "placement" : "bottom-end" }
87
- }'>
88
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
89
- <span class="tile-button__row no-print">
90
- <span class="fas fa-plus" aria-hidden="true"></span>
91
- </span>
92
- </button>
93
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
94
- <div class="popover__inner">
95
- <p>
96
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
97
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
98
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
99
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
100
- </p>
101
- </div>
102
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
103
- </div>
104
- </li>
105
-
106
-
107
- <li class="tile-grid__item tile-grid-overlay__item">
108
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
109
- "floating" : { "placement" : "bottom-end" }
110
- }'>
111
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Item With an Image</strong>
112
- <span class="tile-button__row no-print">
113
- <span class="fas fa-plus" aria-hidden="true"></span>
114
- </span>
115
- </button>
116
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
117
- <div class="popover__header popover__header--media">
118
- <img src="/frontend/assets/placeholder/image-1.jpg" width="975" height="557" loading="lazy">
119
- </div>
120
- <div class="popover__inner">
121
- <p>
122
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
123
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
124
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
125
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
126
- </p>
127
- </div>
128
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
129
- </div>
130
- </li>
131
-
132
-
133
- <li class="tile-grid__item tile-grid-overlay__item">
134
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
135
- "floating" : { "placement" : "bottom-end" }
136
- }'>
137
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
138
- <span class="tile-button__row no-print">
139
- <span class="fas fa-plus" aria-hidden="true"></span>
140
- </span>
141
- </button>
142
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
143
- <div class="popover__inner">
144
- <p>
145
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
146
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
147
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
148
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
149
- </p>
150
- </div>
151
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
152
- </div>
153
- </li>
154
-
155
-
156
- <li class="tile-grid__item tile-grid-overlay__item">
157
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
158
- "floating" : { "placement" : "bottom-end" }
159
- }'>
160
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
161
- <span class="tile-button__row no-print">
162
- <span class="fas fa-plus" aria-hidden="true"></span>
163
- </span>
164
- </button>
165
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
166
- <div class="popover__inner">
167
- <p>
168
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
169
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
170
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
171
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
172
- </p>
173
- </div>
174
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
175
- </div>
176
- </li>
177
-
178
-
179
- <li class="tile-grid__item tile-grid-overlay__item">
180
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
181
- "floating" : { "placement" : "bottom-end" }
182
- }'>
183
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
184
- <span class="tile-button__row no-print">
185
- <span class="fas fa-plus" aria-hidden="true"></span>
186
- </span>
187
- </button>
188
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
189
- <div class="popover__inner">
190
- <p>
191
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
192
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
193
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
194
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
195
- </p>
196
- </div>
197
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
198
- </div>
199
- </li>
200
-
201
-
202
- <li class="tile-grid__item tile-grid-overlay__item">
203
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
204
- "floating" : { "placement" : "bottom-end" }
205
- }'>
206
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
207
- <span class="tile-button__row no-print">
208
- <span class="fas fa-plus" aria-hidden="true"></span>
209
- </span>
210
- </button>
211
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
212
- <div class="popover__inner">
213
- <p>
214
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
215
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
216
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
217
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
218
- </p>
219
- </div>
220
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
221
- </div>
222
- </li>
223
-
224
- </ul>
225
- </div>
226
- </div>
227
- <div class="container">
228
- <h2 class="h2">Wide Example</h2>
229
- <p>Note: This needs to match up with the tile grids.</p>
230
- <div class="tile-grid-overlay">
231
- <div class="tile-grid-overlay__background-image fill-context fill-context--auto no-print">
232
- <img src="/frontend/assets/placeholder/image-1.jpg" width="1024" height="683" loading="lazy">
233
- </div>
234
- <ul class="tile-grid tile-grid--no-gap tile-grid--static-wide tile-grid-overlay__grid tile-grid-overlay__grid--wide">
235
-
236
- <li class="tile-grid__item tile-grid-overlay__item">
237
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
238
- "floating" : { "placement" : "bottom-end" }
239
- }'>
240
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
241
- <span class="tile-button__row no-print">
242
- <span class="fas fa-plus" aria-hidden="true"></span>
243
- </span>
244
- </button>
245
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
246
- <div class="popover__inner">
247
- <p>
248
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
249
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
250
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
251
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
252
- </p>
253
- </div>
254
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
255
- </div>
256
- </li>
257
-
258
-
259
- <li class="tile-grid__item tile-grid-overlay__item">
260
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
261
- "floating" : { "placement" : "bottom-end" }
262
- }'>
263
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Item With an Image</strong>
264
- <span class="tile-button__row no-print">
265
- <span class="fas fa-plus" aria-hidden="true"></span>
266
- </span>
267
- </button>
268
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
269
- <div class="popover__header popover__header--media">
270
- <img src="/frontend/assets/placeholder/image-1.jpg" width="975" height="557" loading="lazy">
271
- </div>
272
- <div class="popover__inner">
273
- <p>
274
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
275
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
276
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
277
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
278
- </p>
279
- </div>
280
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
281
- </div>
282
- </li>
283
-
284
-
285
- <li class="tile-grid__item tile-grid-overlay__item">
286
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
287
- "floating" : { "placement" : "bottom-end" }
288
- }'>
289
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
290
- <span class="tile-button__row no-print">
291
- <span class="fas fa-plus" aria-hidden="true"></span>
292
- </span>
293
- </button>
294
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
295
- <div class="popover__inner">
296
- <p>
297
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
298
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
299
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
300
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
301
- </p>
302
- </div>
303
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
304
- </div>
305
- </li>
306
-
307
-
308
- <li class="tile-grid__item tile-grid-overlay__item">
309
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
310
- "floating" : { "placement" : "bottom-end" }
311
- }'>
312
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
313
- <span class="tile-button__row no-print">
314
- <span class="fas fa-plus" aria-hidden="true"></span>
315
- </span>
316
- </button>
317
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
318
- <div class="popover__inner">
319
- <p>
320
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
321
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
322
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
323
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
324
- </p>
325
- </div>
326
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
327
- </div>
328
- </li>
329
-
330
-
331
- <li class="tile-grid__item tile-grid-overlay__item">
332
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
333
- "floating" : { "placement" : "bottom-end" }
334
- }'>
335
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
336
- <span class="tile-button__row no-print">
337
- <span class="fas fa-plus" aria-hidden="true"></span>
338
- </span>
339
- </button>
340
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
341
- <div class="popover__inner">
342
- <p>
343
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
344
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
345
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
346
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
347
- </p>
348
- </div>
349
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
350
- </div>
351
- </li>
352
-
353
-
354
- <li class="tile-grid__item tile-grid-overlay__item">
355
- <button class="tile-button tile-grid-overlay__button theme-dark" type="button" data-ulu-popover-trigger='{
356
- "floating" : { "placement" : "bottom-end" }
357
- }'>
358
- <strong class="tile-button__row" data-ulu-popover-trigger-anchor="">Just Another Item</strong>
359
- <span class="tile-button__row no-print">
360
- <span class="fas fa-plus" aria-hidden="true"></span>
361
- </span>
362
- </button>
363
- <div class="popover theme-light popover--large" data-ulu-popover-content="">
364
- <div class="popover__inner">
365
- <p>
366
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius finibus dignissim. Aenean
367
- ullamcorper sodales auctor. Aenean consectetur dignissim lacus, nec sodales nibh sodales nec. Sed vulputate
368
- euismod orci, ut tristique ligula elementum id. Aenean pellentesque lorem at augue fringilla, vitae dapibus
369
- nulla semper. Nam facilisis eleifend dui, ac dictum mauris maximus id.
370
- </p>
371
- </div>
372
- <span class="popover__arrow" data-ulu-popover-arrow=""></span>
373
- </div>
374
- </li>
375
-
376
- </ul>
377
- </div>
378
- </div>
379
-
380
- </main>
381
- <footer></footer>
382
-
383
-
384
- <script src="http://localhost:5173/@vite/client" type="module"></script>
385
- <script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
386
-
387
-
388
-
389
- </body>
390
- </html>