@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,217 lines • 35.7 kB
JavaScript
module.exports = {
"alias": {
"charts": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
},
"fill": {
"heatRange": {
"10": "#48cb67",
"11": "#41d246",
"12": "#58d53f",
"13": "#70d73c",
"14": "#84dc38",
"15": "#9be232",
"16": "#b5e82c",
"17": "#d3ed26",
"18": "#f3f020",
"19": "#f9df1a",
"20": "#ffc014",
"21": "#fdb017",
"22": "#fa9e14",
"23": "#f88f16",
"24": "#f57d14",
"25": "#f36f16",
"26": "#f05d14",
"27": "#ee5017",
"28": "#eb3f14",
"29": "#e72d18",
"30": "#de1b1b",
"00": "#0c7ab0",
"01": "#0d84af",
"02": "#0f92b3",
"03": "#109db2",
"04": "#1aa8ad",
"05": "#24aea4",
"06": "#2db49d",
"07": "#3db893",
"08": "#45bf8a",
"09": "#56c281"
},
"basic": {
"10": "#2a854e",
"11": "#ad5f00",
"12": "#0c7bb3",
"13": "#6767e6",
"14": "#d6246e",
"15": "#17827b",
"16": "#48799c",
"17": "#de1b1b",
"18": "#C6DBF5",
"19": "#abedc5",
"20": "#fad8af",
"21": "#bbe5fa",
"22": "#dcdcfc",
"23": "#fad4e4",
"24": "#a8ede9",
"25": "#cbe3f5",
"26": "#fad4d4",
"00": "#2A6CBD",
"01": "#57c282",
"02": "#e89c3f",
"03": "#53baed",
"04": "#a7a7fa",
"05": "#f78bb8",
"06": "#45bfb7",
"07": "#84b7db",
"08": "#fa8e8e",
"09": "#5893DB"
}
}
},
"button": {
"color": {
"fill": {
"enabled": "#E1EAF0",
"hovered": "#D3E0E8"
},
"text": {
"enabled": "#1F282E",
"hovered": "#1F282E"
}
},
"shape": {
"border": {
"enabled": "none",
"hovered": "none"
},
"borderRadius": {
"md": "0.4rem"
}
}
},
"axis": {
"labels": {
"color": {
"text": {
"base": "#48545C"
}
},
"typo": {
"fontSize": {
"md": "1.2rem"
},
"fontWeight": {
"base": "500"
}
}
},
"line": {
"color": {
"border": {
"base": "#C3D3DE",
"strong": "#9DB0BD"
}
}
},
"gridLine": {
"color": {
"border": {
"base": "#E1EAF0"
}
}
},
"minorGridLine": {
"color": {
"border": {
"base": "#F0F3F5"
}
}
},
"tick": {
"color": {
"border": {
"base": "#C3D3DE"
}
}
},
"title": {
"color": {
"text": {
"base": "#233038"
}
}
}
},
"title": {
"color": {
"text": {
"base": "#182026"
}
},
"typo": {
"fontSize": {
"md": "1.6rem"
},
"fontWeight": {
"base": "700"
}
}
},
"subtitle": {
"color": {
"text": {
"base": "#48545C"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
},
"fontWeight": {
"base": "500"
}
}
},
"tooltip": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
},
"text": {
"base": "#48545C"
}
},
"shape": {
"borderSize": {
"md": "0"
},
"borderRadius": {
"md": "0.6rem"
}
},
"typo": {
"fontSize": {
"sm": "1rem",
"md": "1.1rem",
"lg": "1.2rem"
},
"lineHeight": {
"sm": "1.6rem",
"md": "1.6rem",
"lg": "1.6rem"
}
},
"header": {
"space": {
"marginBottom": "0.4rem"
},
"typo": {
"textAlign": "center",
"fontWeight": "700"
}
},
"groupTitle": {
"space": {
"padding": "0.4rem 0 calc(0.4rem / 2) 0"
},
"typo": {
"fontSize": "calc(1rem - 0.1rem)",
"fontWeight": "500",
"textTransform": "uppercase",
"letterSpacing": "0.1325em"
}
},
"item": {
"color": {
"background": {
"base": "transparent",
"active": "rgba(164,200,245, 0.4)"
}
},
"shape": {
"borderRadius": "0.4rem"
},
"space": {
"padding": "0 0.4rem"
},
"size": {
"minHeight": "calc(1rem + 0.8rem)"
},
"typo": {
"fontSize": "1.2rem"
}
},
"itemSymbol": {
"size": {
"square": "1rem"
},
"space": {
"marginRight": "0.4rem"
}
},
"itemLabelLeft": {
"typo": {
"fontWeight": "700"
}
},
"itemValue": {
"space": {
"paddingLeft": "0.4rem"
},
"typo": {
"textAlign": "right"
}
},
"total": {
"space": {
"margin": "calc(0.4rem / 2) 0 0 0",
"padding": "0 0.4rem"
}
},
"totalLabel": {
"typo": {
"fontWeight": "700"
}
}
},
"legend": {
"color": {
"background": {
"base": "#F5F8FA"
},
"text": {
"base": "#48545C"
}
},
"space": {
"padding": {
"md": "1.2rem"
}
},
"shape": {
"borderSize": {
"md": "0"
},
"borderRadius": {
"md": "0.6rem"
}
},
"title": {
"typo": {
"fontSize": {
"md": "1.3rem"
}
}
},
"item": {
"typo": {
"fontSize": {
"md": "1.2rem"
},
"fontWeight": {
"enabled": "500",
"hovered": "700"
},
"textDecoration": {
"enabled": "none",
"hovered": "underline"
}
},
"color": {
"text": {
"enabled": "#233038",
"hovered": "#182026"
}
}
}
},
"menu": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
}
},
"shape": {
"borderRadius": {
"md": "0.6rem"
}
},
"space": {
"padding": {
"md": "0.8rem"
}
},
"item": {
"color": {
"background": {
"enabled": "rgba(255,255,255,1)",
"hovered": "#F0F3F5"
},
"text": {
"enabled": "#1F282E",
"hovered": "#182026"
}
},
"shape": {
"borderRadius": {
"md": "0.4rem"
}
},
"space": {
"padding": {
"md": "0.8rem 0.8rem"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
}
},
"mutation": {
"transitionDuration": {
"base": ".15s"
}
}
}
},
"rangeSelector": {
"input": {
"color": {
"background": {
"enabled": "rgba(255,255,255,1)"
},
"border": {
"enabled": "#C3D3DE"
},
"text": {
"enabled": "#233038"
}
}
},
"label": {
"color": {
"text": {
"base": "#233038"
}
}
}
},
"scrollbar": {
"size": {
"square": {
"md": "0.8rem"
}
},
"space": {
"margin": {
"md": "0.8rem"
}
},
"track": {
"color": {
"backdrop": {
"base": "rgba(0,0,0,.08)"
}
},
"shape": {
"borderRadius": {
"md": "0.8rem"
},
"borderSize": {
"md": "0"
}
}
},
"thumb": {
"color": {
"backdrop": {
"base": "rgba(0,0,0,.24)",
"hovered": "rgba(0,0,0,.36)"
}
},
"shape": {
"borderRadius": {
"md": "0.8rem"
},
"borderSize": {
"md": "0"
}
}
},
"riffle": {
"color": {
"fill": {
"base": "#667580"
}
}
}
},
"plotOptions": {
"series": {
"shape": {
"borderSize": {
"md": "0"
}
},
"dataLabels": {
"color": {
"text": {
"base": "#233038"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
}
}
}
},
"box": {
"color": {
"fill": {
"base": "#48545C"
}
}
},
"candlestick": {
"color": {
"fill": {
"up": "#FA8E8E"
},
"border": {
"base": "#FA8E8E",
"up": "#FA8E8E"
}
}
},
"errorBar": {
"color": {
"fill": {
"base": "rgba(255,255,255,1)"
}
}
},
"map": {
"color": {
"border": {
"base": "rgba(0,0,0,.12)"
},
"fill": {
"null": "rgba(0,0,0,.36)"
}
}
}
},
"map": {
"color": {
"background": {
"landscape": {
"base": "rgba(255,255,255,1)",
"manMade": "#F5F8FA"
},
"water": {
"base": "#C3D3DE"
},
"road": {
"base": "#E1EAF0"
},
"poi": {
"base": "#F0F3F5",
"park": "#e1faeb"
}
},
"text": {
"base": "#233038",
"road": {
"base": "#48545C"
}
},
"border": {
"base": "#9DB0BD",
"label": "rgba(255,255,255,1)",
"road": {
"base": "#E1EAF0",
"label": "#F5F8FA"
}
}
}
}
},
"fields": {
"color": {
"background": {
"base": {
"enabled": "rgba(255,255,255,1)",
"readonly": "#F5F8FA",
"disabled": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"checked": "#2A6CBD",
"unchecked": "rgba(255,255,255,1)"
},
"inverse": {
"enabled": "rgba(255,255,255,.12)",
"readonly": "rgba(255,255,255,.24)",
"disabled": "rgba(255,255,255,.12)",
"hovered": "rgba(255,255,255,.12)",
"focused": "rgba(255,255,255,.12)",
"checked": "#2A6CBD",
"unchecked": "rgba(255,255,255,.12)"
},
"error": {
"enabled": "rgba(255,255,255,1)",
"readonly": "#F5F8FA",
"disabled": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"checked": "#E96060",
"unchecked": "rgba(255,255,255,1)"
},
"success": {
"enabled": "rgba(255,255,255,1)",
"readonly": "#F5F8FA",
"disabled": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"checked": "#0AA672",
"unchecked": "rgba(255,255,255,1)"
},
"warning": {
"enabled": "rgba(255,255,255,1)",
"readonly": "#F5F8FA",
"disabled": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"checked": "#F7B94F",
"unchecked": "rgba(255,255,255,1)"
}
},
"text": {
"base": {
"enabled": "#233038",
"hovered": "#233038",
"focused": "#182026",
"placeholder": "#9DB0BD",
"filled": "#233038",
"disabled": "#233038",
"readonly": "#233038",
"checked": "rgba(255,255,255,1)",
"unchecked": "#233038",
"weak": "#81919C",
"weaker": "#BAC9D4"
},
"inverse": {
"enabled": "rgba(255,255,255,.56)",
"hovered": "rgba(255,255,255,.56)",
"focused": "rgba(255,255,255,.64)",
"placeholder": "rgba(255,255,255,.24)",
"filled": "rgba(255,255,255,.72)",
"disabled": "rgba(255,255,255,.56)",
"readonly": "rgba(255,255,255,.56)",
"checked": "#233038",
"unchecked": "rgba(255,255,255,1)",
"weak": "rgba(255,255,255,.28)",
"weaker": "rgba(255,255,255,.2)"
},
"error": {
"enabled": "#D62433",
"hovered": "#D62433",
"focused": "#66141B",
"placeholder": "#9DB0BD",
"filled": "#8F0E19",
"disabled": "#D62433",
"readonly": "#8F0E19",
"checked": "rgba(255,255,255,1)",
"unchecked": "#B80D1B",
"weak": "#FA8E8E",
"weaker": "#FAB6B6"
},
"success": {
"enabled": "#233038",
"hovered": "#233038",
"focused": "#182026",
"placeholder": "#9DB0BD",
"filled": "#233038",
"disabled": "#233038",
"readonly": "#233038",
"checked": "rgba(255,255,255,1)",
"unchecked": "#056B49",
"weak": "#1EC990",
"weaker": "#46E3AF"
},
"warning": {
"enabled": "#233038",
"hovered": "#233038",
"focused": "#182026",
"placeholder": "#9DB0BD",
"filled": "#233038",
"disabled": "#233038",
"readonly": "#233038",
"checked": "rgba(255,255,255,1)",
"unchecked": "#8A5803",
"weak": "#A76900",
"weaker": "#CF8911"
}
},
"border": {
"base": {
"enabled": "#C3D3DE",
"hovered": "#81919C",
"focused": "#81919C",
"readonly": "#F5F8FA",
"disabled": "#E1EAF0",
"checked": "#2A6CBD",
"weak": "#D3E0E8",
"weaker": "#E1EAF0",
"weakest": "#F0F3F5"
},
"inverse": {
"enabled": "rgba(255,255,255,.16)",
"hovered": "rgba(255,255,255,.44)",
"focused": "rgba(255,255,255,.44)",
"readonly": "rgba(255,255,255,.24)",
"disabled": "rgba(255,255,255,.08)",
"checked": "#2A6CBD",
"weak": "rgba(255,255,255,.12)",
"weaker": "rgba(255,255,255,.08)",
"weakest": "rgba(255,255,255,.04)"
},
"error": {
"enabled": "#D62433",
"hovered": "#8F0E19",
"focused": "#D62433",
"readonly": "#F5F8FA",
"disabled": "#D62433",
"checked": "#E96060",
"weak": "#FAB6B6",
"weaker": "#FAD4D4",
"weakest": "#FAF0F0"
},
"success": {
"enabled": "#0AA672",
"hovered": "#056B49",
"focused": "#0AA672",
"readonly": "#F5F8FA",
"disabled": "#0AA672",
"checked": "#0AA672",
"weak": "#8EF5D3",
"weaker": "#E1FAF2",
"weakest": "#F0FFFA"
},
"warning": {
"enabled": "#F7B94F",
"hovered": "#A76900",
"focused": "#F7B94F",
"readonly": "#F5F8FA",
"disabled": "#F7B94F",
"checked": "#F7B94F",
"weak": "#FADFAF",
"weaker": "#FAECD5",
"weakest": "#FFF9E6"
}
}
},
"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"
}
}
},
"mutation": {
"transitionDuration": ".15s"
},
"shape": {
"backgroundImage": {
"date": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjYsNWgtMVYyYzAtMC42LTAuNC0xLTEtMXMtMSwwLjQtMSwxdjNIOVYyYzAtMC42LTAuNC0xLTEtMVM3LDEuNCw3LDJ2M0g2QzMuOCw1LDIsNi43LDIsOC45djE3LjNDMiwyOC4zLDMuOCwzMCw2LDMwaDIwCgljMi4yLDAsNC0xLjcsNC0zLjlWOC45QzMwLDYuNywyOC4yLDUsMjYsNXogTTI2LDI4SDZjLTEuMSwwLTItMC44LTItMS45VjEwLjRjMC4xLDAsMC4yLDAuMSwwLjMsMC4xSDI4djE1LjZDMjgsMjcuMiwyNy4xLDI4LDI2LDI4Cgl6Ii8+Cjwvc3ZnPgo=')",
"time": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMS4zQzcuOSwxLjMsMS4zLDcuOSwxLjMsMTZjMCw4LjEsNi42LDE0LjcsMTQuNywxNC43UzMwLjcsMjQuMSwzMC43LDE2UzI0LjEsMS4zLDE2LDEuM3ogTTE2LDI3LjUKCUM5LjYsMjcuNSw0LjUsMjIuNCw0LjUsMTZTOS42LDQuNSwxNiw0LjVTMjcuNSw5LjYsMjcuNSwxNlMyMi40LDI3LjUsMTYsMjcuNXogTTE3LjEsNy43aC0yLjJ2OC44bDUuNCw1LjRsMS42LTEuNmwtNC44LTQuOFY3Ljd6IgoJLz4KPC9zdmc+Cg==')",
"search": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyNmwtNi43LTUuN2MtMC41LTAuNS0xLjMtMC45LTItMC45YzMuOC00LjUsMy4zLTExLjItMS4yLTE1UzgsMSw0LjEsNS41cy0zLjMsMTEuMiwxLjIsMTUKCWM0LDMuNCw5LjgsMy40LDEzLjgsMGMwLDAuOCwwLjMsMS41LDAuOSwybDUuNyw2LjdjMC44LDEsMi4zLDEuMiwzLjQsMC40YzEtMC44LDEuMi0yLjMsMC40LTMuNEMyOS40LDI2LjIsMjkuMywyNi4xLDI5LjEsMjYKCUwyOS4xLDI2TDI5LjEsMjZ6IE0xMi4yLDE5LjVjLTMuOSwwLTcuMS0zLjItNy4xLTcuMXMzLjItNy4xLDcuMS03LjFzNy4xLDMuMiw3LjEsNy4xbDAsMEMxOS40LDE2LjQsMTYuMiwxOS41LDEyLjIsMTkuNXoiLz4KPC9zdmc+Cg==')",
"searchCancel": {
"base": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzNDNDk1Mjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K')",
"hovered": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzFGMjgyRTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K')"
}
},
"borderRadius": "0.4rem",
"borderSize": {
"base": "0.1rem",
"check": "0.2rem"
},
"opacity": {
"disabled": ".4"
}
},
"size": {
"height": {
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
},
"square": {
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
},
"width": {
"xxs": "6rem",
"xs": "13.6rem",
"sm": "21.2rem",
"md": "28.8rem",
"lg": "36.4rem",
"xl": "44.4rem",
"wide": "100%"
}
},
"space": {
"padding": {
"hor": {
"sm": "0.8rem",
"md": "0.8rem",
"lg": "1.2rem"
},
"withIcon": {
"sm": "calc((0.8rem * 2) + calc(0.8rem / 2))",
"md": "calc((0.8rem * 2) + calc(0.8rem / 2))",
"lg": "calc((1.2rem * 2) + calc(1.2rem / 2))"
}
}
},
"icon": {
"color": {
"text": {
"base": "#9DB0BD",
"error": "#D62433",
"success": "#0AA672",
"warning": "#F7B94F"
}
},
"size": {
"square": {
"sm": "calc((2.4rem / 2) + 0.2rem)",
"md": "calc((2.8rem / 2) + 0.2rem)",
"lg": "calc((3.2rem / 2) + 0.2rem)"
}
},
"space": {
"pos": {
"sm": "calc(0.8rem / 2)",
"md": "calc(0.8rem / 2)",
"lg": "calc(1.2rem / 2)"
}
}
}
},
"handlers": {
"elevation": {
"boxShadow": {
"enabled": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12)",
"hovered": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12), 0 0 0 1.2rem rgba(12,41,56, 0.08)",
"pressed": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12), 0 0 0 1.2rem rgba(12,41,56, 0.16)"
}
},
"size": {
"square": {
"xs": "1.2rem",
"sm": "1.6rem",
"md": "2rem",
"lg": "2.4rem"
}
},
"shape": {
"borderRadius": "50%"
},
"mutation": {
"transitionDuration": ".2s"
},
"color": {
"background": "rgba(255,255,255,1)",
"text": {
"base": "#BAC9D4",
"error": "#FAB6B6",
"warning": "#CF8911",
"success": "#46E3AF"
}
}
},
"menus": {
"space": {
"marginTop": {
"base": "calc(0.4rem / 2)",
"isQuiet": "0",
"isGroundLevel": "0.4rem"
}
},
"shape": {
"border": {
"separator": "solid 0.1rem #E1EAF0"
}
},
"wrapper": {
"space": {
"margin": "0.4rem"
}
},
"list": {
"size": {
"maxHeight": "calc(3.2rem * 7 + 3.2rem / 2 + 0.4rem)"
}
},
"item": {
"shape": {
"borderRadius": "0.4rem"
},
"space": {
"marginHor": "0.8rem"
},
"size": {
"minHeight": "3.2rem"
},
"color": {
"backdrop": {
"expanded": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.04)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.12)"
},
"background": {
"created": "#E1FAF2",
"deleted": "#FAF0F0",
"disabled": "rgba(255,255,255,1)",
"enabled": "rgba(255,255,255,1)",
"featured": "#F0F3F5",
"expanded": "#F0F3F5",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"pressed": "rgba(255,255,255,1)",
"activated": "rgba(198,219,245, 0.4)",
"selected": "rgba(198,219,245, 0.4)"
},
"text": {
"created": "#0A2E22",
"deleted": "#45171B",
"disabled": "#1F282E",
"enabled": "#1F282E",
"expanded": "#182026",
"featured": "#182026",
"hovered": "#182026",
"focused": "#182026",
"pressed": "#182026",
"activated": "#182B42",
"selected": "#182B42"
}
}
},
"itemIcon": {
"space": {
"marginRight": {
"sm": "0.8rem",
"md": "0.8rem",
"lg": "1.6rem"
}
},
"size": {
"square": {
"sm": "1.6rem",
"md": "1.8rem",
"lg": "2rem",
"xl": "2.4rem"
}
}
},
"itemGroup": {
"space": {
"marginTop": "1.2rem"
}
},
"itemGroupHeading": {
"size": {
"height": "3.2rem"
}
}
},
"scrollbars": {
"size": {
"square": {
"sm": "calc(0.4rem + 0.2rem)",
"md": "0.8rem",
"lg": "calc(0.8rem + 0.2rem)"
}
},
"track": {
"color": {
"backdrop": "rgba(0,0,0,.08)"
},
"shape": {
"borderRadius": "999rem"
}
},
"thumb": {
"color": {
"backdrop": {
"base": "rgba(0,0,0,.24)",
"hovered": "rgba(0,0,0,.36)"
}
},
"shape": {
"borderRadius": "999rem"
},
"mutation": {
"transition": "background-color ease-in-out .15s"
}
}
},
"typographies": {
"typo": {
"fontFamily": {
"action": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"body": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"heading": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"hero": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"icon": {
"base": {
"fontFaceName": "'lt-iconfont', sans-serif",
"originalName": "'lt-iconfont', sans-serif"
},
"alt": {
"fontFaceName": "'LtAppFont', sans-serif",
"originalName": "'LtAppFont', sans-serif"
}
},
"lead": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"link": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"mono": {
"fontFaceName": "'Mono Font', monospace",
"originalName": "JetBrains Mono"
},
"overline": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
}
},
"fontSize": {
"action": {
"xxs": "1rem",
"xs": "1.1rem",
"sm": "1.2rem",
"md": "1.3rem",
"lg": "1.4rem",
"xl": "1.6rem"
},
"body": {
"xxs": "1rem",
"xs": "1.1rem",
"sm": "1.2rem",
"md": "1.3rem",
"lg": "1.4rem",
"xl": "1.6rem"
},
"heading": {
"h6": "1.3rem",
"h5": "1.4rem",
"h4": "1.6rem",
"h3": "1.8rem",
"h2": "2rem",
"h1": "2.4rem"
},
"hero": {
"sm": "3.6rem",
"md": "4.2rem",
"lg": "4.8rem"
},
"icon": {
"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": "6rem"
},
"lead": {
"sm": "1.3rem",
"md": "1.4rem",
"lg": "1.6rem"
},
"link": {
"xxs": "1rem",
"xs": "1.1rem",
"sm": "1.2rem",
"md": "1.3rem",
"lg": "1.4rem",
"xl": "1.6rem"
},
"mono": {
"sm": "1.1rem",
"md": "1.3rem",
"lg": "1.6rem"
},
"overline": {
"sm": "1rem",
"md": "1.1rem",
"lg": "1.2rem"
}
},
"fontWeight": {
"action": "700",
"body": "500",
"overline": "500",
"heading": "700",
"hero": "700",
"lead": "300",
"link": "700",
"markers": "700",
"mono": "500",
"shortText": "500",
"bolder": "900"
},
"letterSpacing": {
"action": {
"em": "0",
"percent": "0%"
},
"body": {
"em": "0",
"percent": "0%"
},
"heading": {
"em": "-0.01925em",
"percent": "-1.925%"
},
"hero": {
"em": "-0.01925em",
"percent": "-1.925%"
},
"lead": {
"em": "0",
"percent": "0%"
},
"link": {
"em": "0",
"percent": "0%"
},
"mono": {
"em": "0",
"percent": "0%"
},
"overline": {
"em": "0.1325em",
"percent": "13.25%"
},
"reset": {
"em": "0",
"percent": "0%"
}
},
"lineHeight": {
"action": {
"relative": "1.2",
"xxs": "1.6rem",
"xs": "1.6rem",
"sm": "1.6rem",
"md": "2rem",
"lg": "2rem",
"xl": "2.4rem"
},
"body": {
"relative": "1.5",
"xxs": "1.6rem",
"xs": "1.6rem",
"sm": "1.6rem",
"md": "2rem",
"lg": "2rem",
"xl": "2.4rem"
},
"heading": {
"relative": "1.2",
"h1": "2.8rem",
"h2": "2.4rem",
"h3": "2rem",
"h4": "2rem",
"h5": "1.6rem",
"h6": "1.6rem"
},
"hero": {
"relative": "1.2",
"sm": "4.4rem",
"md": "5.2rem",
"lg": "5.6rem"
},
"lead": {
"relative": "1.5",
"sm": "2rem",
"md": "2rem",
"lg": "2.4rem"
},
"link": {
"relative": "1.5",
"xxs": "1.6rem",
"xs": "1.6rem",
"sm": "1.6rem",
"md": "2rem",
"lg": "2rem",
"xl": "2.4rem"
},
"mono": {
"relative": "1.5",
"sm": "1.6rem",
"md": "2rem",
"lg": "2.4rem"
},
"overline": {
"relative": "1.2",
"sm": "1.2rem",
"md": "1.6rem",
"lg": "1.6rem"
},
"reset": "1"
},
"textTransform": {
"action": "none",
"body": "none",
"overline": "uppercase",
"heading": "none",
"hero": "none",
"lead": "none",
"link": "none",
"markers": "none",
"mono": "none",
"shortText": "none",
"bolder": "none"
}
}
}
}
};