@ulu/frontend 0.1.0-beta.102 → 0.1.0-beta.103

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 (174) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +74 -0
  4. package/docs-dev/demos/accordion/index.html +60 -0
  5. package/docs-dev/demos/badge/index.html +60 -0
  6. package/docs-dev/demos/badge-stack/index.html +60 -0
  7. package/docs-dev/demos/breadcrumb/index.html +5750 -0
  8. package/docs-dev/demos/breakpoints-manager/index.html +60 -0
  9. package/docs-dev/demos/button/index.html +60 -0
  10. package/docs-dev/demos/button-group/index.html +60 -0
  11. package/docs-dev/demos/button-verbose/index.html +60 -0
  12. package/docs-dev/demos/callout/index.html +60 -0
  13. package/docs-dev/demos/captioned-figure/index.html +60 -0
  14. package/docs-dev/demos/card/index.html +76 -16
  15. package/docs-dev/demos/card-grid/index.html +60 -0
  16. package/docs-dev/demos/counter-list/index.html +60 -0
  17. package/docs-dev/demos/css-icons/index.html +60 -0
  18. package/docs-dev/demos/data-grid/index.html +60 -0
  19. package/docs-dev/demos/data-table/index.html +160 -100
  20. package/docs-dev/demos/details-group/index.html +60 -0
  21. package/docs-dev/demos/file-save/index.html +60 -0
  22. package/docs-dev/demos/flipcard/index.html +60 -0
  23. package/docs-dev/demos/form-theme/index.html +60 -0
  24. package/docs-dev/demos/headline-label/index.html +60 -0
  25. package/docs-dev/demos/index.html +60 -0
  26. package/docs-dev/demos/list-inline/index.html +60 -0
  27. package/docs-dev/demos/list-lines/index.html +60 -0
  28. package/docs-dev/demos/menu-stack/index.html +60 -0
  29. package/docs-dev/demos/modals/index.html +60 -0
  30. package/docs-dev/demos/nav-strip/index.html +60 -0
  31. package/docs-dev/demos/overlay-section/index.html +60 -0
  32. package/docs-dev/demos/panel/index.html +60 -0
  33. package/docs-dev/demos/popovers/index.html +60 -0
  34. package/docs-dev/demos/print/index.html +60 -0
  35. package/docs-dev/demos/pull-quote/index.html +60 -0
  36. package/docs-dev/demos/rail/index.html +60 -0
  37. package/docs-dev/demos/rule/index.html +60 -0
  38. package/docs-dev/demos/scrollpoints/index.html +60 -0
  39. package/docs-dev/demos/skeleton/index.html +60 -0
  40. package/docs-dev/demos/spoke-spinner/index.html +60 -0
  41. package/docs-dev/demos/sticky-list/index.html +60 -0
  42. package/docs-dev/demos/tabs/index.html +60 -0
  43. package/docs-dev/demos/tag/index.html +60 -0
  44. package/docs-dev/demos/theme-toggle/index.html +60 -0
  45. package/docs-dev/demos/tiles/index.html +60 -0
  46. package/docs-dev/demos/tooltip/index.html +60 -0
  47. package/docs-dev/demos/wysiwyg/index.html +60 -0
  48. package/docs-dev/guide/building-stylesheet/index.html +60 -0
  49. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
  50. package/docs-dev/guide/index.html +60 -0
  51. package/docs-dev/index.html +60 -0
  52. package/docs-dev/javascript/events/index.html +60 -0
  53. package/docs-dev/javascript/index.html +60 -0
  54. package/docs-dev/javascript/settings/index.html +60 -0
  55. package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
  56. package/docs-dev/javascript/ui-collapsible/index.html +60 -0
  57. package/docs-dev/javascript/ui-details-group/index.html +60 -0
  58. package/docs-dev/javascript/ui-dialog/index.html +60 -0
  59. package/docs-dev/javascript/ui-flipcard/index.html +60 -0
  60. package/docs-dev/javascript/ui-grid/index.html +60 -0
  61. package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
  62. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
  63. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
  64. package/docs-dev/javascript/ui-page/index.html +60 -0
  65. package/docs-dev/javascript/ui-popover/index.html +60 -0
  66. package/docs-dev/javascript/ui-print/index.html +60 -0
  67. package/docs-dev/javascript/ui-print-details/index.html +60 -0
  68. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
  69. package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
  70. package/docs-dev/javascript/ui-resizer/index.html +60 -0
  71. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
  72. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
  73. package/docs-dev/javascript/ui-slider/index.html +60 -0
  74. package/docs-dev/javascript/ui-tabs/index.html +60 -0
  75. package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
  76. package/docs-dev/javascript/ui-tooltip/index.html +60 -0
  77. package/docs-dev/javascript/utils-class-logger/index.html +60 -0
  78. package/docs-dev/javascript/utils-css/index.html +60 -0
  79. package/docs-dev/javascript/utils-dom/index.html +60 -0
  80. package/docs-dev/javascript/utils-file-save/index.html +60 -0
  81. package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
  82. package/docs-dev/javascript/utils-id/index.html +60 -0
  83. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
  84. package/docs-dev/javascript/utils-system/index.html +60 -0
  85. package/docs-dev/sass/base/color/index.html +60 -0
  86. package/docs-dev/sass/base/elements/index.html +60 -0
  87. package/docs-dev/sass/base/index/index.html +60 -0
  88. package/docs-dev/sass/base/index.html +60 -0
  89. package/docs-dev/sass/base/keyframes/index.html +60 -0
  90. package/docs-dev/sass/base/layout/index.html +60 -0
  91. package/docs-dev/sass/base/normalize/index.html +60 -0
  92. package/docs-dev/sass/base/print/index.html +60 -0
  93. package/docs-dev/sass/base/root/index.html +60 -0
  94. package/docs-dev/sass/base/typography/index.html +60 -0
  95. package/docs-dev/sass/components/accordion/index.html +60 -0
  96. package/docs-dev/sass/components/adaptive-spacing/index.html +60 -0
  97. package/docs-dev/sass/components/badge/index.html +60 -0
  98. package/docs-dev/sass/components/badge-stack/index.html +60 -0
  99. package/docs-dev/sass/components/basic-hero/index.html +60 -0
  100. package/docs-dev/sass/components/breadcrumb/index.html +5912 -0
  101. package/docs-dev/sass/components/button/index.html +60 -0
  102. package/docs-dev/sass/components/button-group/index.html +60 -0
  103. package/docs-dev/sass/components/button-verbose/index.html +60 -0
  104. package/docs-dev/sass/components/callout/index.html +60 -0
  105. package/docs-dev/sass/components/captioned-figure/index.html +60 -0
  106. package/docs-dev/sass/components/card/index.html +60 -0
  107. package/docs-dev/sass/components/card-grid/index.html +60 -0
  108. package/docs-dev/sass/components/counter-list/index.html +60 -0
  109. package/docs-dev/sass/components/css-icon/index.html +60 -0
  110. package/docs-dev/sass/components/data-grid/index.html +60 -0
  111. package/docs-dev/sass/components/data-table/index.html +60 -0
  112. package/docs-dev/sass/components/fill-context/index.html +60 -0
  113. package/docs-dev/sass/components/flipcard/index.html +60 -0
  114. package/docs-dev/sass/components/flipcard-grid/index.html +60 -0
  115. package/docs-dev/sass/components/form-theme/index.html +60 -0
  116. package/docs-dev/sass/components/headline-label/index.html +60 -0
  117. package/docs-dev/sass/components/hero/index.html +60 -0
  118. package/docs-dev/sass/components/horizontal-rule/index.html +60 -0
  119. package/docs-dev/sass/components/image-grid/index.html +60 -0
  120. package/docs-dev/sass/components/index/index.html +71 -10
  121. package/docs-dev/sass/components/index.html +60 -0
  122. package/docs-dev/sass/components/links/index.html +60 -0
  123. package/docs-dev/sass/components/list-inline/index.html +60 -0
  124. package/docs-dev/sass/components/list-lines/index.html +60 -0
  125. package/docs-dev/sass/components/list-ordered/index.html +60 -0
  126. package/docs-dev/sass/components/list-unordered/index.html +60 -0
  127. package/docs-dev/sass/components/menu-stack/index.html +60 -0
  128. package/docs-dev/sass/components/modal/index.html +60 -0
  129. package/docs-dev/sass/components/nav-strip/index.html +60 -0
  130. package/docs-dev/sass/components/overlay-section/index.html +60 -0
  131. package/docs-dev/sass/components/pager/index.html +60 -0
  132. package/docs-dev/sass/components/panel/index.html +60 -0
  133. package/docs-dev/sass/components/placeholder-block/index.html +60 -0
  134. package/docs-dev/sass/components/popover/index.html +60 -0
  135. package/docs-dev/sass/components/pull-quote/index.html +60 -0
  136. package/docs-dev/sass/components/rail/index.html +60 -0
  137. package/docs-dev/sass/components/ratio-box/index.html +60 -0
  138. package/docs-dev/sass/components/rule/index.html +60 -0
  139. package/docs-dev/sass/components/scroll-slider/index.html +60 -0
  140. package/docs-dev/sass/components/skeleton/index.html +60 -0
  141. package/docs-dev/sass/components/skip-link/index.html +60 -0
  142. package/docs-dev/sass/components/slider/index.html +60 -0
  143. package/docs-dev/sass/components/spoke-spinner/index.html +60 -0
  144. package/docs-dev/sass/components/sticky-list/index.html +60 -0
  145. package/docs-dev/sass/components/tabs/index.html +60 -0
  146. package/docs-dev/sass/components/tag/index.html +60 -0
  147. package/docs-dev/sass/components/tile-button/index.html +60 -0
  148. package/docs-dev/sass/components/tile-grid/index.html +60 -0
  149. package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -0
  150. package/docs-dev/sass/components/vignette/index.html +60 -0
  151. package/docs-dev/sass/components/wysiwyg/index.html +60 -0
  152. package/docs-dev/sass/core/breakpoint/index.html +60 -0
  153. package/docs-dev/sass/core/button/index.html +60 -0
  154. package/docs-dev/sass/core/color/index.html +60 -0
  155. package/docs-dev/sass/core/cssvar/index.html +60 -0
  156. package/docs-dev/sass/core/element/index.html +60 -0
  157. package/docs-dev/sass/core/index.html +60 -0
  158. package/docs-dev/sass/core/layout/index.html +60 -0
  159. package/docs-dev/sass/core/path/index.html +60 -0
  160. package/docs-dev/sass/core/selector/index.html +60 -0
  161. package/docs-dev/sass/core/typography/index.html +105 -38
  162. package/docs-dev/sass/core/units/index.html +60 -0
  163. package/docs-dev/sass/core/utils/index.html +60 -0
  164. package/docs-dev/sass/helpers/color/index.html +60 -0
  165. package/docs-dev/sass/helpers/display/index.html +60 -0
  166. package/docs-dev/sass/helpers/index/index.html +60 -0
  167. package/docs-dev/sass/helpers/index.html +60 -0
  168. package/docs-dev/sass/helpers/typography/index.html +60 -0
  169. package/docs-dev/sass/helpers/units/index.html +60 -0
  170. package/docs-dev/sass/helpers/utilities/index.html +66 -2
  171. package/docs-dev/sass/index.html +60 -0
  172. package/package.json +1 -1
  173. package/scss/components/_breadcrumb.scss +110 -0
  174. package/scss/components/_index.scss +6 -0
