Changed : Issue 2043 - Naming, documentation and layout updated for T…

…ypography pages (#2058)
visual-framework · Jun 25, 2024 · c89f999 · c89f999
1 parent 5b33d1f
commit c89f999
Show file tree

Hide file tree

Showing 11 changed files with 358 additions and 193 deletions.
diff --git a/components/vf-design-tokens/CHANGELOG.md b/components/vf-design-tokens/CHANGELOG.md
@@ -1,3 +1,8 @@
+### 3.6.4
+
+* Changes to link examples.[Tracking issue](https://github.com/visual-framework/vf-core/issues/2030)
+* Naming convention of typography elements improved.[Tracking issue](https://github.com/visual-framework/vf-core/issues/2043)
+
 ### 3.6.3
 
 * Fix documentation for sassFunction interactive-color

diff --git a/components/vf-design-tokens/dist/json/vf-font--sans.ios.json b/components/vf-design-tokens/dist/json/vf-font--sans.ios.json
@@ -3,34 +3,92 @@
     {
       "type": "sans-serif",
       "category": "font",
-      "name": "textButton1",
+      "name": "textHeading1",
       "value": {
-        "fontSize": "24px",
+        "fontSize": "42px",
         "fontWeight": 700,
-        "lineHeight": 1
+        "lineHeight": 1.547
       },
       "meta": {
-        "friendlyName": "Button, regular",
-        "sassMap": "text-button--1",
+        "friendlyName": "text-heading--1",
+        "sassMap": "text-heading--1",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Headings",
+      "id" : "headings"
     },
     {
       "type": "sans-serif",
       "category": "font",
-      "name": "textButton2",
+      "name": "textHeading2",
       "value": {
-        "fontSize": "16px",
-        "fontWeight": 700,
-        "lineHeight": 1
+        "fontSize": "30px",
+        "fontWeight": 500,
+        "lineHeight": 1.333
       },
       "meta": {
-        "friendlyName": "Button, small",
-        "sassMap": "text-button--2",
+        "friendlyName": "text-heading--2",
+        "sassMap": "text-heading--2",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Headings",
+      "id" : "headings"
+    },
+    {
+      "type": "sans-serif",
+      "category": "font",
+      "name": "textHeading3",
+      "value": {
+        "fontSize": "24px",
+        "fontWeight": 500,
+        "lineHeight": 1.333
+      },
+      "meta": {
+        "friendlyName": "text-heading--3",
+        "sassMap": "text-heading--3",
+        "comment": null,
+        "pangram": "The five boxing wizards jump quickly."
+      },
+      "section" : "Headings",
+      "id" : "headings"
+    },
+    {
+      "type": "sans-serif",
+      "category": "font",
+      "name": "textHeading4",
+      "value": {
+        "fontSize": "21px",
+        "fontWeight": 500,
+        "lineHeight": 1.29
+      },
+      "meta": {
+        "friendlyName": "text-heading--4",
+        "sassMap": "text-heading--4",
+        "comment": null,
+        "pangram": "The five boxing wizards jump quickly."
+      },
+      "section" : "Headings",
+      "id" : "headings"
+    },
+    {
+      "type": "sans-serif",
+      "category": "font",
+      "name": "textHeading5",
+      "value": {
+        "fontSize": "19px",
+        "fontWeight": 500,
+        "lineHeight": 1.5
+      },
+      "meta": {
+        "friendlyName": "text-heading--5",
+        "sassMap": "text-heading--5",
+        "comment": null,
+        "pangram": "The five boxing wizards jump quickly."
+      },
+      "section" : "Headings",
+      "id" : "headings"
     },
     {
       "type": "sans-serif",
@@ -42,11 +100,13 @@
         "lineHeight": 1.3125
       },
       "meta": {
-        "friendlyName": "Body, extra large",
+        "friendlyName": "text-body--1",
         "sassMap": "text-body--1",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
@@ -58,11 +118,13 @@
         "lineHeight": 1.421
       },
       "meta": {
-        "friendlyName": "Body, large",
+        "friendlyName": "text-body--2",
         "sassMap": "text-body--2",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
@@ -74,11 +136,13 @@
         "lineHeight": 1.71
       },
       "meta": {
-        "friendlyName": "Body, regular",
+        "friendlyName": "text-body--3",
         "sassMap": "text-body--3",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
@@ -90,11 +154,13 @@
         "lineHeight": 1.57
       },
       "meta": {
-        "friendlyName": "Body, small (alternate)",
+        "friendlyName": "text-body--4",
         "sassMap": "text-body--4",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
@@ -106,11 +172,13 @@
         "lineHeight": 1.57
       },
       "meta": {
-        "friendlyName": "Body, small",
+        "friendlyName": "text-body--5",
         "sassMap": "text-body--5",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
@@ -122,91 +190,49 @@
         "lineHeight": 1.5
       },
       "meta": {
-        "friendlyName": "Body, extra small",
+        "friendlyName": "text-body--6",
         "sassMap": "text-body--6",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
-    },
-    {
-      "type": "sans-serif",
-      "category": "font",
-      "name": "textHeading1",
-      "value": {
-        "fontSize": "42px",
-        "fontWeight": 700,
-        "lineHeight": 1.547
-      },
-      "meta": {
-        "friendlyName": "Heading, extra large",
-        "sassMap": "text-heading--1",
-        "comment": null,
-        "pangram": "The five boxing wizards jump quickly."
-      }
-    },
-    {
-      "type": "sans-serif",
-      "category": "font",
-      "name": "textHeading2",
-      "value": {
-        "fontSize": "30px",
-        "fontWeight": 500,
-        "lineHeight": 1.333
       },
-      "meta": {
-        "friendlyName": "Heading, large",
-        "sassMap": "text-heading--2",
-        "comment": null,
-        "pangram": "The five boxing wizards jump quickly."
-      }
+      "section" : "Body texts",
+      "id" : "bodytexts"
     },
     {
       "type": "sans-serif",
       "category": "font",
-      "name": "textHeading3",
+      "name": "textButton1",
       "value": {
         "fontSize": "24px",
-        "fontWeight": 500,
-        "lineHeight": 1.333
+        "fontWeight": 700,
+        "lineHeight": 1
       },
       "meta": {
-        "friendlyName": "Heading, large (alternative)",
-        "sassMap": "text-heading--3",
+        "friendlyName": "text-button--1",
+        "sassMap": "text-button--1",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
-    },
-    {
-      "type": "sans-serif",
-      "category": "font",
-      "name": "textHeading4",
-      "value": {
-        "fontSize": "21px",
-        "fontWeight": 500,
-        "lineHeight": 1.29
       },
-      "meta": {
-        "friendlyName": "Heading, regular",
-        "sassMap": "text-heading--4",
-        "comment": null,
-        "pangram": "The five boxing wizards jump quickly."
-      }
+      "section" : "Buttons",
+      "id" : "buttons"
     },
     {
       "type": "sans-serif",
       "category": "font",
-      "name": "textHeading5",
+      "name": "textButton2",
       "value": {
-        "fontSize": "19px",
-        "fontWeight": 500,
-        "lineHeight": 1.5
+        "fontSize": "16px",
+        "fontWeight": 700,
+        "lineHeight": 1
       },
       "meta": {
-        "friendlyName": "Heading, small",
-        "sassMap": "text-heading--5",
+        "friendlyName": "text-button--2",
+        "sassMap": "text-button--2",
         "comment": null,
         "pangram": "The five boxing wizards jump quickly."
-      }
+      },
+      "section" : "Buttons",
+      "id" : "buttons"
     }
   ]
-}
+}