From e8c74f7aa4a1eea4a3536ff31bf6e6f9c75d332e Mon Sep 17 00:00:00 2001
From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com>
Date: Thu, 19 Oct 2023 09:18:12 +0200
Subject: [PATCH] change: cards librar new: tab WIP

---
 tokens.json | 133 +++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 89 insertions(+), 44 deletions(-)

diff --git a/tokens.json b/tokens.json
index f1712f457..f4a639d5c 100644
--- a/tokens.json
+++ b/tokens.json
@@ -1607,6 +1607,10 @@
             "type": "spacing"
           },
           "xlg": {
+            "value": "{core.dimension.static.300}px",
+            "type": "spacing"
+          },
+          "xxlg": {
             "value": "{core.dimension.static.400}px",
             "type": "spacing"
           }
@@ -3514,7 +3518,7 @@
             "type": "spacing"
           },
           "md": {
-            "value": "{global.spacing.gap.xlg}",
+            "value": "{global.spacing.gap.xxlg}",
             "type": "spacing"
           }
         },
@@ -3669,18 +3673,9 @@
     },
     "tab": {
       "content": {
-        "typo": {
-          "value": {
-            "fontFamily": "{core.font.family.main}",
-            "fontWeight": "{core.font.weight.regular}",
-            "lineHeight": "{core.font.lineHeight.200}px",
-            "fontSize": "{core.font.size.75}px"
-          },
-          "type": "typography"
-        },
         "color": {
           "default": {
-            "value": "{global.content.color.text.default}",
+            "value": "{global.content.color.secondary.default}",
             "type": "color"
           },
           "hover": {
@@ -3691,6 +3686,12 @@
             "value": "{global.content.color.primary.default}",
             "type": "color"
           }
+        },
+        "typo": {
+          "sm": {
+            "value": "{global.content.typo.body.sm}",
+            "type": "typography"
+          }
         }
       },
       "border": {
@@ -3706,10 +3707,14 @@
           "down": {
             "value": "{global.border.color.primary.default}",
             "type": "color"
+          },
+          "down-copy": {
+            "value": "{global.border.color.line.subtle}",
+            "type": "color"
           }
         },
         "width": {
-          "value": "{global.border.width.lg}",
+          "value": "{global.border.width.md}",
           "type": "borderWidth"
         },
         "radius": {
@@ -3724,7 +3729,7 @@
             "type": "color"
           },
           "hover": {
-            "value": "{global.background.color.surface.subtle}",
+            "value": "{global.background.color.primary.subtle}",
             "type": "color"
           },
           "down": {
@@ -3741,6 +3746,18 @@
         "gap": {
           "value": "{global.spacing.gap.md}",
           "type": "spacing"
+        },
+        "vertical": {
+          "md": {
+            "value": "{global.spacing.padding.md}",
+            "type": "spacing"
+          }
+        },
+        "horizontal": {
+          "xsm": {
+            "value": "{global.spacing.padding.xsm}",
+            "type": "spacing"
+          }
         }
       }
     },
@@ -3929,7 +3946,7 @@
       "content": {
         "color": {
           "default": {
-            "value": "{global.content.color.text.default}",
+            "value": "{global.content.color.secondary.default}",
             "type": "color"
           },
           "default--alt": {
@@ -3945,6 +3962,15 @@
             "fontSize": "{core.font.size.75}px"
           },
           "type": "typography"
+        },
+        "typo--medium": {
+          "value": {
+            "fontFamily": "{core.font.family.alt}",
+            "fontWeight": "{core.font.weight.medium}",
+            "lineHeight": "{core.font.lineHeight.300}px",
+            "fontSize": "{core.font.size.75}px"
+          },
+          "type": "typography"
         }
       },
       "spacing": {
@@ -3959,8 +3985,14 @@
           }
         },
         "gap": {
-          "value": "{global.spacing.gap.md}",
-          "type": "spacing"
+          "1xsm": {
+            "value": "{global.spacing.gap.1xsm}",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "{global.spacing.gap.md}",
+            "type": "spacing"
+          }
         }
       },
       "background": {
@@ -3970,11 +4002,11 @@
             "type": "color"
           },
           "hover": {
-            "value": "{global.background.color.surface.subtle}",
+            "value": "{global.background.color.primary.subtle}",
             "type": "color"
           },
           "down": {
-            "value": "{global.background.color.surface.muted}",
+            "value": "{global.background.color.primary.muted}",
             "type": "color"
           },
           "active": {
@@ -3998,6 +4030,12 @@
             "type": "color"
           }
         }
+      },
+      "shadow": {
+        "default": {
+          "value": "{core.shadow.100}",
+          "type": "boxShadow"
+        }
       }
     },
     "score": {
@@ -5616,20 +5654,34 @@
           }
         },
         "gap": {
-          "value": "{input.spacing.gap.lg}",
-          "type": "spacing"
+          "md": {
+            "value": "{global.spacing.gap.md}",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "{global.spacing.gap.lg}",
+            "type": "spacing"
+          },
+          "xlg": {
+            "value": "{global.spacing.gap.xlg}",
+            "type": "spacing"
+          }
         }
       },
       "content": {
         "color": {
           "emphasis": {
-            "value": "{global.content.color.text.emphasis}",
+            "value": "{global.content.color.tertiary.default}",
             "type": "color"
           },
           "default": {
             "value": "{global.content.color.text.default}",
             "type": "color"
           },
+          "subje": {
+            "value": "{global.content.color.text.emphasis}",
+            "type": "color"
+          },
           "muted": {
             "value": "{global.content.color.text.muted}",
             "type": "color"
@@ -5641,12 +5693,7 @@
         },
         "typo": {
           "lg": {
-            "value": {
-              "fontFamily": "{core.font.family.alt}",
-              "fontWeight": "{core.font.weight.medium}",
-              "lineHeight": "{core.font.lineHeight.200}",
-              "fontSize": "{core.font.size.200}"
-            },
+            "value": "{global.content.typo.body.lg--medium}",
             "type": "typography"
           },
           "md": {
@@ -5674,14 +5721,22 @@
           "default": {
             "value": "{global.background.color.surface.default}",
             "type": "color"
+          },
+          "cover": {
+            "value": "{global.background.color.surface.muted}",
+            "type": "color"
           }
         }
       },
       "border": {
         "color": {
-          "subtle": {
+          "defaut": {
             "value": "{global.border.color.line.default}",
             "type": "color"
+          },
+          "subtle": {
+            "value": "{global.border.color.line.subtle}",
+            "type": "color"
           }
         },
         "radius": {
@@ -5810,25 +5865,15 @@
             }
           }
         }
-      },
-      "border": {
-        "color": {
-          "primary": {
-            "hover": {
-              "value": "{global.border.color.line.default--reverse}",
-              "type": "color"
-            }
-          }
-        },
-        "sm": {
-          "value": "{global.border.width.sm}",
-          "type": "borderWidth"
-        }
       }
     }
   },
   "$themes": [],
   "$metadata": {
-    "tokenSetOrder": ["core", "global", "component"]
+    "tokenSetOrder": [
+      "core",
+      "global",
+      "component"
+    ]
   }
-}
+}
\ No newline at end of file