package/docs-dev/demos/data-table/index.html CHANGED
@@ -211,6 +211,21 @@
211
211
  </li>
212
212
 
213
213
 
214
+ <li class="nav-tree__item ">
215
+
216
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
217
+
218
+
219
+ <span class="nav-tree__text">
220
+ Breadcrumb
221
+ </span>
222
+
223
+ </a>
224
+
225
+
226
+ </li>
227
+
228
+
214
229
  <li class="nav-tree__item ">
215
230
 
216
231
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -1395,6 +1410,21 @@
1395
1410
  </li>
1396
1411
 
1397
1412
 
1413
+ <li class="nav-tree__item ">
1414
+
1415
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
1416
+
1417
+
1418
+ <span class="nav-tree__text">
1419
+ Breadcrumb
1420
+ </span>
1421
+
1422
+ </a>
1423
+
1424
+
1425
+ </li>
1426
+
1427
+
1398
1428
  <li class="nav-tree__item ">
1399
1429
 
1400
1430
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
@@ -2967,6 +2997,21 @@
2967
2997
  </li>
2968
2998
 
2969
2999
 
3000
+ <li class="nav-tree__item ">
3001
+
3002
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
3003
+
3004
+
3005
+ <span class="nav-tree__text">
3006
+ Breadcrumb
3007
+ </span>
3008
+
3009
+ </a>
3010
+
3011
+
3012
+ </li>
3013
+
3014
+
2970
3015
  <li class="nav-tree__item ">
