@ulu/frontend 0.1.0-beta.98 → 0.1.0-beta.99

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.
@@ -5586,6 +5586,9 @@
5586
5586
  <div class="toc">
5587
5587
  <ol>
5588
5588
 
5589
+ <li><a href="#0.1.0-beta.99">0.1.0-beta.99</a>
5590
+ </li>
5591
+
5589
5592
  <li><a href="#0.1.0-beta.98">0.1.0-beta.98</a>
5590
5593
  </li>
5591
5594
 
@@ -5928,6 +5931,10 @@
5928
5931
 
5929
5932
  <div class="changelog">
5930
5933
  <h1 id="change-log" tabindex="-1">Change Log</h1>
5934
+ <h2 id="0.1.0-beta.99" tabindex="-1">0.1.0-beta.99</h2>
5935
+ <ul>
5936
+ <li><strong>scss/components/skeleton</strong> - Fix some selectors from last change (background)</li>
5937
+ </ul>
5931
5938
  <h2 id="0.1.0-beta.98" tabindex="-1">0.1.0-beta.98</h2>
5932
5939
  <ul>
5933
5940
  <li><strong>scss/components/skeleton</strong> - Make all child components (ie. .skeleton__text) to independent related components (.skeleton-text)</li>
@@ -5604,60 +5604,60 @@
5604
5604
  <legend>Elements Visible</legend>
5605
5605
  <div>
5606
5606
  <div class="form-theme__item form-theme__item--checkbox">
5607
- <input type="checkbox" id="live-demo-id-17" name="title" checked="">
5608
- <label for="live-demo-id-17">
5607
+ <input type="checkbox" id="live-demo-id-9" name="title" checked="">
5608
+ <label for="live-demo-id-9">
5609
5609
  Title
5610
5610
  </label>
5611
5611
  </div>
5612
5612
  <div class="form-theme__item form-theme__item--checkbox">
5613
- <input type="checkbox" id="live-demo-id-18" name="body" checked="">
5614
- <label for="live-demo-id-18">
5613
+ <input type="checkbox" id="live-demo-id-10" name="body" checked="">
5614
+ <label for="live-demo-id-10">
5615
5615
  Body
5616
5616
  </label>
5617
5617
  </div>
5618
5618
  <div class="form-theme__item form-theme__item--checkbox">
5619
- <input type="checkbox" id="live-demo-id-19" name="content" checked="">
5620
- <label for="live-demo-id-19">
5619
+ <input type="checkbox" id="live-demo-id-11" name="content" checked="">
5620
+ <label for="live-demo-id-11">
5621
5621
  Content
5622
5622
  </label>
5623
5623
  </div>
5624
5624
  <div class="form-theme__item form-theme__item--checkbox">
5625
- <input type="checkbox" id="live-demo-id-20" name="aside" checked="">
5626
- <label for="live-demo-id-20">
5625
+ <input type="checkbox" id="live-demo-id-12" name="aside" checked="">
5626
+ <label for="live-demo-id-12">
5627
5627
  Aside
5628
5628
  </label>
5629
5629
  </div>
5630
5630
  <div class="form-theme__item form-theme__item--checkbox">
5631
- <input type="checkbox" id="live-demo-id-21" name="footer" checked="">
5632
- <label for="live-demo-id-21">
5631
+ <input type="checkbox" id="live-demo-id-13" name="footer" checked="">
5632
+ <label for="live-demo-id-13">
5633
5633
  Footer
5634
5634
  </label>
5635
5635
  </div>
5636
5636
  </div>
5637
5637
  </fieldset>
5638
5638
  <div class="form-theme__item form-theme__item--select">
5639
- <label for="live-demo-id-22">
5639
+ <label for="live-demo-id-14">
5640
5640
  Action
5641
5641
  <span class="fas fa-info-circle" data-ulu-tooltip="Proxy click only works when title is present"></span>
5642
5642
  </label>
5643
- <select id="live-demo-id-22" name="action">
5643
+ <select id="live-demo-id-14" name="action">
5644
5644
  <option value="">None</option>,<option value="link">Card is Link</option>,<option value="proxy">Proxy Click</option>
