@ulu/frontend 0.1.0-beta.93 → 0.1.0-beta.95

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 (176) hide show
  1. package/CHANGELOG.md +10 -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/breakpoints-manager/index.html +60 -0
  8. package/docs-dev/demos/button/index.html +60 -0
  9. package/docs-dev/demos/button-group/index.html +60 -0
  10. package/docs-dev/demos/button-verbose/index.html +60 -0
  11. package/docs-dev/demos/callout/index.html +60 -0
  12. package/docs-dev/demos/captioned-figure/index.html +60 -0
  13. package/docs-dev/demos/card/index.html +76 -16
  14. package/docs-dev/demos/card-grid/index.html +60 -0
  15. package/docs-dev/demos/counter-list/index.html +60 -0
  16. package/docs-dev/demos/css-icons/index.html +60 -0
  17. package/docs-dev/demos/data-grid/index.html +60 -0
  18. package/docs-dev/demos/data-table/index.html +160 -100
  19. package/docs-dev/demos/details-group/index.html +60 -0
  20. package/docs-dev/demos/file-save/index.html +60 -0
  21. package/docs-dev/demos/flipcard/index.html +60 -0
  22. package/docs-dev/demos/form-theme/index.html +60 -0
  23. package/docs-dev/demos/headline-label/index.html +60 -0
  24. package/docs-dev/demos/index.html +60 -0
  25. package/docs-dev/demos/list-inline/index.html +60 -0
  26. package/docs-dev/demos/list-lines/index.html +60 -0
  27. package/docs-dev/demos/menu-stack/index.html +60 -0
  28. package/docs-dev/demos/modals/index.html +60 -0
  29. package/docs-dev/demos/nav-strip/index.html +60 -0
  30. package/docs-dev/demos/overlay-section/index.html +60 -0
  31. package/docs-dev/demos/panel/index.html +60 -0
  32. package/docs-dev/demos/popovers/index.html +60 -0
  33. package/docs-dev/demos/print/index.html +60 -0
  34. package/docs-dev/demos/pull-quote/index.html +60 -0
  35. package/docs-dev/demos/rail/index.html +80 -8
  36. package/docs-dev/demos/rule/index.html +60 -0
  37. package/docs-dev/demos/scrollpoints/index.html +60 -0
  38. package/docs-dev/demos/skeleton/index.html +5674 -0
  39. package/docs-dev/demos/spoke-spinner/index.html +60 -0
  40. package/docs-dev/demos/sticky-list/index.html +60 -0
  41. package/docs-dev/demos/tabs/index.html +60 -0
  42. package/docs-dev/demos/tag/index.html +60 -0
  43. package/docs-dev/demos/theme-toggle/index.html +60 -0
  44. package/docs-dev/demos/tiles/index.html +60 -0
  45. package/docs-dev/demos/tooltip/index.html +60 -0
  46. package/docs-dev/demos/wysiwyg/index.html +60 -0
  47. package/docs-dev/guide/building-stylesheet/index.html +60 -0
  48. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
  49. package/docs-dev/guide/index.html +60 -0
  50. package/docs-dev/index.html +60 -0
  51. package/docs-dev/javascript/events/index.html +60 -0
  52. package/docs-dev/javascript/index.html +60 -0
  53. package/docs-dev/javascript/settings/index.html +60 -0
  54. package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
  55. package/docs-dev/javascript/ui-collapsible/index.html +60 -0
  56. package/docs-dev/javascript/ui-details-group/index.html +60 -0
  57. package/docs-dev/javascript/ui-dialog/index.html +60 -0
  58. package/docs-dev/javascript/ui-flipcard/index.html +60 -0
  59. package/docs-dev/javascript/ui-grid/index.html +60 -0
  60. package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
  61. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
  62. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
  63. package/docs-dev/javascript/ui-page/index.html +60 -0
  64. package/docs-dev/javascript/ui-popover/index.html +60 -0
  65. package/docs-dev/javascript/ui-print/index.html +60 -0
  66. package/docs-dev/javascript/ui-print-details/index.html +60 -0
  67. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
  68. package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
  69. package/docs-dev/javascript/ui-resizer/index.html +60 -0
  70. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
  71. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
  72. package/docs-dev/javascript/ui-slider/index.html +60 -0
  73. package/docs-dev/javascript/ui-tabs/index.html +60 -0
  74. package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
  75. package/docs-dev/javascript/ui-tooltip/index.html +60 -0
  76. package/docs-dev/javascript/utils-class-logger/index.html +60 -0
  77. package/docs-dev/javascript/utils-css/index.html +60 -0
  78. package/docs-dev/javascript/utils-dom/index.html +60 -0
  79. package/docs-dev/javascript/utils-file-save/index.html +60 -0
  80. package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
  81. package/docs-dev/javascript/utils-id/index.html +60 -0
  82. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
  83. package/docs-dev/javascript/utils-system/index.html +60 -0
  84. package/docs-dev/sass/base/color/index.html +60 -0
  85. package/docs-dev/sass/base/elements/index.html +60 -0
  86. package/docs-dev/sass/base/index/index.html +60 -0
  87. package/docs-dev/sass/base/index.html +60 -0
  88. package/docs-dev/sass/base/keyframes/index.html +61 -1
  89. package/docs-dev/sass/base/layout/index.html +60 -0
  90. package/docs-dev/sass/base/normalize/index.html +60 -0
  91. package/docs-dev/sass/base/print/index.html +60 -0
  92. package/docs-dev/sass/base/root/index.html +60 -0
  93. package/docs-dev/sass/base/typography/index.html +60 -0
  94. package/docs-dev/sass/components/accordion/index.html +60 -0
  95. package/docs-dev/sass/components/adaptive-spacing/index.html +60 -0
  96. package/docs-dev/sass/components/badge/index.html +60 -0
  97. package/docs-dev/sass/components/badge-stack/index.html +60 -0
  98. package/docs-dev/sass/components/basic-hero/index.html +60 -0
  99. package/docs-dev/sass/components/button/index.html +60 -0
  100. package/docs-dev/sass/components/button-group/index.html +60 -0
  101. package/docs-dev/sass/components/button-verbose/index.html +60 -0
  102. package/docs-dev/sass/components/callout/index.html +60 -0
  103. package/docs-dev/sass/components/captioned-figure/index.html +60 -0
  104. package/docs-dev/sass/components/card/index.html +60 -0
  105. package/docs-dev/sass/components/card-grid/index.html +60 -0
  106. package/docs-dev/sass/components/counter-list/index.html +60 -0
  107. package/docs-dev/sass/components/css-icon/index.html +60 -0
  108. package/docs-dev/sass/components/data-grid/index.html +60 -0
  109. package/docs-dev/sass/components/data-table/index.html +60 -0
  110. package/docs-dev/sass/components/fill-context/index.html +60 -0
  111. package/docs-dev/sass/components/flipcard/index.html +60 -0
  112. package/docs-dev/sass/components/flipcard-grid/index.html +60 -0
  113. package/docs-dev/sass/components/form-theme/index.html +60 -0
  114. package/docs-dev/sass/components/headline-label/index.html +60 -0
  115. package/docs-dev/sass/components/hero/index.html +60 -0
  116. package/docs-dev/sass/components/horizontal-rule/index.html +60 -0
  117. package/docs-dev/sass/components/image-grid/index.html +60 -0
  118. package/docs-dev/sass/components/index/index.html +71 -10
  119. package/docs-dev/sass/components/index.html +60 -0
  120. package/docs-dev/sass/components/links/index.html +60 -0
  121. package/docs-dev/sass/components/list-inline/index.html +60 -0
  122. package/docs-dev/sass/components/list-lines/index.html +60 -0
  123. package/docs-dev/sass/components/list-ordered/index.html +60 -0
  124. package/docs-dev/sass/components/list-unordered/index.html +60 -0
  125. package/docs-dev/sass/components/menu-stack/index.html +60 -0
  126. package/docs-dev/sass/components/modal/index.html +60 -0
  127. package/docs-dev/sass/components/nav-strip/index.html +60 -0
  128. package/docs-dev/sass/components/overlay-section/index.html +60 -0
  129. package/docs-dev/sass/components/pager/index.html +60 -0
  130. package/docs-dev/sass/components/panel/index.html +60 -0
  131. package/docs-dev/sass/components/placeholder-block/index.html +60 -0
  132. package/docs-dev/sass/components/popover/index.html +60 -0
  133. package/docs-dev/sass/components/pull-quote/index.html +60 -0
  134. package/docs-dev/sass/components/rail/index.html +71 -8
  135. package/docs-dev/sass/components/ratio-box/index.html +60 -0
  136. package/docs-dev/sass/components/rule/index.html +60 -0
  137. package/docs-dev/sass/components/scroll-slider/index.html +60 -0
  138. package/docs-dev/sass/components/skeleton/index.html +5860 -0
  139. package/docs-dev/sass/components/skip-link/index.html +60 -0
  140. package/docs-dev/sass/components/slider/index.html +60 -0
  141. package/docs-dev/sass/components/spoke-spinner/index.html +60 -0
  142. package/docs-dev/sass/components/sticky-list/index.html +60 -0
  143. package/docs-dev/sass/components/tabs/index.html +60 -0
  144. package/docs-dev/sass/components/tag/index.html +60 -0
  145. package/docs-dev/sass/components/tile-button/index.html +60 -0
  146. package/docs-dev/sass/components/tile-grid/index.html +60 -0
  147. package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -0
  148. package/docs-dev/sass/components/vignette/index.html +60 -0
  149. package/docs-dev/sass/components/wysiwyg/index.html +60 -0
  150. package/docs-dev/sass/core/breakpoint/index.html +60 -0
  151. package/docs-dev/sass/core/button/index.html +60 -0
  152. package/docs-dev/sass/core/color/index.html +95 -34
  153. package/docs-dev/sass/core/cssvar/index.html +60 -0
  154. package/docs-dev/sass/core/element/index.html +60 -0
  155. package/docs-dev/sass/core/index.html +60 -0
  156. package/docs-dev/sass/core/layout/index.html +60 -0
  157. package/docs-dev/sass/core/path/index.html +60 -0
  158. package/docs-dev/sass/core/selector/index.html +60 -0
  159. package/docs-dev/sass/core/typography/index.html +60 -0
  160. package/docs-dev/sass/core/units/index.html +60 -0
  161. package/docs-dev/sass/core/utils/index.html +60 -0
  162. package/docs-dev/sass/helpers/color/index.html +60 -0
  163. package/docs-dev/sass/helpers/display/index.html +60 -0
  164. package/docs-dev/sass/helpers/index/index.html +60 -0
  165. package/docs-dev/sass/helpers/index.html +60 -0
  166. package/docs-dev/sass/helpers/typography/index.html +60 -0
  167. package/docs-dev/sass/helpers/units/index.html +60 -0
  168. package/docs-dev/sass/helpers/utilities/index.html +60 -0
  169. package/docs-dev/sass/index.html +60 -0
  170. package/package.json +1 -1
  171. package/scss/_color.scss +2 -1
  172. package/scss/base/_keyframes.scss +5 -0
  173. package/scss/components/_index.scss +6 -0
  174. package/scss/components/_rail.scss +8 -1
  175. package/scss/components/_skeleton.scss +117 -0
  176. package/scss/helpers/_utilities.scss +1 -1