2971
3016
 
2972
3017
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -4151,6 +4196,21 @@
4151
4196
  </li>
4152
4197
 
4153
4198
 
4199
+ <li class="nav-tree__item ">
4200
+
4201
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
4202
+
4203
+
4204
+ <span class="nav-tree__text">
4205
+ Breadcrumb
4206
+ </span>
4207
+
4208
+ </a>
4209
+
4210
+
4211
+ </li>
4212
+
4213
+
4154
4214
  <li class="nav-tree__item ">
4155
4215
 
4156
4216
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
@@ -5642,178 +5702,178 @@
5642
5702
  </table>
5643
5703
  <h2 class="h2">Complex Table</h2>
5644
5704
  <h2 class="h2">Striped Table</h2>
5645
- <table class="data-table data-table--striped" id="dt-165">
5705
+ <table class="data-table data-table--striped" id="dt-193">
5646
5706
  <caption>
5647
5707
  This Is The Table's Caption
5648
5708
  </caption>
5649
5709
  <thead>
5650
5710
  <tr>
5651
- <th id="dt-165-type" rowspan="2">Type</th>
5652
- <th id="dt-165-group" colspan="2">Group</th>
5653
- <th id="dt-165-details" colspan="2">Details</th>
5654
- <th id="dt-165-id" rowspan="2">Id</th>
5711
+ <th id="dt-193-type" rowspan="2">Type</th>
5712
+ <th id="dt-193-group" colspan="2">Group</th>
5713
+ <th id="dt-193-details" colspan="2">Details</th>
5714
+ <th id="dt-193-id" rowspan="2">Id</th>
5655
5715
  </tr>
