@vettvangur/design-system 2.0.14 → 2.0.16

package/dist/index.js

@@ -2182,8 +2182,8 @@ async function generateColors(colors, config, outpath, projectName) {
   message('finished generating colors');
 }
 
-/* ---------------------------------------------
- * helpers
+/* ---------------------------------------------
+ * helpers
  * ------------------------------------------- */
 
 function titleCase(str) {
@@ -2191,6 +2191,7 @@ function titleCase(str) {
 }
 function extractKey(prefix, key) {
   // font-size-headline-1 -> headline-1
+
   return key.replace(prefix, '');
 }
 function getValue(values, mode) {
@@ -2200,8 +2201,8 @@ function isHeadline(id) {
   return id.startsWith('headline-');
 }
 
-/* ---------------------------------------------
- * normalize typography into semantic entries
+/* ---------------------------------------------
+ * normalize typography into semantic entries
  * ------------------------------------------- */
 
 function buildEntries({
@@ -2231,8 +2232,8 @@ function buildEntries({
   return map;
 }
 
-/* ---------------------------------------------
- * category resolution
+/* ---------------------------------------------
+ * category resolution
  * ------------------------------------------- */
 
 function resolveCategory(id) {
@@ -2245,28 +2246,37 @@ function resolveCategory(id) {
   return null;
 }
 
-/* ---------------------------------------------
- * preview render
+/* ---------------------------------------------
+ * preview render
  * ------------------------------------------- */
 
 function renderPreview(id, title) {
   if (isHeadline(id)) {
     return `
+
             <vv-headline
+
                 identifier="ds-preview-headline"
+
                 text="${title}"
+
                 size="@HeadlineSize.H2"
+
                 modifier="${id}"
+
             />`;
   }
   return `
+
             <p class="${id}">
+
                 ${title}
+
             </p>`;
 }
 
-/* ---------------------------------------------
- * entry render
+/* ---------------------------------------------
+ * entry render
  * ------------------------------------------- */
 
 function renderEntry(id, entry) {
@@ -2311,29 +2321,38 @@ ${renderPreview(id, title)}
                 </div>
 
                 <div class="ds-type-meta">
-                    ${renderMeta(mFamily, mSize, mLine)}
+                    <div class="ds-type-meta__info">
+                      ${renderMeta(mFamily, mSize, mLine)}
+                    </div>
                 </div>
             </div>` : ''}
         </div>`;
 }
 
-/* ---------------------------------------------
- * category render
+/* ---------------------------------------------
+ * category render
  * ------------------------------------------- */
 
 function renderCategory(title, entries) {
   return `
+
     <section class="ds-type-category">
+
         <vv-headline text="${title}" size="@HeadlineSize.H2" modifier="headline-2" />
 
+
+
         <div class="ds-type-grid">
+
 ${entries.join('\n')}
+
         </div>
+
     </section>`;
 }
 
-/* ---------------------------------------------
- * main render
+/* ---------------------------------------------
+ * main render
  * ------------------------------------------- */
 
 function renderTypographyCshtml(data, projectName) {
@@ -2350,31 +2369,52 @@ function renderTypographyCshtml(data, projectName) {
   const sections = Object.entries(categories).map(([title, items]) => renderCategory(title, items)).join('\n');
 
   // @{
+
   //   Layout = "Master.cshtml";
+
   // }
+
   return `@* AUTO-GENERATED - DO NOT EDIT BY HAND *@
 
+
+
 <section class="ds-typography">
+
     <div class="ds__left">
+
       <partial name="${projectName}/DesignSystem/DSNavigation" />
+
     </div>
 
+
+
     <div class="ds__right">
+
         <vv-headline
+
             identifier="ds-title"
+
             modifier="headline-1"
+
             size="@HeadlineSize.H2"
+
             text="Typography"
+
         />
 
+
+
 ${sections}
 
+
+
     </div>
+
 </section>`;
 }
 
-/* ---------------------------------------------
- * public API
+/* ---------------------------------------------
+ * public API
  * ------------------------------------------- */
 
 async function generateTypography(typography, config, outpath, projectName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vettvangur/design-system",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "",
   "access": "public",
   "type": "module",