package/docs-dev/demos/data-grid/index.html CHANGED
@@ -706,6 +706,21 @@
706
706
  </li>
707
707
 
708
708
 
709
+ <li class="nav-tree__item ">
710
+
711
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
712
+
713
+
714
+ <span class="nav-tree__text">
715
+ Skeleton
716
+ </span>
717
+
718
+ </a>
719
+
720
+
721
+ </li>
722
+
723
+
709
724
  <li class="nav-tree__item ">
710
725
 
711
726
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
1950
1965
  </li>
1951
1966
 
1952
1967
 
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Skeleton
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1953
1983
  <li class="nav-tree__item ">
1954
1984
 
1955
1985
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
3432
3462
  </li>
3433
3463
 
3434
3464
 
3465
+ <li class="nav-tree__item ">
3466
+
3467
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
3468
+
3469
+
3470
+ <span class="nav-tree__text">
3471
+ Skeleton
3472
+ </span>
3473
+
3474
+ </a>
3475
+
3476
+
3477
+ </li>
3478
+
3479
+
3435
3480
  <li class="nav-tree__item ">
3436
3481
 
3437
3482
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
4676
4721
  </li>
4677
4722
 
4678
4723
 
4724
+ <li class="nav-tree__item ">
4725
+
4726
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
4727
+
4728
+
4729
+ <span class="nav-tree__text">
4730
+ Skeleton
4731
+ </span>
4732
+
4733
+ </a>
4734
+
4735
+
4736
+ </li>
4737
+
4738
+
4679
4739
  <li class="nav-tree__item ">
