@terrazzo/tokens/tokens.json

Internal design tokens for @terrazzo/tiles

{
  "color": {
    "$type": "color",
    "base": {
      "blue": {
        "100": { "$value": "#001925", "$extensions": { "mode": { "light": "#001925", "dark": "#001925" } } },
        "200": { "$value": "#004154", "$extensions": { "mode": { "light": "#004154", "dark": "#004154" } } },
        "300": { "$value": "#086E86", "$extensions": { "mode": { "light": "#086E86", "dark": "#086E86" } } },
        "600": { "$value": "#20D3F6", "$extensions": { "mode": { "light": "#20D3F6", "dark": "#20D3F6" } } },
        "800": { "$value": "#93EFFF", "$extensions": { "mode": { "light": "#93EFFF", "dark": "#93EFFF" } } },
        "900": { "$value": "#C7F9FF", "$extensions": { "mode": { "light": "#C7F9FF", "dark": "#C7F9FF" } } },
        "1000": { "$value": "#E6FEFF", "$extensions": { "mode": { "light": "#E6FEFF", "dark": "#E6FEFF" } } }
      },
      "green": {
        "100": { "$value": "#fbfefb", "$extensions": { "mode": { "light": "#fbfefb", "dark": "#203c25" } } },
        "200": { "$value": "#f3fcf3", "$extensions": { "mode": { "light": "#f3fcf3", "dark": "#297c3b" } } },
        "300": { "$value": "#ebf9eb", "$extensions": { "mode": { "light": "#ebf9eb", "dark": "#3d9a50" } } },
        "400": { "$value": "#dff3df", "$extensions": { "mode": { "light": "#dff3df", "dark": "#46a758" } } },
        "500": { "$value": "#ceebcf", "$extensions": { "mode": { "light": "#ceebcf", "dark": "#65ba75" } } },
        "600": { "$value": "#b7dfba", "$extensions": { "mode": { "light": "#b7dfba", "dark": "#97cf9c" } } },
        "700": { "$value": "#97cf9c", "$extensions": { "mode": { "light": "#97cf9c", "dark": "#b7dfba" } } },
        "800": { "$value": "#65ba75", "$extensions": { "mode": { "light": "#65ba75", "dark": "#ceebcf" } } },
        "900": { "$value": "#46a758", "$extensions": { "mode": { "light": "#46a758", "dark": "#dff3df" } } },
        "1000": { "$value": "#3d9a50", "$extensions": { "mode": { "light": "#3d9a50", "dark": "#ebf9eb" } } },
        "1100": { "$value": "#297c3b", "$extensions": { "mode": { "light": "#297c3b", "dark": "#f3fcf3" } } },
        "1200": { "$value": "#203c25", "$extensions": { "mode": { "light": "#203c25", "dark": "#fbfefb" } } }
      },
      "gray": {
        "100": { "$value": "#190404", "$extensions": { "mode": { "light": "#190404", "dark": "#190404" } } },
        "200": { "$value": "#352B29", "$extensions": { "mode": { "light": "#352B29", "dark": "#352B29" } } },
        "300": { "$value": "#5E534B", "$extensions": { "mode": { "light": "#5E534B", "dark": "#5E534B" } } },
        "600": { "$value": "#BBB6B2", "$extensions": { "mode": { "light": "#BBB6B2", "dark": "#BBB6B2" } } },
        "700": { "$value": "#DFD9D7", "$extensions": { "mode": { "light": "#DFD9D7", "dark": "#DFD9D7" } } },
        "800": { "$value": "#EFEAE8", "$extensions": { "mode": { "light": "#EFEAE8", "dark": "#EFEAE8" } } },
        "900": { "$value": "#FCF7F6", "$extensions": { "mode": { "light": "#FCF7F6", "dark": "#FCF7F6" } } },
        "1000": { "$value": "#FFFFFF", "$extensions": { "mode": { "light": "#FFFFFF", "dark": "#FFFFFF" } } }
      },
      "lime": {
        "100": { "$value": "#0D3D1C", "$extensions": { "mode": { "light": "#0D3D1C", "dark": "#0D3D1C" } } },
        "200": { "$value": "#165700", "$extensions": { "mode": { "light": "#165700", "dark": "#165700" } } },
        "300": { "$value": "#4A8316", "$extensions": { "mode": { "light": "#4A8316", "dark": "#4A8316" } } },
        "600": { "$value": "#A3E702", "$extensions": { "mode": { "light": "#A3E702", "dark": "#A3E702" } } },
        "800": { "$value": "#BEF500", "$extensions": { "mode": { "light": "#BEF500", "dark": "#BEF500" } } },
        "900": { "$value": "#DDFDA2", "$extensions": { "mode": { "light": "#DDFDA2", "dark": "#DDFDA2" } } },
        "1000": { "$value": "#F1FFDA", "$extensions": { "mode": { "light": "#F1FFDA", "dark": "#F1FFDA" } } }
      },
      "orange": {
        "100": { "$value": "#320100", "$extensions": { "mode": { "light": "#320100", "dark": "#320100" } } },
        "200": { "$value": "#6C1700", "$extensions": { "mode": { "light": "#6C1700", "dark": "#6C1700" } } },
        "300": { "$value": "#C04100", "$extensions": { "mode": { "light": "#C04100", "dark": "#C04100" } } },
        "600": { "$value": "#FF8D5B", "$extensions": { "mode": { "light": "#FF8D5B", "dark": "#FF8D5B" } } },
        "800": { "$value": "#FFD4BB", "$extensions": { "mode": { "light": "#FFD4BB", "dark": "#FFD4BB" } } },
        "900": { "$value": "#FEE5D9", "$extensions": { "mode": { "light": "#FEE5D9", "dark": "#FEE5D9" } } },
        "1000": { "$value": "#FFF2EB", "$extensions": { "mode": { "light": "#FFF2EB", "dark": "#FFF2EB" } } }
      }
    },
    "bg": {
      "1": {
        "$value": "{color.base.gray.1000}",
        "$extensions": { "mode": { "light": "{color.base.gray.1000}", "dark": "{color.base.gray.100}" } }
      },
      "2": {
        "$value": "{color.base.gray.900}",
        "$extensions": { "mode": { "light": "{color.base.gray.900}", "dark": "{color.base.gray.200}" } }
      },
      "3": {
        "$value": "{color.base.gray.800}",
        "$extensions": { "mode": { "light": "{color.base.gray.800}", "dark": "{color.base.gray.300}" } }
      },
      "selected-hint": {
        "$value": "{color.base.lime.800}",
        "$extensions": { "mode": { "light": "{color.base.lime.800}", "dark": "{color.base.lime.100}" } }
      },
      "selected": {
        "$value": "{color.base.lime.1000}",
        "$extensions": { "mode": { "light": "{color.base.lime.1000}", "dark": "{color.base.lime.200}" } }
      },
      "error": {
        "$value": "{color.base.orange.600}",
        "$extensions": { "mode": { "light": "{color.base.orange.600}", "dark": "{color.base.orange.600}" } }
      }
    },
    "text": {
      "1": {
        "$value": "{color.base.gray.200}",
        "$extensions": { "mode": { "light": "{color.base.gray.200}", "dark": "{color.base.gray.800}" } }
      },
      "2": {
        "$value": "{color.base.gray.300}",
        "$extensions": { "mode": { "light": "{color.base.gray.300}", "dark": "{color.base.gray.700}" } }
      },
      "3": {
        "$value": "{color.base.gray.600}",
        "$extensions": { "mode": { "light": "{color.base.gray.600}", "dark": "{color.base.gray.600}" } }
      },
      "selected": {
        "$value": "{color.base.blue.200}",
        "$extensions": { "mode": { "light": "{color.base.blue.200}", "dark": "{color.base.blue.800}" } }
      },
      "error": {
        "$value": "{color.base.gray.1000}",
        "$extensions": { "mode": { "light": "{color.base.gray.1000}", "dark": "{color.base.gray.1000}" } }
      }
    },
    "border": {
      "1": {
        "$value": "{color.base.gray.300}",
        "$extensions": { "mode": { "light": "{color.base.gray.300}", "dark": "{color.base.gray.600}" } }
      },
      "2": {
        "$value": "{color.base.gray.600}",
        "$extensions": { "mode": { "light": "{color.base.gray.600}", "dark": "{color.base.gray.200}" } }
      },
      "3": {
        "$value": "{color.base.gray.700}",
        "$extensions": { "mode": { "light": "{color.base.gray.700}", "dark": "{color.base.gray.200}" } }
      },
      "focus": {
        "$value": "{color.base.lime.600}",
        "$extensions": { "mode": { "light": "{color.base.lime.600}", "dark": "{color.base.lime.600}" } }
      }
    }
  },
  "border": {
    "$type": "border",
    "1": {
      "$value": {
        "width": { "value": 1, "unit": "px" },
        "style": "solid",
        "color": "{color.border.1}"
      }
    },
    "2": {
      "$value": {
        "width": { "value": 1, "unit": "px" },
        "style": "solid",
        "color": "{color.border.2}"
      }
    },
    "3": {
      "$value": {
        "width": { "value": 1, "unit": "px" },
        "style": "solid",
        "color": "{color.border.3}"
      }
    },
    "focus": {
      "$value": {
        "width": { "value": 2, "unit": "px" },
        "style": "solid",
        "color": "{color.border.focus}"
      }
    }
  },
  "font": {
    "$type": "typography",
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Instrument Sans",
        "system-ui",
        "-apple-system",
        "Aptos",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Helvetica",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": ["Fragment Mono", "ui-monospace", "monospace"]
    },
    "body": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 400",
        "fontWeight": 400,
        "fontSize": { "value": 0.875, "unit": "rem" },
        "lineHeight": 1.4375
      }
    },
    "bodyStrong": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 500",
        "fontWeight": 400,
        "fontSize": { "value": 0.875, "unit": "rem" },
        "lineHeight": 1.4375
      }
    },
    "bodyLongform": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 400",
        "fontWeight": 400,
        "fontSize": { "value": 1.125, "unit": "rem" },
        "lineHeight": 1.4375,
        "letterSpacing": "-0.0025em"
      }
    },
    "labelSmall": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 500",
        "fontWeight": 400,
        "fontSize": { "value": 0.75, "unit": "rem" },
        "lineHeight": 1.25,
        "letterSpacing": { "value": 0.0025, "unit": "rem" }
      }
    },
    "heading1": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 600",
        "fontWeight": 400,
        "fontSize": { "value": 1.75, "unit": "rem" },
        "lineHeight": 1.5,
        "letterSpacing": { "value": -0.0075, "unit": "rem" }
      }
    },
    "heading2": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 600",
        "fontWeight": 400,
        "fontSize": { "value": 1.5, "unit": "rem" },
        "lineHeight": { "value": 1.875, "unit": "rem" },
        "letterSpacing": { "value": -0.00625, "unit": "rem" }
      }
    },
    "heading3": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 500",
        "fontWeight": 400,
        "fontSize": { "value": 1.25, "unit": "rem" },
        "lineHeight": 1.4,
        "letterSpacing": { "value": -0.005, "unit": "rem" }
      }
    },
    "heading4": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 500",
        "fontWeight": 400,
        "fontSize": { "value": 1.125, "unit": "rem" },
        "lineHeight": 1.4375,
        "letterSpacing": { "value": -0.0025, "unit": "rem" }
      }
    },
    "heading5": {
      "$value": {
        "fontFamily": "{font.sans}",
        "fontVariationSettings": "\"wght\" 500",
        "fontWeight": 400,
        "fontSize": { "value": 1, "unit": "rem" },
        "lineHeight": 1.4375
      }
    },
    "heading6": { "$value": "{font.bodyStrong}" }
  },
  "ease": {
    "$type": "cubicBezier",
    "linear": { "$value": [0, 0, 1, 1] },
    "quint-out": { "$value": [0.22, 1, 0.36, 1] },
    "quint-in": { "$value": [0.64, 0, 0.78, 0] },
    "quint-in-out": { "$value": [0.83, 0, 0.17, 1] }
  },
  "radius": {
    "$type": "dimension",
    "000": { "$value": { "value": 1, "unit": "px" } },
    "100": { "$value": { "value": 0.125, "unit": "rem" } },
    "200": { "$value": { "value": 0.25, "unit": "rem" } },
    "300": { "$value": { "value": 6, "unit": "px" } },
    "400": { "$value": { "value": 0.5, "unit": "rem" } },
    "500": { "$value": { "value": 0.75, "unit": "rem" } },
    "1000": { "$value": { "value": 999, "unit": "px" } }
  },
  "shadow": {
    "$type": "shadow",
    "100": {
      "$value": {
        "offsetX": { "value": 0, "unit": "px" },
        "offsetY": { "value": 1, "unit": "px" },
        "blur": { "value": 1, "unit": "px" },
        "sperad": { "value": 0, "unit": "px" },
        "color": "color(srgb 0 0 0 / 0.10)"
      }
    },
    "300": {
      "$value": {
        "offsetX": { "value": 0, "unit": "px" },
        "offsetY": { "value": 0.5, "unit": "rem" },
        "blur": { "value": 1, "unit": "rem" },
        "sperad": { "value": 0, "unit": "px" },
        "color": "color(srgb 0 0 0 / 0.10)"
      }
    }
  },
  "timing": {
    "$type": "duration",
    "quick": { "$value": { "value": 50, "unit": "ms" } },
    "default": { "$value": { "value": 100, "unit": "ms" } },
    "moderate": { "$value": { "value": 225, "unit": "ms" } },
    "deliberate": { "$value": { "value": 500, "unit": "ms" } },
    "slow": { "$value": { "value": 1000, "unit": "ms" } }
  },
  "layer": {
    "$type": "number",
    "base": { "$value": 10 },
    "tooltip": { "$value": 20 },
    "nav": { "$value": 30 },
    "popover": { "$value": 40 },
    "menu": { "$value": 50 },
    "modal": { "$value": 100 }
  },
  "space": {
    "$type": "dimension",
    "000": { "$value": { "value": 0.125, "unit": "rem" } },
    "100": { "$value": { "value": 0.25, "unit": "rem" } },
    "200": { "$value": { "value": 0.5, "unit": "rem" } },
    "300": { "$value": { "value": 0.75, "unit": "rem" } },
    "400": { "$value": { "value": 1, "unit": "rem" } },
    "500": { "$value": { "value": 1.5, "unit": "rem" } },
    "600": { "$value": { "value": 2, "unit": "rem" } },
    "700": { "$value": { "value": 2.5, "unit": "rem" } },
    "800": { "$value": { "value": 3, "unit": "rem" } },
    "900": { "$value": { "value": 4, "unit": "rem" } },
    "control-s": { "$value": { "value": 1.75, "unit": "rem" } },
    "control-m": { "$value": "{space.600}" }
  }
}