@ulu/frontend 0.1.0-beta.85 → 0.1.0-beta.87

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 (170) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/.nojekyll +1 -0
  4. package/docs-dev/changelog/index.html +57 -30
  5. package/docs-dev/demos/accordion/index.html +30 -30
  6. package/docs-dev/demos/badge/index.html +30 -30
  7. package/docs-dev/demos/breakpoints-manager/index.html +30 -30
  8. package/docs-dev/demos/button/index.html +30 -30
  9. package/docs-dev/demos/button-group/index.html +30 -30
  10. package/docs-dev/demos/button-verbose/index.html +30 -30
  11. package/docs-dev/demos/callout/index.html +30 -30
  12. package/docs-dev/demos/captioned-figure/index.html +30 -30
  13. package/docs-dev/demos/card/index.html +46 -46
  14. package/docs-dev/demos/card-grid/index.html +30 -30
  15. package/docs-dev/demos/counter-list/index.html +30 -30
  16. package/docs-dev/demos/css-icons/index.html +30 -30
  17. package/docs-dev/demos/data-grid/index.html +30 -30
  18. package/docs-dev/demos/data-table/index.html +130 -130
  19. package/docs-dev/demos/details-group/index.html +30 -30
  20. package/docs-dev/demos/file-save/index.html +30 -30
  21. package/docs-dev/demos/flipcard/index.html +30 -30
  22. package/docs-dev/demos/form-theme/index.html +30 -30
  23. package/docs-dev/demos/headline-label/index.html +30 -30
  24. package/docs-dev/demos/index.html +30 -30
  25. package/docs-dev/demos/list-inline/index.html +30 -30
  26. package/docs-dev/demos/list-lines/index.html +30 -30
  27. package/docs-dev/demos/menu-stack/index.html +30 -30
  28. package/docs-dev/demos/modals/index.html +30 -30
  29. package/docs-dev/demos/nav-strip/index.html +30 -30
  30. package/docs-dev/demos/overlay-section/index.html +30 -30
  31. package/docs-dev/demos/panel/index.html +30 -30
  32. package/docs-dev/demos/popovers/index.html +30 -30
  33. package/docs-dev/demos/print/index.html +30 -30
  34. package/docs-dev/demos/pull-quote/index.html +30 -30
  35. package/docs-dev/demos/rail/index.html +32 -32
  36. package/docs-dev/demos/rule/index.html +30 -30
  37. package/docs-dev/demos/scrollpoints/index.html +30 -30
  38. package/docs-dev/demos/spoke-spinner/index.html +30 -30
  39. package/docs-dev/demos/sticky-list/index.html +30 -30
  40. package/docs-dev/demos/tabs/index.html +30 -30
  41. package/docs-dev/demos/tag/index.html +30 -30
  42. package/docs-dev/demos/theme-toggle/index.html +30 -30
  43. package/docs-dev/demos/tiles/index.html +30 -30
  44. package/docs-dev/demos/tooltip/index.html +30 -30
  45. package/docs-dev/demos/wysiwyg/index.html +5552 -0
  46. package/docs-dev/guide/building-stylesheet/index.html +30 -30
  47. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -30
  48. package/docs-dev/guide/index.html +30 -30
  49. package/docs-dev/index.html +30 -30
  50. package/docs-dev/javascript/events/index.html +30 -30
  51. package/docs-dev/javascript/index.html +30 -30
  52. package/docs-dev/javascript/settings/index.html +30 -30
  53. package/docs-dev/javascript/ui-breakpoints/index.html +30 -30
  54. package/docs-dev/javascript/ui-collapsible/index.html +30 -30
  55. package/docs-dev/javascript/ui-details-group/index.html +30 -30
  56. package/docs-dev/javascript/ui-dialog/index.html +30 -30
  57. package/docs-dev/javascript/ui-flipcard/index.html +30 -30
  58. package/docs-dev/javascript/ui-grid/index.html +30 -30
  59. package/docs-dev/javascript/ui-modal-builder/index.html +30 -30
  60. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -30
  61. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -30
  62. package/docs-dev/javascript/ui-page/index.html +30 -30
  63. package/docs-dev/javascript/ui-popover/index.html +30 -30
  64. package/docs-dev/javascript/ui-print/index.html +30 -30
  65. package/docs-dev/javascript/ui-print-details/index.html +30 -30
  66. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -30
  67. package/docs-dev/javascript/ui-proxy-click/index.html +30 -30
  68. package/docs-dev/javascript/ui-resizer/index.html +30 -30
  69. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -30
  70. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -30
  71. package/docs-dev/javascript/ui-slider/index.html +30 -30
  72. package/docs-dev/javascript/ui-tabs/index.html +30 -30
  73. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -30
  74. package/docs-dev/javascript/ui-tooltip/index.html +30 -30
  75. package/docs-dev/javascript/utils-class-logger/index.html +30 -30
  76. package/docs-dev/javascript/utils-css/index.html +30 -30
  77. package/docs-dev/javascript/utils-dom/index.html +30 -30
  78. package/docs-dev/javascript/utils-file-save/index.html +30 -30
  79. package/docs-dev/javascript/utils-floating-ui/index.html +30 -30
  80. package/docs-dev/javascript/utils-id/index.html +30 -30
  81. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -30
  82. package/docs-dev/javascript/utils-system/index.html +30 -30
  83. package/docs-dev/sass/base/color/index.html +30 -30
  84. package/docs-dev/sass/base/elements/index.html +30 -30
  85. package/docs-dev/sass/base/index/index.html +30 -30
  86. package/docs-dev/sass/base/index.html +30 -30
  87. package/docs-dev/sass/base/keyframes/index.html +30 -30
  88. package/docs-dev/sass/base/layout/index.html +30 -30
  89. package/docs-dev/sass/base/normalize/index.html +30 -30
  90. package/docs-dev/sass/base/print/index.html +30 -30
  91. package/docs-dev/sass/base/root/index.html +30 -30
  92. package/docs-dev/sass/base/typography/index.html +30 -30
  93. package/docs-dev/sass/components/accordion/index.html +30 -30
  94. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -30
  95. package/docs-dev/sass/components/badge/index.html +30 -30
  96. package/docs-dev/sass/components/basic-hero/index.html +30 -30
  97. package/docs-dev/sass/components/button/index.html +30 -30
  98. package/docs-dev/sass/components/button-group/index.html +30 -30
  99. package/docs-dev/sass/components/button-verbose/index.html +30 -30
  100. package/docs-dev/sass/components/callout/index.html +30 -30
  101. package/docs-dev/sass/components/captioned-figure/index.html +30 -30
  102. package/docs-dev/sass/components/card/index.html +30 -30
  103. package/docs-dev/sass/components/card-grid/index.html +30 -30
  104. package/docs-dev/sass/components/counter-list/index.html +30 -30
  105. package/docs-dev/sass/components/css-icon/index.html +30 -30
  106. package/docs-dev/sass/components/data-grid/index.html +30 -30
  107. package/docs-dev/sass/components/data-table/index.html +30 -30
  108. package/docs-dev/sass/components/fill-context/index.html +30 -30
  109. package/docs-dev/sass/components/flipcard/index.html +30 -30
  110. package/docs-dev/sass/components/flipcard-grid/index.html +30 -30
  111. package/docs-dev/sass/components/form-theme/index.html +30 -30
  112. package/docs-dev/sass/components/headline-label/index.html +30 -30
  113. package/docs-dev/sass/components/hero/index.html +30 -30
  114. package/docs-dev/sass/components/horizontal-rule/index.html +30 -30
  115. package/docs-dev/sass/components/image-grid/index.html +30 -30
  116. package/docs-dev/sass/components/index/index.html +40 -41
  117. package/docs-dev/sass/components/index.html +30 -30
  118. package/docs-dev/sass/components/links/index.html +30 -30
  119. package/docs-dev/sass/components/list-inline/index.html +30 -30
  120. package/docs-dev/sass/components/list-lines/index.html +30 -30
  121. package/docs-dev/sass/components/list-ordered/index.html +30 -30
  122. package/docs-dev/sass/components/list-unordered/index.html +30 -30
  123. package/docs-dev/sass/components/menu-stack/index.html +30 -30
  124. package/docs-dev/sass/components/modal/index.html +30 -30
  125. package/docs-dev/sass/components/nav-strip/index.html +30 -30
  126. package/docs-dev/sass/components/overlay-section/index.html +30 -30
  127. package/docs-dev/sass/components/pager/index.html +30 -30
  128. package/docs-dev/sass/components/panel/index.html +30 -30
  129. package/docs-dev/sass/components/placeholder-block/index.html +30 -30
  130. package/docs-dev/sass/components/popover/index.html +30 -30
  131. package/docs-dev/sass/components/pull-quote/index.html +30 -30
  132. package/docs-dev/sass/components/rail/index.html +30 -30
  133. package/docs-dev/sass/components/ratio-box/index.html +30 -30
  134. package/docs-dev/sass/components/rule/index.html +30 -30
  135. package/docs-dev/sass/components/scroll-slider/index.html +30 -30
  136. package/docs-dev/sass/components/skip-link/index.html +30 -30
  137. package/docs-dev/sass/components/slider/index.html +30 -30
  138. package/docs-dev/sass/components/spoke-spinner/index.html +30 -30
  139. package/docs-dev/sass/components/sticky-list/index.html +30 -30
  140. package/docs-dev/sass/components/tabs/index.html +30 -30
  141. package/docs-dev/sass/components/tag/index.html +30 -30
  142. package/docs-dev/sass/components/tile-button/index.html +30 -30
  143. package/docs-dev/sass/components/tile-grid/index.html +30 -30
  144. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -30
  145. package/docs-dev/sass/components/vignette/index.html +30 -30
  146. package/docs-dev/sass/components/wysiwyg/index.html +60 -42
  147. package/docs-dev/sass/core/breakpoint/index.html +30 -30
  148. package/docs-dev/sass/core/button/index.html +30 -30
  149. package/docs-dev/sass/core/color/index.html +30 -30
  150. package/docs-dev/sass/core/cssvar/index.html +30 -30
  151. package/docs-dev/sass/core/element/index.html +30 -30
  152. package/docs-dev/sass/core/index.html +30 -30
  153. package/docs-dev/sass/core/layout/index.html +30 -30
  154. package/docs-dev/sass/core/path/index.html +30 -30
  155. package/docs-dev/sass/core/selector/index.html +30 -30
  156. package/docs-dev/sass/core/typography/index.html +30 -30
  157. package/docs-dev/sass/core/units/index.html +30 -30
  158. package/docs-dev/sass/core/utils/index.html +30 -30
  159. package/docs-dev/sass/helpers/color/index.html +30 -30
  160. package/docs-dev/sass/helpers/display/index.html +30 -30
  161. package/docs-dev/sass/helpers/index/index.html +30 -30
  162. package/docs-dev/sass/helpers/index.html +30 -30
  163. package/docs-dev/sass/helpers/typography/index.html +30 -30
  164. package/docs-dev/sass/helpers/units/index.html +30 -30
  165. package/docs-dev/sass/helpers/utilities/index.html +30 -30
  166. package/docs-dev/sass/index.html +30 -30
  167. package/package.json +1 -1
  168. package/scss/components/_index.scss +0 -6
  169. package/scss/components/_wysiwyg.scss +21 -13
  170. package/scss/components/_table-sticky.scss +0 -185