5656
5716
  <tr>
5657
- <th headers="dt-165-group" id="dt-165-primary">Primary</th>
5658
- <th headers="dt-165-group" id="dt-165-secondary">Secondary</th>
5659
- <th headers="dt-165-details" id="dt-165-before">Before Task</th>
5660
- <th headers="dt-165-details" id="dt-165-after">After Task</th>
5717
+ <th headers="dt-193-group" id="dt-193-primary">Primary</th>
5718
+ <th headers="dt-193-group" id="dt-193-secondary">Secondary</th>
5719
+ <th headers="dt-193-details" id="dt-193-before">Before Task</th>
5720
+ <th headers="dt-193-details" id="dt-193-after">After Task</th>
5661
5721
  </tr>
5662
5722
  </thead>
5663
5723
  <tbody>
5664
5724
  <tr>
5665
- <th rowspan="3" headers="dt-165-type dt-165-r1" id="dt-165-r1">Default</th>
5666
- <td headers="dt-165-group dt-165-primary dt-165-r1">Lorem Ipsum</td>
5667
- <td headers="dt-165-group dt-165-secondary dt-165-r1">Lorem Ipsum</td>
5668
- <td headers="dt-165-details dt-165-before dt-165-r1">Lorem Ipsum</td>
5669
- <td headers="dt-165-details dt-165-after dt-165-r1">Lorem Ipsum</td>
5670
- <td headers="dt-165-id">OL-53-GHSLE</td>
5725
+ <th rowspan="3" headers="dt-193-type dt-193-r1" id="dt-193-r1">Default</th>
5726
+ <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5727
+ <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5728
+ <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5729
+ <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5730
+ <td headers="dt-193-id">OL-53-GHSLE</td>
5671
5731
  </tr>
5672
5732
  <tr>
5673
- <td headers="dt-165-group dt-165-primary dt-165-r1">Lorem Ipsum</td>
5674
- <td headers="dt-165-group dt-165-secondary dt-165-r1">Lorem Ipsum</td>
5675
- <td headers="dt-165-details dt-165-before dt-165-r1">Lorem Ipsum</td>
5676
- <td headers="dt-165-details dt-165-after dt-165-r1">Lorem Ipsum</td>
5677
- <td headers="dt-165-id">OL-53-GHSLE</td>
5733
+ <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5734
+ <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5735
+ <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5736
+ <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5737
+ <td headers="dt-193-id">OL-53-GHSLE</td>
5678
5738
  </tr>
5679
5739
  <tr>
5680
- <td headers="dt-165-group dt-165-primary dt-165-r1">Lorem Ipsum</td>
5681
- <td headers="dt-165-group dt-165-secondary dt-165-r1">Lorem Ipsum</td>
5682
- <td headers="dt-165-details dt-165-before dt-165-r1">Lorem Ipsum</td>
5683
- <td headers="dt-165-details dt-165-after dt-165-r1">Lorem Ipsum</td>
5684
- <td headers="dt-165-id">OL-53-GHSLE</td>
5740
+ <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5741
+ <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5742
+ <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5743
+ <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5744
+ <td headers="dt-193-id">OL-53-GHSLE</td>
5685
5745
  </tr>
5686
5746
  </tbody>
5687
5747
  </table>
5688
5748
  <h2 class="h2">Large-first Table</h2>
5689
- <table class="data-table data-table--large-first" id="dt-166">
5749
+ <table class="data-table data-table--large-first" id="dt-194">
5690
5750
  <caption>
5691
5751
  This Is The Table's Caption
5692
5752
  </caption>
5693
5753
  <thead>
