Commit 62030fad authored by henry's avatar henry Committed by Pier Angelo Vendrame
Browse files

TB 42664: Generate style tokens. 

This commit only contains changes generated automatically by
`./mach buildtokens`.

When rebasing, conflicts should not be resolved manually.
Instead, the changes introduced by this commit can be dropped and
replaced with a new run of `./mach buildtokens`.

See #44406.
parent 391ac85b

toolkit/themes/shared/design-system/dist/semantic-categories.mjs

+398 −0
Original line number Diff line number Diff line
@@ -2,6 +2,27 @@ 
 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */



/* Tor Browser instructions

 * ========================

 *

 * DO NOT EDIT this file directly!

 *

 * DO NOT MANUALLY RESOLVE MERGE CONFLICTS for this file!

 *

 * This is a file generated by `./mach buildtokens`.

 *

 * When resolving conflicts, first resolve other conflicts outside the

 * 'dist' directory, if there are any:

 *   git mergetool ':(exclude)toolkit/themes/shared/design-system/dist/'

 *

 * Then regenerate these 'dist' files:

 *

 *   ./mach buildtokens

 *

 * Then add the generated files as resolved:

 *

 *   git add toolkit/themes/shared/design-system/dist/

 */

/* DO NOT EDIT this file directly, instead modify the relevant *.tokens.json file

 * and run `mach buildtokens` to see your changes. */