@@ -825,6 +825,21 @@
825
825
 
826
826
  </li>
827
827
 
828
+
829
+ <li class="nav-tree__item ">
830
+
831
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
832
+
833
+
834
+ <span class="nav-tree__text">
835
+ WYSIWYG
836
+ </span>
837
+
838
+ </a>
839
+
840
+
841
+ </li>
842
+
828
843
  </ul>
829
844
 
830
845
  </details>
@@ -1965,21 +1980,6 @@
1965
1980
  </li>
1966
1981
 
1967
1982
 
1968
- <li class="nav-tree__item ">
1969
-
1970
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
1971
-
1972
-
1973
- <span class="nav-tree__text">
1974
- Table-sticky
1975
- </span>
1976
-
1977
- </a>
1978
-
1979
-
1980
- </li>
1981
-
1982
-
1983
1983
  <li class="nav-tree__item ">
1984
1984
 
1985
1985
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -3521,6 +3521,21 @@
3521
3521
 
3522
3522
  </li>
3523
3523
 
3524
+
3525
+ <li class="nav-tree__item ">
3526
+
3527
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
3528
+
3529
+
3530
+ <span class="nav-tree__text">
3531
+ WYSIWYG
3532
+ </span>
3533
+
3534
+ </a>
3535
+
3536
+
3537
+ </li>
3538
+
3524
3539
  </ul>