5694
5754
  <tr>
5695
- <th id="dt-166-type" rowspan="2">Type</th>
5696
- <th id="dt-166-group" colspan="2">Group</th>
5697
- <th id="dt-166-details" colspan="2">Details</th>
5698
- <th id="dt-166-id" rowspan="2">Id</th>
5755
+ <th id="dt-194-type" rowspan="2">Type</th>
5756
+ <th id="dt-194-group" colspan="2">Group</th>
5757
+ <th id="dt-194-details" colspan="2">Details</th>
5758
+ <th id="dt-194-id" rowspan="2">Id</th>
5699
5759
  </tr>
5700
5760
  <tr>
5701
- <th headers="dt-166-group" id="dt-166-primary">Primary</th>
5702
- <th headers="dt-166-group" id="dt-166-secondary">Secondary</th>
5703
- <th headers="dt-166-details" id="dt-166-before">Before Task</th>
5704
- <th headers="dt-166-details" id="dt-166-after">After Task</th>
5761
+ <th headers="dt-194-group" id="dt-194-primary">Primary</th>
5762
+ <th headers="dt-194-group" id="dt-194-secondary">Secondary</th>
5763
+ <th headers="dt-194-details" id="dt-194-before">Before Task</th>
5764
+ <th headers="dt-194-details" id="dt-194-after">After Task</th>
5705
5765
  </tr>
5706
5766
  </thead>
5707
5767
  <tbody>
5708
5768
  <tr>
5709
- <th rowspan="3" headers="dt-166-type dt-166-r1" id="dt-166-r1">Default</th>
5710
- <td headers="dt-166-group dt-166-primary dt-166-r1">Lorem Ipsum</td>
5711
- <td headers="dt-166-group dt-166-secondary dt-166-r1">Lorem Ipsum</td>
5712
- <td headers="dt-166-details dt-166-before dt-166-r1">Lorem Ipsum</td>
5713
- <td headers="dt-166-details dt-166-after dt-166-r1">Lorem Ipsum</td>
5714
- <td headers="dt-166-id">OL-53-GHSLE</td>
5769
+ <th rowspan="3" headers="dt-194-type dt-194-r1" id="dt-194-r1">Default</th>
5770
+ <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5771
+ <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5772
+ <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5773
+ <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5774
+ <td headers="dt-194-id">OL-53-GHSLE</td>
5715
5775
  </tr>
5716
5776
  <tr>
5717
- <td headers="dt-166-group dt-166-primary dt-166-r1">Lorem Ipsum</td>
5718
- <td headers="dt-166-group dt-166-secondary dt-166-r1">Lorem Ipsum</td>
5719
- <td headers="dt-166-details dt-166-before dt-166-r1">Lorem Ipsum</td>
5720
- <td headers="dt-166-details dt-166-after dt-166-r1">Lorem Ipsum</td>
5721
- <td headers="dt-166-id">OL-53-GHSLE</td>
5777
+ <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5778
+ <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5779
+ <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5780
+ <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5781
+ <td headers="dt-194-id">OL-53-GHSLE</td>
5722
5782
  </tr>
5723
5783
  <tr>
5724
- <td headers="dt-166-group dt-166-primary dt-166-r1">Lorem Ipsum</td>
5725
- <td headers="dt-166-group dt-166-secondary dt-166-r1">Lorem Ipsum</td>
5726
- <td headers="dt-166-details dt-166-before dt-166-r1">Lorem Ipsum</td>
5727
- <td headers="dt-166-details dt-166-after dt-166-r1">Lorem Ipsum</td>
5728
- <td headers="dt-166-id">OL-53-GHSLE</td>
5784
+ <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5785
+ <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5786
+ <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5787
+ <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5788
+ <td headers="dt-194-id">OL-53-GHSLE</td>
5729
5789
  </tr>
5730
5790
  </tbody>
5731
5791
  </table>
5732
5792
  <h2 class="h2">Large-header Table</h2>
5733
- <table class="data-table data-table--large-header" id="dt-167">
5793
+ <table class="data-table data-table--large-header" id="dt-195">
5734
5794
  <caption>
5735
5795
  This Is The Table's Caption
5736
5796
  </caption>
5737
5797
  <thead>
5738
5798
  <tr>
5739
- <th id="dt-167-type" rowspan="2">Type</th>
5740
- <th id="dt-167-group" colspan="2">Group</th>
5741
- <th id="dt-167-details" colspan="2">Details</th>
5742
- <th id="dt-167-id" rowspan="2">Id</th>
5799
+ <th id="dt-195-type" rowspan="2">Type</th>
5800
+ <th id="dt-195-group" colspan="2">Group</th>
5801
+ <th id="dt-195-details" colspan="2">Details</th>
5802
+ <th id="dt-195-id" rowspan="2">Id</th>
5743
5803
  </tr>
