@devoinc/genesys-tokens/dist/tokens/alias/groups/charts.json

Design tokens generator

{
  "alias": {
    "charts": {
      "color": {
        "background": {
          "base": {
            "value": "{alias.color.background.surface.base.base.value}"
          }
        },
        "fill": {
          "heatRange": {
            "00": {
              "value": "{global.color.temperature.00.value}"
            },
            "01": {
              "value": "{global.color.temperature.01.value}"
            },
            "02": {
              "value": "{global.color.temperature.02.value}"
            },
            "03": {
              "value": "{global.color.temperature.03.value}"
            },
            "04": {
              "value": "{global.color.temperature.04.value}"
            },
            "05": {
              "value": "{global.color.temperature.05.value}"
            },
            "06": {
              "value": "{global.color.temperature.06.value}"
            },
            "07": {
              "value": "{global.color.temperature.07.value}"
            },
            "08": {
              "value": "{global.color.temperature.08.value}"
            },
            "09": {
              "value": "{global.color.temperature.09.value}"
            },
            "10": {
              "value": "{global.color.temperature.10.value}"
            },
            "11": {
              "value": "{global.color.temperature.11.value}"
            },
            "12": {
              "value": "{global.color.temperature.12.value}"
            },
            "13": {
              "value": "{global.color.temperature.13.value}"
            },
            "14": {
              "value": "{global.color.temperature.14.value}"
            },
            "15": {
              "value": "{global.color.temperature.15.value}"
            },
            "16": {
              "value": "{global.color.temperature.16.value}"
            },
            "17": {
              "value": "{global.color.temperature.17.value}"
            },
            "18": {
              "value": "{global.color.temperature.18.value}"
            },
            "19": {
              "value": "{global.color.temperature.19.value}"
            },
            "20": {
              "value": "{global.color.temperature.20.value}"
            },
            "21": {
              "value": "{global.color.temperature.21.value}"
            },
            "22": {
              "value": "{global.color.temperature.22.value}"
            },
            "23": {
              "value": "{global.color.temperature.23.value}"
            },
            "24": {
              "value": "{global.color.temperature.24.value}"
            },
            "25": {
              "value": "{global.color.temperature.25.value}"
            },
            "26": {
              "value": "{global.color.temperature.26.value}"
            },
            "27": {
              "value": "{global.color.temperature.27.value}"
            },
            "28": {
              "value": "{global.color.temperature.28.value}"
            },
            "29": {
              "value": "{global.color.temperature.29.value}"
            },
            "30": {
              "value": "{global.color.temperature.30.value}"
            }
          },
          "basic": {
            "00": {
              "value": "{brand.charts.color.fill.basic.00.value}"
            },
            "01": {
              "value": "{alias.color.background.feedback.dataGreen.strong.value}"
            },
            "02": {
              "value": "{alias.color.background.feedback.dataBronze.strong.value}"
            },
            "03": {
              "value": "{alias.color.background.feedback.dataSky.strong.value}"
            },
            "04": {
              "value": "{alias.color.background.feedback.dataIndigo.strong.value}"
            },
            "05": {
              "value": "{alias.color.background.feedback.dataMagenta.strong.value}"
            },
            "06": {
              "value": "{alias.color.background.feedback.dataTeal.strong.value}"
            },
            "07": {
              "value": "{alias.color.background.feedback.dataSlate.strong.value}"
            },
            "08": {
              "value": "{alias.color.background.feedback.dataRed.strong.value}"
            },
            "09": {
              "value": "{brand.charts.color.fill.basic.01.value}"
            },
            "10": {
              "value": "{alias.color.background.feedback.dataGreen.stronger.value}"
            },
            "11": {
              "value": "{alias.color.background.feedback.dataBronze.stronger.value}"
            },
            "12": {
              "value": "{alias.color.background.feedback.dataSky.stronger.value}"
            },
            "13": {
              "value": "{alias.color.background.feedback.dataIndigo.stronger.value}"
            },
            "14": {
              "value": "{alias.color.background.feedback.dataMagenta.stronger.value}"
            },
            "15": {
              "value": "{alias.color.background.feedback.dataTeal.stronger.value}"
            },
            "16": {
              "value": "{alias.color.background.feedback.dataSlate.stronger.value}"
            },
            "17": {
              "value": "{alias.color.background.feedback.dataRed.stronger.value}"
            },
            "18": {
              "value": "{brand.charts.color.fill.basic.02.value}"
            },
            "19": {
              "value": "{alias.color.background.feedback.dataGreen.base.value}"
            },
            "20": {
              "value": "{alias.color.background.feedback.dataBronze.base.value}"
            },
            "21": {
              "value": "{alias.color.background.feedback.dataSky.base.value}"
            },
            "22": {
              "value": "{alias.color.background.feedback.dataIndigo.base.value}"
            },
            "23": {
              "value": "{alias.color.background.feedback.dataMagenta.base.value}"
            },
            "24": {
              "value": "{alias.color.background.feedback.dataTeal.base.value}"
            },
            "25": {
              "value": "{alias.color.background.feedback.dataSlate.base.value}"
            },
            "26": {
              "value": "{alias.color.background.feedback.dataRed.base.value}"
            }
          }
        }
      },
      "button": {
        "color": {
          "fill": {
            "enabled": {
              "value": "{cmp.button.color.background.neutral.enabled.value}"
            },
            "hovered": {
              "value": "{cmp.button.color.background.neutral.expanded.value}"
            }
          },
          "text": {
            "enabled": {
              "value": "{cmp.button.color.text.neutral.enabled.value}"
            },
            "hovered": {
              "value": "{cmp.button.color.text.neutral.expanded.value}"
            }
          }
        },
        "shape": {
          "border": {
            "enabled": {
              "value": "none"
            },
            "hovered": {
              "value": "none"
            }
          },
          "borderRadius": {
            "md": {
              "value": "{cmp.button.shape.borderRadius.medium.value}"
            }
          }
        }
      },
      "axis": {
        "labels": {
          "color": {
            "text": {
              "base": {
                "value": "{alias.color.text.body.base.value}"
              }
            }
          },
          "typo": {
            "fontSize": {
              "md": {
                "value": "{alias.typo.fontSize.body.sm.value}"
              }
            },
            "fontWeight": {
              "base": {
                "value": "{alias.typo.fontWeight.body.value}"
              }
            }
          }
        },
        "line": {
          "color": {
            "border": {
              "base": {
                "value": "{alias.color.border.separator.base.strong.value}"
              },
              "strong": {
                "value": "{alias.color.border.separator.base.strongest.value}"
              }
            }
          }
        },
        "gridLine": {
          "color": {
            "border": {
              "base": {
                "value": "{alias.color.border.separator.base.weak.value}"
              }
            }
          }
        },
        "minorGridLine": {
          "color": {
            "border": {
              "base": {
                "value": "{alias.color.border.separator.base.weaker.value}"
              }
            }
          }
        },
        "tick": {
          "color": {
            "border": {
              "base": {
                "value": "{alias.charts.axis.line.color.border.base.value}"
              }
            }
          }
        },
        "title": {
          "color": {
            "text": {
              "base": {
                "value": "{alias.color.text.body.strong.value}"
              }
            }
          }
        }
      },
      "title": {
        "color": {
          "text": {
            "base": {
              "value": "{alias.color.text.heading.base.value}"
            }
          }
        },
        "typo": {
          "fontSize": {
            "md": {
              "value": "{alias.typo.fontSize.heading.h4.value}"
            }
          },
          "fontWeight": {
            "base": {
              "value": "{alias.typo.fontWeight.heading.value}"
            }
          }
        }
      },
      "subtitle": {
        "color": {
          "text": {
            "base": {
              "value": "{alias.color.text.body.base.value}"
            }
          }
        },
        "typo": {
          "fontSize": {
            "md": {
              "value": "{alias.typo.fontSize.heading.h6.value}"
            }
          },
          "fontWeight": {
            "base": {
              "value": "{alias.typo.fontWeight.body.value}"
            }
          }
        }
      },
      "tooltip": {
        "color": {
          "background": {
            "base": {
              "value": "{alias.color.background.surface.base.base.value}"
            }
          },
          "text": {
            "base": {
              "value": "{alias.color.text.body.base.value}"
            }
          }
        },
        "shape": {
          "borderSize": {
            "md": {
              "value": "0"
            }
          },
          "borderRadius": {
            "md": {
              "value": "{alias.shape.borderRadius.elevated.value}"
            }
          }
        },
        "typo": {
          "fontSize": {
            "sm": {
              "value": "{alias.typo.fontSize.body.xxs.value}"
            },
            "md": {
              "value": "{alias.typo.fontSize.body.xs.value}"
            },
            "lg": {
              "value": "{alias.typo.fontSize.body.sm.value}"
            }
          },
          "lineHeight": {
            "sm": {
              "value": "{alias.typo.lineHeight.body.sm.value}"
            },
            "md": {
              "value": "{alias.typo.lineHeight.body.sm.value}"
            },
            "lg": {
              "value": "{alias.typo.lineHeight.body.sm.value}"
            }
          }
        },
        "header": {
          "space": {
            "marginBottom": {
              "value": "{alias.space.cmp.xxs.value}"
            }
          },
          "typo": {
            "textAlign": {
              "value": "center"
            },
            "fontWeight": {
              "value": "{alias.typo.fontWeight.heading.value}"
            }
          }
        },
        "groupTitle": {
          "space": {
            "padding": {
              "value": "{alias.space.cmp.xxs.value} 0 calc({alias.space.cmp.xxs.value} / 2) 0"
            }
          },
          "typo": {
            "fontSize": {
              "value": "calc({alias.typo.fontSize.overline.sm.value} - 0.1rem)"
            },
            "fontWeight": {
              "value": "{alias.typo.fontWeight.overline.value}"
            },
            "textTransform": {
              "value": "{alias.typo.textTransform.overline.value}"
            },
            "letterSpacing": {
              "value": "{alias.typo.letterSpacing.overline.em.value}"
            }
          }
        },
        "item": {
          "color": {
            "background": {
              "base": {
                "value": "transparent"
              },
              "active": {
                "value": "{alias.color.background.surface.base.activated.value}"
              }
            }
          },
          "shape": {
            "borderRadius": {
              "value": "{alias.shape.borderRadius.md.value}"
            }
          },
          "space": {
            "padding": {
              "value": "0 {alias.space.cmp.xxs.value}"
            }
          },
          "size": {
            "minHeight": {
              "value": "calc({alias.charts.tooltip.itemSymbol.size.square.value} + 0.8rem)"
            }
          },
          "typo": {
            "fontSize": {
              "value": "{alias.typo.fontSize.body.sm.value}"
            }
          }
        },
        "itemSymbol": {
          "size": {
            "square": {
              "value": "{alias.size.square.icon.base.xxxxs.value}"
            }
          },
          "space": {
            "marginRight": {
              "value": "{alias.space.cmp.xxs.value}"
            }
          }
        },
        "itemLabelLeft": {
          "typo": {
            "fontWeight": {
              "value": "{alias.typo.fontWeight.heading.value}"
            }
          }
        },
        "itemValue": {
          "space": {
            "paddingLeft": {
              "value": "{alias.space.cmp.xxs.value}"
            }
          },
          "typo": {
            "textAlign": {
              "value": "right"
            }
          }
        },
        "total": {
          "space": {
            "margin": {
              "value": "calc({alias.space.cmp.xxs.value} / 2) 0 0 0"
            },
            "padding": {
              "value": "0 {alias.space.cmp.xxs.value}"
            }
          }
        },
        "totalLabel": {
          "typo": {
            "fontWeight": {
              "value": "{alias.typo.fontWeight.heading.value}"
            }
          }
        }
      },
      "legend": {
        "color": {
          "background": {
            "base": {
              "value": "{alias.color.background.surface.base.raised.value}"
            }
          },
          "text": {
            "base": {
              "value": "{alias.color.text.body.base.value}"
            }
          }
        },
        "space": {
          "padding": {
            "md": {
              "value": "{alias.space.cmp.sm.value}"
            }
          }
        },
        "shape": {
          "borderSize": {
            "md": {
              "value": "0"
            }
          },
          "borderRadius": {
            "md": {
              "value": "{alias.shape.borderRadius.elevated.value}"
            }
          }
        },
        "title": {
          "typo": {
            "fontSize": {
              "md": {
                "value": "{alias.typo.fontSize.body.md.value}"
              }
            }
          }
        },
        "item": {
          "typo": {
            "fontSize": {
              "md": {
                "value": "{alias.typo.fontSize.body.sm.value}"
              }
            },
            "fontWeight": {
              "enabled": {
                "value": "{alias.typo.fontWeight.body.value}"
              },
              "hovered": {
                "value": "{alias.typo.fontWeight.heading.value}"
              }
            },
            "textDecoration": {
              "enabled": {
                "value": "none"
              },
              "hovered": {
                "value": "underline"
              }
            }
          },
          "color": {
            "text": {
              "enabled": {
                "value": "{alias.color.text.body.strong.value}"
              },
              "hovered": {
                "value": "{alias.color.text.heading.base.value}"
              }
            }
          }
        }
      },
      "menu": {
        "color": {
          "background": {
            "base": {
              "value": "{alias.color.background.surface.base.base.value}"
            }
          }
        },
        "shape": {
          "borderRadius": {
            "md": {
              "value": "{alias.shape.borderRadius.elevated.value}"
            }
          }
        },
        "space": {
          "padding": {
            "md": {
              "value": "{alias.space.cmp.xs.value}"
            }
          }
        },
        "item": {
          "color": {
            "background": {
              "enabled": {
                "value": "{alias.menus.item.color.background.enabled.value}"
              },
              "hovered": {
                "value": "{alias.menus.item.color.background.expanded.value}"
              }
            },
            "text": {
              "enabled": {
                "value": "{alias.menus.item.color.text.enabled.value}"
              },
              "hovered": {
                "value": "{alias.menus.item.color.text.expanded.value}"
              }
            }
          },
          "shape": {
            "borderRadius": {
              "md": {
                "value": "{alias.menus.item.shape.borderRadius.value}"
              }
            }
          },
          "space": {
            "padding": {
              "md": {
                "value": "{alias.space.cmp.xs.value} {alias.menus.item.space.marginHor.value}"
              }
            }
          },
          "typo": {
            "fontSize": {
              "md": {
                "value": "{alias.typo.fontSize.body.md.value}"
              }
            }
          },
          "mutation": {
            "transitionDuration": {
              "base": {
                "value": "{cmp.button.mutation.transitionDuration.value}"
              }
            }
          }
        }
      },
      "rangeSelector": {
        "input": {
          "color": {
            "background": {
              "enabled": {
                "value": "{alias.fields.color.background.base.enabled.value}"
              }
            },
            "border": {
              "enabled": {
                "value": "{alias.fields.color.border.base.enabled.value}"
              }
            },
            "text": {
              "enabled": {
                "value": "{alias.fields.color.text.base.enabled.value}"
              }
            }
          }
        },
        "label": {
          "color": {
            "text": {
              "base": {
                "value": "{alias.color.text.body.strong.value}"
              }
            }
          }
        }
      },
      "scrollbar": {
        "size": {
          "square": {
            "md": {
              "value": "{alias.scrollbars.size.square.md.value}"
            }
          }
        },
        "space": {
          "margin": {
            "md": {
              "value": "{alias.space.cmp.xs.value}"
            }
          }
        },
        "track": {
          "color": {
            "backdrop": {
              "base": {
                "value": "{alias.scrollbars.track.color.backdrop.value}"
              }
            }
          },
          "shape": {
            "borderRadius": {
              "md": {
                "value": "{alias.charts.scrollbar.size.square.md.value}"
              }
            },
            "borderSize": {
              "md": {
                "value": "0"
              }
            }
          }
        },
        "thumb": {
          "color": {
            "backdrop": {
              "base": {
                "value": "{alias.scrollbars.thumb.color.backdrop.base.value}"
              },
              "hovered": {
                "value": "{alias.scrollbars.thumb.color.backdrop.hovered.value}"
              }
            }
          },
          "shape": {
            "borderRadius": {
              "md": {
                "value": "{alias.charts.scrollbar.size.square.md.value}"
              }
            },
            "borderSize": {
              "md": {
                "value": "0"
              }
            }
          }
        },
        "riffle": {
          "color": {
            "fill": {
              "base": {
                "value": "{alias.color.text.body.weak.value}"
              }
            }
          }
        }
      },
      "plotOptions": {
        "series": {
          "shape": {
            "borderSize": {
              "md": {
                "value": "0"
              }
            }
          },
          "dataLabels": {
            "color": {
              "text": {
                "base": {
                  "value": "{alias.color.text.body.strong.value}"
                }
              }
            },
            "typo": {
              "fontSize": {
                "md": {
                  "value": "{alias.typo.fontSize.body.md.value}"
                }
              }
            }
          }
        },
        "box": {
          "color": {
            "fill": {
              "base": {
                "value": "{alias.color.text.body.base.value}"
              }
            }
          }
        },
        "candlestick": {
          "color": {
            "fill": {
              "up": {
                "value": "{alias.color.background.feedback.error.base.value}"
              }
            },
            "border": {
              "base": {
                "value": "{alias.color.background.feedback.error.base.value}"
              },
              "up": {
                "value": "{alias.color.background.feedback.error.base.value}"
              }
            }
          }
        },
        "errorBar": {
          "color": {
            "fill": {
              "base": {
                "value": "{alias.color.background.surface.base.base.value}"
              }
            }
          }
        },
        "map": {
          "color": {
            "border": {
              "base": {
                "value": "{alias.color.border.surface.base.base.value}"
              }
            },
            "fill": {
              "null": {
                "value": "{alias.color.background.surface.backdrop.base.stronger.value}"
              }
            }
          }
        }
      },
      "map": {
        "color": {
          "background": {
            "landscape": {
              "base": {
                "value": "{theme.charts.map.color.background.landscape.base.value}"
              },
              "manMade": {
                "value": "{theme.charts.map.color.background.landscape.manMade.value}"
              }
            },
            "water": {
              "base": {
                "value": "{theme.charts.map.color.background.water.base.value}"
              }
            },
            "road": {
              "base": {
                "value": "{theme.charts.map.color.background.road.base.value}"
              }
            },
            "poi": {
              "base": {
                "value": "{theme.charts.map.color.background.poi.base.value}"
              },
              "park": {
                "value": "{theme.charts.map.color.background.poi.park.value}"
              }
            }
          },
          "text": {
            "base": {
              "value": "{alias.color.text.body.strong.value}"
            },
            "road": {
              "base": {
                "value": "{alias.color.text.body.base.value}"
              }
            }
          },
          "border": {
            "base": {
              "value": "{theme.charts.map.color.border.base.value}"
            },
            "label": {
              "value": "{alias.color.text.body.inverse.value}"
            },
            "road": {
              "base": {
                "value": "{alias.charts.map.color.background.road.base.value}"
              },
              "label": {
                "value": "{theme.charts.map.color.border.road.label.value}"
              }
            }
          }
        }
      }
    }
  }
}