4680
4740
 
4681
4741
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
package/docs-dev/demos/data-table/index.html CHANGED
@@ -706,6 +706,21 @@
706
706
  </li>
707
707
 
708
708
 
709
+ <li class="nav-tree__item ">
710
+
711
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
712
+
713
+
714
+ <span class="nav-tree__text">
715
+ Skeleton
716
+ </span>
717
+
718
+ </a>
719
+
720
+
721
+ </li>
722
+
723
+
709
724
  <li class="nav-tree__item ">
710
725
 
711
726
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
1950
1965
  </li>
1951
1966
 
1952
1967
 
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Skeleton
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1953
1983
  <li class="nav-tree__item ">
1954
1984
 
1955
1985
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
3432
3462
  </li>
3433
3463
 
3434
3464
 
3465
+ <li class="nav-tree__item ">
3466
+
3467
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
3468
+
3469
+
3470
+ <span class="nav-tree__text">
3471
+ Skeleton
3472
+ </span>
3473
+
3474
+ </a>
3475
+
3476
+
3477
+ </li>
3478
+
3479
+
3435
3480
  <li class="nav-tree__item ">
3436
3481
 
3437
3482
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
4676
4721
  </li>
4677
4722
 
4678
4723
 
4724
+ <li class="nav-tree__item ">
4725
+
4726
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
4727
+
4728
+
4729
+ <span class="nav-tree__text">
4730
+ Skeleton
4731
+ </span>
4732
+
4733
+ </a>
4734
+
4735
+
4736
+ </li>
4737
+
4738
+
4679
4739
  <li class="nav-tree__item ">