3525
3540
 
3526
3541
  </details>
@@ -4661,21 +4676,6 @@
4661
4676
  </li>
4662
4677
 
4663
4678
 
4664
- <li class="nav-tree__item ">
4665
-
4666
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
4667
-
4668
-
4669
- <span class="nav-tree__text">
4670
- Table-sticky
4671
- </span>
4672
-
4673
- </a>
4674
-
4675
-
4676
- </li>
4677
-
4678
-
4679
4679
  <li class="nav-tree__item ">
4680
4680
 
4681
4681
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -5522,178 +5522,178 @@
5522
5522
  </table>
5523
5523
  <h2 class="h2">Complex Table</h2>
5524
5524
  <h2 class="h2">Striped Table</h2>
5525
- <table class="data-table data-table--striped" id="dt-25">
5525
+ <table class="data-table data-table--striped" id="dt-5">
5526
5526
  <caption>
5527
5527
  This Is The Table's Caption
5528
5528
  </caption>
5529
5529
  <thead>
5530
5530
  <tr>
5531
- <th id="dt-25-type" rowspan="2">Type</th>
5532
- <th id="dt-25-group" colspan="2">Group</th>
5533
- <th id="dt-25-details" colspan="2">Details</th>
5534
- <th id="dt-25-id" rowspan="2">Id</th>
5531
+ <th id="dt-5-type" rowspan="2">Type</th>
5532
+ <th id="dt-5-group" colspan="2">Group</th>
5533
+ <th id="dt-5-details" colspan="2">Details</th>
5534
+ <th id="dt-5-id" rowspan="2">Id</th>
5535
5535
  </tr>