5744
5804
  <tr>
5745
- <th headers="dt-167-group" id="dt-167-primary">Primary</th>
5746
- <th headers="dt-167-group" id="dt-167-secondary">Secondary</th>
5747
- <th headers="dt-167-details" id="dt-167-before">Before Task</th>
5748
- <th headers="dt-167-details" id="dt-167-after">After Task</th>
5805
+ <th headers="dt-195-group" id="dt-195-primary">Primary</th>
5806
+ <th headers="dt-195-group" id="dt-195-secondary">Secondary</th>
5807
+ <th headers="dt-195-details" id="dt-195-before">Before Task</th>
5808
+ <th headers="dt-195-details" id="dt-195-after">After Task</th>
5749
5809
  </tr>
5750
5810
  </thead>
5751
5811
  <tbody>
5752
5812
  <tr>
5753
- <th rowspan="3" headers="dt-167-type dt-167-r1" id="dt-167-r1">Default</th>
5754
- <td headers="dt-167-group dt-167-primary dt-167-r1">Lorem Ipsum</td>
5755
- <td headers="dt-167-group dt-167-secondary dt-167-r1">Lorem Ipsum</td>
5756
- <td headers="dt-167-details dt-167-before dt-167-r1">Lorem Ipsum</td>
5757
- <td headers="dt-167-details dt-167-after dt-167-r1">Lorem Ipsum</td>
5758
- <td headers="dt-167-id">OL-53-GHSLE</td>
5813
+ <th rowspan="3" headers="dt-195-type dt-195-r1" id="dt-195-r1">Default</th>
5814
+ <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5815
+ <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5816
+ <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5817
+ <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5818
+ <td headers="dt-195-id">OL-53-GHSLE</td>
5759
5819
  </tr>
5760
5820
  <tr>
5761
- <td headers="dt-167-group dt-167-primary dt-167-r1">Lorem Ipsum</td>
5762
- <td headers="dt-167-group dt-167-secondary dt-167-r1">Lorem Ipsum</td>
5763
- <td headers="dt-167-details dt-167-before dt-167-r1">Lorem Ipsum</td>
5764
- <td headers="dt-167-details dt-167-after dt-167-r1">Lorem Ipsum</td>
5765
- <td headers="dt-167-id">OL-53-GHSLE</td>
5821
+ <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5822
+ <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5823
+ <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5824
+ <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5825
+ <td headers="dt-195-id">OL-53-GHSLE</td>
5766
5826
  </tr>
5767
5827
  <tr>
5768
- <td headers="dt-167-group dt-167-primary dt-167-r1">Lorem Ipsum</td>
5769
- <td headers="dt-167-group dt-167-secondary dt-167-r1">Lorem Ipsum</td>
5770
- <td headers="dt-167-details dt-167-before dt-167-r1">Lorem Ipsum</td>
5771
- <td headers="dt-167-details dt-167-after dt-167-r1">Lorem Ipsum</td>
5772
- <td headers="dt-167-id">OL-53-GHSLE</td>
5828
+ <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5829
+ <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5830
+ <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5831
+ <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5832
+ <td headers="dt-195-id">OL-53-GHSLE</td>
5773
5833
  </tr>
5774
5834
  </tbody>
5775
5835
  </table>
5776
5836
  <h2 class="h2">No-border Table</h2>
5777
- <table class="data-table data-table--no-border" id="dt-168">
5837
+ <table class="data-table data-table--no-border" id="dt-196">
5778
5838
  <caption>
5779
5839
  This Is The Table's Caption
5780
5840
  </caption>
5781
5841
  <thead>
5782
5842
  <tr>
5783
- <th id="dt-168-type" rowspan="2">Type</th>
5784
- <th id="dt-168-group" colspan="2">Group</th>
5785
- <th id="dt-168-details" colspan="2">Details</th>
5786
- <th id="dt-168-id" rowspan="2">Id</th>
5843
+ <th id="dt-196-type" rowspan="2">Type</th>
5844
+ <th id="dt-196-group" colspan="2">Group</th>
5845
+ <th id="dt-196-details" colspan="2">Details</th>
5846
+ <th id="dt-196-id" rowspan="2">Id</th>
5787
5847
  </tr>
5788
5848
  <tr>