5645
5645
  </select>
5646
5646
  </div>
5647
5647
  <div class="form-theme__item form-theme__item--select">
5648
- <label for="live-demo-id-23">
5648
+ <label for="live-demo-id-15">
5649
5649
  Media
5650
5650
  </label>
5651
- <select id="live-demo-id-23" name="media">
5651
+ <select id="live-demo-id-15" name="media">
5652
5652
  <option value="icon">Icon</option>,<option value="image">Image</option>,<option value="imageFit">Image (fit)</option>,<option value="none">No Image</option>
5653
5653
  </select>
5654
5654
  </div>
5655
5655
  <div class="form-theme__item form-theme__item--select">
5656
- <label for="live-demo-id-24">
5656
+ <label for="live-demo-id-16">
5657
5657
  Layout
5658
5658
  <span class="fas fa-info-circle" data-ulu-tooltip="Overlay is not compatible with 'Icon' and 'No Image' options"></span>
5659
5659
  </label>
5660
- <select id="live-demo-id-24" name="layout">
5660
+ <select id="live-demo-id-16" name="layout">
5661
5661
  <option value="">Default</option>,<option value="horizontal">Horizontal</option>,<option value="horizontalCenter">Horizontal Center</option>,<option value="overlay">Overlay</option>
5662
5662
  </select>
5663
5663
  </div>
@@ -5642,178 +5642,178 @@
5642
5642
  </table>
5643
5643
  <h2 class="h2">Complex Table</h2>
5644
5644
  <h2 class="h2">Striped Table</h2>
5645
- <table class="data-table data-table--striped" id="dt-9">
5645
+ <table class="data-table data-table--striped" id="dt-5">
5646
5646
  <caption>
5647
5647
  This Is The Table's Caption
5648
5648
  </caption>
5649
5649
  <thead>
5650
5650
  <tr>
5651
- <th id="dt-9-type" rowspan="2">Type</th>
5652
- <th id="dt-9-group" colspan="2">Group</th>
5653
- <th id="dt-9-details" colspan="2">Details</th>
5654
- <th id="dt-9-id" rowspan="2">Id</th>
5651
+ <th id="dt-5-type" rowspan="2">Type</th>
5652
+ <th id="dt-5-group" colspan="2">Group</th>
5653
+ <th id="dt-5-details" colspan="2">Details</th>
5654
+ <th id="dt-5-id" rowspan="2">Id</th>
5655
5655
  </tr>
5656
5656
  <tr>
5657
- <th headers="dt-9-group" id="dt-9-primary">Primary</th>
5658
- <th headers="dt-9-group" id="dt-9-secondary">Secondary</th>
5659
- <th headers="dt-9-details" id="dt-9-before">Before Task</th>
5660
- <th headers="dt-9-details" id="dt-9-after">After Task</th>
5657
+ <th headers="dt-5-group" id="dt-5-primary">Primary</th>
5658
+ <th headers="dt-5-group" id="dt-5-secondary">Secondary</th>
5659
+ <th headers="dt-5-details" id="dt-5-before">Before Task</th>
5660
+ <th headers="dt-5-details" id="dt-5-after">After Task</th>
5661
5661
  </tr>
5662
5662
  </thead>
5663
5663
  <tbody>
5664
5664
  <tr>
5665
- <th rowspan="3" headers="dt-9-type dt-9-r1" id="dt-9-r1">Default</th>
5666
- <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
5667
- <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
5668
- <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
5669
- <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
5670
- <td headers="dt-9-id">OL-53-GHSLE</td>
5665
+ <th rowspan="3" headers="dt-5-type dt-5-r1" id="dt-5-r1">Default</th>
5666
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5667
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5668
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5669
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5670
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5671
5671
  </tr>
5672
5672
  <tr>
5673
- <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
5674
- <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
5675
- <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
5676
- <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
5677
- <td headers="dt-9-id">OL-53-GHSLE</td>
5673
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5674
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5675
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5676
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5677
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5678
5678
  </tr>
5679
5679
  <tr>