4680
4740
 
4681
4741
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
@@ -5582,178 +5642,178 @@
5582
5642
  </table>
5583
5643
  <h2 class="h2">Complex Table</h2>
5584
5644
  <h2 class="h2">Striped Table</h2>
5585
- <table class="data-table data-table--striped" id="dt-1">
5645
+ <table class="data-table data-table--striped" id="dt-89">
5586
5646
  <caption>
5587
5647
  This Is The Table's Caption
5588
5648
  </caption>
5589
5649
  <thead>
5590
5650
  <tr>
5591
- <th id="dt-1-type" rowspan="2">Type</th>
5592
- <th id="dt-1-group" colspan="2">Group</th>
5593
- <th id="dt-1-details" colspan="2">Details</th>
5594
- <th id="dt-1-id" rowspan="2">Id</th>
5651
+ <th id="dt-89-type" rowspan="2">Type</th>
5652
+ <th id="dt-89-group" colspan="2">Group</th>
5653
+ <th id="dt-89-details" colspan="2">Details</th>
5654
+ <th id="dt-89-id" rowspan="2">Id</th>
5595
5655
  </tr>
5596
5656
  <tr>
5597
- <th headers="dt-1-group" id="dt-1-primary">Primary</th>
5598
- <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
5599
- <th headers="dt-1-details" id="dt-1-before">Before Task</th>
5600
- <th headers="dt-1-details" id="dt-1-after">After Task</th>
5657
+ <th headers="dt-89-group" id="dt-89-primary">Primary</th>
5658
+ <th headers="dt-89-group" id="dt-89-secondary">Secondary</th>
5659
+ <th headers="dt-89-details" id="dt-89-before">Before Task</th>
5660
+ <th headers="dt-89-details" id="dt-89-after">After Task</th>
5601
5661
  </tr>
5602
5662
  </thead>
5603
5663
  <tbody>
5604
5664
  <tr>
5605
- <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
5606
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5607
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5608
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5609
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5610
- <td headers="dt-1-id">OL-53-GHSLE</td>
5665
+ <th rowspan="3" headers="dt-89-type dt-89-r1" id="dt-89-r1">Default</th>
5666
+ <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
5667
+ <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
5668
+ <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
5669
+ <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
5670
+ <td headers="dt-89-id">OL-53-GHSLE</td>
5611
5671
  </tr>
