@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,887 lines • 194 kB
JavaScript
module.exports = {
"cmp": {
"button": {
"color": {
"backdrop": {
"hovered": "rgba(255,255,255,.28)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.16)"
},
"background": {
"accent": {
"activated": "#103663",
"enabled": "#16529C",
"expanded": "#0C4080",
"disabled": "#16529C",
"focused": "#16529C",
"hovered": "#16529C",
"loading": "#16529C",
"loadingError": "#16529C",
"loadingSuccess": "#16529C",
"pressed": "#16529C",
"selected": "#103663"
},
"accentHigh": {
"activated": "#B4C400",
"enabled": "#D7E817",
"expanded": "#CCDF00",
"disabled": "#D7E817",
"focused": "#D7E817",
"hovered": "#D7E817",
"loading": "#D7E817",
"loadingError": "#D7E817",
"loadingSuccess": "#D7E817",
"pressed": "#D7E817",
"selected": "#B4C400"
},
"blendBase": {
"activated": "rgba(0,0,0,.36)",
"enabled": "rgba(0,0,0,.08)",
"expanded": "rgba(0,0,0,.16)",
"disabled": "rgba(0,0,0,.08)",
"focused": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.2)",
"loading": "rgba(0,0,0,.08)",
"loadingError": "rgba(0,0,0,.08)",
"loadingSuccess": "rgba(0,0,0,.08)",
"pressed": "rgba(0,0,0,.08)",
"selected": "rgba(0,0,0,.24)"
},
"blendInverse": {
"activated": "rgba(255,255,255,.52)",
"enabled": "rgba(255,255,255,.2)",
"expanded": "rgba(255,255,255,.32)",
"disabled": "rgba(255,255,255,.2)",
"focused": "rgba(255,255,255,.2)",
"hovered": "rgba(255,255,255,.2)",
"loading": "rgba(255,255,255,.2)",
"loadingError": "rgba(255,255,255,.2)",
"loadingSuccess": "rgba(255,255,255,.2)",
"pressed": "rgba(255,255,255,.2)",
"selected": "rgba(255,255,255,.4)"
},
"blendError": {
"enabled": "rgba(214,36,51, 0.1)",
"hovered": "rgba(214,36,51, 0.1)",
"focused": "rgba(214,36,51, 0.1)",
"pressed": "rgba(214,36,51, 0.1)",
"expanded": "rgba(214,36,51, 0.2)",
"selected": "rgba(214,36,51, 0.3)",
"activated": "rgba(214,36,51, 0.3)",
"disabled": "rgba(214,36,51, 0.1)"
},
"blendSuccess": {
"enabled": "rgba(10,166,114, 0.1)",
"hovered": "rgba(10,166,114, 0.1)",
"focused": "rgba(10,166,114, 0.1)",
"pressed": "rgba(10,166,114, 0.1)",
"expanded": "rgba(10,166,114, 0.2)",
"selected": "rgba(10,166,114, 0.3)",
"activated": "rgba(10,166,114, 0.3)",
"disabled": "rgba(10,166,114, 0.1)"
},
"blendWarning": {
"enabled": "rgba(247,185,79, 0.2)",
"hovered": "rgba(247,185,79, 0.2)",
"focused": "rgba(247,185,79, 0.2)",
"pressed": "rgba(247,185,79, 0.2)",
"expanded": "rgba(247,185,79, 0.3)",
"selected": "rgba(247,185,79, 0.4)",
"activated": "rgba(247,185,79, 0.4)",
"disabled": "rgba(247,185,79, 0.2)"
},
"blendHelp": {
"enabled": "rgba(9,128,145, 0.1)",
"hovered": "rgba(9,128,145, 0.1)",
"focused": "rgba(9,128,145, 0.1)",
"pressed": "rgba(9,128,145, 0.1)",
"expanded": "rgba(9,128,145, 0.2)",
"selected": "rgba(9,128,145, 0.3)",
"activated": "rgba(9,128,145, 0.3)",
"disabled": "rgba(9,128,145, 0.1)"
},
"blendInfo": {
"enabled": "rgba(12,121,176, 0.1)",
"hovered": "rgba(12,121,176, 0.1)",
"focused": "rgba(12,121,176, 0.1)",
"pressed": "rgba(12,121,176, 0.1)",
"expanded": "rgba(12,121,176, 0.2)",
"selected": "rgba(12,121,176, 0.3)",
"activated": "rgba(12,121,176, 0.3)",
"disabled": "rgba(12,121,176, 0.1)"
},
"error": {
"activated": "#E96060",
"enabled": "#FA8E8E",
"expanded": "#E96060",
"disabled": "#FA8E8E",
"focused": "#FA8E8E",
"hovered": "#FA8E8E",
"loading": "#FA8E8E",
"loadingError": "#FA8E8E",
"loadingSuccess": "#FA8E8E",
"pressed": "#FA8E8E",
"selected": "#E96060"
},
"help": {
"activated": "#11A4B8",
"enabled": "#46D7EB",
"expanded": "#0DC4DE",
"disabled": "#46D7EB",
"focused": "#46D7EB",
"hovered": "#46D7EB",
"loading": "#46D7EB",
"loadingError": "#46D7EB",
"loadingSuccess": "#46D7EB",
"pressed": "#46D7EB",
"selected": "#46D7EB"
},
"info": {
"activated": "#229AD6",
"enabled": "#8DD4F7",
"expanded": "#53BAED",
"disabled": "#8DD4F7",
"focused": "#8DD4F7",
"hovered": "#8DD4F7",
"loading": "#8DD4F7",
"loadingError": "#8DD4F7",
"loadingSuccess": "#8DD4F7",
"pressed": "#8DD4F7",
"selected": "#229AD6"
},
"neutral": {
"activated": "#A4C8F5",
"enabled": "#E1EAF0",
"expanded": "#D3E0E8",
"disabled": "#E1EAF0",
"focused": "#E1EAF0",
"hovered": "#E1EAF0",
"loading": "#E1EAF0",
"loadingError": "#E1EAF0",
"loadingSuccess": "#E1EAF0",
"pressed": "#E1EAF0",
"selected": "#C6DBF5"
},
"quiet": {
"activated": "#A4C8F5",
"enabled": "rgba(0,0,0,0)",
"expanded": "rgba(195,211,222, 0.84)",
"disabled": "rgba(0,0,0,0)",
"focused": "rgba(195,211,222, 0.44)",
"hovered": "rgba(195,211,222, 0.44)",
"loading": "rgba(0,0,0,0)",
"loadingError": "rgba(0,0,0,0)",
"loadingSuccess": "rgba(0,0,0,0)",
"pressed": "rgba(195,211,222, 0.44)",
"selected": "#C6DBF5"
},
"quietBlend": {
"activated": "#A4C8F5",
"enabled": "rgba(0,0,0,0)",
"expanded": "rgba(0,0,0,.08)",
"disabled": "rgba(0,0,0,0)",
"focused": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.08)",
"loading": "rgba(0,0,0,0)",
"loadingError": "rgba(0,0,0,0)",
"loadingSuccess": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.08)",
"selected": "#C6DBF5"
},
"success": {
"activated": "#0AA672",
"enabled": "#46E3AF",
"expanded": "#1EC990",
"disabled": "#46E3AF",
"focused": "#46E3AF",
"hovered": "#46E3AF",
"loading": "#46E3AF",
"loadingError": "#46E3AF",
"loadingSuccess": "#46E3AF",
"pressed": "#46E3AF",
"selected": "#0AA672"
},
"warning": {
"activated": "#A76900",
"enabled": "#F7B94F",
"expanded": "#CF8911",
"disabled": "#F7B94F",
"focused": "#F7B94F",
"hovered": "#F7B94F",
"loading": "#F7B94F",
"loadingError": "#F7B94F",
"loadingSuccess": "#F7B94F",
"pressed": "#F7B94F",
"selected": "#A76900"
}
},
"text": {
"accent": {
"activated": "#E6EDF5",
"enabled": "#E6EDF5",
"expanded": "rgba(255,255,255,1)",
"disabled": "#E6EDF5",
"focused": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"loading": "#E6EDF5",
"loadingError": "#E6EDF5",
"loadingSuccess": "#E6EDF5",
"pressed": "rgba(255,255,255,1)",
"selected": "rgba(255,255,255,1)"
},
"accentHigh": {
"activated": "#1F282E",
"enabled": "#333F48",
"expanded": "#1F282E",
"disabled": "#333F48",
"focused": "#1F282E",
"hovered": "#1F282E",
"loading": "#333F48",
"loadingError": "#333F48",
"loadingSuccess": "#333F48",
"pressed": "#1F282E",
"selected": "#1F282E"
},
"blendBase": {
"activated": "rgba(0,0,0,.76)",
"enabled": "rgba(0,0,0,.64)",
"expanded": "rgba(0,0,0,.64)",
"disabled": "rgba(0,0,0,.64)",
"focused": "rgba(0,0,0,.76)",
"hovered": "rgba(0,0,0,.76)",
"loading": "rgba(0,0,0,.64)",
"loadingError": "rgba(0,0,0,.64)",
"loadingSuccess": "rgba(0,0,0,.64)",
"pressed": "rgba(0,0,0,.76)",
"selected": "rgba(0,0,0,.76)"
},
"blendInverse": {
"activated": "rgba(255,255,255,1)",
"enabled": "rgba(255,255,255,.84)",
"expanded": "rgba(255,255,255,.84)",
"disabled": "rgba(255,255,255,.84)",
"focused": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"loading": "rgba(255,255,255,.84)",
"loadingError": "rgba(255,255,255,.84)",
"loadingSuccess": "rgba(255,255,255,.84)",
"pressed": "rgba(255,255,255,1)",
"selected": "rgba(255,255,255,1)"
},
"blendError": {
"enabled": "#D62433",
"hovered": "#66141B",
"focused": "#D62433",
"pressed": "#66141B",
"expanded": "#66141B",
"selected": "#45171B",
"activated": "#45171B",
"disabled": "#D62433"
},
"blendSuccess": {
"enabled": "#0AA672",
"hovered": "#09402E",
"focused": "#0AA672",
"pressed": "#09402E",
"expanded": "#09402E",
"selected": "#0A2E22",
"activated": "#0A2E22",
"disabled": "#0AA672"
},
"blendWarning": {
"enabled": "#F7B94F",
"hovered": "#4D340B",
"focused": "#F7B94F",
"pressed": "#4D340B",
"expanded": "#4D340B",
"selected": "#33250C",
"activated": "#33250C",
"disabled": "#F7B94F"
},
"blendHelp": {
"enabled": "#098091",
"hovered": "#0A3A40",
"focused": "#098091",
"pressed": "#0A3A40",
"expanded": "#0A3A40",
"selected": "#0A282B",
"activated": "#0A282B",
"disabled": "#098091"
},
"blendInfo": {
"enabled": "#0C79B0",
"hovered": "#093952",
"focused": "#0C79B0",
"pressed": "#093952",
"expanded": "#093952",
"selected": "#0C2938",
"activated": "#0C2938",
"disabled": "#0C79B0"
},
"error": {
"activated": "#45171B",
"enabled": "#45171B",
"expanded": "#45171B",
"disabled": "#45171B",
"focused": "#45171B",
"hovered": "#45171B",
"loading": "#45171B",
"loadingError": "#45171B",
"loadingSuccess": "#45171B",
"pressed": "#45171B",
"selected": "#45171B"
},
"help": {
"activated": "#0A282B",
"enabled": "#0A282B",
"expanded": "#0A282B",
"disabled": "#0A282B",
"focused": "#0A282B",
"hovered": "#0A282B",
"loading": "#0A282B",
"loadingError": "#0A282B",
"loadingSuccess": "#0A282B",
"pressed": "#0A282B",
"selected": "#0A282B"
},
"info": {
"activated": "#0C2938",
"enabled": "#0C2938",
"expanded": "#0C2938",
"disabled": "#0C2938",
"focused": "#0C2938",
"hovered": "#0C2938",
"loading": "#0C2938",
"loadingError": "#0C2938",
"loadingSuccess": "#0C2938",
"pressed": "#0C2938",
"selected": "#0C2938"
},
"neutral": {
"activated": "#182B42",
"enabled": "#1F282E",
"expanded": "#1F282E",
"disabled": "#1F282E",
"focused": "#182026",
"hovered": "#182026",
"loading": "#1F282E",
"loadingError": "#1F282E",
"loadingSuccess": "#1F282E",
"pressed": "#182026",
"selected": "#182B42"
},
"quiet": {
"activated": "#182B42",
"enabled": "#1F282E",
"expanded": "#182026",
"disabled": "#1F282E",
"focused": "#182026",
"hovered": "#182026",
"loading": "#1F282E",
"loadingError": "#1F282E",
"loadingSuccess": "#1F282E",
"pressed": "#182026",
"selected": "#182B42"
},
"quietBlend": {
"activated": "#182B42",
"enabled": "#1F282E",
"expanded": "#182026",
"disabled": "#1F282E",
"focused": "#182026",
"hovered": "#182026",
"loading": "#1F282E",
"loadingError": "#1F282E",
"loadingSuccess": "#1F282E",
"pressed": "#182026",
"selected": "#182B42"
},
"success": {
"activated": "#0A2E22",
"enabled": "#0A2E22",
"expanded": "#0A2E22",
"disabled": "#0A2E22",
"focused": "#0A2E22",
"hovered": "#0A2E22",
"loading": "#0A2E22",
"loadingError": "#0A2E22",
"loadingSuccess": "#0A2E22",
"pressed": "#0A2E22",
"selected": "#0A2E22"
},
"warning": {
"activated": "#33250C",
"enabled": "#33250C",
"expanded": "#33250C",
"disabled": "#33250C",
"focused": "#33250C",
"hovered": "#33250C",
"loading": "#33250C",
"loadingError": "#33250C",
"loadingSuccess": "#33250C",
"pressed": "#33250C",
"selected": "#33250C"
}
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": "inset 0 0 0 0.2rem #53BAED"
},
"error": {
"focused": "inset 0 0 0 0.2rem #FAD4D4"
},
"success": {
"focused": "inset 0 0 0 0.2rem #8EF5D3"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #FADFAF"
},
"info": {
"focused": "inset 0 0 0 0.2rem #BBE5FA"
},
"help": {
"focused": "inset 0 0 0 0.2rem #87EDFA"
}
}
},
"mutation": {
"transitionDuration": ".15s"
},
"space": {
"padding": {
"xxs": "0.4rem",
"xs": "0.8rem",
"sm": "0.8rem",
"md": "1.2rem",
"lg": "1.2rem"
}
},
"size": {
"height": {
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
},
"square": {
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
},
"minWidth": {
"xxs": "3.2rem",
"xs": "4rem",
"sm": "4.8rem",
"md": "5.6rem",
"lg": "6.4rem"
}
},
"shape": {
"borderRadius": {
"medium": "0.4rem",
"pill": "999rem",
"full": "50%"
}
},
"icon": {
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
}
},
"space": {
"margin": {
"xxs": "0.4rem",
"xs": "0.4rem",
"sm": "0.4rem",
"md": "0.4rem",
"lg": "0.4rem"
},
"offset": {
"xxs": "calc((1.6rem / 8) * -1)",
"xs": "calc((2rem / 8) * -1)",
"sm": "calc((2.4rem / 8) * -1)",
"md": "calc((2.8rem / 8) * -1)",
"lg": "calc((3.2rem / 8) * -1)"
}
}
},
"label": {
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1.1rem",
"sm": "1.2rem",
"md": "1.3rem",
"lg": "1.4rem"
}
}
},
"loader": {
"size": {
"width": {
"xxs": "1.2rem",
"xs": "1.4rem",
"sm": "1.6rem",
"md": "1.8rem",
"lg": "2rem"
}
}
}
},
"iconButtonDropdown": {
"size": {
"width": {
"xs": "3.6rem",
"sm": "4.4rem",
"md": "5.2rem",
"lg": "6rem"
}
}
},
"iconButtonGoToDocs": {
"marker": {
"typo": {
"fontSize": {
"xxs": "0.8rem",
"xs": "0.9rem",
"sm": "1rem",
"md": "1.1rem"
}
},
"size": {
"offset": {
"enabled": {
"xxs": "-0.15rem",
"xs": "-0.15rem",
"sm": "-0.15rem",
"md": "-0.15rem"
},
"hovered": {
"xxs": "-0.3rem",
"xs": "-0.3rem",
"sm": "-0.3rem",
"md": "-0.3rem"
}
}
}
}
},
"iconButtonStatus": {
"color": {
"background": {
"error": {
"enabled": "rgba(214,36,51, 0.1)",
"expanded": "rgba(214,36,51, 0.2)",
"disabled": "rgba(214,36,51, 0.1)",
"focused": "rgba(214,36,51, 0.1)",
"hovered": "rgba(214,36,51, 0.1)",
"pressed": "rgba(214,36,51, 0.1)"
},
"help": {
"enabled": "rgba(9,128,145, 0.1)",
"expanded": "rgba(9,128,145, 0.2)",
"disabled": "rgba(9,128,145, 0.1)",
"focused": "rgba(9,128,145, 0.1)",
"hovered": "rgba(9,128,145, 0.1)",
"pressed": "rgba(9,128,145, 0.1)"
},
"info": {
"enabled": "rgba(12,121,176, 0.1)",
"expanded": "rgba(12,121,176, 0.2)",
"disabled": "rgba(12,121,176, 0.1)",
"focused": "rgba(12,121,176, 0.1)",
"hovered": "rgba(12,121,176, 0.1)",
"pressed": "rgba(12,121,176, 0.1)"
},
"success": {
"enabled": "rgba(10,166,114, 0.1)",
"expanded": "rgba(10,166,114, 0.2)",
"disabled": "rgba(10,166,114, 0.1)",
"focused": "rgba(10,166,114, 0.1)",
"hovered": "rgba(10,166,114, 0.1)",
"pressed": "rgba(10,166,114, 0.1)"
},
"warning": {
"enabled": "rgba(247,185,79, 0.2)",
"expanded": "rgba(247,185,79, 0.3)",
"disabled": "rgba(247,185,79, 0.2)",
"focused": "rgba(247,185,79, 0.2)",
"hovered": "rgba(247,185,79, 0.2)",
"pressed": "rgba(247,185,79, 0.2)"
}
},
"text": {
"error": {
"enabled": "#D62433",
"expanded": "#66141B",
"disabled": "#D62433",
"focused": "#D62433",
"hovered": "#66141B",
"pressed": "#66141B"
},
"help": {
"enabled": "#098091",
"expanded": "#0A3A40",
"disabled": "#098091",
"focused": "#098091",
"hovered": "#0A3A40",
"pressed": "#0A3A40"
},
"info": {
"enabled": "#0C79B0",
"expanded": "#093952",
"disabled": "#0C79B0",
"focused": "#0C79B0",
"hovered": "#093952",
"pressed": "#093952",
"selected": "#0C2938"
},
"success": {
"enabled": "#0AA672",
"expanded": "#09402E",
"disabled": "#0AA672",
"focused": "#0AA672",
"hovered": "#09402E",
"pressed": "#09402E"
},
"warning": {
"enabled": "#F7B94F",
"expanded": "#4D340B",
"disabled": "#F7B94F",
"focused": "#F7B94F",
"hovered": "#4D340B",
"pressed": "#4D340B"
}
}
}
},
"iconButtonStop": {
"icon": {
"color": {
"text": "#D62433"
},
"size": {
"square": {
"xs": "1rem",
"sm": "1.2rem",
"md": "0.8rem",
"lg": "1rem"
}
}
},
"circle": {
"color": {
"border": "#5B6870"
}
}
},
"diffEditor": {
"color": {
"background": {
"base": "#F5F8FA",
"editor": "rgba(255,255,255,1)",
"editorIndentGuide": "#E1EAF0",
"editorIndentGuideActive": "#9DB0BD",
"editorSuggestWidget": "rgba(255,255,255,1)",
"editorSuggestWidgetSelected": "rgba(164,200,245, 0.4)",
"editorOverviewRuler": "#F5F8FA",
"inactiveSelection": "#E6EDF5",
"lineHighlight": "rgba(157,176,189, 0.11)",
"selectionHighlight": "#C6DBF5",
"selection": "#E6EDF5",
"wordHighlight": "#E6EDF5",
"listHovered": "rgba(0,0,0,.04)",
"miniMap": "#F5F8FA",
"miniMapSelectionHighlighted": "#C6DBF5",
"miniMapSlider": "rgba(0,0,0,.08)",
"miniMapSliderHovered": "rgba(0,0,0,.16)",
"miniMapSliderActive": "rgba(0,0,0,.24)",
"removedText": "rgba(237,83,83, 0.36)",
"insertedText": "rgba(30,201,144, 0.36)"
},
"border": {
"editorSuggestWidget": "#E1EAF0"
},
"text": {
"base": "#182026",
"editor": "#182026",
"editorCursor": "#182026",
"editorSuggestWidget": "#182026",
"editorSuggestWidgetHighlighted": "#16529C",
"active": "#182026",
"editorLineNumber": "#667580",
"editorLineNumberActive": "#182026",
"editorWhitespace": "#48545C",
"listHovered": "#182026"
}
},
"shape": {
"borderRadius": {
"base": "0.4rem",
"inner": "calc(0.4rem - 0.1rem)"
}
},
"rules": {
"color": {
"text": {
"boolean": {
"base": "#2a854e"
},
"comment": {
"base": "#ad5f00"
},
"default": {
"base": "#9656d6"
},
"delimiter": {
"base": "#233038"
},
"digit": {
"base": "#2a854e"
},
"interpolation": {
"base": "#9656d6"
},
"keyword": {
"base": "#3272d9"
},
"operator": {
"base": "#182026"
},
"string": {
"base": "#2a854e"
},
"symbol": {
"base": "#233038"
},
"time": {
"base": "#d6246e"
},
"valueBlock": {
"base": "#2a854e"
}
}
}
},
"difference": {
"color": {
"background": "rgba(157,176,189, 0.11)"
},
"shape": {
"borderLeft": "solid 0.1rem #C3D3DE"
}
},
"modified": {
"shape": {
"borderLeft": "solid 0.1rem #C3D3DE"
}
}
},
"editor": {
"color": {
"text": {
"base": "#182026"
},
"background": {
"readOnly": "#F5F8FA"
},
"border": {
"base": "#C3D3DE",
"readOnly": "#F5F8FA"
}
},
"shape": {
"borderRadius": "0.4rem",
"borderSize": "0.1rem",
"borderStyle": "solid"
},
"line": {
"color": {
"background": {
"base": "rgba(157,176,189, 0.16)"
}
},
"space": {
"paddingLeft": "0.8rem",
"marginLeft": "calc(-1 * 0.8rem)"
}
},
"message": {
"elevation": {
"boxShadow": {
"base": "0 0.4rem 0.8rem -0.2rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)"
}
},
"color": {
"text": {
"base": "#182026"
},
"background": {
"base": "rgba(255,255,255,1)"
},
"border": {
"base": "#E1EAF0"
}
},
"shape": {
"borderRadius": "0.6rem"
},
"space": {
"padding": "0.8rem 1.2rem"
},
"typo": {
"fontFamily": "'Devo Font', sans-serif",
"fontSize": "1.2rem"
}
},
"ruler": {
"size": {
"width": "0.8rem"
},
"shape": {
"borderLeft": {
"hasMiniMap": "solid 0.1rem #E1EAF0"
}
}
},
"scrollBar": {
"color": {
"background": {
"track": {
"base": "rgba(0,0,0,.08)"
},
"slider": {
"base": "rgba(0,0,0,.24)",
"hovered": "rgba(0,0,0,.36)"
}
}
},
"shape": {
"borderRadius": {
"slider": "999rem"
}
},
"size": {
"square": "0.8rem"
}
},
"suggest": {
"elevation": {
"boxShadow": {
"base": "0 0.4rem 0.8rem -0.2rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)"
},
"zIndex": {
"base": 1020
}
}
}
},
"highChart": {
"color": {
"fill": {
"10": "#f55353",
"11": "#84b1fa",
"12": "#c79bf2",
"01": "#17827b",
"02": "#7ddba3",
"03": "#fa8e8e",
"04": "#84b7db",
"05": "#a8ede9",
"06": "#d6246e",
"07": "#e89c3f",
"08": "#fab4d1",
"09": "#57c282"
}
},
"chart": {
"color": {
"background": "rgba(255,255,255,1)"
},
"space": {
"paddingBottom": "1.6rem",
"paddingTop": "1.2rem",
"paddingLeft": "1.2rem",
"paddingRight": "1.2rem"
}
},
"plot": {
"color": {
"border": "rgba(255,255,255,1)"
}
},
"title": {
"color": {
"fill": "#182026"
},
"size": {
"height": "11.2rem"
},
"typo": {
"fontSize": "1.6rem",
"letterSpacing": "-0.01925em"
}
},
"subtitle": {
"color": {
"fill": "#48545C"
},
"typo": {
"fontSize": "1.3rem",
"letterSpacing": "-0.01925em"
}
},
"subtitleY": {
"size": {
"width": "11.2rem"
}
},
"xAxis": {
"space": {
"margin": "1.6rem"
}
},
"xAxisTitle": {
"color": {
"fill": "#233038"
},
"typo": {
"fontSize": "1.1rem",
"fontWeight": "700"
}
},
"xAxisCrosshair": {
"color": {
"border": "#C3D3DE"
}
},
"xAxisLabels": {
"color": {
"fill": "#48545C"
},
"typo": {
"fontSize": "1.2rem",
"fontWeight": "500"
}
},
"xAxisLabelsY": {
"space": {
"padding": "1.6rem"
},
"color": {
"fill": "#48545C"
}
},
"xAxisLine": {
"color": {
"border": "#D3E0E8"
}
},
"xAxisGridLine": {
"color": {
"border": "#D3E0E8"
}
},
"xAxisTick": {
"color": {
"border": "#D3E0E8"
}
},
"xAxisGridLineMinor": {
"color": {
"border": "#D3E0E8"
}
},
"yAxis": {
"space": {
"margin": "1.6rem"
}
},
"yAxisTitle": {
"color": {
"fill": "#233038"
},
"typo": {
"fontSize": "1.1rem",
"fontWeight": "700"
}
},
"yAxisCrosshair": {
"color": {
"border": "#C3D3DE"
}
},
"yAxisLabels": {
"color": {
"fill": "#48545C"
},
"typo": {
"fontSize": "1.2rem",
"fontWeight": "500"
}
},
"yAxisLabelsY": {
"space": {
"padding": "1.6rem"
},
"color": {
"fill": "#48545C"
}
},
"yAxisLine": {
"color": {
"border": "#D3E0E8"
}
},
"yAxisGridLine": {
"color": {
"border": "#D3E0E8"
}
},
"yAxisTick": {
"color": {
"border": "#D3E0E8"
}
},
"yAxisGridLineMinor": {
"color": {
"border": "#D3E0E8"
}
},
"tooltip": {
"color": {
"text": "#182026",
"background": "rgba(24,32,38,0.8)"
},
"space": {
"padding": "1.2rem"
}
},
"plotOptionsPie": {
"color": {
"border": "rgba(255,255,255,1)"
}
},
"plotOptionsPieLine": {
"color": {
"border": "rgba(255,255,255,1)"
}
}
},
"calendar": {
"size": {
"minWidth": "23rem"
},
"day": {
"color": {
"background": {
"base": "transparent",
"hovered": "#F5F8FA",
"selected": "#2A6CBD",
"activated": "#2A6CBD"
},
"text": {
"base": "#48545C",
"hovered": "#233038",
"selected": "rgba(255,255,255,1)",
"activated": "rgba(255,255,255,1)"
}
},
"elevation": {
"zIndex": 1
},
"mutation": {
"transitionDuration": ".15s"
},
"shape": {
"borderRadius": {
"base": "50%",
"corners": "999rem"
},
"opacity": {
"disabled": ".4"
}
},
"size": {
"square": "2.4rem"
},
"space": {
"margin": "0 auto"
}
},
"interval": {
"color": {
"background": {
"selected": "#C6DBF5",
"activated": "#E6EDF5",
"mixed": "#E6EDF5"
},
"text": {
"selected": "#16529C",
"activated": "#16529C",
"mixed": "#16529C"
}
},
"shape": {
"borderRadius": "999rem"
},
"size": {
"height": "calc(2.4rem - 0.6rem)"
}
},
"week": {
"color": {
"background": {
"base": "transparent"
},
"text": {
"base": "#48545C"
}
},
"elevation": {
"zIndex": 1
},
"shape": {
"borderRadius": "50%"
},
"size": {
"square": "2.4rem"
},
"space": {
"margin": "0 auto"
}
}
},
"dateRange": {
"presetMark": {
"color": {
"background": {
"base": "#C6DBF5"
},
"text": {
"base": "#16529C"
}
}
},
"pickerInput": {
"color": {
"background": {
"active": "rgba(42,108,189,0.12)",
"hovered": "rgba(0,0,0,.04)",
"error": {
"base": "rgba(214,36,51,0.08)",
"focused": "rgba(214,36,51,0.16)"
},
"help": {
"base": "rgba(9,128,145,0.08)",
"focused": "rgba(9,128,145,0.16)"
},
"info": {
"base": "rgba(12,121,176,0.08)",
"focused": "rgba(12,121,176,0.16)"
},
"success": {
"base": "rgba(3,133,90,0.08)",
"focused": "rgba(3,133,90,0.16)"
},
"warning": {
"base": "rgba(167,105,0,0.08)",
"focused": "rgba(167,105,0,0.16)"
}
},
"border": {
"base": "#C3D3DE",
"active": "#81919C"
},
"text": {
"base": "#48545C",
"weaker": "#81919C"
}
}
},
"realTime": {
"color": {
"background": {
"active": {
"base": "#D7E817",
"hovered": "#B4C400"
},
"base": {
"base": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.2)"
}
},
"text": {
"active": {
"base": "#333F48",
"hovered": "#1F282E"
},
"base": {
"base": "rgba(0,0,0,.64)",
"hovered": "rgba(0,0,0,.76)"
}
}
}
},
"realTimeIcon": {
"typo": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
},
"color": {
"background": {
"active": {
"base": "#D7E817",
"hovered": "#B4C400"
},
"base": {
"base": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.2)"
}
},
"text": {
"active": {
"base": "#333F48",
"hovered": "#1F282E"
},
"base": {
"base": "rgba(0,0,0,.64)",
"hovered": "rgba(0,0,0,.76)"
}
}
}
},
"realTimeLoader": {
"color": {
"fill": "rgba(0,0,0,.24)"
}
}
},
"dateTimeRangeControl": {
"color": {
"border": {
"base": "#C3D3DE",
"active": "#81919C"
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": "inset 0 0 0 0.2rem #53BAED"
},
"error": {
"focused": "inset 0 0 0 0.2rem #FAD4D4"
},
"success": {
"focused": "inset 0 0 0 0.2rem #8EF5D3"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #FADFAF"
}
}
},
"shape": {
"borderRadius": "0.4rem",
"borderSize": "0.1rem"
},
"size": {
"height": {
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
}
},
"space": {
"padding": {
"sm": "0 calc(0.8rem - 0.6rem)",
"md": "0 calc(0.8rem - 0.2rem)",
"lg": "0 calc(1.2rem - 0.4rem)"
},
"gap": {
"sm": "0",
"md": "0.4rem",
"lg": "0.4rem"
}
},
"mutation": {
"transitionDuration": ".15s"
},
"input": {
"size": {
"height": {
"sm": "calc(2.4rem - 0.6rem)",
"md": "calc(2.8rem - 0.8rem)",
"lg": "calc(3.2rem - 0.8rem)"
},
"width": {
"base": {
"sm": "8.4rem",
"md": "8.8rem",
"lg": "9.4rem"
},
"withTime": {
"sm": "9.6rem",
"md": "10.2rem",
"lg": "13.2rem"
},
"withSeconds": {
"sm": "13.6rem",
"md": "14.2rem",
"lg": "15.2rem"
},
"withMillis": {
"sm": "15.4rem",
"md": "16.8rem",
"lg": "18.2rem"
}
}
},
"space": {
"padding": {
"sm": "0 calc(0.8rem - 0.2rem)",
"md": "0 calc(0.8rem - 0.2rem)",
"lg": "0 calc(1.2rem - 0.4rem)"
}
}
},
"arrow": {
"color": {
"fill": "#667580"
},
"size": {
"square": {
"sm": "14",
"md": "18",
"lg": "22"
}
}
},
"realTimeButton": {
"size": {
"square": {
"sm": "2rem",
"md": "2.4rem",
"lg": "2.8rem"
}
},
"typo": {
"fontSize": {
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
}
},
"badge": {
"shape": {
"borderRadius": "999rem"
},
"size": {
"square": {
"hasContent": {
"xxs": "1.2rem",
"xs": "1.4rem",
"sm": "1.6rem",
"md": "1.8rem",
"lg": "2rem"
},
"isEmpty": {
"xxs": "0.6rem",
"xs": "0.8rem",
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
},
"space": {
"padding": {
"hor": "0.4rem"
}
},
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1rem",
"sm": "1rem",
"md": "1.1rem",
"lg": "1.2rem"
}
},
"color": {
"background": {
"hasContent": {
"primary": "#333F48",
"secondary": "#C6DBF5",
"neutral": "rgba(157,176,189, 0.16)",
"error": "#FAB6B6",
"success": "#8EF5D3",
"warning": "#F5C776",
"help": "#87EDFA",
"info": "#BBE5FA",
"dataBlue": "#cfe0fc",
"dataBronze": "#fad8af",
"dataDusk": "#e3dcf7",
"dataGreen": "#abedc5",
"dataIndigo": "#dcdcfc",
"dataMagenta": "#fad4e4",
"dataPurple": "#ead9fa",
"dataRed": "#fad4d4",
"dataSky": "#bbe5fa",
"dataSlate": "#cbe3f5",
"dataTeal": "#a8ede9",
"blendBase": "rgba(0,0,0,.12)",
"blendInverse": "rgba(255,255,255,.24)"
},
"isEmpty": {
"primary": "#CCDF00",
"secondary": "#5893DB",
"neutral": "#81919C",
"error": "#E96060",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6",
"dataBlue": "#84b1fa",
"dataBronze": "#e89c3f",
"dataDusk": "#b5a6e3",
"dataGreen": "#57c282",
"dataIndigo": "#a7a7fa",
"dataMagenta": "#f78bb8",
"dataPurple": "#c79bf2",
"dataRed": "#fa8e8e",
"dataSky": "#53baed",
"dataSlate": "#84b7db",
"dataTeal": "#45bfb7",
"blendBase": "rgba(0,0,0,.32)",
"blendInverse": "rgba(255,255,255,.48)"
}
},
"text": {
"primary": "#E5F536",
"secondary": "#16529C",
"neutral": "#3C4952",
"error": "#45171B",
"success": "#0A2E22",
"warning": "#33250C",
"help": "#0A282B",
"info": "#0C2938",
"dataBlue": "#114599",
"dataBronze": "#693d07",
"dataDusk": "#4f4178",
"dataGreen": "#1a5230",
"dataIndigo": "#3737b3",
"dataMagenta": "#8a1244",
"dataPurple": "#642b9e",
"dataRed": "#8f0e0e",
"dataSky": "#064d70",
"dataSlate": "#2d4d63",
"dataTeal": "#0d524d",
"blendBase": "rgba(0,0,0,.72)",
"blendInverse": "rgba(255,255,255,.88)"
}
},
"icon": {
"size": {
"square": {
"xxs": "calc(1rem - 0.2rem)",
"xs": "1rem",
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
}
},
"boxMessage": {
"shape": {
"borderSize": {
"base": "0.1rem",
"subtle": "0"
},
"borderRadius": "0.4rem"
},
"space": {
"gap": {
"base": "1.2rem",
"subtle": "0.8rem"
},
"padding": {
"base": "1.2rem",
"subtle": "0.4rem 0.8rem"
}
},
"color": {
"background": {
"subtle": "#F0F3F5",
"success": "#E1FAF2",
"warning": "#FAECD5",
"error": "#FAF0F0",
"help": "#E6F8FA",
"info": "#E8F4FA"
},
"border": {
"error": "#FAD4D4",
"success": "#8EF5D3",
"warning": "#FADFAF",
"help": "#87EDFA",
"info": "#BBE5FA"
}
},
"actions": {
"space": {
"marginTop": "1.2rem",
"gap": "0.8rem"
}
},
"close": {
"space": {
"offset": {
"top": "calc(1.2rem - 0.2rem)",
"right": "1.2rem"
}
}
},
"heading": {
"space": {
"marginBottom": "1.2rem"
}
},
"icon": {
"color": {
"text": {
"error": "#E96060",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
},
"size": {
"square": "1.6rem"
}
}
},
"decoratorBar": {
"color": {
"background": "#0DC4DE 0 50%, #16529C 50% 80%, #D7E817 80% 100%"
},
"shape": {
"stroke": "0.4rem"
}
},
"helper": {
"color": {
"text": {
"base": "#667580",
"error": "#D62433"
}
},
"space": {
"marginTop": {
"base": "0.4rem",
"forGroup": "1.2rem"
},
"gap": {
"xxs": "0.8rem",
"xs": "0.8rem",
"sm": "0.8rem",
"md": "1.2rem",
"lg": "1.2rem"
}
},
"icon": {
"size": {
"square": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
}
},
"color": {
"fill": {
"error": "#D62433",
"success": "#0AA672",
"help": "#098091",
"info": "#0C79B0",
"warning": "#F7B94F"
}
}
}
},
"icon": {
"size": {
"square": {
"xxxxs": "1rem",
"xxxs": "1.2rem",
"xxs": "1.4rem",
"xs": "1.6rem",
"sm": "1.8rem",
"md": "2rem",
"lg": "2.4rem",
"xl": "2.8rem",
"xxl": "3.2rem",
"xxxl": "4.8rem",
"xxxxl": "6.4rem"
}
},
"typo": {
"fontFamily": {
"base": "'lt-iconfont', sans-serif",
"alt": "'LtAppFont', sans-serif"
},
"fontWeight": "500",
"lineHeight": "1"
},
"color": {
"fill": {
"base": "#48545C",
"inverse": "rgba(255,255,255,1)",
"strong": "#233038",
"stronger": "#182026",
"weak": "#667580",
"weaker": "#81919C",
"weakest": "#9DB0BD",
"neutral": "#9DB0BD",
"success": "#03855A",
"successWeak": "#1EC990",
"successStrong": "#0A2E22",
"error": "#D62433",
"errorWeak": "#FA8E8E",
"errorStrong": "#45171B",
"warning": "#F7B94F",
"warningWeak": "#F7B94F",
"warningStrong": "#33250C",
"info": "#0C79B0",
"infoWeak": "#53BAED",
"infoStrong": "#0C2938",
"help": "#098091",
"helpWeak": "#0DC4DE",
"helpStrong": "#0A282B",
"primary": "#D7E817",
"secondary": "#16529C",
"blendBase": "rgba(0,0,0,.36)",
"blendInverse": "rgba(255,255,255,.44)",
"dataBlue": "#3272d9",
"dataBronze": "#ad5f00",
"dataGreen": "#2a854e",
"dataTeal": "#17827b",
"dataSky": "#0c7bb3",
"dataSlate": "#48799c",
"dataIndigo": "#6767e6",
"dataDusk": "#7a68b3",
"dataPurple": "#9656d6",
"dataMagenta": "#d6246e",
"dataRed": "#fa8e8e"
}
}
},
"inlineMessageBanner": {
"color": {
"border": "rgba(24,32,38,0.16)"
}
},
"inlineMessage": {
"color": {
"background": "rgba(255,255,255,1)",
"border": {
"base": "#81919C",
"success": "#1EC990",
"warning": "#F7B94F",
"error": "#E96060",
"help": "#11A4B8",
"info": "#229AD6"
}
},
"arrow": {
"size": {
"square": "0.8rem"
}
},
"contentImg": {
"space": {
"marginBottom": "1.6rem"
}
},
"content": {
"space": {
"padding": {
"noHasScroll": "1.6rem 2.4rem",
"hasScroll": "1.6rem 1.2rem 1.6rem 2.4rem"
},
"margin": "1.6rem 2.4rem"
}
},
"footer": {
"space": {
"padding": {
"hasScroll": "0.8rem 2.4rem",
"noHasScroll": "0.8rem 2.4rem 1.6rem"
}
}
},
"header": {
"space": {
"padding": {
"hasScroll": "1.6rem 2.4rem",
"noHasScroll": "1.6rem 2.4rem 0"
}
}
}
},
"keyValue": {
"color": {
"text": "#48545C"
},
"typo": {
"lineHeight": {
"xs": "1.6rem",
"sm": "1.6rem",
"md": "2rem"
}
},
"unit": {
"space": {
"marginLeft": "0.4rem"
}
},
"visual": {
"color": {
"text": "#48545C"
}
}
},
"loader": {
"gradient": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
}
}
},
"logoEvenPath": {
"color": {
"background": {
"light": "#CCDF00",
"dark": "#CCDF00",
"brand": "#CCDF00"
}
}
},
"logoOddPath": {
"color": {
"background": {
"light": "rgba(255,255,255,1)",
"dark": "#1F282E",
"brand": "rgba(204,223,0,0.32)"
}
}
},
"spinnerAnimatedStrokeTemp": {
"color": {
"background": {
"light": "#5893DB",
"dark": "#5893DB"
}
}
},
"spinnerAnimatedStroke": {
"color": {
"background": {
"brand": "#CCDF00",
"brandLight": "#CCDF00",
"brandDark": "#CCDF00",
"light": "#5893DB",
"dark": "#5893DB",
"lightTrans": "rgba(255,255,255,.88)",
"darkTrans": "rgba(0,0,0,.64)",
"error": "#E96060",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
}
},
"spinner": {
"color": {
"background": {
"brand": "rgba(204,223,0,0.56)",
"brandDark": "#E1EAF0",
"brandLight": "rgba(255,255,255,1)",
"light": "rgba(255,255,255,1)",
"dark": "#E1EAF0",
"lightTrans": "rgba(255,255,255,.64)",
"darkTrans": "rgba(0,0,0,.4)",
"error": "#FAB6B6",
"success": "#8EF5D3",
"warning": "#FAECD5",
"help": "#87EDFA",
"info": "#BBE5FA"
}
},
"size": {
"square": {
"xxxs": "1.2rem",
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem",
"xl": "4.8rem"
}
}
}
},
"notification": {
"item": {
"shape": {
"border": {
"base": "solid 0.1rem #D3E0E8"
}
}
},
"icon": {
"color": {
"background": "#F0F3F5",
"text": "#48545C"
},
"typo": {
"fontSize": "2rem"
}
},
"headerIcon": {
"color": {
"background": {
"success": "#1EC990",
"info": "#229AD6",
"warning": "#F7B94F",
"error": "#E96060"
}
},
"typo": {
"fontSize": "1.4rem"
}
}
},
"overlay": {
"color": {
"background": {
"light": {
"opacity": "rgba(255,255,255,0.8)",
"opaque