5680
- <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
5681
- <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
5682
- <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
5683
- <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
5684
- <td headers="dt-9-id">OL-53-GHSLE</td>
5680
+ <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5681
+ <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5682
+ <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5683
+ <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5684
+ <td headers="dt-5-id">OL-53-GHSLE</td>
5685
5685
  </tr>
5686
5686
  </tbody>
5687
5687
  </table>
5688
5688
  <h2 class="h2">Large-first Table</h2>
5689
- <table class="data-table data-table--large-first" id="dt-10">
5689
+ <table class="data-table data-table--large-first" id="dt-6">
5690
5690
  <caption>
5691
5691
  This Is The Table's Caption
5692
5692
  </caption>
5693
5693
  <thead>
5694
5694
  <tr>
5695
- <th id="dt-10-type" rowspan="2">Type</th>
5696
- <th id="dt-10-group" colspan="2">Group</th>
5697
- <th id="dt-10-details" colspan="2">Details</th>
5698
- <th id="dt-10-id" rowspan="2">Id</th>
5695
+ <th id="dt-6-type" rowspan="2">Type</th>
5696
+ <th id="dt-6-group" colspan="2">Group</th>
5697
+ <th id="dt-6-details" colspan="2">Details</th>
5698
+ <th id="dt-6-id" rowspan="2">Id</th>
5699
5699
  </tr>
5700
5700
  <tr>
5701
- <th headers="dt-10-group" id="dt-10-primary">Primary</th>
5702
- <th headers="dt-10-group" id="dt-10-secondary">Secondary</th>
5703
- <th headers="dt-10-details" id="dt-10-before">Before Task</th>
5704
- <th headers="dt-10-details" id="dt-10-after">After Task</th>
5701
+ <th headers="dt-6-group" id="dt-6-primary">Primary</th>
5702
+ <th headers="dt-6-group" id="dt-6-secondary">Secondary</th>
5703
+ <th headers="dt-6-details" id="dt-6-before">Before Task</th>
5704
+ <th headers="dt-6-details" id="dt-6-after">After Task</th>
5705
5705
  </tr>
5706
5706
  </thead>
5707
5707
  <tbody>
5708
5708
  <tr>
5709
- <th rowspan="3" headers="dt-10-type dt-10-r1" id="dt-10-r1">Default</th>
5710
- <td headers="dt-10-group dt-10-primary dt-10-r1">Lorem Ipsum</td>
5711
- <td headers="dt-10-group dt-10-secondary dt-10-r1">Lorem Ipsum</td>
5712
- <td headers="dt-10-details dt-10-before dt-10-r1">Lorem Ipsum</td>
5713
- <td headers="dt-10-details dt-10-after dt-10-r1">Lorem Ipsum</td>
5714
- <td headers="dt-10-id">OL-53-GHSLE</td>
5709
+ <th rowspan="3" headers="dt-6-type dt-6-r1" id="dt-6-r1">Default</th>
5710
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5711
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5712
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5713
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5714
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5715
5715
  </tr>
5716
5716
  <tr>
5717
- <td headers="dt-10-group dt-10-primary dt-10-r1">Lorem Ipsum</td>
5718
- <td headers="dt-10-group dt-10-secondary dt-10-r1">Lorem Ipsum</td>
5719
- <td headers="dt-10-details dt-10-before dt-10-r1">Lorem Ipsum</td>
5720
- <td headers="dt-10-details dt-10-after dt-10-r1">Lorem Ipsum</td>
5721
- <td headers="dt-10-id">OL-53-GHSLE</td>
5717
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5718
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5719
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5720
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5721
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5722
5722
  </tr>
5723
5723
  <tr>
5724
- <td headers="dt-10-group dt-10-primary dt-10-r1">Lorem Ipsum</td>
5725
- <td headers="dt-10-group dt-10-secondary dt-10-r1">Lorem Ipsum</td>
5726
- <td headers="dt-10-details dt-10-before dt-10-r1">Lorem Ipsum</td>
5727
- <td headers="dt-10-details dt-10-after dt-10-r1">Lorem Ipsum</td>
5728
- <td headers="dt-10-id">OL-53-GHSLE</td>
5724
+ <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5725
+ <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5726
+ <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5727
+ <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5728
+ <td headers="dt-6-id">OL-53-GHSLE</td>
5729
5729
  </tr>