5612
5672
  <tr>
5613
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5614
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5615
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5616
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5617
- <td headers="dt-1-id">OL-53-GHSLE</td>
5673
+ <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
5674
+ <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
5675
+ <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
5676
+ <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
5677
+ <td headers="dt-89-id">OL-53-GHSLE</td>
5618
5678
  </tr>
5619
5679
  <tr>
5620
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5621
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5622
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5623
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5624
- <td headers="dt-1-id">OL-53-GHSLE</td>
5680
+ <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
5681
+ <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
5682
+ <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
5683
+ <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
5684
+ <td headers="dt-89-id">OL-53-GHSLE</td>
5625
5685
  </tr>
5626
5686
  </tbody>
5627
5687
  </table>
5628
5688
  <h2 class="h2">Large-first Table</h2>
5629
- <table class="data-table data-table--large-first" id="dt-2">
5689
+ <table class="data-table data-table--large-first" id="dt-90">
5630
5690
  <caption>
5631
5691
  This Is The Table's Caption
5632
5692
  </caption>
5633
5693
  <thead>
5634
5694
  <tr>
5635
- <th id="dt-2-type" rowspan="2">Type</th>
5636
- <th id="dt-2-group" colspan="2">Group</th>
5637
- <th id="dt-2-details" colspan="2">Details</th>
5638
- <th id="dt-2-id" rowspan="2">Id</th>
5695
+ <th id="dt-90-type" rowspan="2">Type</th>
5696
+ <th id="dt-90-group" colspan="2">Group</th>
5697
+ <th id="dt-90-details" colspan="2">Details</th>
5698
+ <th id="dt-90-id" rowspan="2">Id</th>
5639
5699
  </tr>
5640
5700
  <tr>
5641
- <th headers="dt-2-group" id="dt-2-primary">Primary</th>
5642
- <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
5643
- <th headers="dt-2-details" id="dt-2-before">Before Task</th>
5644
- <th headers="dt-2-details" id="dt-2-after">After Task</th>
5701
+ <th headers="dt-90-group" id="dt-90-primary">Primary</th>
5702
+ <th headers="dt-90-group" id="dt-90-secondary">Secondary</th>
5703
+ <th headers="dt-90-details" id="dt-90-before">Before Task</th>
5704
+ <th headers="dt-90-details" id="dt-90-after">After Task</th>
5645
5705
  </tr>
5646
5706
  </thead>
5647
5707
  <tbody>
5648
5708
  <tr>
5649
- <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
5650
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5651
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5652
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5653
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5654
- <td headers="dt-2-id">OL-53-GHSLE</td>
5709
+ <th rowspan="3" headers="dt-90-type dt-90-r1" id="dt-90-r1">Default</th>
5710
+ <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
5711
+ <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
5712
+ <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
5713
+ <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
5714
+ <td headers="dt-90-id">OL-53-GHSLE</td>
5655
5715
  </tr>
5656
5716
  <tr>
5657
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5658
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5659
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5660
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5661
- <td headers="dt-2-id">OL-53-GHSLE</td>
5717
+ <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
5718
+ <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
5719
+ <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
5720
+ <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
5721
+ <td headers="dt-90-id">OL-53-GHSLE</td>
5662
5722
  </tr>
5663
5723
  <tr>
5664
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5665
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5666
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5667
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5668
- <td headers="dt-2-id">OL-53-GHSLE</td>
5724
+ <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
5725
+ <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
5726
+ <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
5727
+ <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
5728
+ <td headers="dt-90-id">OL-53-GHSLE</td>
5669
5729
  </tr>
5670
5730
  </tbody>
5671
5731
  </table>
5672
5732
  <h2 class="h2">Large-header Table</h2>
5673
- <table class="data-table data-table--large-header" id="dt-3">
5733
+ <table class="data-table data-table--large-header" id="dt-91">
5674
5734
  <caption>
5675
5735
  This Is The Table's Caption
5676
5736
  </caption>
5677
5737
  <thead>
5678
5738
  <tr>
