fix(tokens): renames tabbar.tab.highlightline..

deven-org · Nov 23, 2023 · 9fddbd4 · 9fddbd4
1 parent 6a29df3
commit 9fddbd4
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 30 deletions.
diff --git a/packages/figma-design-tokens/input/tokens/$themes.json b/packages/figma-design-tokens/input/tokens/$themes.json
@@ -950,11 +950,8 @@
       "UI.ButtonGroup.Container.ItemSpacing.XL": "84d1abd4e9ef76edb86015c523a0dfb5912e3244",
       "UI.Divider.Container.Horizontal.Height": "99c86886304f9f83153010601e78a457c3a2377f",
       "UI.Divider.Container.Vertical.Width": "1392f861f2707b9dda9ab2ccd7deac928696a142",
-      "Navigation.TabBar.Tab.SM.HighlightLine.Height": "ec176d10887c957d0076731450b8cb33cef7d03f",
       "Navigation.TabBar.Tab.SM.Icon.Sizing": "6b113eef73655ad8a509f69b111eed85029c1b26",
-      "Navigation.TabBar.Tab.MD.HighlightLine.Height": "7683fc334a62417d868dc8b4bb13254abae06431",
       "Navigation.TabBar.Tab.MD.Icon.Sizing": "1c5cafe5f396b8d959bc6ffaef3c1410f83d08ed",
-      "Navigation.TabBar.Tab.LG.HighlightLine.Height": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1",
       "Navigation.TabBar.Tab.LG.Icon.Sizing": "f5f44d23ed6dd979bfaf9799b4457688e2231230",
       "Action.BorderRadius": "9644fb0b564a7bdd9b72d09b6d1efa4fd593c08b",
       "Forms.SM.CaptionComponent.IconDimension": "f5cf91673f3a3e330390327210550e1a1705a426",
@@ -1585,7 +1582,10 @@
       "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.LG": "9e30569e1e7df1a9cce518e20605dafad1cc1a8c",
       "Navigation.TabBar.Tab.ContentRow.ItemSpacing.SM": "9b407aea6e3a2c2b059fdd5776d209583a165d46",
       "Navigation.TabBar.Tab.ContentRow.ItemSpacing.MD": "659b399cc4e36a26e8602a4f70292def7ecdd27a",
-      "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7"
+      "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7",
+      "Navigation.TabBar.Tab.HighlightLine.Height.SM": "ec176d10887c957d0076731450b8cb33cef7d03f",
+      "Navigation.TabBar.Tab.HighlightLine.Height.MD": "7683fc334a62417d868dc8b4bb13254abae06431",
+      "Navigation.TabBar.Tab.HighlightLine.Height.LG": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1"
     },
     "group": "Theme"
   },
@@ -2536,11 +2536,8 @@
       "UI.ButtonGroup.Container.ItemSpacing.XL": "84d1abd4e9ef76edb86015c523a0dfb5912e3244",
       "UI.Divider.Container.Horizontal.Height": "99c86886304f9f83153010601e78a457c3a2377f",
       "UI.Divider.Container.Vertical.Width": "1392f861f2707b9dda9ab2ccd7deac928696a142",
-      "Navigation.TabBar.Tab.SM.HighlightLine.Height": "ec176d10887c957d0076731450b8cb33cef7d03f",
       "Navigation.TabBar.Tab.SM.Icon.Sizing": "6b113eef73655ad8a509f69b111eed85029c1b26",
-      "Navigation.TabBar.Tab.MD.HighlightLine.Height": "7683fc334a62417d868dc8b4bb13254abae06431",
       "Navigation.TabBar.Tab.MD.Icon.Sizing": "1c5cafe5f396b8d959bc6ffaef3c1410f83d08ed",
-      "Navigation.TabBar.Tab.LG.HighlightLine.Height": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1",
       "Navigation.TabBar.Tab.LG.Icon.Sizing": "f5f44d23ed6dd979bfaf9799b4457688e2231230",
       "Action.BorderRadius": "9644fb0b564a7bdd9b72d09b6d1efa4fd593c08b",
       "Forms.SM.CaptionComponent.IconDimension": "f5cf91673f3a3e330390327210550e1a1705a426",
@@ -3171,7 +3168,10 @@
       "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.LG": "9e30569e1e7df1a9cce518e20605dafad1cc1a8c",
       "Navigation.TabBar.Tab.ContentRow.ItemSpacing.SM": "9b407aea6e3a2c2b059fdd5776d209583a165d46",
       "Navigation.TabBar.Tab.ContentRow.ItemSpacing.MD": "659b399cc4e36a26e8602a4f70292def7ecdd27a",
-      "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7"
+      "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7",
+      "Navigation.TabBar.Tab.HighlightLine.Height.SM": "ec176d10887c957d0076731450b8cb33cef7d03f",
+      "Navigation.TabBar.Tab.HighlightLine.Height.MD": "7683fc334a62417d868dc8b4bb13254abae06431",
+      "Navigation.TabBar.Tab.HighlightLine.Height.LG": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1"
     },
     "group": "Theme"
   },

diff --git a/packages/figma-design-tokens/input/tokens/dimensions/CMP.json b/packages/figma-design-tokens/input/tokens/dimensions/CMP.json
@@ -2329,19 +2329,22 @@
   "Navigation": {
     "TabBar": {
       "Tab": {
-        "SM": {
-          "HighlightLine": {
-            "Height": {
+        "HighlightLine": {
+          "Height": {
+            "SM": {
               "value": "{core.dimensionPX.2}",
               "type": "sizing",
               "description": "Defines the thickness of the highlight line.\nApply on <HighlightLine>"
-            }
-          },
-          "Icon": {
-            "Sizing": {
-              "value": "{core.dimensionREM.12}",
+            },
+            "MD": {
+              "value": "{core.dimensionPX.2}",
               "type": "sizing",
-              "description": "Defines height and width of the icon of a tab"
+              "description": "Defines the thickness of the highlight line.\nApply on <HighlightLine>"
+            },
+            "LG": {
+              "value": "{core.dimensionPX.2}",
+              "type": "sizing",
+              "description": "Defines the thickness of the highlight line.\nApply on <HighlightLine>"
             }
           }
         },
@@ -2417,14 +2420,16 @@
             }
           }
         },
-        "MD": {
-          "HighlightLine": {
-            "Height": {
-              "value": "{core.dimensionPX.2}",
+        "SM": {
+          "Icon": {
+            "Sizing": {
+              "value": "{core.dimensionREM.12}",
               "type": "sizing",
-              "description": "Defines the thickness of the highlight line.\nApply on <HighlightLine>"
+              "description": "Defines height and width of the icon of a tab"
             }
-          },
+          }
+        },
+        "MD": {
           "Icon": {
             "Sizing": {
               "value": "{core.dimensionREM.16}",
@@ -2434,13 +2439,6 @@
           }
         },
         "LG": {
-          "HighlightLine": {
-            "Height": {
-              "value": "{core.dimensionPX.2}",
-              "type": "sizing",
-              "description": "Defines the thickness of the highlight line.\nApply on <HighlightLine>"
-            }
-          },
           "Icon": {
             "Sizing": {
               "value": "{core.dimensionREM.16}",