@devoinc/genesys-tokens/dist/tokens/brand-defaults/components-main-menu.json

Design tokens generator

{
  "brand": {
    "mainMenu": {
      "button": {
        "color": {
          "background": {
            "value": "{theme.mainMenu.button.color.background.value}"
          },
          "text": {
            "enabled": {
              "value": "{theme.mainMenu.button.color.text.enabled.value}"
            },
            "hovered": {
              "value": "{theme.mainMenu.button.color.text.hovered.value}"
            }
          }
        }
      },
      "color": {
        "background": {
          "value": "{theme.mainMenu.color.background.base.value}"
        },
        "border": {
          "separator": {
            "value": "{theme.mainMenu.color.border.separator.value}"
          }
        },
        "text": {
          "base": {
            "value": "{theme.mainMenu.color.text.base.value}"
          },
          "featured": {
            "value": "{theme.mainMenu.color.text.featured.value}"
          }
        }
      },
      "field": {
        "color": {
          "border": {
            "enabled": {
              "value": "{theme.mainMenu.field.color.border.enabled.value}"
            },
            "hovered": {
              "value": "{theme.mainMenu.field.color.border.hovered.value}"
            }
          },
          "text": {
            "placeholder": {
              "value": "{theme.mainMenu.field.color.text.placeholder.value}"
            },
            "enabled": {
              "value": "{theme.mainMenu.field.color.text.enabled.value}"
            },
            "focused": {
              "value": "{theme.mainMenu.field.color.text.focused.value}"
            }
          }
        }
      },
      "link": {
        "color": {
          "background": {
            "backdrop": {
              "value": "{theme.mainMenu.color.background.backdrop.base.value}"
            }
          },
          "text": {
            "enabled": {
              "value": "{theme.mainMenu.link.color.text.enabled.value}"
            },
            "hovered": {
              "value": "{theme.mainMenu.link.color.text.hovered.value}"
            },
            "activated": {
              "value": "{theme.mainMenu.link.color.text.activated.value}"
            }
          }
        }
      },
      "linkSecondary": {
        "color": {
          "text": {
            "activated": {
              "value": "{theme.mainMenu.linkSecondary.color.text.activated.value}"
            }
          }
        }
      },
      "linkIcon": {
        "color": {
          "background": {
            "backdrop": {
              "value": "{theme.mainMenu.color.background.backdrop.activated.value}"
            }
          },
          "text": {
            "activated": {
              "value": "{theme.mainMenu.linkIcon.color.text.activated.value}"
            }
          }
        }
      },
      "logoCustom": {
        "shape": {
          "backgroundSize": {
            "value": "100%"
          }
        }
      },
      "overlay": {
        "color": {
          "background": {
            "value": "{theme.mainMenu.overlay.color.background.value}"
          }
        }
      }
    }
  }
}