5679
- <th id="dt-3-type" rowspan="2">Type</th>
5680
- <th id="dt-3-group" colspan="2">Group</th>
5681
- <th id="dt-3-details" colspan="2">Details</th>
5682
- <th id="dt-3-id" rowspan="2">Id</th>
5739
+ <th id="dt-91-type" rowspan="2">Type</th>
5740
+ <th id="dt-91-group" colspan="2">Group</th>
5741
+ <th id="dt-91-details" colspan="2">Details</th>
5742
+ <th id="dt-91-id" rowspan="2">Id</th>
5683
5743
  </tr>
5684
5744
  <tr>
5685
- <th headers="dt-3-group" id="dt-3-primary">Primary</th>
5686
- <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
5687
- <th headers="dt-3-details" id="dt-3-before">Before Task</th>
5688
- <th headers="dt-3-details" id="dt-3-after">After Task</th>
5745
+ <th headers="dt-91-group" id="dt-91-primary">Primary</th>
5746
+ <th headers="dt-91-group" id="dt-91-secondary">Secondary</th>
5747
+ <th headers="dt-91-details" id="dt-91-before">Before Task</th>
5748
+ <th headers="dt-91-details" id="dt-91-after">After Task</th>
5689
5749
  </tr>
5690
5750
  </thead>
5691
5751
  <tbody>
5692
5752
  <tr>
5693
- <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
5694
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5695
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5696
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5697
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5698
- <td headers="dt-3-id">OL-53-GHSLE</td>
5753
+ <th rowspan="3" headers="dt-91-type dt-91-r1" id="dt-91-r1">Default</th>
5754
+ <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
5755
+ <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
5756
+ <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
5757
+ <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
5758
+ <td headers="dt-91-id">OL-53-GHSLE</td>
5699
5759
  </tr>
5700
5760
  <tr>
5701
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5702
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5703
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5704
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5705
- <td headers="dt-3-id">OL-53-GHSLE</td>
5761
+ <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
5762
+ <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
5763
+ <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
5764
+ <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
5765
+ <td headers="dt-91-id">OL-53-GHSLE</td>
5706
5766
  </tr>
5707
5767
  <tr>
5708
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5709
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5710
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5711
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5712
- <td headers="dt-3-id">OL-53-GHSLE</td>
5768
+ <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
5769
+ <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
5770
+ <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
5771
+ <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
5772
+ <td headers="dt-91-id">OL-53-GHSLE</td>
5713
5773
  </tr>
5714
5774
  </tbody>
5715
5775
  </table>
5716
5776
  <h2 class="h2">No-border Table</h2>
5717
- <table class="data-table data-table--no-border" id="dt-4">
5777
+ <table class="data-table data-table--no-border" id="dt-92">
5718
5778
  <caption>
5719
5779
  This Is The Table's Caption
5720
5780
  </caption>
5721
5781
  <thead>
5722
5782
  <tr>
5723
- <th id="dt-4-type" rowspan="2">Type</th>
5724
- <th id="dt-4-group" colspan="2">Group</th>
5725
- <th id="dt-4-details" colspan="2">Details</th>
5726
- <th id="dt-4-id" rowspan="2">Id</th>
5783
+ <th id="dt-92-type" rowspan="2">Type</th>
5784
+ <th id="dt-92-group" colspan="2">Group</th>
5785
+ <th id="dt-92-details" colspan="2">Details</th>
5786
+ <th id="dt-92-id" rowspan="2">Id</th>
5727
5787
  </tr>
5728
5788
  <tr>
5729
- <th headers="dt-4-group" id="dt-4-primary">Primary</th>
5730
- <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
5731
- <th headers="dt-4-details" id="dt-4-before">Before Task</th>
5732
- <th headers="dt-4-details" id="dt-4-after">After Task</th>
5789
+ <th headers="dt-92-group" id="dt-92-primary">Primary</th>
5790
+ <th headers="dt-92-group" id="dt-92-secondary">Secondary</th>
5791
+ <th headers="dt-92-details" id="dt-92-before">Before Task</th>
5792
+ <th headers="dt-92-details" id="dt-92-after">After Task</th>
5733
5793
  </tr>
5734
5794
  </thead>
5735
5795
  <tbody>
5736
5796
  <tr>