5730
5730
  </tbody>
5731
5731
  </table>
5732
5732
  <h2 class="h2">Large-header Table</h2>
5733
- <table class="data-table data-table--large-header" id="dt-11">
5733
+ <table class="data-table data-table--large-header" id="dt-7">
5734
5734
  <caption>
5735
5735
  This Is The Table's Caption
5736
5736
  </caption>
5737
5737
  <thead>
5738
5738
  <tr>
5739
- <th id="dt-11-type" rowspan="2">Type</th>
5740
- <th id="dt-11-group" colspan="2">Group</th>
5741
- <th id="dt-11-details" colspan="2">Details</th>
5742
- <th id="dt-11-id" rowspan="2">Id</th>
5739
+ <th id="dt-7-type" rowspan="2">Type</th>
5740
+ <th id="dt-7-group" colspan="2">Group</th>
5741
+ <th id="dt-7-details" colspan="2">Details</th>
5742
+ <th id="dt-7-id" rowspan="2">Id</th>
5743
5743
  </tr>
5744
5744
  <tr>
5745
- <th headers="dt-11-group" id="dt-11-primary">Primary</th>
5746
- <th headers="dt-11-group" id="dt-11-secondary">Secondary</th>
5747
- <th headers="dt-11-details" id="dt-11-before">Before Task</th>
5748
- <th headers="dt-11-details" id="dt-11-after">After Task</th>
5745
+ <th headers="dt-7-group" id="dt-7-primary">Primary</th>
5746
+ <th headers="dt-7-group" id="dt-7-secondary">Secondary</th>
5747
+ <th headers="dt-7-details" id="dt-7-before">Before Task</th>
5748
+ <th headers="dt-7-details" id="dt-7-after">After Task</th>
5749
5749
  </tr>
5750
5750
  </thead>
5751
5751
  <tbody>
5752
5752
  <tr>
5753
- <th rowspan="3" headers="dt-11-type dt-11-r1" id="dt-11-r1">Default</th>
5754
- <td headers="dt-11-group dt-11-primary dt-11-r1">Lorem Ipsum</td>
5755
- <td headers="dt-11-group dt-11-secondary dt-11-r1">Lorem Ipsum</td>
5756
- <td headers="dt-11-details dt-11-before dt-11-r1">Lorem Ipsum</td>
5757
- <td headers="dt-11-details dt-11-after dt-11-r1">Lorem Ipsum</td>
5758
- <td headers="dt-11-id">OL-53-GHSLE</td>
5753
+ <th rowspan="3" headers="dt-7-type dt-7-r1" id="dt-7-r1">Default</th>
5754
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5755
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5756
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5757
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5758
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5759
5759
  </tr>
5760
5760
  <tr>
5761
- <td headers="dt-11-group dt-11-primary dt-11-r1">Lorem Ipsum</td>
5762
- <td headers="dt-11-group dt-11-secondary dt-11-r1">Lorem Ipsum</td>
5763
- <td headers="dt-11-details dt-11-before dt-11-r1">Lorem Ipsum</td>
5764
- <td headers="dt-11-details dt-11-after dt-11-r1">Lorem Ipsum</td>
5765
- <td headers="dt-11-id">OL-53-GHSLE</td>
5761
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5762
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5763
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5764
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5765
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5766
5766
  </tr>
5767
5767
  <tr>
5768
- <td headers="dt-11-group dt-11-primary dt-11-r1">Lorem Ipsum</td>
5769
- <td headers="dt-11-group dt-11-secondary dt-11-r1">Lorem Ipsum</td>
5770
- <td headers="dt-11-details dt-11-before dt-11-r1">Lorem Ipsum</td>
5771
- <td headers="dt-11-details dt-11-after dt-11-r1">Lorem Ipsum</td>
5772
- <td headers="dt-11-id">OL-53-GHSLE</td>
5768
+ <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5769
+ <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5770
+ <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5771
+ <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5772
+ <td headers="dt-7-id">OL-53-GHSLE</td>
5773
5773
  </tr>