5536
5536
  <tr>
5537
- <th headers="dt-25-group" id="dt-25-primary">Primary</th>
5538
- <th headers="dt-25-group" id="dt-25-secondary">Secondary</th>
5539
- <th headers="dt-25-details" id="dt-25-before">Before Task</th>
5540
- <th headers="dt-25-details" id="dt-25-after">After Task</th>
5537
+ <th headers="dt-5-group" id="dt-5-primary">Primary</th>
5538
+ <th headers="dt-5-group" id="dt-5-secondary">Secondary</th>
5539
+ <th headers="dt-5-details" id="dt-5-before">Before Task</th>
5540
+ <th headers="dt-5-details" id="dt-5-after">After Task</th>
5541
5541
  </tr>
5542
5542
  </thead>
5543
5543
  <tbody>
5544
5544
  <tr>
5545
- <th rowspan="3" headers="dt-25-type dt-25-r1" id="dt-25-r1">Default</th>
5546
- <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5547
- <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5548
- <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5549
- <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5550
- <td headers="dt-25-id">OL-53-GHSLE</td>
5545
+ <th rowspan="3" headers="dt-5-type dt-5-r1" id="dt-5-r1">Default</th>
5546
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5547
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5548
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5549
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5550
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5551
5551
  </tr>
5552
5552
  <tr>
5553
- <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5554
- <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5555
- <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5556
- <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5557
- <td headers="dt-25-id">OL-53-GHSLE</td>
5553
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5554
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5555
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5556
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5557
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5558
5558
  </tr>
5559
5559
  <tr>
5560
- <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5561
- <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5562
- <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5563
- <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5564
- <td headers="dt-25-id">OL-53-GHSLE</td>
5560
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5561
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5562
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5563
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5564
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5565
5565
  </tr>
5566
5566
  </tbody>
5567
5567
  </table>
5568
5568
  <h2 class="h2">Large-first Table</h2>
5569
- <table class="data-table data-table--large-first" id="dt-26">
5569
+ <table class="data-table data-table--large-first" id="dt-6">
5570
5570
  <caption>
5571
5571
  This Is The Table's Caption
5572
5572
  </caption>
5573
5573
  <thead>
5574
5574
  <tr>
5575
- <th id="dt-26-type" rowspan="2">Type</th>
5576
- <th id="dt-26-group" colspan="2">Group</th>
5577
- <th id="dt-26-details" colspan="2">Details</th>
5578
- <th id="dt-26-id" rowspan="2">Id</th>
5575
+ <th id="dt-6-type" rowspan="2">Type</th>
5576
+ <th id="dt-6-group" colspan="2">Group</th>
5577
+ <th id="dt-6-details" colspan="2">Details</th>
5578
+ <th id="dt-6-id" rowspan="2">Id</th>
5579
5579
  </tr>
5580
5580
  <tr>