5737
- <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
5738
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5739
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5740
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5741
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5742
- <td headers="dt-4-id">OL-53-GHSLE</td>
5797
+ <th rowspan="3" headers="dt-92-type dt-92-r1" id="dt-92-r1">Default</th>
5798
+ <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
5799
+ <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
5800
+ <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
5801
+ <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
5802
+ <td headers="dt-92-id">OL-53-GHSLE</td>
5743
5803
  </tr>
5744
5804
  <tr>
5745
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5746
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5747
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5748
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5749
- <td headers="dt-4-id">OL-53-GHSLE</td>
5805
+ <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
5806
+ <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
5807
+ <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
5808
+ <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
5809
+ <td headers="dt-92-id">OL-53-GHSLE</td>
5750
5810
  </tr>
5751
5811
  <tr>
5752
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5753
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5754
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5755
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5756
- <td headers="dt-4-id">OL-53-GHSLE</td>
5812
+ <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
5813
+ <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
5814
+ <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
5815
+ <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
5816
+ <td headers="dt-92-id">OL-53-GHSLE</td>
5757
5817
  </tr>
5758
5818
  </tbody>
5759
5819
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -706,6 +706,21 @@
706
706
  </li>
707
707
 
708
708
 
709
+ <li class="nav-tree__item ">
710
+
711
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
712
+
713
+
714
+ <span class="nav-tree__text">
715
+ Skeleton
716
+ </span>
717
+
718
+ </a>
719
+
720
+
721
+ </li>
722
+
723
+
709
724
  <li class="nav-tree__item ">
710
725
 
711
726
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
1950
1965
  </li>
1951
1966
 
1952
1967
 
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Skeleton
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1953
1983
  <li class="nav-tree__item ">
1954
1984
 
1955
1985
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
3432
3462
  </li>
3433
3463
 
3434
3464
 
3465
+ <li class="nav-tree__item ">
3466
+
3467
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
3468
+
3469
+
3470
+ <span class="nav-tree__text">
3471
+ Skeleton
3472
+ </span>
3473
+
3474
+ </a>
3475
+
3476
+
3477
+ </li>
3478
+
3479
+
3435
3480
  <li class="nav-tree__item ">
3436
3481
 
3437
3482
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
4676
4721
  </li>
4677
4722
 
4678
4723
 
4724
+ <li class="nav-tree__item ">
4725
+
4726
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
4727
+
4728
+
4729
+ <span class="nav-tree__text">
4730
+ Skeleton
4731
+ </span>
4732
+
4733
+ </a>
4734
+
4735
+
4736
+ </li>
4737
+
4738
+
4679
4739
  <li class="nav-tree__item ">
4680
4740
 
4681
4741
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
package/docs-dev/demos/file-save/index.html CHANGED
@@ -706,6 +706,21 @@
706
706
  </li>
707
707
 
708
708
 
709
+ <li class="nav-tree__item ">
710
+
711
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
712
+
713
+
714
+ <span class="nav-tree__text">
715
+ Skeleton
716
+ </span>
717
+
718
+ </a>
719
+
720
+
721
+ </li>
722
+
723
+
709
724
  <li class="nav-tree__item ">
710
725
 
711
726
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
1950
1965
  </li>
1951
1966
 
1952
1967
 
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Skeleton
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1953
1983
  <li class="nav-tree__item ">
1954
1984
 
1955
1985
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
3432
3462
  </li>
3433
3463
 
3434
3464
 
3465
+ <li class="nav-tree__item ">
3466
+
3467
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
3468
+
3469
+
3470
+ <span class="nav-tree__text">
3471
+ Skeleton
3472
+ </span>
3473
+
3474
+ </a>
3475
+
3476
+
3477
+ </li>
3478
+
3479
+
3435
3480
  <li class="nav-tree__item ">
3436
3481
 
3437
3482
  <a class="nav-tree__link " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
4676
4721
  </li>
4677
4722
 
4678
4723
 
4724
+ <li class="nav-tree__item ">
4725
+
4726
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
4727
+
4728
+
4729
+ <span class="nav-tree__text">
4730
+ Skeleton
4731
+ </span>
4732
+
4733
+ </a>
4734
+
4735
+
4736
+ </li>
4737
+
4738
+
4679
4739
  <li class="nav-tree__item ">
4680
4740
 
4681
4741
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">