5774
5774
  </tbody>
5775
5775
  </table>
5776
5776
  <h2 class="h2">No-border Table</h2>
5777
- <table class="data-table data-table--no-border" id="dt-12">
5777
+ <table class="data-table data-table--no-border" id="dt-8">
5778
5778
  <caption>
5779
5779
  This Is The Table's Caption
5780
5780
  </caption>
5781
5781
  <thead>
5782
5782
  <tr>
5783
- <th id="dt-12-type" rowspan="2">Type</th>
5784
- <th id="dt-12-group" colspan="2">Group</th>
5785
- <th id="dt-12-details" colspan="2">Details</th>
5786
- <th id="dt-12-id" rowspan="2">Id</th>
5783
+ <th id="dt-8-type" rowspan="2">Type</th>
5784
+ <th id="dt-8-group" colspan="2">Group</th>
5785
+ <th id="dt-8-details" colspan="2">Details</th>
5786
+ <th id="dt-8-id" rowspan="2">Id</th>
5787
5787
  </tr>
5788
5788
  <tr>
5789
- <th headers="dt-12-group" id="dt-12-primary">Primary</th>
5790
- <th headers="dt-12-group" id="dt-12-secondary">Secondary</th>
5791
- <th headers="dt-12-details" id="dt-12-before">Before Task</th>
5792
- <th headers="dt-12-details" id="dt-12-after">After Task</th>
5789
+ <th headers="dt-8-group" id="dt-8-primary">Primary</th>
5790
+ <th headers="dt-8-group" id="dt-8-secondary">Secondary</th>
5791
+ <th headers="dt-8-details" id="dt-8-before">Before Task</th>
5792
+ <th headers="dt-8-details" id="dt-8-after">After Task</th>
5793
5793
  </tr>
5794
5794
  </thead>
5795
5795
  <tbody>
5796
5796
  <tr>
5797
- <th rowspan="3" headers="dt-12-type dt-12-r1" id="dt-12-r1">Default</th>
5798
- <td headers="dt-12-group dt-12-primary dt-12-r1">Lorem Ipsum</td>
5799
- <td headers="dt-12-group dt-12-secondary dt-12-r1">Lorem Ipsum</td>
5800
- <td headers="dt-12-details dt-12-before dt-12-r1">Lorem Ipsum</td>
5801
- <td headers="dt-12-details dt-12-after dt-12-r1">Lorem Ipsum</td>
5802
- <td headers="dt-12-id">OL-53-GHSLE</td>
5797
+ <th rowspan="3" headers="dt-8-type dt-8-r1" id="dt-8-r1">Default</th>
5798
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5799
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5800
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5801
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5802
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5803
5803
  </tr>
5804
5804
  <tr>
5805
- <td headers="dt-12-group dt-12-primary dt-12-r1">Lorem Ipsum</td>
5806
- <td headers="dt-12-group dt-12-secondary dt-12-r1">Lorem Ipsum</td>
5807
- <td headers="dt-12-details dt-12-before dt-12-r1">Lorem Ipsum</td>
5808
- <td headers="dt-12-details dt-12-after dt-12-r1">Lorem Ipsum</td>
5809
- <td headers="dt-12-id">OL-53-GHSLE</td>
5805
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5806
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5807
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5808
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5809
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5810
5810
  </tr>
5811
5811
  <tr>
5812
- <td headers="dt-12-group dt-12-primary dt-12-r1">Lorem Ipsum</td>
5813
- <td headers="dt-12-group dt-12-secondary dt-12-r1">Lorem Ipsum</td>
5814
- <td headers="dt-12-details dt-12-before dt-12-r1">Lorem Ipsum</td>
5815
- <td headers="dt-12-details dt-12-after dt-12-r1">Lorem Ipsum</td>
5816
- <td headers="dt-12-id">OL-53-GHSLE</td>
5812
+ <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5813
+ <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5814
+ <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5815
+ <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5816
+ <td headers="dt-8-id">OL-53-GHSLE</td>
5817
5817
  </tr>
5818
5818
  </tbody>
5819
5819
  </table>