@gitlab/ui 123.6.1 → 123.8.0

package/dist/tokens/figma/constants.tokens.json

@@ -4,7 +4,6 @@
       "none": {
         "$value": "{spacing-scale.0}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -14,7 +13,6 @@
       "xs": {
         "$value": "{spacing-scale.px}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -24,7 +22,6 @@
       "sm": {
         "$value": "{spacing-scale.1}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -34,7 +31,6 @@
       "md": {
         "$value": "{spacing-scale.2}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -44,7 +40,6 @@
       "lg": {
         "$value": "{spacing-scale.3}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -54,7 +49,6 @@
       "xl": {
         "$value": "{spacing-scale.4}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -64,7 +58,6 @@
       "2xl": {
         "$value": "{spacing-scale.5}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -74,7 +67,6 @@
       "3xl": {
         "$value": "{spacing-scale.6}",
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -82,9 +74,11 @@
         }
       },
       "full": {
-        "$value": "9999px",
+        "$value": {
+          "value": 9999,
+          "unit": "px"
+        },
         "$type": "dimension",
-        "$description": "",
         "$extensions": {
           "com.figma.scope": [
             "CORNER_RADIUS"
@@ -1725,75 +1719,259 @@
       }
     }
   },
+  "font": {
+    "family": {
+      "regular": {
+        "$value": [
+          "var(--default-regular-font, 'GitLab Sans')",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "'Segoe UI'",
+          "Roboto",
+          "'Noto Sans'",
+          "Ubuntu",
+          "Cantarell",
+          "'Helvetica Neue'",
+          "sans-serif",
+          "'Apple Color Emoji'",
+          "'Segoe UI Emoji'",
+          "'Segoe UI Symbol'",
+          "'Noto Color Emoji'"
+        ],
+        "$type": "fontFamily",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_FAMILY"
+          ]
+        }
+      },
+      "monospace": {
+        "$value": [
+          "var(--default-mono-font, 'GitLab Mono')",
+          "'JetBrains Mono'",
+          "Menlo",
+          "'DejaVu Sans Mono'",
+          "'Liberation Mono'",
+          "Consolas",
+          "'Ubuntu Mono'",
+          "'Courier New'",
+          "'andale mono'",
+          "'lucida console'",
+          "monospace"
+        ],
+        "$type": "fontFamily",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_FAMILY"
+          ]
+        }
+      }
+    },
+    "size": {
+      "xs": {
+        "$value": "0.625rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_SIZE"
+          ]
+        }
+      },
+      "sm": {
+        "$value": "0.75rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_SIZE"
+          ]
+        }
+      },
+      "md": {
+        "$value": "0.875rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_SIZE"
+          ]
+        }
+      },
+      "lg": {
+        "$value": "1rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_SIZE"
+          ]
+        }
+      }
+    },
+    "weight": {
+      "100": {
+        "$value": "100",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      },
+      "300": {
+        "$value": "300",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      },
+      "normal": {
+        "$value": "400",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      },
+      "semibold": {
+        "$value": "500",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      },
+      "bold": {
+        "$value": "600",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      }
+    }
+  },
   "line-height": {
     "12": {
-      "$value": "0.75rem",
+      "$value": {
+        "value": 0.75,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "16": {
-      "$value": "1rem",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "20": {
-      "$value": "1.25rem",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "24": {
-      "$value": "1.5rem",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "28": {
-      "$value": "1.75rem",
+      "$value": {
+        "value": 1.75,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "32": {
-      "$value": "2rem",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "36": {
-      "$value": "2.25rem",
+      "$value": {
+        "value": 2.25,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "42": {
-      "$value": "2.625rem",
+      "$value": {
+        "value": 2.625,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "44": {
-      "$value": "2.75rem",
+      "$value": {
+        "value": 2.75,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     },
     "52": {
-      "$value": "3.25rem",
+      "$value": {
+        "value": 3.25,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
-        "com.figma.scope": []
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
       }
     }
   },
@@ -1883,14 +2061,23 @@
           "color": "{shadow.color.default}",
           "offsetX": 0,
           "offsetY": 0,
-          "blur": "2px",
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
           "spread": 0
         },
         {
           "color": "{shadow.color.default}",
           "offsetX": 0,
-          "offsetY": "1px",
-          "blur": "4px",
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 4,
+            "unit": "px"
+          },
           "spread": 0
         }
       ],
@@ -1906,21 +2093,33 @@
           "color": "{shadow.color.default}",
           "offsetX": 0,
           "offsetY": 0,
-          "blur": "1px",
+          "blur": {
+            "value": 1,
+            "unit": "px"
+          },
           "spread": 0
         },
         {
           "color": "{shadow.color.default}",
           "offsetX": 0,
           "offsetY": 0,
-          "blur": "2px",
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
           "spread": 0
         },
         {
           "color": "{shadow.color.default}",
           "offsetX": 0,
-          "offsetY": "2px",
-          "blur": "8px",
+          "offsetY": {
+            "value": 2,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 8,
+            "unit": "px"
+          },
           "spread": 0
         }
       ],
@@ -1936,21 +2135,33 @@
           "color": "{shadow.color.default}",
           "offsetX": 0,
           "offsetY": 0,
-          "blur": "2px",
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
           "spread": 0
         },
         {
           "color": "{shadow.color.default}",
           "offsetX": 0,
           "offsetY": 0,
-          "blur": "2px",
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
           "spread": 0
         },
         {
           "color": "{shadow.color.default}",
           "offsetX": 0,
-          "offsetY": "4px",
-          "blur": "12px",
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 12,
+            "unit": "px"
+          },
           "spread": 0
         }
       ],
@@ -1970,217 +2181,310 @@
       }
     },
     "1": {
-      "$value": "0.125rem",
+      "$value": {
+        "value": 0.125,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "2": {
-      "$value": "0.25rem",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "3": {
-      "$value": "0.5rem",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "4": {
-      "$value": "0.75rem",
+      "$value": {
+        "value": 0.75,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "5": {
-      "$value": "1rem",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "6": {
-      "$value": "1.5rem",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "7": {
-      "$value": "2rem",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "8": {
-      "$value": "2.5rem",
+      "$value": {
+        "value": 2.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "9": {
-      "$value": "3rem",
+      "$value": {
+        "value": 3,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "10": {
-      "$value": "3.5rem",
+      "$value": {
+        "value": 3.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "11": {
-      "$value": "4rem",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "12": {
-      "$value": "5rem",
+      "$value": {
+        "value": 5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "13": {
-      "$value": "6rem",
+      "$value": {
+        "value": 6,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "15": {
-      "$value": "7.5rem",
+      "$value": {
+        "value": 7.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "18": {
-      "$value": "9rem",
+      "$value": {
+        "value": 9,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "20": {
-      "$value": "10rem",
+      "$value": {
+        "value": 10,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "26": {
-      "$value": "13rem",
+      "$value": {
+        "value": 13,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "28": {
-      "$value": "14rem",
+      "$value": {
+        "value": 14,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "30": {
-      "$value": "15rem",
+      "$value": {
+        "value": 15,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "31": {
-      "$value": "15.5rem",
+      "$value": {
+        "value": 15.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "33": {
-      "$value": "16.5rem",
+      "$value": {
+        "value": 16.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "34": {
-      "$value": "17rem",
+      "$value": {
+        "value": 17,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "37": {
-      "$value": "18.5rem",
+      "$value": {
+        "value": 18.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "48": {
-      "$value": "24rem",
+      "$value": {
+        "value": 24,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "62": {
-      "$value": "31rem",
+      "$value": {
+        "value": 31,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "75": {
-      "$value": "37.5rem",
+      "$value": {
+        "value": 37.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "80": {
-      "$value": "40rem",
+      "$value": {
+        "value": 40,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "88": {
-      "$value": "44rem",
+      "$value": {
+        "value": 44,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "px": {
-      "$value": "1px",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "2-5": {
-      "$value": "0.375rem",
+      "$value": {
+        "value": 0.375,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []
       }
     },
     "11-5": {
-      "$value": "4.5rem",
+      "$value": {
+        "value": 4.5,
+        "unit": "rem"
+      },
       "$type": "dimension",
       "$extensions": {
         "com.figma.scope": []