5789
- <th headers="dt-168-group" id="dt-168-primary">Primary</th>
5790
- <th headers="dt-168-group" id="dt-168-secondary">Secondary</th>
5791
- <th headers="dt-168-details" id="dt-168-before">Before Task</th>
5792
- <th headers="dt-168-details" id="dt-168-after">After Task</th>
5849
+ <th headers="dt-196-group" id="dt-196-primary">Primary</th>
5850
+ <th headers="dt-196-group" id="dt-196-secondary">Secondary</th>
5851
+ <th headers="dt-196-details" id="dt-196-before">Before Task</th>
5852
+ <th headers="dt-196-details" id="dt-196-after">After Task</th>
5793
5853
  </tr>
5794
5854
  </thead>
5795
5855
  <tbody>
5796
5856
  <tr>
5797
- <th rowspan="3" headers="dt-168-type dt-168-r1" id="dt-168-r1">Default</th>
5798
- <td headers="dt-168-group dt-168-primary dt-168-r1">Lorem Ipsum</td>
5799
- <td headers="dt-168-group dt-168-secondary dt-168-r1">Lorem Ipsum</td>
5800
- <td headers="dt-168-details dt-168-before dt-168-r1">Lorem Ipsum</td>
5801
- <td headers="dt-168-details dt-168-after dt-168-r1">Lorem Ipsum</td>
5802
- <td headers="dt-168-id">OL-53-GHSLE</td>
5857
+ <th rowspan="3" headers="dt-196-type dt-196-r1" id="dt-196-r1">Default</th>
5858
+ <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5859
+ <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5860
+ <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5861
+ <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5862
+ <td headers="dt-196-id">OL-53-GHSLE</td>
5803
5863
  </tr>
5804
5864
  <tr>
5805
- <td headers="dt-168-group dt-168-primary dt-168-r1">Lorem Ipsum</td>
5806
- <td headers="dt-168-group dt-168-secondary dt-168-r1">Lorem Ipsum</td>
5807
- <td headers="dt-168-details dt-168-before dt-168-r1">Lorem Ipsum</td>
5808
- <td headers="dt-168-details dt-168-after dt-168-r1">Lorem Ipsum</td>
5809
- <td headers="dt-168-id">OL-53-GHSLE</td>
5865
+ <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5866
+ <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5867
+ <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5868
+ <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5869
+ <td headers="dt-196-id">OL-53-GHSLE</td>
5810
5870
  </tr>
5811
5871
  <tr>
5812
- <td headers="dt-168-group dt-168-primary dt-168-r1">Lorem Ipsum</td>
5813
- <td headers="dt-168-group dt-168-secondary dt-168-r1">Lorem Ipsum</td>
5814
- <td headers="dt-168-details dt-168-before dt-168-r1">Lorem Ipsum</td>
5815
- <td headers="dt-168-details dt-168-after dt-168-r1">Lorem Ipsum</td>
5816
- <td headers="dt-168-id">OL-53-GHSLE</td>
5872
+ <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5873
+ <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5874
+ <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5875
+ <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5876
+ <td headers="dt-196-id">OL-53-GHSLE</td>
5817
5877
  </tr>
5818
5878
  </tbody>
5819
5879
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -211,6 +211,21 @@
211
211
  </li>
212
212
 
213
213
 
214
+ <li class="nav-tree__item ">
215
+
216
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
217
+
218
+
219
+ <span class="nav-tree__text">
220
+ Breadcrumb
221
+ </span>
222
+
223
+ </a>
224
+
225
+
226
+ </li>
227
+
228
+
214
229
  <li class="nav-tree__item ">
215
230
 
216
231
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -1395,6 +1410,21 @@
1395
1410
  </li>
1396
1411
 
1397
1412
 
1413
+ <li class="nav-tree__item ">
1414
+
1415
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
1416
+
1417
+
1418
+ <span class="nav-tree__text">
1419
+ Breadcrumb
1420
+ </span>
1421
+
1422
+ </a>
1423
+
1424
+
1425
+ </li>
1426
+
1427
+
1398
1428
  <li class="nav-tree__item ">
1399
1429
 
1400
1430
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
@@ -2967,6 +2997,21 @@
2967
2997
  </li>
2968
2998
 
2969
2999
 
3000
+ <li class="nav-tree__item ">
3001
+
3002
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
3003
+
3004
+
3005
+ <span class="nav-tree__text">
3006
+ Breadcrumb
3007
+ </span>
3008
+
3009
+ </a>
3010
+
3011
+
3012
+ </li>
3013
+
3014
+
2970
3015
  <li class="nav-tree__item ">
2971
3016
 
2972
3017
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -4151,6 +4196,21 @@
4151
4196
  </li>
