@gitlab/ui 125.0.0 → 126.0.1

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

@@ -1,2756 +0,0 @@
-{
-  "border": {
-    "color": {
-      "transparent": {
-        "$value": "{color.alpha.0}",
-        "$type": "color",
-        "$description": "Used when a border needs to be present, but not visibly perceived.",
-        "$extensions": {
-          "com.figma.scope": [
-            "ALL_SCOPES"
-          ]
-        }
-      }
-    },
-    "radius": {
-      "none": {
-        "$value": "{spacing-scale.0}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "xs": {
-        "$value": "{spacing-scale.px}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "sm": {
-        "$value": "{spacing-scale.1}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "md": {
-        "$value": "{spacing-scale.2}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "lg": {
-        "$value": "{spacing-scale.3}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "xl": {
-        "$value": "{spacing-scale.4}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "2xl": {
-        "$value": "{spacing-scale.5}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "3xl": {
-        "$value": "{spacing-scale.6}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      },
-      "full": {
-        "$value": {
-          "value": 9999,
-          "unit": "px"
-        },
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "CORNER_RADIUS"
-          ]
-        }
-      }
-    }
-  },
-  "color": {
-    "alpha": {
-      "0": {
-        "$value": "transparent",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "dark": {
-        "2": {
-          "$value": "rgba(05, 05, 06, 0.02)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "4": {
-          "$value": "rgba(05, 05, 06, 0.04)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "6": {
-          "$value": "rgba(05, 05, 06, 0.06)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "8": {
-          "$value": "rgba(05, 05, 06, 0.08)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "16": {
-          "$value": "rgba(05, 05, 06, 0.16)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "24": {
-          "$value": "rgba(05, 05, 06, 0.24)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "40": {
-          "$value": "rgba(05, 05, 06, 0.4)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        }
-      },
-      "light": {
-        "2": {
-          "$value": "rgba(255, 255, 255, 0.02)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "4": {
-          "$value": "rgba(255, 255, 255, 0.04)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "6": {
-          "$value": "rgba(255, 255, 255, 0.06)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "8": {
-          "$value": "rgba(255, 255, 255, 0.08)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "16": {
-          "$value": "rgba(255, 255, 255, 0.16)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "24": {
-          "$value": "rgba(255, 255, 255, 0.24)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        },
-        "36": {
-          "$value": "rgba(255, 255, 255, 0.36)",
-          "$type": "color",
-          "$extensions": {
-            "com.figma.scope": []
-          }
-        }
-      }
-    },
-    "blue": {
-      "50": {
-        "$value": "#e9f3fc",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#cbe2f9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#9dc7f1",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#63a6e9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#428fdc",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#1f75cb",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#2f68b4",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#2f5ca0",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#284779",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#213454",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#1d283e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "neutral": {
-      "0": {
-        "$value": "#fff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "10": {
-        "$value": "#fbfafd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#ececef",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#dcdcde",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#bfbfc3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#a4a3a8",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#89888d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#737278",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#626168",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#4c4b51",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#3a383f",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#28272d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#18171d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "1000": {
-        "$value": "#050506",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "green": {
-      "50": {
-        "$value": "#ecf4ee",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#c3e6cd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#91d4a8",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#52b87a",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#2da160",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#108548",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#2f7549",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#306440",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#225131",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#1e3e28",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#17291c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "orange": {
-      "50": {
-        "$value": "#fdf1dd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#f5d9a8",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#e9be74",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#d99530",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#c17d10",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#ab6100",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#995715",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#894b16",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#693c14",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#532e16",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#382315",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "purple": {
-      "50": {
-        "$value": "#f4f0ff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#e1d8f9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#cbbbf2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#ac93e6",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#9475db",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#7b58cf",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#6a4fb4",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#5c47a6",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#493c83",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#342d59",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#27243e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "red": {
-      "50": {
-        "$value": "#fcf1ef",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#fdd4cd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#fcb5aa",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#f6806d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#ec5941",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#dd2b0e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#c02f12",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#a32c12",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#812713",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#582014",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#3e1a14",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "data-green": {
-      "50": {
-        "$value": "#ddfab7",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#c6ed94",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#b0d97b",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#94c25e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#81ac41",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#619025",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#4e7f0e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#366800",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#275600",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#1a4500",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#133a03",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "data-aqua": {
-      "50": {
-        "$value": "#b5fefd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#93f2ef",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#5edee3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#32c5d2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#00acc4",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#0090b1",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#007b9b",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#006381",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#00516c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#004059",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#00344b",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "data-blue": {
-      "50": {
-        "$value": "#e9ebff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#d2dcff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#b7c6ff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#97acff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#7992f5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#617ae2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#4e65cd",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#3f51ae",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#374291",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#303470",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#2a2b59",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "data-magenta": {
-      "50": {
-        "$value": "#ffe3eb",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#ffccdb",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#fcacc5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#f88aaf",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#e86e9a",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#cf4d81",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#b93d71",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#9a2e5d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#7c214f",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#661e3a",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#541d31",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "data-orange": {
-      "50": {
-        "$value": "#fae8d1",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#f5d6b3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#eebd8c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#e99b60",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#e07e41",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#c95d2e",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#b14f18",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#92430a",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#6f3500",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#5e2f05",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#4b2707",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-indigo": {
-      "10": {
-        "$value": "#f8f8ff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#f1f1ff",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#dbdbf8",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#c7c7f2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#a2a2e6",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#8181d7",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#6666c4",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#5252b5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#41419f",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#303083",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#222261",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#14143d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-blue": {
-      "10": {
-        "$value": "#e6ecf0",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#cdd8e3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#b9cadc",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#a6bdd5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#81a5c9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#628eb9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#4977a5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#346596",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#235180",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#153c63",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#0b2640",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#04101c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-light-blue": {
-      "10": {
-        "$value": "#eef3f7",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#dde6ee",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#c1d4e6",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#a0bedc",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#74a3d3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#4f8bc7",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#3476b9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#2268ae",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#145aa1",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#0e4d8d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#0c4277",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#0a3764",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-green": {
-      "10": {
-        "$value": "#eef4ef",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#dde9de",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#b1d6b5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#8cc497",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#69af7d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#499767",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#308258",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#25744c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#1b653f",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#155635",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#0e4328",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#052e19",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-red": {
-      "10": {
-        "$value": "#faf4f3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#f4e9e7",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#ecd3d0",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#e3bab5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#d59086",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#c66e60",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#ad4a3b",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#a13322",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#8f2110",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#761405",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#580d02",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#380700",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "theme-light-red": {
-      "10": {
-        "$value": "#fdf9f8",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "50": {
-        "$value": "#faf2f1",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "100": {
-        "$value": "#f6d9d5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "200": {
-        "$value": "#ebada2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "300": {
-        "$value": "#e07f6f",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "400": {
-        "$value": "#d36250",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "500": {
-        "$value": "#c24b38",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "600": {
-        "$value": "#b53a26",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "700": {
-        "$value": "#a02e1c",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "800": {
-        "$value": "#8b2212",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "900": {
-        "$value": "#751709",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "950": {
-        "$value": "#5c1105",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "brand-white": {
-      "$value": "#fff",
-      "$type": "color",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "brand-charcoal": {
-      "$value": "#171321",
-      "$type": "color",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "brand-orange": {
-      "01g": {
-        "$value": "#ffd1bf",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "01p": {
-        "$value": "#fca326",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "02p": {
-        "$value": "#fc6d26",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "03p": {
-        "$value": "#e24329",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "brand-purple": {
-      "01g": {
-        "$value": "#ceb3ef",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "01p": {
-        "$value": "#a989f5",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "02p": {
-        "$value": "#7759c2",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "brand-gray": {
-      "01": {
-        "$value": "#d1d0d3",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "02": {
-        "$value": "#a2a1a6",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "03": {
-        "$value": "#74717a",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "04": {
-        "$value": "#45424d",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      },
-      "05": {
-        "$value": "#2b2838",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    },
-    "brand-pink": {
-      "01g": {
-        "$value": "#ffb9c9",
-        "$type": "color",
-        "$extensions": {
-          "com.figma.scope": []
-        }
-      }
-    }
-  },
-  "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": {
-      "100": {
-        "$value": {
-          "value": 0.75,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for meta text and small labels.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "200": {
-        "$value": {
-          "value": 0.8125,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 6 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "300": {
-        "$value": {
-          "value": 0.875,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 5 headings, body text, input labels, and help text.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "400": {
-        "$value": {
-          "value": 1,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 4 headings, large body text.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "500": {
-        "$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)",
-        "$type": "dimension",
-        "$description": "Used for responsive level 3 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "600": {
-        "$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)",
-        "$type": "dimension",
-        "$description": "Used for responsive level 2 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "700": {
-        "$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)",
-        "$type": "dimension",
-        "$description": "Used for responsive level 1 headings",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "800": {
-        "$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)",
-        "$type": "dimension",
-        "$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "xs": {
-        "$value": {
-          "value": 0.625,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "sm": {
-        "$value": "{font.size.100}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "md": {
-        "$value": "{font.size.300}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "lg": {
-        "$value": "{font.size.400}",
-        "$type": "dimension",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "100-fixed": {
-        "$value": {
-          "value": 0.75,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for meta text and small labels.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "200-fixed": {
-        "$value": {
-          "value": 0.8125,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 6 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "300-fixed": {
-        "$value": {
-          "value": 0.875,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 5 headings, body text, input labels, and help text.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "400-fixed": {
-        "$value": {
-          "value": 1,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 4 headings, large body text.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "500-fixed": {
-        "$value": {
-          "value": 1.125,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 3 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "600-fixed": {
-        "$value": {
-          "value": 1.3125,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 2 headings.",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "700-fixed": {
-        "$value": {
-          "value": 1.5,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for level 1 headings",
-        "$extensions": {
-          "com.figma.scope": [
-            "FONT_SIZE"
-          ]
-        }
-      },
-      "800-fixed": {
-        "$value": {
-          "value": 1.75,
-          "unit": "rem"
-        },
-        "$type": "dimension",
-        "$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
-        "$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": {
-        "value": 0.75,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "16": {
-      "$value": {
-        "value": 1,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "20": {
-      "$value": {
-        "value": 1.25,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "24": {
-      "$value": {
-        "value": 1.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "28": {
-      "$value": {
-        "value": 1.75,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "32": {
-      "$value": {
-        "value": 2,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "36": {
-      "$value": {
-        "value": 2.25,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "42": {
-      "$value": {
-        "value": 2.625,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "44": {
-      "$value": {
-        "value": 2.75,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    },
-    "52": {
-      "$value": {
-        "value": 3.25,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": [
-          "LINE_HEIGHT"
-        ]
-      }
-    }
-  },
-  "opacity": {
-    "0": {
-      "$value": "0",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "1": {
-      "$value": ".1",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "2": {
-      "$value": ".2",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "3": {
-      "$value": ".3",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "4": {
-      "$value": ".4",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "5": {
-      "$value": ".5",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "6": {
-      "$value": ".6",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "7": {
-      "$value": ".7",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "8": {
-      "$value": ".8",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "9": {
-      "$value": ".9",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "10": {
-      "$value": "1",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    }
-  },
-  "shadow": {
-    "sm": {
-      "$value": [
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": 0,
-          "blur": {
-            "value": 2,
-            "unit": "px"
-          },
-          "spread": 0
-        },
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": {
-            "value": 1,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 4,
-            "unit": "px"
-          },
-          "spread": 0
-        }
-      ],
-      "$type": "shadow",
-      "$description": "Used for surfaces that need to indicate users can manually interact with them. For example, cards in issue board.",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "md": {
-      "$value": [
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": 0,
-          "blur": {
-            "value": 1,
-            "unit": "px"
-          },
-          "spread": 0
-        },
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": 0,
-          "blur": {
-            "value": 2,
-            "unit": "px"
-          },
-          "spread": 0
-        },
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": {
-            "value": 2,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 8,
-            "unit": "px"
-          },
-          "spread": 0
-        }
-      ],
-      "$type": "shadow",
-      "$description": "Used for surfaces that need boundary definition and appear on hover. For example, popovers.",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "lg": {
-      "$value": [
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": 0,
-          "blur": {
-            "value": 2,
-            "unit": "px"
-          },
-          "spread": 0
-        },
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": 0,
-          "blur": {
-            "value": 2,
-            "unit": "px"
-          },
-          "spread": 0
-        },
-        {
-          "color": "{shadow.color.default}",
-          "offsetX": 0,
-          "offsetY": {
-            "value": 4,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 12,
-            "unit": "px"
-          },
-          "spread": 0
-        }
-      ],
-      "$type": "shadow",
-      "$description": "Used for large surfaces that present additional context to the user.",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    }
-  },
-  "spacing-scale": {
-    "0": {
-      "$value": "0",
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "1": {
-      "$value": {
-        "value": 0.125,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "2": {
-      "$value": {
-        "value": 0.25,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "3": {
-      "$value": {
-        "value": 0.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "4": {
-      "$value": {
-        "value": 0.75,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "5": {
-      "$value": {
-        "value": 1,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "6": {
-      "$value": {
-        "value": 1.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "7": {
-      "$value": {
-        "value": 2,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "8": {
-      "$value": {
-        "value": 2.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "9": {
-      "$value": {
-        "value": 3,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "10": {
-      "$value": {
-        "value": 3.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "11": {
-      "$value": {
-        "value": 4,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "12": {
-      "$value": {
-        "value": 5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "13": {
-      "$value": {
-        "value": 6,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "15": {
-      "$value": {
-        "value": 7.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "18": {
-      "$value": {
-        "value": 9,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "20": {
-      "$value": {
-        "value": 10,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "26": {
-      "$value": {
-        "value": 13,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "28": {
-      "$value": {
-        "value": 14,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "30": {
-      "$value": {
-        "value": 15,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "31": {
-      "$value": {
-        "value": 15.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "33": {
-      "$value": {
-        "value": 16.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "34": {
-      "$value": {
-        "value": 17,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "37": {
-      "$value": {
-        "value": 18.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "48": {
-      "$value": {
-        "value": 24,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "62": {
-      "$value": {
-        "value": 31,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "75": {
-      "$value": {
-        "value": 37.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "80": {
-      "$value": {
-        "value": 40,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "88": {
-      "$value": {
-        "value": 44,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "px": {
-      "$value": {
-        "value": 1,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "2-5": {
-      "$value": {
-        "value": 0.375,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "11-5": {
-      "$value": {
-        "value": 4.5,
-        "unit": "rem"
-      },
-      "$type": "dimension",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    }
-  },
-  "zindex": {
-    "0": {
-      "$value": "0",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "1": {
-      "$value": "1",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "2": {
-      "$value": "2",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "3": {
-      "$value": "3",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "4": {
-      "$value": "4",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "200": {
-      "$value": "200",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    },
-    "9999": {
-      "$value": "9999",
-      "$type": "number",
-      "$extensions": {
-        "com.figma.scope": []
-      }
-    }
-  }
-}