Update div.tab-group to use tabset

public/patterns/core/tabs/index.html

@@ -19,13 +19,13 @@
     <p>The tab module can be initialised by importing a file with the javascript module using import * as tabs from "../pg/patterns/layouts/tabs/_tabs.js"; contains a modularized version of the jQuery code, so that it can be called on demand. It is what is used in the design system so that the JavaScript can be called at run time (after loading content).</p>
     <tabset id="tabs">
       <pre class="language-html" tab="html">
-        <div class="tab-group" id="uniqueID">
-          <div data-tab="[tab title]"></div>
-          <div data-tab="[tab title]"></div>
-        </div></pre>
-      <pre class="language-pug" tab="pug">div#uniqueID.tab-group
-	div(data-tab="[tab title]")
-	div(data-tab="[tab title]")
+        <tabset id="uniqueID">
+          <div tab="[tab title]"></div>
+          <div tab="[tab title]"></div>
+        </tabset></pre>
+      <pre class="language-pug" tab="pug">tabset#uniqueID
+	div(tab="[tab title]")
+	div(tab="[tab title]")
 		</pre>
       <pre class="language-css" tab="css">tabset, .tab-group {
 	margin: 2rem 0 1rem 0;

src/pg/patterns/core/tabs/_tabs.pp

@@ -1,4 +1,4 @@
-div#uniqueID.tab-group
-	div(data-tab="[tab title]")
-	div(data-tab="[tab title]")
+tabset#uniqueID
+	div(tab="[tab title]")
+	div(tab="[tab title]")
 		

src/pg/patterns/core/tabs/_tabs.pug

@@ -1,4 +1,4 @@
-div#uniqueID.tab-group
-	div(data-tab="[tab title]")
-	div(data-tab="[tab title]")
+tabset#uniqueID
+	div(tab="[tab title]")
+	div(tab="[tab title]")