feat(dat): passing typography tokens into skeleton text sizes

Sage · Jun 11, 2024 · ec0a35d · ec0a35d
1 parent 889ee2f
commit ec0a35d
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 31 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -647,11 +647,6 @@
       "progress.size.ring.S": "b0a6f121f9511e9c2822297a6659287d684d6eaa",
       "progress.size.ring.M": "cb8364ff607e02007b58ff6b8c5bb421377b8a74",
       "progress.size.ring.L": "f57ff9abcccd51a601cdfa441e3cbafe8a8bf057",
-      "progress.size.skeleton.XS": "efcaf0ce1875f12ab8361b42d03ea0d76167fdc3",
-      "progress.size.skeleton.S": "b7e6cfc577420388455d049032f2cb234fa810ba",
-      "progress.size.skeleton.M": "f3d79ded5e9f97a3a9a71abc0fdd77c7cc482da5",
-      "progress.size.skeleton.L": "e4409431edb112b4b8c35a7d6e938f632e99e751",
-      "progress.size.skeleton.XL": "9e6efca5e704d2930592122029212c0779a1c927",
       "progress.size.stepflow.M": "6aac23a9cb02a86289591e7b47bd3ec81a2f4fbf",
       "progress.color.inverse.bg-default": "ac92e64cb1966f7a66b593461a2295deb2b6bba2",
       "progress.color.inverse.fg-default": "14cada478459557872ab22546d3663f72e3bda43",
@@ -1580,7 +1575,12 @@
       "progress.space.skeleton.multiline.yg.S": "794289c30074b1443305f643680525e9c92b02c5",
       "progress.space.skeleton.multiline.yg.M": "af4648f90038f927fbba041063f7b6c870b7d0d4",
       "progress.space.skeleton.multiline.yg.L": "2c9506a8a11b27a79971a85ba02834a98d75074d",
-      "progress.space.skeleton.multiline.yg.XL": "a624e372f6bac3ad1fa585811a39ed23d04444ec"
+      "progress.space.skeleton.multiline.yg.XL": "a624e372f6bac3ad1fa585811a39ed23d04444ec",
+      "progress.size.skeleton.text.XS": "efcaf0ce1875f12ab8361b42d03ea0d76167fdc3",
+      "progress.size.skeleton.text.S": "b7e6cfc577420388455d049032f2cb234fa810ba",
+      "progress.size.skeleton.text.M": "f3d79ded5e9f97a3a9a71abc0fdd77c7cc482da5",
+      "progress.size.skeleton.text.L": "e4409431edb112b4b8c35a7d6e938f632e99e751",
+      "progress.size.skeleton.text.XL": "9e6efca5e704d2930592122029212c0779a1c927"
     },
     "group": "Mode"
   },

diff --git a/data/tokens/components/progress.json b/data/tokens/components/progress.json
@@ -65,30 +65,32 @@
         }
       },
       "skeleton": {
-        "XS": {
-          "value": "{global.size.macro.XXS}",
-          "type": "sizing",
-          "description": "Skeleton paragraph and H5"
-        },
-        "S": {
-          "value": "{global.size.macro.XXS} + {global.size.micro.XXS}",
-          "type": "sizing",
-          "description": "H4 Skeletons"
-        },
-        "M": {
-          "value": "{global.size.macro.XS} - {global.size.micro.XXS}",
-          "type": "sizing",
-          "description": "H3 Skeletons"
-        },
-        "L": {
-          "value": "{global.size.macro.XS}",
-          "type": "sizing",
-          "description": "H2 Skeletons"
-        },
-        "XL": {
-          "value": "{global.size.macro.S}",
-          "type": "sizing",
-          "description": "H1 Skeletons"
+        "text": {
+          "XS": {
+            "value": "{origin.fontSize.web.step0}",
+            "type": "sizing",
+            "description": "Skeleton paragraph and H5"
+          },
+          "S": {
+            "value": "{global.typography.subheading.M}",
+            "type": "sizing",
+            "description": "H4 Skeletons"
+          },
+          "M": {
+            "value": "{global.typography.heading.XS}",
+            "type": "sizing",
+            "description": "H3 Skeletons"
+          },
+          "L": {
+            "value": "{global.typography.heading.S}",
+            "type": "sizing",
+            "description": "H2 Skeletons"
+          },
+          "XL": {
+            "value": "{global.typography.heading.M}",
+            "type": "sizing",
+            "description": "H1 Skeletons"
+          }
         }
       },
       "stepflow": {
@@ -423,7 +425,7 @@
               "description": "vertical gap between skeleton bars"
             },
             "S": {
-              "value": "{global.space.micro.S}",
+              "value": "{global.space.micro.M}",
               "type": "spacing",
               "description": "vertical gap between skeleton bars"
             },