5581
- <th headers="dt-26-group" id="dt-26-primary">Primary</th>
5582
- <th headers="dt-26-group" id="dt-26-secondary">Secondary</th>
5583
- <th headers="dt-26-details" id="dt-26-before">Before Task</th>
5584
- <th headers="dt-26-details" id="dt-26-after">After Task</th>
5581
+ <th headers="dt-6-group" id="dt-6-primary">Primary</th>
5582
+ <th headers="dt-6-group" id="dt-6-secondary">Secondary</th>
5583
+ <th headers="dt-6-details" id="dt-6-before">Before Task</th>
5584
+ <th headers="dt-6-details" id="dt-6-after">After Task</th>
5585
5585
  </tr>
5586
5586
  </thead>
5587
5587
  <tbody>
5588
5588
  <tr>
5589
- <th rowspan="3" headers="dt-26-type dt-26-r1" id="dt-26-r1">Default</th>
5590
- <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5591
- <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5592
- <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5593
- <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5594
- <td headers="dt-26-id">OL-53-GHSLE</td>
5589
+ <th rowspan="3" headers="dt-6-type dt-6-r1" id="dt-6-r1">Default</th>
5590
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5591
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5592
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5593
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5594
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5595
5595
  </tr>
5596
5596
  <tr>
5597
- <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5598
- <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5599
- <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5600
- <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5601
- <td headers="dt-26-id">OL-53-GHSLE</td>
5597
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5598
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5599
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5600
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5601
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5602
5602
  </tr>
5603
5603
  <tr>
5604
- <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5605
- <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5606
- <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5607
- <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5608
- <td headers="dt-26-id">OL-53-GHSLE</td>
5604
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5605
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5606
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5607
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5608
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5609
5609
  </tr>
5610
5610
  </tbody>
5611
5611
  </table>
5612
5612
  <h2 class="h2">Large-header Table</h2>
5613
- <table class="data-table data-table--large-header" id="dt-27">
5613
+ <table class="data-table data-table--large-header" id="dt-7">
5614
5614
  <caption>
5615
5615
  This Is The Table's Caption
5616
5616
  </caption>
5617
5617
  <thead>
5618
5618
  <tr>
5619
- <th id="dt-27-type" rowspan="2">Type</th>
5620
- <th id="dt-27-group" colspan="2">Group</th>
5621
- <th id="dt-27-details" colspan="2">Details</th>
5622
- <th id="dt-27-id" rowspan="2">Id</th>
5619
+ <th id="dt-7-type" rowspan="2">Type</th>
5620
+ <th id="dt-7-group" colspan="2">Group</th>
5621
+ <th id="dt-7-details" colspan="2">Details</th>
5622
+ <th id="dt-7-id" rowspan="2">Id</th>
5623
5623
  </tr>
5624
5624
  <tr>
5625
- <th headers="dt-27-group" id="dt-27-primary">Primary</th>
5626
- <th headers="dt-27-group" id="dt-27-secondary">Secondary</th>
5627
- <th headers="dt-27-details" id="dt-27-before">Before Task</th>
5628
- <th headers="dt-27-details" id="dt-27-after">After Task</th>
5625
+ <th headers="dt-7-group" id="dt-7-primary">Primary</th>
5626
+ <th headers="dt-7-group" id="dt-7-secondary">Secondary</th>
5627
+ <th headers="dt-7-details" id="dt-7-before">Before Task</th>
5628
+ <th headers="dt-7-details" id="dt-7-after">After Task</th>
5629
5629
  </tr>
5630
5630
  </thead>
5631
5631
  <tbody>
5632
5632
  <tr>
5633
- <th rowspan="3" headers="dt-27-type dt-27-r1" id="dt-27-r1">Default</th>
5634
- <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5635
- <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5636
- <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5637
- <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5638
- <td headers="dt-27-id">OL-53-GHSLE</td>
5633
+ <th rowspan="3" headers="dt-7-type dt-7-r1" id="dt-7-r1">Default</th>
5634
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5635
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5636
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5637
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5638
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5639
5639
  </tr>
5640
5640
  <tr>
5641
- <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5642
- <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5643
- <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5644
- <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5645
- <td headers="dt-27-id">OL-53-GHSLE</td>
5641
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5642
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5643
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5644
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5645
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5646
5646
  </tr>
5647
5647
  <tr>