4152
4197
 
4153
4198
 
4199
+ <li class="nav-tree__item ">
4200
+
4201
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
4202
+
4203
+
4204
+ <span class="nav-tree__text">
4205
+ Breadcrumb
4206
+ </span>
4207
+
4208
+ </a>
4209
+
4210
+
4211
+ </li>
4212
+
4213
+
4154
4214
  <li class="nav-tree__item ">
4155
4215
 
4156
4216
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
package/docs-dev/demos/file-save/index.html CHANGED
@@ -211,6 +211,21 @@
211
211
  </li>
212
212
 
213
213
 
214
+ <li class="nav-tree__item ">
215
+
216
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
217
+
218
+
219
+ <span class="nav-tree__text">
220
+ Breadcrumb
221
+ </span>
222
+
223
+ </a>
224
+
225
+
226
+ </li>
227
+
228
+
214
229
  <li class="nav-tree__item ">
215
230
 
216
231
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -1395,6 +1410,21 @@
1395
1410
  </li>
1396
1411
 
1397
1412
 
1413
+ <li class="nav-tree__item ">
1414
+
1415
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
1416
+
1417
+
1418
+ <span class="nav-tree__text">
1419
+ Breadcrumb
1420
+ </span>
1421
+
1422
+ </a>
1423
+
1424
+
1425
+ </li>
1426
+
1427
+
1398
1428
  <li class="nav-tree__item ">
1399
1429
 
1400
1430
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
@@ -2967,6 +2997,21 @@
2967
2997
  </li>
2968
2998
 
2969
2999
 
3000
+ <li class="nav-tree__item ">
3001
+
3002
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
3003
+
3004
+
3005
+ <span class="nav-tree__text">
3006
+ Breadcrumb
3007
+ </span>
3008
+
3009
+ </a>
3010
+
3011
+
3012
+ </li>
3013
+
3014
+
2970
3015
  <li class="nav-tree__item ">
2971
3016
 
2972
3017
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -4151,6 +4196,21 @@
4151
4196
  </li>
4152
4197
 
4153
4198
 
4199
+ <li class="nav-tree__item ">
4200
+
4201
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
4202
+
4203
+
4204
+ <span class="nav-tree__text">
4205
+ Breadcrumb
4206
+ </span>
4207
+
4208
+ </a>
4209
+
4210
+
4211
+ </li>
4212
+
4213
+
4154
4214
  <li class="nav-tree__item ">
4155
4215
 
4156
4216
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
package/docs-dev/demos/flipcard/index.html CHANGED
@@ -211,6 +211,21 @@
211
211
  </li>
212
212
 
213
213
 
214
+ <li class="nav-tree__item ">
215
+
216
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
217
+
218
+
219
+ <span class="nav-tree__text">
220
+ Breadcrumb
221
+ </span>
222
+
223
+ </a>
224
+
225
+
226
+ </li>
227
+
228
+
214
229
  <li class="nav-tree__item ">
215
230
 
216
231
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -1395,6 +1410,21 @@
1395
1410
  </li>
1396
1411
 
1397
1412
 
1413
+ <li class="nav-tree__item ">
1414
+
1415
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
1416
+
1417
+
1418
+ <span class="nav-tree__text">
1419
+ Breadcrumb
1420
+ </span>
1421
+
1422
+ </a>
1423
+
1424
+
1425
+ </li>
1426
+
1427
+
1398
1428
  <li class="nav-tree__item ">
1399
1429
 
1400
1430
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
@@ -2967,6 +2997,21 @@
2967
2997
  </li>
2968
2998
 
2969
2999
 
3000
+ <li class="nav-tree__item ">
3001
+
3002
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
3003
+
3004
+
3005
+ <span class="nav-tree__text">
3006
+ Breadcrumb
3007
+ </span>
3008
+
3009
+ </a>
3010
+
3011
+
3012
+ </li>
3013
+
3014
+
2970
3015
  <li class="nav-tree__item ">
2971
3016
 
2972
3017
  <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
@@ -4151,6 +4196,21 @@
4151
4196
  </li>
4152
4197
 
4153
4198
 
4199
+ <li class="nav-tree__item ">
4200
+
4201
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
4202
+
4203
+
4204
+ <span class="nav-tree__text">
4205
+ Breadcrumb
4206
+ </span>
4207
+
4208
+ </a>
4209
+
4210
+
4211
+ </li>
4212
+
4213
+
4154
4214
  <li class="nav-tree__item ">
4155
4215
 
4156
4216
  <a class="nav-tree__link " href="/frontend/sass/components/button/">