@@ -245,6 +266,63 @@ export const tokensTable = { 
      value: "var(--button-background-color-active)",

      name: "--button-background-color-selected",

    },

    {

      value: "var(--color-accent-tor-light)",

      name: "--button-background-color-tor-light",

    },

    {

      value: "var(--color-accent-tor-dark)",

      name: "--button-background-color-tor-dark",

    },

    {

      value: {

        light: "var(--button-background-color-tor-light)",

        dark: "var(--button-background-color-tor-dark)",

        prefersContrast: "var(--button-background-color-primary)",

        forcedColors: "var(--button-background-color-primary)",

        default:

          "light-dark(var(--button-background-color-tor-light), var(--button-background-color-tor-dark))",

      },

      name: "--button-background-color-tor",

    },

    {

      value: "var(--color-accent-tor-hover-light)",

      name: "--button-background-color-tor-hover-light",

    },

    {

      value: "var(--color-accent-tor-hover-dark)",

      name: "--button-background-color-tor-hover-dark",

    },

    {

      value: {

        light: "var(--button-background-color-tor-hover-light)",

        dark: "var(--button-background-color-tor-hover-dark)",

        prefersContrast: "var(--button-background-color-primary-hover)",

        forcedColors: "var(--button-background-color-primary-hover)",

        default:

          "light-dark(var(--button-background-color-tor-hover-light), var(--button-background-color-tor-hover-dark))",

      },

      name: "--button-background-color-tor-hover",

    },

    {

      value: "var(--color-accent-tor-active-light)",

      name: "--button-background-color-tor-active-light",

    },

    {

      value: "var(--color-accent-tor-active-dark)",

      name: "--button-background-color-tor-active-dark",

    },

    {

      value: {

        light: "var(--button-background-color-tor-active-light)",

        dark: "var(--button-background-color-tor-active-dark)",

        prefersContrast: "var(--button-background-color-primary-active)",

        forcedColors: "var(--button-background-color-primary-active)",

        default:

          "light-dark(var(--button-background-color-tor-active-light), var(--button-background-color-tor-active-dark))",

      },

      name: "--button-background-color-tor-active",

    },

    { value: "var(--background-color-box)", name: "--card-background-color" },

    {

      value: {
@@ -1103,6 +1181,48 @@ export const tokensTable = { 
      },

      name: "--color-accent-attention",

    },

    { value: "var(--color-purple-60)", name: "--color-accent-tor-light" },

    { value: "var(--color-purple-30)", name: "--color-accent-tor-dark" },

    {

      value: {

        light: "var(--color-accent-tor-light)",

        dark: "var(--color-accent-tor-dark)",

        prefersContrast: "var(--color-accent-primary)",

        forcedColors: "var(--color-accent-primary)",

        default:

          "light-dark(var(--color-accent-tor-light), var(--color-accent-tor-dark))",

      },

      name: "--color-accent-tor",

    },

    { value: "var(--color-purple-70)", name: "--color-accent-tor-hover-light" },

    { value: "var(--color-purple-20)", name: "--color-accent-tor-hover-dark" },

    {

      value: {

        light: "var(--color-accent-tor-hover-light)",

        dark: "var(--color-accent-tor-hover-dark)",

        prefersContrast: "var(--color-accent-primary-hover)",

        forcedColors: "var(--color-accent-primary-hover)",

        default:

          "light-dark(var(--color-accent-tor-hover-light), var(--color-accent-tor-hover-dark))",

      },

      name: "--color-accent-tor-hover",

    },

    {

      value: "var(--color-purple-80)",

      name: "--color-accent-tor-active-light",

    },

    { value: "var(--color-purple-10)", name: "--color-accent-tor-active-dark" },

    {

      value: {

        light: "var(--color-accent-tor-active-light)",

        dark: "var(--color-accent-tor-active-dark)",

        prefersContrast: "var(--color-accent-primary-active)",

        forcedColors: "var(--color-accent-primary-active)",

        default:

          "light-dark(var(--color-accent-tor-active-light), var(--color-accent-tor-active-dark))",

      },

      name: "--color-accent-tor-active",

    },

    {

      value: "var(--color-accent-attention)",

      name: "--button-attention-dot-color",
@@ -1174,6 +1294,25 @@ export const tokensTable = { 
      },

      name: "--focus-outline-color",

    },

    {

      value: "var(--color-accent-tor-light)",

      name: "--focus-outline-color-tor-light",

    },

    {

      value: "var(--color-accent-tor-dark)",

      name: "--focus-outline-color-tor-dark",

    },

    {

      value: {

        light: "var(--focus-outline-color-tor-light)",

        dark: "var(--focus-outline-color-tor-dark)",

        prefersContrast: "var(--focus-outline-color)",

        forcedColors: "var(--focus-outline-color)",

        default:

          "light-dark(var(--focus-outline-color-tor-light), var(--focus-outline-color-tor-dark))",

      },

      name: "--focus-outline-color-tor",

    },

    {

      value: { default: "transparent", forcedColors: "ButtonText" },

      name: "--toolbarbutton-outline-color",
@@ -1487,6 +1626,19 @@ export const tokensTable = { 
      },

      name: "--text-color-list-item-hover",

    },

    { value: "var(--color-purple-60)", name: "--text-color-tor-light" },

    { value: "var(--color-purple-20)", name: "--text-color-tor-dark" },

    {

      value: {

        light: "var(--text-color-tor-light)",

        dark: "var(--text-color-tor-dark)",

        prefersContrast: "inherit",

        forcedColors: "inherit",

        default:

          "light-dark(var(--text-color-tor-light), var(--text-color-tor-dark))",

      },

      name: "--text-color-tor",

    },

    {

      value: {

        forcedColors: "ButtonText",
@@ -1648,6 +1800,57 @@ export const tokensTable = { 
      value: "var(--button-text-color-active)",

      name: "--button-text-color-selected",

    },

    { value: "var(--color-gray-05)", name: "--button-text-color-tor-light" },

    { value: "var(--color-gray-100)", name: "--button-text-color-tor-dark" },

    {

      value: {

        light: "var(--button-text-color-tor-light)",

        dark: "var(--button-text-color-tor-dark)",

        prefersContrast: "var(--button-text-color-primary)",

        forcedColors: "var(--button-text-color-primary)",

        default:

          "light-dark(var(--button-text-color-tor-light), var(--button-text-color-tor-dark))",

      },

      name: "--button-text-color-tor",

    },

    {

      value: "var(--color-gray-05)",

      name: "--button-text-color-tor-hover-light",

    },

    {

      value: "var(--color-gray-100)",

      name: "--button-text-color-tor-hover-dark",

    },

    {

      value: {

        light: "var(--button-text-color-tor-hover-light)",

        dark: "var(--button-text-color-tor-hover-dark)",

        prefersContrast: "var(--button-text-color-primary-hover)",

        forcedColors: "var(--button-text-color-primary-hover)",

        default:

          "light-dark(var(--button-text-color-tor-hover-light), var(--button-text-color-tor-hover-dark))",

      },

      name: "--button-text-color-tor-hover",

    },

    {

      value: "var(--color-gray-05)",

      name: "--button-text-color-tor-active-light",

    },

    {

      value: "var(--color-gray-100)",

      name: "--button-text-color-tor-active-dark",

    },

    {

      value: {

        light: "var(--button-text-color-tor-active-light)",

        dark: "var(--button-text-color-tor-active-dark)",

        prefersContrast: "var(--button-text-color-primary-active)",

        forcedColors: "var(--button-text-color-primary-active)",

        default:

          "light-dark(var(--button-text-color-tor-active-light), var(--button-text-color-tor-active-dark))",

      },

      name: "--button-text-color-tor-active",

    },

    {

      value: {

        forcedColors: "LinkText",
@@ -1684,6 +1887,57 @@ export const tokensTable = { 
      },

      name: "--link-color-visited",

    },

    { value: "var(--color-accent-tor-light)", name: "--link-color-tor-light" },

    { value: "var(--color-accent-tor-dark)", name: "--link-color-tor-dark" },

    {

      value: {

        light: "var(--link-color-tor-light)",

        dark: "var(--link-color-tor-dark)",

        prefersContrast: "var(--link-color)",

        forcedColors: "var(--link-color)",

        default:

          "light-dark(var(--link-color-tor-light), var(--link-color-tor-dark))",

      },

      name: "--link-color-tor",

    },

    {

      value: "var(--color-accent-tor-hover-light)",

      name: "--link-color-tor-hover-light",

    },

    {

      value: "var(--color-accent-tor-hover-dark)",

      name: "--link-color-tor-hover-dark",

    },

    {

      value: {

        light: "var(--link-color-tor-hover-light)",

        dark: "var(--link-color-tor-hover-dark)",

        prefersContrast: "var(--link-color-hover)",

        forcedColors: "var(--link-color-hover)",

        default:

          "light-dark(var(--link-color-tor-hover-light), var(--link-color-tor-hover-dark))",

      },

      name: "--link-color-tor-hover",

    },

    {

      value: "var(--color-accent-tor-active-light)",

      name: "--link-color-tor-active-light",

    },

    {

      value: "var(--color-accent-tor-active-dark)",

      name: "--link-color-tor-active-dark",

    },

    {

      value: {

        light: "var(--link-color-tor-active-light)",

        dark: "var(--link-color-tor-active-dark)",

        prefersContrast: "var(--link-color-active)",

        forcedColors: "var(--link-color-active)",

        default:

          "light-dark(var(--link-color-tor-active-light), var(--link-color-tor-active-dark))",

      },

      name: "--link-color-tor-active",

    },

    {

      value: {

        light: "var(--color-black)",
@@ -2656,6 +2910,36 @@ export const variableLookupTable = { 
    },

    prefersContrast: "AccentColor",

  },

  "color-accent-tor-light": "var(--color-purple-60)",

  "color-accent-tor-dark": "var(--color-purple-30)",

  "color-accent-tor": {

    light: "var(--color-accent-tor-light)",

    dark: "var(--color-accent-tor-dark)",

    prefersContrast: "var(--color-accent-primary)",

    forcedColors: "var(--color-accent-primary)",

    default:

      "light-dark(var(--color-accent-tor-light), var(--color-accent-tor-dark))",

  },

  "color-accent-tor-hover-light": "var(--color-purple-70)",

  "color-accent-tor-hover-dark": "var(--color-purple-20)",

  "color-accent-tor-hover": {

    light: "var(--color-accent-tor-hover-light)",

    dark: "var(--color-accent-tor-hover-dark)",

    prefersContrast: "var(--color-accent-primary-hover)",

    forcedColors: "var(--color-accent-primary-hover)",

    default:

      "light-dark(var(--color-accent-tor-hover-light), var(--color-accent-tor-hover-dark))",

  },

  "color-accent-tor-active-light": "var(--color-purple-80)",

  "color-accent-tor-active-dark": "var(--color-purple-10)",

  "color-accent-tor-active": {

    light: "var(--color-accent-tor-active-light)",

    dark: "var(--color-accent-tor-active-dark)",

    prefersContrast: "var(--color-accent-primary-active)",

    forcedColors: "var(--color-accent-primary-active)",

    default:

      "light-dark(var(--color-accent-tor-active-light), var(--color-accent-tor-active-dark))",

  },

  "dimension-2": "2px",

  "dimension-4": "4px",

  "dimension-8": "8px",
@@ -2695,6 +2979,16 @@ export const variableLookupTable = { 
    default: "var(--color-accent-primary)",

    forcedColors: "var(--text-color)",

  },

  "focus-outline-color-tor-light": "var(--color-accent-tor-light)",

  "focus-outline-color-tor-dark": "var(--color-accent-tor-dark)",

  "focus-outline-color-tor": {

    light: "var(--focus-outline-color-tor-light)",

    dark: "var(--focus-outline-color-tor-dark)",

    prefersContrast: "var(--focus-outline-color)",

    forcedColors: "var(--focus-outline-color)",

    default:

      "light-dark(var(--focus-outline-color-tor-light), var(--focus-outline-color-tor-dark))",

  },

  "focus-outline-inset": "calc(-1 * var(--focus-outline-width))",

  "focus-outline-offset": "2px",

  "focus-outline-width": "2px",
@@ -2798,6 +3092,16 @@ export const variableLookupTable = { 
    default: "var(--text-color)",

    prefersContrast: "SelectedItemText",

  },

  "text-color-tor-light": "var(--color-purple-60)",

  "text-color-tor-dark": "var(--color-purple-20)",

  "text-color-tor": {

    light: "var(--text-color-tor-light)",

    dark: "var(--text-color-tor-dark)",

    prefersContrast: "inherit",

    forcedColors: "inherit",

    default:

      "light-dark(var(--text-color-tor-light), var(--text-color-tor-dark))",

  },

  "button-background-color": {

    forcedColors: "ButtonFace",

    brand: { default: "color-mix(in srgb, currentColor 7%, transparent)" },
@@ -2876,6 +3180,40 @@ export const variableLookupTable = { 
    forcedColors: "var(--button-background-color-primary)",

  },

  "button-background-color-selected": "var(--button-background-color-active)",

  "button-background-color-tor-light": "var(--color-accent-tor-light)",

  "button-background-color-tor-dark": "var(--color-accent-tor-dark)",

  "button-background-color-tor": {

    light: "var(--button-background-color-tor-light)",

    dark: "var(--button-background-color-tor-dark)",

    prefersContrast: "var(--button-background-color-primary)",

    forcedColors: "var(--button-background-color-primary)",

    default:

      "light-dark(var(--button-background-color-tor-light), var(--button-background-color-tor-dark))",

  },

  "button-background-color-tor-hover-light":

    "var(--color-accent-tor-hover-light)",

  "button-background-color-tor-hover-dark":

    "var(--color-accent-tor-hover-dark)",

  "button-background-color-tor-hover": {

    light: "var(--button-background-color-tor-hover-light)",

    dark: "var(--button-background-color-tor-hover-dark)",

    prefersContrast: "var(--button-background-color-primary-hover)",

    forcedColors: "var(--button-background-color-primary-hover)",

    default:

      "light-dark(var(--button-background-color-tor-hover-light), var(--button-background-color-tor-hover-dark))",

  },

  "button-background-color-tor-active-light":

    "var(--color-accent-tor-active-light)",

  "button-background-color-tor-active-dark":

    "var(--color-accent-tor-active-dark)",

  "button-background-color-tor-active": {

    light: "var(--button-background-color-tor-active-light)",

    dark: "var(--button-background-color-tor-active-dark)",

    prefersContrast: "var(--button-background-color-primary-active)",

    forcedColors: "var(--button-background-color-primary-active)",

    default:

      "light-dark(var(--button-background-color-tor-active-light), var(--button-background-color-tor-active-dark))",

  },

  "button-border": "var(--border-width) solid var(--button-border-color)",

  "button-border-color": {

    default: "transparent",
@@ -3047,6 +3385,36 @@ export const variableLookupTable = { 
  "button-text-color-primary-selected":

    "var(--button-text-color-primary-active)",

  "button-text-color-selected": "var(--button-text-color-active)",

  "button-text-color-tor-light": "var(--color-gray-05)",

  "button-text-color-tor-dark": "var(--color-gray-100)",

  "button-text-color-tor": {

    light: "var(--button-text-color-tor-light)",

    dark: "var(--button-text-color-tor-dark)",

    prefersContrast: "var(--button-text-color-primary)",

    forcedColors: "var(--button-text-color-primary)",

    default:

      "light-dark(var(--button-text-color-tor-light), var(--button-text-color-tor-dark))",

  },

  "button-text-color-tor-hover-light": "var(--color-gray-05)",

  "button-text-color-tor-hover-dark": "var(--color-gray-100)",

  "button-text-color-tor-hover": {

    light: "var(--button-text-color-tor-hover-light)",

    dark: "var(--button-text-color-tor-hover-dark)",

    prefersContrast: "var(--button-text-color-primary-hover)",

    forcedColors: "var(--button-text-color-primary-hover)",

    default:

      "light-dark(var(--button-text-color-tor-hover-light), var(--button-text-color-tor-hover-dark))",

  },

  "button-text-color-tor-active-light": "var(--color-gray-05)",

  "button-text-color-tor-active-dark": "var(--color-gray-100)",

  "button-text-color-tor-active": {

    light: "var(--button-text-color-tor-active-light)",

    dark: "var(--button-text-color-tor-active-dark)",

    prefersContrast: "var(--button-text-color-primary-active)",

    forcedColors: "var(--button-text-color-primary-active)",

    default:

      "light-dark(var(--button-text-color-tor-active-light), var(--button-text-color-tor-active-dark))",

  },

  "button-attention-dot-color": "var(--color-accent-attention)",

  "card-background-color": "var(--background-color-box)",

  "card-border": "var(--card-border-width) solid var(--card-border-color)",
@@ -3126,6 +3494,36 @@ export const variableLookupTable = { 
    brand: { default: "var(--link-color)" },

    platform: { default: "var(--link-color)" },

  },

  "link-color-tor-light": "var(--color-accent-tor-light)",

  "link-color-tor-dark": "var(--color-accent-tor-dark)",

  "link-color-tor": {

    light: "var(--link-color-tor-light)",

    dark: "var(--link-color-tor-dark)",

    prefersContrast: "var(--link-color)",

    forcedColors: "var(--link-color)",

    default:

      "light-dark(var(--link-color-tor-light), var(--link-color-tor-dark))",

  },

  "link-color-tor-hover-light": "var(--color-accent-tor-hover-light)",

  "link-color-tor-hover-dark": "var(--color-accent-tor-hover-dark)",

  "link-color-tor-hover": {

    light: "var(--link-color-tor-hover-light)",

    dark: "var(--link-color-tor-hover-dark)",

    prefersContrast: "var(--link-color-hover)",

    forcedColors: "var(--link-color-hover)",

    default:

      "light-dark(var(--link-color-tor-hover-light), var(--link-color-tor-hover-dark))",

  },

  "link-color-tor-active-light": "var(--color-accent-tor-active-light)",

  "link-color-tor-active-dark": "var(--color-accent-tor-active-dark)",

  "link-color-tor-active": {

    light: "var(--link-color-tor-active-light)",

    dark: "var(--link-color-tor-active-dark)",

    prefersContrast: "var(--link-color-active)",

    forcedColors: "var(--link-color-active)",

    default:

      "light-dark(var(--link-color-tor-active-light), var(--link-color-tor-active-dark))",

  },

  "link-focus-outline-offset": "1px",

  "opacity-deemphasized-strong": { default: "0.6", prefersContrast: "1" },

  "opacity-deemphasized": { default: "0.8", prefersContrast: "1" },

toolkit/themes/shared/design-system/dist/tokens-brand.css

+21 −0
Original line number Diff line number Diff line
@@ -2,6 +2,27 @@ 
 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */



/* Tor Browser instructions

 * ========================

 *

 * DO NOT EDIT this file directly!

 *

 * DO NOT MANUALLY RESOLVE MERGE CONFLICTS for this file!

 *

 * This is a file generated by `./mach buildtokens`.

 *

 * When resolving conflicts, first resolve other conflicts outside the

 * 'dist' directory, if there are any:

 *   git mergetool ':(exclude)toolkit/themes/shared/design-system/dist/'

 *

 * Then regenerate these 'dist' files:

 *

 *   ./mach buildtokens

 *

 * Then add the generated files as resolved:

 *

 *   git add toolkit/themes/shared/design-system/dist/

 */

/* DO NOT EDIT this file directly, instead modify the relevant *.tokens.json file

 * and run `mach buildtokens` to see your changes. */

toolkit/themes/shared/design-system/dist/tokens-figma-colors.json

+7 −1
Original line number Diff line number Diff line
@@ -135,5 +135,11 @@ 
  "color/black/alpha/60": "oklch(0 0 0 / 60%)",

  "color/black/alpha/70": "oklch(0 0 0 / 70%)",

  "color/black/alpha/80": "oklch(0 0 0 / 80%)",

  "color/black/alpha/90": "oklch(0 0 0 / 90%)"

  "color/black/alpha/90": "oklch(0 0 0 / 90%)",

  "color/accent/tor/light": "{Colors$color/purple/60}",

  "color/accent/tor/dark": "{Colors$color/purple/30}",

  "color/accent/tor/hover/light": "{Colors$color/purple/70}",

  "color/accent/tor/hover/dark": "{Colors$color/purple/20}",

  "color/accent/tor/active/light": "{Colors$color/purple/80}",

  "color/accent/tor/active/dark": "{Colors$color/purple/10}"

}

toolkit/themes/shared/design-system/dist/tokens-figma-primitives.json

+22 −0
Original line number Diff line number Diff line
@@ -71,6 +71,8 @@ 
  "dimension/relative/025": "0.25rem",

  "dimension/relative/050": "0.5rem",

  "dimension/relative/075": "0.75rem",

  "focus/outline/color/tor/light": "{Colors$color/accent/tor/light}",

  "focus/outline/color/tor/dark": "{Colors$color/accent/tor/dark}",

  "focus/outline/inset": -2,

  "focus/outline/offset": 2,

  "focus/outline/width": 2,
@@ -99,6 +101,14 @@ 
  "space/large": "{Primitives$dimension/relative/100}",

  "space/xlarge": "{Primitives$dimension/relative/150}",

  "space/xxlarge": "{Primitives$dimension/relative/200}",

  "text/color/tor/light": "{Colors$color/purple/60}",

  "text/color/tor/dark": "{Colors$color/purple/20}",

  "button/background/color/tor/light": "{Colors$color/accent/tor/light}",

  "button/background/color/tor/dark": "{Colors$color/accent/tor/dark}",

  "button/background/color/tor/hover/light": "{Colors$color/accent/tor/hover/light}",

  "button/background/color/tor/hover/dark": "{Colors$color/accent/tor/hover/dark}",

  "button/background/color/tor/active/light": "{Colors$color/accent/tor/active/light}",

  "button/background/color/tor/active/dark": "{Colors$color/accent/tor/active/dark}",

  "button/border/radius": "{Primitives$border/radius/medium}",

  "button/min-height": "{Primitives$size/item/large}",

  "button/min-height/small": "{Primitives$size/item/medium}",
@@ -106,6 +116,12 @@ 
  "button/padding/icon": 0,

  "button/size/icon": "{Primitives$button/min-height}",

  "button/size/icon/small": "{Primitives$button/min-height/small}",

  "button/text/color/tor/light": "{Colors$color/gray/05}",

  "button/text/color/tor/dark": "{Colors$color/gray/100}",

  "button/text/color/tor/hover/light": "{Colors$color/gray/05}",

  "button/text/color/tor/hover/dark": "{Colors$color/gray/100}",

  "button/text/color/tor/active/light": "{Colors$color/gray/05}",

  "button/text/color/tor/active/dark": "{Colors$color/gray/100}",

  "card/border/width": "{Primitives$border/width}",

  "card/border/radius": "{Primitives$border/radius/large}",

  "card/padding": "{Primitives$space/large}",
@@ -120,6 +136,12 @@ 
  "icon/size/large": "{Primitives$dimension/24}",

  "icon/size/xlarge": "{Primitives$dimension/32}",

  "input/text/min-height": "{Primitives$button/min-height}",

  "link/color/tor/light": "{Colors$color/accent/tor/light}",

  "link/color/tor/dark": "{Colors$color/accent/tor/dark}",

  "link/color/tor/hover/light": "{Colors$color/accent/tor/hover/light}",

  "link/color/tor/hover/dark": "{Colors$color/accent/tor/hover/dark}",

  "link/color/tor/active/light": "{Colors$color/accent/tor/active/light}",

  "link/color/tor/active/dark": "{Colors$color/accent/tor/active/dark}",

  "link/focus/outline/offset": 1,

  "page/main/content/width": 664,

  "panel-menuitem/border/radius": "{Primitives$border/radius/small}",

toolkit/themes/shared/design-system/dist/tokens-figma-theme.json

+70 −0

File changed.

Preview size limit exceeded, changes collapsed.