5648
- <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5649
- <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5650
- <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5651
- <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5652
- <td headers="dt-27-id">OL-53-GHSLE</td>
5648
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5649
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5650
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5651
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5652
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5653
5653
  </tr>
5654
5654
  </tbody>
5655
5655
  </table>
5656
5656
  <h2 class="h2">No-border Table</h2>
5657
- <table class="data-table data-table--no-border" id="dt-28">
5657
+ <table class="data-table data-table--no-border" id="dt-8">
5658
5658
  <caption>
5659
5659
  This Is The Table's Caption
5660
5660
  </caption>
5661
5661
  <thead>
5662
5662
  <tr>
5663
- <th id="dt-28-type" rowspan="2">Type</th>
5664
- <th id="dt-28-group" colspan="2">Group</th>
5665
- <th id="dt-28-details" colspan="2">Details</th>
5666
- <th id="dt-28-id" rowspan="2">Id</th>
5663
+ <th id="dt-8-type" rowspan="2">Type</th>
5664
+ <th id="dt-8-group" colspan="2">Group</th>
5665
+ <th id="dt-8-details" colspan="2">Details</th>
5666
+ <th id="dt-8-id" rowspan="2">Id</th>
5667
5667
  </tr>
5668
5668
  <tr>
5669
- <th headers="dt-28-group" id="dt-28-primary">Primary</th>
5670
- <th headers="dt-28-group" id="dt-28-secondary">Secondary</th>
5671
- <th headers="dt-28-details" id="dt-28-before">Before Task</th>
5672
- <th headers="dt-28-details" id="dt-28-after">After Task</th>
5669
+ <th headers="dt-8-group" id="dt-8-primary">Primary</th>
5670
+ <th headers="dt-8-group" id="dt-8-secondary">Secondary</th>
5671
+ <th headers="dt-8-details" id="dt-8-before">Before Task</th>
5672
+ <th headers="dt-8-details" id="dt-8-after">After Task</th>
5673
5673
  </tr>
5674
5674
  </thead>
5675
5675
  <tbody>
5676
5676
  <tr>
5677
- <th rowspan="3" headers="dt-28-type dt-28-r1" id="dt-28-r1">Default</th>
5678
- <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5679
- <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5680
- <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5681
- <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5682
- <td headers="dt-28-id">OL-53-GHSLE</td>
5677
+ <th rowspan="3" headers="dt-8-type dt-8-r1" id="dt-8-r1">Default</th>
5678
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5679
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5680
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5681
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5682
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5683
5683
  </tr>
5684
5684
  <tr>
5685
- <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5686
- <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5687
- <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5688
- <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5689
- <td headers="dt-28-id">OL-53-GHSLE</td>
5685
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5686
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5687
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5688
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5689
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5690
5690
  </tr>
5691
5691
  <tr>
5692
- <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5693
- <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5694
- <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5695
- <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5696
- <td headers="dt-28-id">OL-53-GHSLE</td>
5692
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5693
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5694
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5695
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5696
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5697
5697
  </tr>
5698
5698
  </tbody>
5699
5699
  </table>
@@ -825,6 +825,21 @@
825
825
 
826
826
  </li>
827
827
 
828
+
829
+ <li class="nav-tree__item ">
830
+
831
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
832
+
833
+
834
+ <span class="nav-tree__text">
835
+ WYSIWYG
836
+ </span>
837
+
838
+ </a>
839
+
840
+
841
+ </li>
842
+
828
843
  </ul>
829
844
 
830
845
  </details>
@@ -1965,21 +1980,6 @@
1965
1980
  </li>
1966
1981
 
1967
1982
 
1968
- <li class="nav-tree__item ">
1969
-
1970
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
1971
-
1972
-
1973
- <span class="nav-tree__text">
1974
- Table-sticky
1975
- </span>
1976
-
1977
- </a>
1978
-
1979
-
1980
- </li>
1981
-
1982
-
1983
1983
  <li class="nav-tree__item ">
1984
1984
 
1985
1985
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -3521,6 +3521,21 @@
3521
3521
 
3522
3522
  </li>
3523
3523
 
3524
+
3525
+ <li class="nav-tree__item ">
3526
+
3527
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
3528
+
3529
+
3530
+ <span class="nav-tree__text">
3531
+ WYSIWYG
3532
+ </span>
3533
+
3534
+ </a>
3535
+
3536
+
3537
+ </li>
3538
+
3524
3539
  </ul>
3525
3540
 
3526
3541
  </details>
@@ -4661,21 +4676,6 @@
4661
4676
  </li>
4662
4677
 
4663
4678
 
4664
- <li class="nav-tree__item ">
4665
-
4666
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
4667
-
4668
-
4669
- <span class="nav-tree__text">
4670
- Table-sticky
4671
- </span>
4672
-
4673
- </a>
4674
-
4675
-
4676
- </li>
4677
-
4678
-
4679
4679
  <li class="nav-tree__item ">
4680
4680
 
4681
4681
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -825,6 +825,21 @@
825
825
 
826
826
  </li>
827
827
 
828
+
829
+ <li class="nav-tree__item ">
830
+
831
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
832
+
833
+
834
+ <span class="nav-tree__text">
835
+ WYSIWYG
836
+ </span>
837
+
838
+ </a>
839
+
840
+
841
+ </li>
842
+
828
843
  </ul>
829
844
 
830
845
  </details>
@@ -1965,21 +1980,6 @@
1965
1980
  </li>
1966
1981
 
1967
1982
 
1968
- <li class="nav-tree__item ">
1969
-
1970
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
1971
-
1972
-
1973
- <span class="nav-tree__text">
1974
- Table-sticky
1975
- </span>
1976
-
1977
- </a>
1978
-
1979
-
1980
- </li>
1981
-
1982
-
1983
1983
  <li class="nav-tree__item ">
1984
1984
 
1985
1985
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -3521,6 +3521,21 @@
3521
3521
 
3522
3522
  </li>
3523
3523
 
3524
+
3525
+ <li class="nav-tree__item ">
3526
+
3527
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
3528
+
3529
+
3530
+ <span class="nav-tree__text">
3531
+ WYSIWYG
3532
+ </span>
3533
+
3534
+ </a>
3535
+
3536
+
3537
+ </li>
3538
+
3524
3539
  </ul>
3525
3540
 
3526
3541
  </details>
@@ -4661,21 +4676,6 @@
4661
4676
  </li>
4662
4677
 
4663
4678
 
4664
- <li class="nav-tree__item ">
4665
-
4666
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
4667
-
4668
-
4669
- <span class="nav-tree__text">
4670
- Table-sticky
4671
- </span>
4672
-
4673
- </a>
4674
-
4675
-
4676
- </li>
4677
-
4678
-
4679
4679
  <li class="nav-tree__item ">
4680
4680
 
4681
4681
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -825,6 +825,21 @@
825
825
 
826
826
  </li>
827
827
 
828
+
829
+ <li class="nav-tree__item ">
830
+
831
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
832
+
833
+
834
+ <span class="nav-tree__text">
835
+ WYSIWYG
836
+ </span>
837
+
838
+ </a>
839
+
840
+
841
+ </li>
842
+
828
843
  </ul>
829
844
 
830
845
  </details>
@@ -1965,21 +1980,6 @@
1965
1980
  </li>
1966
1981
 
1967
1982
 
1968
- <li class="nav-tree__item ">
1969
-
1970
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
1971
-
1972
-
1973
- <span class="nav-tree__text">
1974
- Table-sticky
1975
- </span>
1976
-
1977
- </a>
1978
-
1979
-
1980
- </li>
1981
-
1982
-
1983
1983
  <li class="nav-tree__item ">
1984
1984
 
1985
1985
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -3521,6 +3521,21 @@
3521
3521
 
3522
3522
  </li>
3523
3523
 
3524
+
3525
+ <li class="nav-tree__item ">
3526
+
3527
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
3528
+
3529
+
3530
+ <span class="nav-tree__text">
3531
+ WYSIWYG
3532
+ </span>
3533
+
3534
+ </a>
3535
+
3536
+
3537
+ </li>
3538
+
3524
3539
  </ul>
3525
3540
 
3526
3541
  </details>
@@ -4661,21 +4676,6 @@
4661
4676
  </li>
4662
4677
 
4663
4678
 
4664
- <li class="nav-tree__item ">
4665
-
4666
- <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
4667
-
4668
-
4669
- <span class="nav-tree__text">
4670
- Table-sticky
4671
- </span>
4672
-
4673
- </a>
4674
-
4675
-
4676
- </li>
4677
-
4678
-
4679
4679
  <li class="nav-tree__item ">
4680
4680
 
4681
4681
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">