From d037e39e07d95b6214230c6ad936cad92b35569a Mon Sep 17 00:00:00 2001 From: Isa Ozler Date: Mon, 21 Jul 2025 20:57:33 +0200 Subject: [PATCH] Fixed mobile view hero component and footer --- .../icons/hourglass/svg.hourglass.tokens.json | 2 +- .../svg.hourglass_slim.tokens.json | 16 ++++++++++++++++ .../kda-design-system.tokens.config.json | 4 +++- .../tokens/kda-design-system.tokens.svg.json | 10 ++++++++++ .../design-system/dist/css/breakpoints.css | 12 ++++++++++++ .../theme/design-system/dist/css/icons.css | 3 ++- .../theme/design-system/dist/css/tokens.css | 2 ++ .../dist/js/tokens.dark.config.ts | 2 ++ .../dist/js/tokens.dark.config.type.ts | 1 + .../dist/js/tokens.light.config.ts | 2 ++ .../dist/js/tokens.light.config.type.ts | 1 + .../dist/kda-design-system-raw.tokens.json | 2 +- .../tokens/component/hero.banner.tokens.json | 14 ++++++++++++++ ui/home/HeroBanner.tsx | 9 ++++++++- ui/shared/IconSvg.tsx | 16 ++++++++++++++++ ui/snippets/footer/Footer.tsx | 19 ++++++++++++++++++- ui/snippets/topBar/TopBarChainStatus.tsx | 4 +++- 17 files changed, 112 insertions(+), 7 deletions(-) create mode 100644 toolkit/theme/design-system/build/icons/hourglass_slim/svg.hourglass_slim.tokens.json diff --git a/toolkit/theme/design-system/build/icons/hourglass/svg.hourglass.tokens.json b/toolkit/theme/design-system/build/icons/hourglass/svg.hourglass.tokens.json index cc117c1884..148e5736dd 100644 --- a/toolkit/theme/design-system/build/icons/hourglass/svg.hourglass.tokens.json +++ b/toolkit/theme/design-system/build/icons/hourglass/svg.hourglass.tokens.json @@ -5,7 +5,7 @@ "$type": "icon", "$name": "hourglass", "$description": "", - "$value": " ", + "$value": " ", "$dimensions": { "width": 24, "height": 24 diff --git a/toolkit/theme/design-system/build/icons/hourglass_slim/svg.hourglass_slim.tokens.json b/toolkit/theme/design-system/build/icons/hourglass_slim/svg.hourglass_slim.tokens.json new file mode 100644 index 0000000000..682132ba39 --- /dev/null +++ b/toolkit/theme/design-system/build/icons/hourglass_slim/svg.hourglass_slim.tokens.json @@ -0,0 +1,16 @@ +{ + "kda": { + "icons": { + "hourglass_slim": { + "$type": "icon", + "$name": "hourglass_slim", + "$description": "", + "$value": " ", + "$dimensions": { + "width": 24, + "height": 24 + } + } + } + } +} \ No newline at end of file diff --git a/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.config.json b/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.config.json index 912d23702c..0ada5fe454 100644 --- a/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.config.json +++ b/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.config.json @@ -209,6 +209,7 @@ "banner": { "title": { "font": { + "width": "auto", "size": "1.5rem", "weight": 500, "lineHeight": "1.5rem", @@ -2452,7 +2453,8 @@ "graphQL": " ", "heart_filled": " ", "heart_outline": " ", - "hourglass": " ", + "hourglass": " ", + "hourglass_slim": " ", "info": " ", "info_filled": " ", "integration": { diff --git a/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.svg.json b/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.svg.json index 79c1438776..c58cbc049e 100644 --- a/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.svg.json +++ b/toolkit/theme/design-system/build/tokens/kda-design-system.tokens.svg.json @@ -1506,6 +1506,16 @@ "$type": "icon", "$name": "hourglass", "$description": "", + "$value": " ", + "$dimensions": { + "width": 24, + "height": 24 + } + }, + "hourglass_slim": { + "$type": "icon", + "$name": "hourglass_slim", + "$description": "", "$value": " ", "$dimensions": { "width": 24, diff --git a/toolkit/theme/design-system/dist/css/breakpoints.css b/toolkit/theme/design-system/dist/css/breakpoints.css index b670e8fef5..5363c0feb3 100644 --- a/toolkit/theme/design-system/dist/css/breakpoints.css +++ b/toolkit/theme/design-system/dist/css/breakpoints.css @@ -5,6 +5,18 @@ * Changes will be overwritten. Please update the source design tokens instead. */ +@media (max-width: 30rem) { + :root { + --kda-explorer-hero-banner-title-font-width: 100%; + --kda-explorer-hero-banner-title-font-size: 1.25rem; + + &.dark { + --kda-explorer-hero-banner-title-font-width: 100%; + --kda-explorer-hero-banner-title-font-size: 1.25rem; + } + } +} + @media (min-width: 64rem) { :root { --kda-explorer-hero-banner-title-font-size: 1.75rem; diff --git a/toolkit/theme/design-system/dist/css/icons.css b/toolkit/theme/design-system/dist/css/icons.css index 00bd53adea..4b4f712c78 100644 --- a/toolkit/theme/design-system/dist/css/icons.css +++ b/toolkit/theme/design-system/dist/css/icons.css @@ -98,7 +98,8 @@ --kda-icons-graph-ql: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.613%205.751%205.082%202.85a2.255%202.255%200%200%201%203.123-.077c.153.14.282.301.389.477.606%201.028.238%202.339-.82%202.928-.18.1-.372.175-.575.223v5.699c1.18.273%201.91%201.423%201.627%202.569-.05.204-.13.4-.239.581-.61%201.023-1.958%201.374-3.014.782a2.18%202.18%200%200%201-.542-.429l-5.052%202.832c.383%201.124-.245%202.335-1.402%202.706a2.275%202.275%200%200%201-.69.108c-1.216.001-2.203-.955-2.204-2.136%200-.205.03-.41.09-.609l-5.083-2.847a2.252%202.252%200%200%201-3.117.07%202.098%202.098%200%200%201-.072-3.026%202.224%202.224%200%200%201%201.075-.603l.001-5.699c-1.184-.276-1.913-1.433-1.628-2.584.048-.198.127-.389.23-.566.61-1.024%201.96-1.374%203.015-.782.183.101.35.228.495.377l5.086-2.85c-.347-1.133.32-2.322%201.484-2.657.203-.059.416-.088.628-.088%201.216-.001%202.203.954%202.204%202.134.001.209-.03.418-.091.617Zm-.53.877a.799.799%200%200%201-.06.058l6.654%2011.19c.027-.009.058-.016.084-.023v-5.707c-1.179-.283-1.897-1.442-1.604-2.588.006-.024.012-.049.02-.072l-5.095-2.858Zm-3.106.059-.062-.06L8.82%209.479c.337%201.135-.337%202.318-1.505%202.645l-.078.021v5.708l.086.023%206.655-11.19-.002.001Zm2.138.507a2.285%202.285%200%200%201-1.228%200L8.234%2018.383c.302.283.517.645.618%201.041h13.297c.1-.398.317-.761.622-1.044L16.115%207.194Zm1.016%2016.227%205.06-2.838a1.715%201.715%200%200%201-.04-.142H8.85l-.022.083%205.087%202.852c.4-.404.962-.653%201.586-.653.646%200%201.226.269%201.63.698Z%22%2F%3E%20%3C%2Fsvg%3E"); --kda-icons-heart-filled: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2222.857142857142854px%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22m10%204.34-.555-.578c-.947-.946-2.205-.988-3.508-.97A4.876%204.876%200%200%200%202.468%204.34a5.443%205.443%200%200%200-1.467%203.664%205.46%205.46%200%200%200%201.363%203.71L10%2019.282l7.636-7.58a5.46%205.46%200%200%200%201.363-3.71%205.443%205.443%200%200%200-1.467-3.663%204.876%204.876%200%200%200-3.47-1.547c-1.302-.019-2.56.023-3.507.97L10%204.338Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); --kda-icons-heart-outline: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2222.857142857142854px%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.005%204.24a5.332%205.332%200%200%201%207.542%207.532l-.007.008L10%2019.328l-7.54-7.54-.007-.007a5.332%205.332%200%200%201%207.542-7.532l.003-.002.007-.007Zm1.017%201.061L10.004%206.32%208.98%205.312a3.862%203.862%200%200%200-5.465%205.453L10%2017.25l6.485-6.493A3.862%203.862%200%200%200%2011.022%205.3Z%22%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.4%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.005%204.24a5.332%205.332%200%200%201%207.542%207.532l-.007.008L10%2019.328l-7.54-7.54-.007-.007a5.332%205.332%200%200%201%207.542-7.532l.003-.002.007-.007Zm1.017%201.061L10.004%206.32%208.98%205.312a3.862%203.862%200%200%200-5.465%205.453L10%2017.25l6.485-6.493A3.863%203.863%200%200%200%2011.022%205.3Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); - --kda-icons-hourglass: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15.125%206.906a1.257%201.257%200%200%200%20.5-1V3.125a1.25%201.25%200%200%200-1.25-1.25h-8.75a1.25%201.25%200%200%200-1.25%201.25v2.813a1.258%201.258%200%200%200%20.5%201L6.289%208l2.672%202-4.086%203.063a1.258%201.258%200%200%200-.5%201v2.812a1.25%201.25%200%200%200%201.25%201.25h8.75a1.25%201.25%200%200%200%201.25-1.25v-2.781a1.257%201.257%200%200%200-.5-1L11.039%2010l1.774-1.344%202.312-1.75Zm-9.5-3.781h8.75v2.781l-.453.344H6.039l-.414-.313V3.126Zm8.75%2010.969v2.781h-8.75v-2.813l3.75-2.812v1.875a.625.625%200%201%200%201.25%200v-1.867l3.75%202.836Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); + --kda-icons-hourglass: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M21.052%204.708c.415.037.82.204%201.141.493l.132.132c.293.323.47.746.47%201.206v3.43a1.785%201.785%200%200%201-.128.654l-.096.201a1.875%201.875%200%200%201-.58.635l-.003.002L16.796%2015l5.192%203.54.014.01.145.11.013.012c.163.14.304.31.411.504l.096.201c.083.206.127.428.129.654v3.43l-.01.195a1.8%201.8%200%200%201-.46%201.012l-.133.132c-.32.29-.726.455-1.141.492l-.179.008H8.923c-.417%200-.833-.13-1.177-.384l-.142-.116a1.821%201.821%200%200%201-.567-.978l-.026-.166-.002-.016L7%2023.478v-3.483l.001-.021.014-.188.002-.018.03-.166c.038-.162.098-.319.179-.464l.01-.016.098-.155.01-.015.101-.128c.104-.12.223-.225.352-.314l.016-.012L12.986%2015l-5.174-3.498-.015-.012a1.889%201.889%200%200%201-.453-.442l-.118-.186a1.799%201.799%200%200%201-.21-.63L7%2010.008V6.539a1.8%201.8%200%200%201%20.604-1.338l.142-.116c.343-.254.76-.385%201.177-.385h11.95l.179.008ZM9.139%2020.182v2.98h11.52v-2.941l-4.691-3.198v1.823a1.07%201.07%200%200%201-.96%201.063l-.11.006a1.07%201.07%200%200%201-1.069-1.07v-1.832l-4.69%203.169Zm-.121.082h.002l.006-.006-.008.006Zm5.877-6.557%202.176-1.483H12.7l2.196%201.483Zm-5.756-3.89.395.268H20.21l.45-.307v-2.94H9.138v2.98Z%22%20fill%3D%22currentColor%22%2F%3E%20%3Cpath%20d%3D%22M21.052%204.708c.415.037.82.204%201.141.493l.132.132c.293.323.47.746.47%201.206v3.43a1.785%201.785%200%200%201-.128.654l-.096.201a1.875%201.875%200%200%201-.58.635l-.003.002L16.796%2015l5.192%203.54.014.01.145.11.013.012c.163.14.304.31.411.504l.096.201c.083.206.127.428.129.654v3.43l-.01.195a1.8%201.8%200%200%201-.46%201.012l-.133.132c-.32.29-.726.455-1.141.492l-.179.008H8.923c-.417%200-.833-.13-1.177-.384l-.142-.116a1.821%201.821%200%200%201-.567-.978l-.026-.166-.002-.016L7%2023.478v-3.483l.001-.021.014-.188.002-.018.03-.166c.038-.162.098-.319.179-.464l.01-.016.098-.155.01-.015.101-.128c.104-.12.223-.225.352-.314l.016-.012L12.986%2015l-5.174-3.498-.015-.012a1.889%201.889%200%200%201-.453-.442l-.118-.186a1.799%201.799%200%200%201-.21-.63L7%2010.008V6.539a1.8%201.8%200%200%201%20.604-1.338l.142-.116c.343-.254.76-.385%201.177-.385h11.95l.179.008ZM9.139%2020.182v2.98h11.52v-2.941l-4.691-3.198v1.823a1.07%201.07%200%200%201-.96%201.063l-.11.006a1.07%201.07%200%200%201-1.069-1.07v-1.832l-4.69%203.169Zm-.121.082h.002l.006-.006-.008.006Zm5.877-6.557%202.176-1.483H12.7l2.196%201.483Zm-5.756-3.89.395.268H20.21l.45-.307v-2.94H9.138v2.98Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); + --kda-icons-hourglass-slim: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15.125%206.906a1.257%201.257%200%200%200%20.5-1V3.125a1.25%201.25%200%200%200-1.25-1.25h-8.75a1.25%201.25%200%200%200-1.25%201.25v2.813a1.258%201.258%200%200%200%20.5%201L6.289%208l2.672%202-4.086%203.063a1.258%201.258%200%200%200-.5%201v2.812a1.25%201.25%200%200%200%201.25%201.25h8.75a1.25%201.25%200%200%200%201.25-1.25v-2.781a1.257%201.257%200%200%200-.5-1L11.039%2010l1.774-1.344%202.312-1.75Zm-9.5-3.781h8.75v2.781l-.453.344H6.039l-.414-.313V3.126Zm8.75%2010.969v2.781h-8.75v-2.813l3.75-2.812v1.875a.625.625%200%201%200%201.25%200v-1.867l3.75%202.836Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); --kda-icons-info: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.034%203H6.965C4.587%203%203%204.703%203%207.141v5.718C3%2015.299%204.583%2017%206.965%2017h6.068C15.416%2017%2017%2015.3%2017%2012.859V7.14C17%204.701%2015.416%203%2013.034%203ZM6.965%204.05h6.069c1.785%200%202.916%201.214%202.916%203.091v5.718c0%201.877-1.13%203.091-2.917%203.091H6.966c-1.786%200-2.916-1.214-2.916-3.091V7.14c0-1.874%201.134-3.091%202.915-3.091ZM10%206.818a.525.525%200%200%201%20.072%201.045l-.079.005a.525.525%200%200%201-.07-1.045L10%206.818Zm-.007%202.221c.266%200%20.486.198.52.454l.005.071v3.093a.525.525%200%200%201-1.045.072l-.005-.072V9.564c0-.29.235-.525.525-.525Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); --kda-icons-info-filled: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%2018.333a8.333%208.333%200%201%201%200-16.666%208.333%208.333%200%201%201%200%2016.666Zm-.834-9.166v5h1.667v-5H9.166Zm0-3.334V7.5h1.667V5.833H9.166Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); --kda-icons-integration-full: url("data:image/svg+xml,%3Csvg%20viewBox%3D%22-1%20-1%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.24.661a.964.964%200%201%200-1.831.607l.426%201.285a.964.964%200%200%200%201.83-.606L7.24.661Zm10.478.985A.964.964%200%200%200%2016.354.283l-3.495%203.495-.204-.204a2.893%202.893%200%200%200-4.091%200L6.75%205.388A.964.964%200%200%200%205.388%206.75L3.575%208.562a2.893%202.893%200%200%200%200%204.091l.204.204-3.496%203.497a.964.964%200%201%200%201.364%201.363l3.496-3.496.205.205a2.893%202.893%200%200%200%204.091%200l1.813-1.813a.964.964%200%200%200%201.361-1.361l1.815-1.814a2.893%202.893%200%200%200%200-4.091l-.206-.206%203.496-3.495ZM11.25%209.887l1.813-1.813a.964.964%200%200%200%200-1.364l-.839-.839a.996.996%200%200%201-.096-.096l-.838-.838a.964.964%200%200%200-1.363%200L8.114%206.751l3.137%203.136Zm-4.5-1.773L4.939%209.926a.964.964%200%200%200%200%201.364l.864.864a1.193%201.193%200%200%201%20.044.043l.865.866a.964.964%200%200%200%201.363%200l1.812-1.812-3.136-3.137Zm4.196%206.72a.964.964%200%200%201%201.218.613l.426%201.285a.964.964%200%201%201-1.83.607l-.426-1.286a.964.964%200%200%201%20.612-1.219Zm3.888-3.887a.964.964%200%200%201%201.218-.612l1.286.425a.964.964%200%201%201-.607%201.831l-1.285-.426a.964.964%200%200%201-.612-1.218ZM1.268%205.409a.964.964%200%201%200-.607%201.83l1.286.426a.964.964%200%201%200%20.606-1.83l-1.285-.426Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); diff --git a/toolkit/theme/design-system/dist/css/tokens.css b/toolkit/theme/design-system/dist/css/tokens.css index e9bd329d3b..c6205ef76e 100644 --- a/toolkit/theme/design-system/dist/css/tokens.css +++ b/toolkit/theme/design-system/dist/css/tokens.css @@ -15,6 +15,7 @@ --kda-explorer-alert-loading: #194268; --kda-explorer-button-background-color: #20624c; --kda-explorer-button-surface-color: #fff; + --kda-explorer-hero-banner-title-font-width: auto; --kda-explorer-hero-banner-title-font-size: 1.5rem; --kda-explorer-hero-banner-title-font-weight: 500; --kda-explorer-hero-banner-title-font-line-height: 1.5rem; @@ -1025,6 +1026,7 @@ --kda-explorer-alert-loading: #a0cbf4; --kda-explorer-button-background-color: #52ffc6; --kda-explorer-button-surface-color: #000; + --kda-explorer-hero-banner-title-font-width: auto; --kda-explorer-hero-banner-title-font-size: 1.5rem; --kda-explorer-hero-banner-title-font-weight: 500; --kda-explorer-hero-banner-title-font-line-height: 1.5rem; diff --git a/toolkit/theme/design-system/dist/js/tokens.dark.config.ts b/toolkit/theme/design-system/dist/js/tokens.dark.config.ts index b8d0ac3315..61e8deb3fb 100644 --- a/toolkit/theme/design-system/dist/js/tokens.dark.config.ts +++ b/toolkit/theme/design-system/dist/js/tokens.dark.config.ts @@ -19,6 +19,7 @@ export const cssVars: CSSVars = { 'kda-explorer-alert-loading': '#a0cbf4', 'kda-explorer-button-background-color': '#52ffc6', 'kda-explorer-button-surface-color': '#000', + 'kda-explorer-hero-banner-title-font-width': 'auto', 'kda-explorer-hero-banner-title-font-size': '1.5rem', 'kda-explorer-hero-banner-title-font-weight': '500', 'kda-explorer-hero-banner-title-font-lineHeight': '1.5rem', @@ -1058,6 +1059,7 @@ export default { banner: { title: { font: { + width: 'auto', size: '1.5rem', weight: '500', lineHeight: '1.5rem', diff --git a/toolkit/theme/design-system/dist/js/tokens.dark.config.type.ts b/toolkit/theme/design-system/dist/js/tokens.dark.config.type.ts index 48c2bf780d..60841b942f 100644 --- a/toolkit/theme/design-system/dist/js/tokens.dark.config.type.ts +++ b/toolkit/theme/design-system/dist/js/tokens.dark.config.type.ts @@ -43,6 +43,7 @@ export type KDADesignSystemDarkTokens = { banner: { title: { font: { + width: string; size: string; weight: string; lineHeight: string; diff --git a/toolkit/theme/design-system/dist/js/tokens.light.config.ts b/toolkit/theme/design-system/dist/js/tokens.light.config.ts index 7f9b86de20..9e511d34bb 100644 --- a/toolkit/theme/design-system/dist/js/tokens.light.config.ts +++ b/toolkit/theme/design-system/dist/js/tokens.light.config.ts @@ -19,6 +19,7 @@ export const cssVars: CSSVars = { 'kda-explorer-alert-loading': '#194268', 'kda-explorer-button-background-color': '#20624c', 'kda-explorer-button-surface-color': '#fff', + 'kda-explorer-hero-banner-title-font-width': 'auto', 'kda-explorer-hero-banner-title-font-size': '1.5rem', 'kda-explorer-hero-banner-title-font-weight': '500', 'kda-explorer-hero-banner-title-font-lineHeight': '1.5rem', @@ -1058,6 +1059,7 @@ export default { banner: { title: { font: { + width: 'auto', size: '1.5rem', weight: '500', lineHeight: '1.5rem', diff --git a/toolkit/theme/design-system/dist/js/tokens.light.config.type.ts b/toolkit/theme/design-system/dist/js/tokens.light.config.type.ts index 4d320e31cc..c750ad179e 100644 --- a/toolkit/theme/design-system/dist/js/tokens.light.config.type.ts +++ b/toolkit/theme/design-system/dist/js/tokens.light.config.type.ts @@ -43,6 +43,7 @@ export type KDADesignSystemLightTokens = { banner: { title: { font: { + width: string; size: string; weight: string; lineHeight: string; diff --git a/toolkit/theme/design-system/dist/kda-design-system-raw.tokens.json b/toolkit/theme/design-system/dist/kda-design-system-raw.tokens.json index 97fe30ff59..e77099fa1d 100644 --- a/toolkit/theme/design-system/dist/kda-design-system-raw.tokens.json +++ b/toolkit/theme/design-system/dist/kda-design-system-raw.tokens.json @@ -1 +1 @@ -{"$name":"Kadena Design System Tokens","$version":"0.0.1","$paths":{"baseDir":"./toolkit/theme/design-system","distDir":"./dist","buildDir":"./build","tokensDir":"./tokens","assets":{"icons":{"sourceDir":"../../../icons"},"fonts":{"sourceDir":"./assets/fonts"}}},"$modes":{"default":"light","dark":"dark"},"$fonts":[{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,100&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,400&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,600&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,600&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,600&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,800&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,800&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,800&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,900&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,900&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,900&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"}],"$metaData":{"tokenNamespace":"kda","colorspace":"hex","fontNamespace":"font","tokens":{"css":{"mediaQuery":{"match":".","separateThemeFiles":false},"hooks":{"shortenName":{"enabled":true,"prefix":[{"find":"kda-foundation-","replace":"kda-"}],"suffix":[{"find":"-default","replace":""}]}}}},"dsNamespace":"kda"},"kda":{"explorer":{"alert":{"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.semantic.info.default}"}}},"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"semantic":{"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}},"loading":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}},"button":{"background":{"color":{"default":{"$value":"{kda.foundation.color.background.accent.primary.inverse.default}","$type":"color","$extensions":{"mode":{"dark":"{kda.foundation.color.background.accent.primary.inverse.default}"}}}}},"surface":{"color":{"default":{"$value":"{kda.foundation.color.text.base.inverse.@init}","$type":"color"}}}},"hero":{"banner":{"title":{"font":{"size":{"$type":"dimension","$value":"{kda.foundation.typography.fontSize.xl}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.fontSize.2xl}"}}}},"weight":{"$type":"fontWeight","$value":"{kda.foundation.typography.weight.primaryFont.medium}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.weight.primaryFont.semiBold}"}}}},"lineHeight":{"$type":"fontWeight","$value":"{kda.foundation.typography.lineHeight.xl}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.lineHeight.2xl}"}}}},"color":{"name":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100}"}}},"prefix":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100@alpha40}"}}},"selector":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100}"}}}}},"margin":{"gap":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.spacing.n2}"}}}},"bottom":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.spacing.n6}"}}}}}},"border":{"$type":"composition","$value":{"width":{"$type":"dimension","value":"{kda.foundation.border.width.hairline}"},"style":{"$type":"string","value":"solid"},"color":{"$type":"color","value":"{kda.foundation.color.accent.green}"}}},"radius":{"$type":"dimension","$value":"{kda.foundation.radius.lg}"},"background":{"$type":"color","$value":"{kda.foundation.color.accent.green}"},"padding":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":{"$type":"dimension","$value":"{kda.foundation.spacing.n8}"}}}}},"column":{"width":{"$type":"string","$value":"auto","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"auto"}}}},"gap":{"$type":"dimension","$value":"{kda.foundation.spacing.n8}"}},"button":{"dimensions":{"radius":{"$type":"dimension","$value":"{kda.foundation.radius.no}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.radius.xs}"}}}}},"default":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.default}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@init}"}},"@hover":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.@active}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@active}"}},"@active":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.@hover}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@hover}"}}}}},"input":{"dimensions":{"radius":{"base":{"$value":"{kda.foundation.radius.no}","$type":"dimension","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.radius.xs}"}}}}}},"border":{"color":{"semantic":{"negative":{"$type":"color","$value":"{kda.foundation.color.border.semantic.negative.default}"}},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n50}"}}}}}},"navigation":{"dimensions":{"select":{"option":{"radius":{"$type":"dimension","$value":"{kda.foundation.radius.lg}"},"padding":{"$type":"dimension","$value":"6px"}}}},"background":{"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n20}"}}}},"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.brand.primary.default}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n99}"}}},"@selected":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n100}"}}}}}},"toast":{"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.semantic.info.default}"}}},"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"semantic":{"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}},"loading":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}},"top":{"bar":{"font":{"size":{"$type":"dimension","$value":"{kda.foundation.typography.fontSize.xs}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.fontSize.xs}"}}}}}}},"widget":{"stats":{"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha40}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"}},"surface":{"text":{"subtle":{"$type":"color","$value":"{kda.foundation.color.text.subtle.default}"},"default":{"$type":"color","$value":"{kda.foundation.color.text.brand.primary.default}"}},"icon":{"color":{"default":{"$type":"color","$value":"{kda.foundation.color.icon.brand.primary.@active}"}}}}}}},"foundation":{"border":{"width":{"hairline":{"$type":"dimension","$value":"1px"},"normal":{"$type":"dimension","$value":"2px"},"thick":{"$type":"dimension","$value":"4px"}},"hairline":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.hairline}","style":"solid","color":"{kda.foundation.color.border.base.default}"},"$extensions":{"sort":["width","style","color"]}},"normal":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.normal}","style":"solid","color":"{kda.foundation.color.border.base.bold}"},"$extensions":{"sort":["width","style","color"]}},"thick":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.thick}","style":"solid","color":"{kda.foundation.color.border.base.bold}"},"$extensions":{"sort":["width","style","color"]}}},"breakpoint":{"$description":"Breakpoint sizes for viewports","xs":{"$type":"dimension","$value":"0rem"},"sm":{"$type":"dimension","$value":"40rem"},"md":{"$type":"dimension","$value":"48rem"},"lg":{"$type":"dimension","$value":"64rem"},"xl":{"$type":"dimension","$value":"80rem"},"xxl":{"$type":"dimension","$value":"96rem"}},"color":{"accent":{"$description":"Accent colors","blue":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"celery":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n50}"},"green":{"$type":"color","$value":"{kda.foundation.color.palette.green.n50}"},"magenta":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"orange":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"red":{"$type":"color","$value":"{kda.foundation.color.palette.red.n50}"},"yellow":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n50}"},"brand":{"primary":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"tertiary":{"$type":"color","$value":"{kda.foundation.color.brand.tertiary.n50}"},"tint":{"primary":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"tertiary":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"}}},"semantic":{"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"}}},"background":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"warm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n5@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"warm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n95@alpha80}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha10}"}}},"layer":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha80}"}}},"solid":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5}"}}}},"overlay":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha95}"}}},"context":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha95}"}}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5}"}}}},"surface":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha6}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha6}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha80}"}}}},"subtle":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha3}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha20}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha80}"}}}}}},"surfaceHighContrast":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha90}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha90}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha90}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100@alpha90}"}}}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n5}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n1}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n10}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n95}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n99}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n1}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n10}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"}}}},"accent":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n90}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"}}},"tertiary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n90}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n90}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n90}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}}},"input":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n20@alpha80}"}}},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n5@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n80@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n80@alpha80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n95@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha10}"}}},"skeleton":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n20@alpha80}"}}}},"table":{"row":{"default":{"$type":"color","$value":"{kda.foundation.color.background.layer.default}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n10@alpha80}"}}}}}},"border":{"base":{"subtle":{"$type":"color","$value":"{kda.foundation.color.neutral.n10@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha10}"}}},"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n90@alpha25}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha50}"},"boldest":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha70}"},"high-contrast":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"},"inverse":{"subtle":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha10}"},"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha20}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"boldest":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha50}"},"high-contrast":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n40}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n40}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.positive.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.negative.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.warning.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.info.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"}}}},"tint":{"outline":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n20@alpha80}"}}}},"overlay":{"context":{"$type":"color","$value":"{kda.foundation.color.neutral.n20@alpha80}"}}},"brand":{"primary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.green.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.green.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.green.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.green.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.green.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.green.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.green.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.green.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.green.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.green.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.green.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.green.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.green.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.green.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.green.n100}"}},"secondary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n100}"}},"tertiary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n100}"}},"key":{"primary":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.secondary.n1}"}}},"tertiary":{"$type":"color","$value":"{kda.foundation.color.brand.tertiary.n50}"},"accent":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"neutralwarm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"},"white":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99}"}}},"black":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n1}"}}}}},"gradient":{"base":{"subtle":{"$type":"composition","$value":{"prefix":"linear-gradient(","data":{"$type":"composition","value":{"angle":"90deg","color1":{"$type":"color","value":"{kda.foundation.color.background.base.default}"},"color2":{"$type":"color","value":"{kda.foundation.color.neutral.n1@alpha0}"}},"$extensions":{"delimiter":{"character":", "}}},"suffix":")"},"$extensions":{"delimiter":{"character":" "}}}}},"icon":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@init":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha50}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha20}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@init":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha50}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha20}"}}},"brand":{"logo":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutralwarm.n99}"}}}}},"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"bold":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"bold":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}}},"product":{"spirekey":{"animation":{"start":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"step1":{"$type":"color","$value":"#4AA688"},"step2":{"$type":"color","$value":"#4BBD97"},"step3":{"$type":"color","$value":"#4BD3A6"},"end":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n30}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}}}}}},"link":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n90}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n50}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.magenta.n80}"}}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}}}},"neutral":{"$description":"Neutral Gray colors","n0":{"$type":"color","$value":"#FFFFFF","$extensions":{"mode":{"dark":"#000000"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha10":10,"@alpha20":20,"@alpha40":40,"@alpha70":70,"@alpha80":80,"@alpha90":90,"@alpha95":95}}]}},"n0@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":0}},"n0@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":10}},"n0@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":20}},"n0@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":40}},"n0@alpha70":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":70}},"n0@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":80}},"n0@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":90}},"n0@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":95}},"n1":{"$type":"color","$value":"#F5F5F5","$extensions":{"mode":{"dark":"#020E1B"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha1":1,"@alpha3":3,"@alpha4":4,"@alpha5":5,"@alpha6":6,"@alpha10":10,"@alpha20":20,"@alpha30":30,"@alpha40":40,"@alpha50":50,"@alpha80":80,"@alpha90":90}}]}},"n1@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":0}},"n1@alpha1":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":1}},"n1@alpha3":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":3}},"n1@alpha4":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":4}},"n1@alpha5":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":5}},"n1@alpha6":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":6}},"n1@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":10}},"n1@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":20}},"n1@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":30}},"n1@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":40}},"n1@alpha50":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":50}},"n1@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":80}},"n1@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":90}},"n5":{"$type":"color","$value":"#E4E5E5","$extensions":{"mode":{"dark":"#131E2B"},"generators":[{"type":"alpha","value":{"@alpha80":80,"@alpha95":95}}]}},"n5@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}","$extensions":{"alpha":80}},"n5@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}","$extensions":{"alpha":95}},"n10":{"$type":"color","$value":"#D2D4D6","$extensions":{"mode":{"dark":"#252F3A"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n10@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"alpha":80}},"n15":{"$type":"color","$value":"#C1C4C6","$extensions":{"mode":{"dark":"#36404A"}}},"n20":{"$type":"color","$value":"#B0B3B7","$extensions":{"mode":{"dark":"#475059"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#9EA3A7","$extensions":{"mode":{"dark":"#596069"}}},"n40":{"$type":"color","$value":"#8D9298","$extensions":{"mode":{"dark":"#6A7178"}}},"n50":{"$type":"color","$value":"#7C8288","$extensions":{"mode":{"dark":"#7C8288"}}},"n60":{"$type":"color","$value":"#6A7178","$extensions":{"mode":{"dark":"#8D9298"}}},"n70":{"$type":"color","$value":"#596069","$extensions":{"mode":{"dark":"#9EA3A7"}}},"n80":{"$type":"color","$value":"#475059","$extensions":{"mode":{"dark":"#B0B3B7"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}","$extensions":{"alpha":80}},"n85":{"$type":"color","$value":"#36404A","$extensions":{"mode":{"dark":"#C1C4C6"}}},"n90":{"$type":"color","$value":"#252F3A","$extensions":{"mode":{"dark":"#D2D4D6"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha25":25}}]}},"n90@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}","$extensions":{"alpha":20}},"n90@alpha25":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}","$extensions":{"alpha":25}},"n95":{"$type":"color","$value":"#131E2B","$extensions":{"mode":{"dark":"#E4E5E5"},"generators":[{"type":"alpha","value":{"@alpha80":80,"@alpha95":95}}]}},"n95@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}","$extensions":{"alpha":80}},"n95@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}","$extensions":{"alpha":95}},"n99":{"$type":"color","$value":"#020E1B","$extensions":{"mode":{"dark":"#F5F5F5"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha1":1,"@alpha3":3,"@alpha4":4,"@alpha5":5,"@alpha6":6,"@alpha10":10,"@alpha20":20,"@alpha30":30,"@alpha40":40,"@alpha50":50,"@alpha80":80,"@alpha90":90}}]}},"n99@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":0}},"n99@alpha1":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":1}},"n99@alpha3":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":3}},"n99@alpha4":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":4}},"n99@alpha5":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":5}},"n99@alpha6":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":6}},"n99@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":10}},"n99@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":20}},"n99@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":30}},"n99@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":40}},"n99@alpha50":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":50}},"n99@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":80}},"n99@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":90}},"n100":{"$type":"color","$value":"#000000","$extensions":{"mode":{"dark":"#FFFFFF"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha10":10,"@alpha20":20,"@alpha40":40,"@alpha70":70,"@alpha80":80,"@alpha90":90,"@alpha95":95}}]}},"n100@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":0}},"n100@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":10}},"n100@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":20}},"n100@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":40}},"n100@alpha70":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":70}},"n100@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":80}},"n100@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":90}},"n100@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":95}}},"neutralwarm":{"$description":"Neutral Warm colors","n0":{"$type":"color","$value":"#FBFAF9","$extensions":{"mode":{"dark":"#050505"}}},"n1":{"$type":"color","$value":"#F0EAE6","$extensions":{"mode":{"dark":"#0F0F0F"},"generators":[{"type":"alpha","value":{"@alpha30":30,"@alpha60":60,"@alpha80":80,"@alpha95":95}}]}},"n1@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":30}},"n1@alpha60":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":60}},"n1@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":80}},"n1@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":95}},"n5":{"$type":"color","$value":"#DDD8D4","$extensions":{"mode":{"dark":"#222121"}}},"n10":{"$type":"color","$value":"#CBC6C2","$extensions":{"mode":{"dark":"#353433"}}},"n20":{"$type":"color","$value":"#B8B3B0","$extensions":{"mode":{"dark":"#474645"}}},"n30":{"$type":"color","$value":"#A5A19E","$extensions":{"mode":{"dark":"#5A5857"}}},"n40":{"$type":"color","$value":"#928F8C","$extensions":{"mode":{"dark":"#6D6A69"}}},"n50":{"$type":"color","$value":"#807D7B","$extensions":{"mode":{"dark":"#807D7B"}}},"n60":{"$type":"color","$value":"#6D6A69","$extensions":{"mode":{"dark":"#928F8C"}}},"n70":{"$type":"color","$value":"#5A5857","$extensions":{"mode":{"dark":"#A5A19E"}}},"n80":{"$type":"color","$value":"#474645","$extensions":{"mode":{"dark":"#B8B3B0"}}},"n90":{"$type":"color","$value":"#353433","$extensions":{"mode":{"dark":"#CBC6C2"}}},"n95":{"$type":"color","$value":"#222121","$extensions":{"mode":{"dark":"#DDD8D4"}}},"n99":{"$type":"color","$value":"#0F0F0F","$extensions":{"mode":{"dark":"#F0EAE6"}}},"n100":{"$type":"color","$value":"#050505","$extensions":{"mode":{"dark":"#FBFAF9"}}}},"palette":{"aqua":{"$description":"Kadena Digital Green Color Palette Aqua","n0":{"$type":"color","$value":"#F0FFFA","$extensions":{"mode":{"dark":"#0A1F18"}}},"n1":{"$type":"color","$value":"#C9FFED","$extensions":{"mode":{"dark":"#113529"}}},"n5":{"$type":"color","$value":"#A1FFE0","$extensions":{"mode":{"dark":"#184C3B"}}},"n10":{"$type":"color","$value":"#7AFFD3","$extensions":{"mode":{"dark":"#20624C"}}},"n20":{"$type":"color","$value":"#52FFC6","$extensions":{"mode":{"dark":"#27795E"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#4BE9B5","$extensions":{"mode":{"dark":"#2E8F6F"}}},"n40":{"$type":"color","$value":"#44D2A3","$extensions":{"mode":{"dark":"#35A580"}}},"n50":{"$type":"color","$value":"#3CBC92","$extensions":{"mode":{"dark":"#3CBC92"}}},"n60":{"$type":"color","$value":"#35A580","$extensions":{"mode":{"dark":"#44D2A3"}}},"n70":{"$type":"color","$value":"#2E8F6F","$extensions":{"mode":{"dark":"#4BE9B5"}}},"n80":{"$type":"color","$value":"#27795E","$extensions":{"mode":{"dark":"#52FFC6"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#20624C","$extensions":{"mode":{"dark":"#7AFFD3"}}},"n95":{"$type":"color","$value":"#184C3B","$extensions":{"mode":{"dark":"#A1FFE0"}}},"n99":{"$type":"color","$value":"#113529","$extensions":{"mode":{"dark":"#C9FFED"}}},"n100":{"$type":"color","$value":"#0A1F18","$extensions":{"mode":{"dark":"#F0FFFA"}}}},"blue":{"$description":"Blue colors","n0":{"$type":"color","$value":"#F0F8FF","$extensions":{"mode":{"dark":"#06101A"}}},"n1":{"$type":"color","$value":"#D6EBFF","$extensions":{"mode":{"dark":"#0B1D2E"}}},"n5":{"$type":"color","$value":"#BBDBF9","$extensions":{"mode":{"dark":"#112C46"}}},"n10":{"$type":"color","$value":"#A0CBF4","$extensions":{"mode":{"dark":"#194268"}}},"n20":{"$type":"color","$value":"#86BCEE","$extensions":{"mode":{"dark":"#205586"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#6BACE8","$extensions":{"mode":{"dark":"#2767A3"}}},"n40":{"$type":"color","$value":"#509CE3","$extensions":{"mode":{"dark":"#2E7AC0"}}},"n50":{"$type":"color","$value":"#358CDD","$extensions":{"mode":{"dark":"#358CDD"}}},"n60":{"$type":"color","$value":"#2E7AC0","$extensions":{"mode":{"dark":"#509CE3"}}},"n70":{"$type":"color","$value":"#2767A3","$extensions":{"mode":{"dark":"#6BACE8"}}},"n80":{"$type":"color","$value":"#205586","$extensions":{"mode":{"dark":"#86BCEE"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#194268","$extensions":{"mode":{"dark":"#A0CBF4"}}},"n95":{"$type":"color","$value":"#112C46","$extensions":{"mode":{"dark":"#BBDBF9"}}},"n99":{"$type":"color","$value":"#0B1D2E","$extensions":{"mode":{"dark":"#D6EBFF"}}},"n100":{"$type":"color","$value":"#06101A","$extensions":{"mode":{"dark":"#F0F8FF"}}}},"celery":{"$description":"Green Color Palette","n0":{"$type":"color","$value":"#E9FCE3","$extensions":{"mode":{"dark":"#001A04"}}},"n1":{"$type":"color","$value":"#cdfcbf","$extensions":{"mode":{"dark":"#003007"}}},"n5":{"$type":"color","$value":"#aef69d","$extensions":{"mode":{"dark":"#00400a"}}},"n10":{"$type":"color","$value":"#96ee85","$extensions":{"mode":{"dark":"#00530d"}}},"n20":{"$type":"color","$value":"#72e06a","$extensions":{"mode":{"dark":"#00670f"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#4ecf50","$extensions":{"mode":{"dark":"#007c0f"}}},"n40":{"$type":"color","$value":"#27bb36","$extensions":{"mode":{"dark":"#009112"}}},"n50":{"$type":"color","$value":"#07a721","$extensions":{"mode":{"dark":"#07a721"}}},"n60":{"$type":"color","$value":"#009112","$extensions":{"mode":{"dark":"#27bb36"}}},"n70":{"$type":"color","$value":"#007c0f","$extensions":{"mode":{"dark":"#4ecf50"}}},"n80":{"$type":"color","$value":"#00670f","$extensions":{"mode":{"dark":"#72e06a"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#00530d","$extensions":{"mode":{"dark":"#96ee85"}}},"n95":{"$type":"color","$value":"#00400a","$extensions":{"mode":{"dark":"#aef69d"}}},"n99":{"$type":"color","$value":"#003007","$extensions":{"mode":{"dark":"#cdfcbf"}}},"n100":{"$type":"color","$value":"#001A04","$extensions":{"mode":{"dark":"#E9FCE3"}}}},"green":{"$description":"Kadena Green Color Palette","n0":{"$type":"color","$value":"#E9F8EF","$extensions":{"mode":{"dark":"#061A10"}}},"n1":{"$type":"color","$value":"#CEF8E0","$extensions":{"mode":{"dark":"#0A2E1D"}}},"n5":{"$type":"color","$value":"#B8E7CF","$extensions":{"mode":{"dark":"#153E2C"}}},"n10":{"$type":"color","$value":"#A2D5BE","$extensions":{"mode":{"dark":"#1F4F3C"}}},"n20":{"$type":"color","$value":"#8CC4AD","$extensions":{"mode":{"dark":"#2A5F4B"}}},"n30":{"$type":"color","$value":"#76B39B","$extensions":{"mode":{"dark":"#356F5A"}}},"n40":{"$type":"color","$value":"#60A18A","$extensions":{"mode":{"dark":"#3F806A"}}},"n50":{"$type":"color","$value":"#4A9079","$extensions":{"mode":{"dark":"#4A9079"}}},"n60":{"$type":"color","$value":"#3F806A","$extensions":{"mode":{"dark":"#60A18A"}}},"n70":{"$type":"color","$value":"#356F5A","$extensions":{"mode":{"dark":"#76B39B"}}},"n80":{"$type":"color","$value":"#2A5F4B","$extensions":{"mode":{"dark":"#8CC4AD"}}},"n90":{"$type":"color","$value":"#1F4F3C","$extensions":{"mode":{"dark":"#A2D5BE"}}},"n95":{"$type":"color","$value":"#153E2C","$extensions":{"mode":{"dark":"#B8E7CF"}}},"n99":{"$type":"color","$value":"#0A2E1D","$extensions":{"mode":{"dark":"#CEF8E0"}}},"n100":{"$type":"color","$value":"#061A10","$extensions":{"mode":{"dark":"#E9F8EF"}}}},"magenta":{"$description":"Kadena Magenta Color Palette","n0":{"$type":"color","$value":"#FFF7FA","$extensions":{"mode":{"dark":"#470820"}}},"n1":{"$type":"color","$value":"#FFEAF1","$extensions":{"mode":{"dark":"#660B2E"}}},"n5":{"$type":"color","$value":"#FBC7DA","$extensions":{"mode":{"dark":"#7B0D38"}}},"n10":{"$type":"color","$value":"#F6A4C3","$extensions":{"mode":{"dark":"#901041"}}},"n20":{"$type":"color","$value":"#F282AD","$extensions":{"mode":{"dark":"#A5124B"}}},"n30":{"$type":"color","$value":"#ED5F96","$extensions":{"mode":{"dark":"#BA1455"}}},"n40":{"$type":"color","$value":"#E93C7F","$extensions":{"mode":{"dark":"#CF175E"}}},"n50":{"$type":"color","$value":"#E41968","$extensions":{"mode":{"dark":"#E41968"}}},"n60":{"$type":"color","$value":"#CF175E","$extensions":{"mode":{"dark":"#E93C7F"}}},"n70":{"$type":"color","$value":"#BA1455","$extensions":{"mode":{"dark":"#ED5F96"}}},"n80":{"$type":"color","$value":"#A5124B","$extensions":{"mode":{"dark":"#F282AD"}}},"n90":{"$type":"color","$value":"#901041","$extensions":{"mode":{"dark":"#F6A4C3"}}},"n95":{"$type":"color","$value":"#7B0D38","$extensions":{"mode":{"dark":"#FBC7DA"}}},"n99":{"$type":"color","$value":"#660B2E","$extensions":{"mode":{"dark":"#FFEAF1"}}},"n100":{"$type":"color","$value":"#470820","$extensions":{"mode":{"dark":"#FFF7FA"}}}},"orange":{"$description":"Kadena Orange Color Palette","n0":{"$type":"color","$value":"#FFF7EB","$extensions":{"mode":{"dark":"#290E01"}}},"n1":{"$type":"color","$value":"#FFECCC","$extensions":{"mode":{"dark":"#491901"}}},"n5":{"$type":"color","$value":"#FFDFAD","$extensions":{"mode":{"dark":"#612300"}}},"n10":{"$type":"color","$value":"#FDD291","$extensions":{"mode":{"dark":"#7A2F00"}}},"n20":{"$type":"color","$value":"#FFBB63","$extensions":{"mode":{"dark":"#953D00"}}},"n30":{"$type":"color","$value":"#F5A655","$extensions":{"mode":{"dark":"#B14C00"}}},"n40":{"$type":"color","$value":"#EC9046","$extensions":{"mode":{"dark":"#CB5D00"}}},"n50":{"$type":"color","$value":"#E27B38","$extensions":{"mode":{"dark":"#E27B38"}}},"n60":{"$type":"color","$value":"#CB5D00","$extensions":{"mode":{"dark":"#EC9046"}}},"n70":{"$type":"color","$value":"#B14C00","$extensions":{"mode":{"dark":"#F5A655"}}},"n80":{"$type":"color","$value":"#953D00","$extensions":{"mode":{"dark":"#FFBB63"}}},"n90":{"$type":"color","$value":"#7A2F00","$extensions":{"mode":{"dark":"#FDD291"}}},"n95":{"$type":"color","$value":"#612300","$extensions":{"mode":{"dark":"#FFDFAD"}}},"n99":{"$type":"color","$value":"#491901","$extensions":{"mode":{"dark":"#FFECCC"}}},"n100":{"$type":"color","$value":"#290E01","$extensions":{"mode":{"dark":"#FFF7EB"}}}},"red":{"$description":"Red colors","n0":{"$type":"color","$value":"#FFF5F5","$extensions":{"mode":{"dark":"#330000"}}},"n1":{"$type":"color","$value":"#FFEBE7","$extensions":{"mode":{"dark":"#590000"}}},"n5":{"$type":"color","$value":"#FFDDD6","$extensions":{"mode":{"dark":"#740000"}}},"n10":{"$type":"color","$value":"#FFCDC3","$extensions":{"mode":{"dark":"#930000"}}},"n20":{"$type":"color","$value":"#FFB7A9","$extensions":{"mode":{"dark":"#B40000"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#FF9B88","$extensions":{"mode":{"dark":"#D31510"}}},"n40":{"$type":"color","$value":"#FF7C65","$extensions":{"mode":{"dark":"#EA3829"}}},"n50":{"$type":"color","$value":"#F75C46","$extensions":{"mode":{"dark":"#F75C46"}}},"n60":{"$type":"color","$value":"#EA3829","$extensions":{"mode":{"dark":"#FF7C65"}}},"n70":{"$type":"color","$value":"#D31510","$extensions":{"mode":{"dark":"#FF9B88"}}},"n80":{"$type":"color","$value":"#B40000","$extensions":{"mode":{"dark":"#FFB7A9"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#930000","$extensions":{"mode":{"dark":"#FFCDC3"}}},"n95":{"$type":"color","$value":"#740000","$extensions":{"mode":{"dark":"#FFDDD6"}}},"n99":{"$type":"color","$value":"#590000","$extensions":{"mode":{"dark":"#FFEBE7"}}},"n100":{"$type":"color","$value":"#330000","$extensions":{"mode":{"dark":"#FFF5F5"}}}},"yellow":{"$description":"Yellow colors","n0":{"$type":"color","$value":"#FBF8DD","$extensions":{"mode":{"dark":"#1A1100"}}},"n1":{"$type":"color","$value":"#FBF198","$extensions":{"mode":{"dark":"#362500"}}},"n5":{"$type":"color","$value":"#F8E750","$extensions":{"mode":{"dark":"#483300"}}},"n10":{"$type":"color","$value":"#F8D904","$extensions":{"mode":{"dark":"#5B4300"}}},"n20":{"$type":"color","$value":"#E8C600","$extensions":{"mode":{"dark":"#705300"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#D7B300","$extensions":{"mode":{"dark":"#856600"}}},"n40":{"$type":"color","$value":"#C49F00","$extensions":{"mode":{"dark":"#9B7800"}}},"n50":{"$type":"color","$value":"#B08C00","$extensions":{"mode":{"dark":"#B08C00"}}},"n60":{"$type":"color","$value":"#9B7800","$extensions":{"mode":{"dark":"#C49F00"}}},"n70":{"$type":"color","$value":"#856600","$extensions":{"mode":{"dark":"#D7B300"}}},"n80":{"$type":"color","$value":"#705300","$extensions":{"mode":{"dark":"#E8C600"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#5B4300","$extensions":{"mode":{"dark":"#F8D904"}}},"n95":{"$type":"color","$value":"#483300","$extensions":{"mode":{"dark":"#F8E750"}}},"n99":{"$type":"color","$value":"#362500","$extensions":{"mode":{"dark":"#FBF198"}}},"n100":{"$type":"color","$value":"#1A1100","$extensions":{"mode":{"dark":"#FBF8DD"}}}}},"categorical":{"$description":"Colors intended for data visualisations. Adhere to the specified numerical order.","category1":{"default":{"$type":"color","$description":"Visualisation Color 1","$value":"#2898BD","$extensions":{"mode":{"dark":"#2898BD"}}},"@hover":{"$type":"color","$description":"Visualisation Color 1 Hover State","$value":"#227D9B","$extensions":{"mode":{"dark":"#42B2D7"}}}},"category2":{"default":{"$type":"color","$description":"Visualisation Color 2","$value":"#5E4DB2","$extensions":{"mode":{"dark":"#B8ACF6"}}},"@hover":{"$type":"color","$description":"Visualisation Color 2 Hover State","$value":"#352C63","$extensions":{"mode":{"dark":"#DFD8FD"}}}},"category3":{"default":{"$type":"color","$description":"Visualisation Color 3","$value":"#E56910","$extensions":{"mode":{"dark":"#E56910"}}},"@hover":{"$type":"color","$description":"Visualisation Color 3 Hover State","$value":"#C25100","$extensions":{"mode":{"dark":"#F38A3F"}}}},"category4":{"default":{"$type":"color","$description":"Visualisation Color 4","$value":"#943D73","$extensions":{"mode":{"dark":"#F797D2"}}},"@hover":{"$type":"color","$description":"Visualisation Color 4 Hover State","$value":"#50253F","$extensions":{"mode":{"dark":"#FDD0EC"}}}},"category5":{"default":{"$type":"color","$description":"Visualisation Color 5","$value":"#09326C","$extensions":{"mode":{"dark":"#CCE0FF"}}},"@hover":{"$type":"color","$description":"Visualisation Color 5 Hover State","$value":"#1C2B41","$extensions":{"mode":{"dark":"#E9F2FF"}}}},"category6":{"default":{"$type":"color","$description":"Visualisation Color 6","$value":"#8F7EE7","$extensions":{"mode":{"dark":"#8270DB"}}},"@hover":{"$type":"color","$description":"Visualisation Color 6 Hover State","$value":"#8270DB","$extensions":{"mode":{"dark":"#8F7EE7"}}}},"category7":{"default":{"$type":"color","$description":"Visualisation Color 7","$value":"#50253F","$extensions":{"mode":{"dark":"#FDD0EC"}}},"@hover":{"$type":"color","$description":"Visualisation Color 7 Hover State","$value":"#3D2232","$extensions":{"mode":{"dark":"#FFECF8"}}}},"category8":{"default":{"$type":"color","$description":"Visualisation Color 8","$value":"#A54800","$extensions":{"mode":{"dark":"#FEC195"}}},"@hover":{"$type":"color","$description":"Visualisation Color 8 Hover State","$value":"#702E00","$extensions":{"mode":{"dark":"#FEDEC8"}}}}},"semantic":{"info":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n100}"}},"negative":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.red.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.red.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.red.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.red.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.red.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.red.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.red.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.red.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.red.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.red.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.red.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.red.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.red.n100}"}},"positive":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n100}"}},"warning":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n100}"}}},"text":{"base":{"default":{"$description":"Use for primary text, such as body copy, sentence case headers.","$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha95}"},"@init":{"$description":"Use for primary text @init for buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@hover":{"$description":"Use for text in a hover state.","$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@focus":{"$description":"Use for text in a focus state.","$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$description":"Use for text in a active state.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$description":"Use for text in a disabled state.","$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha40}"},"@selected":{"$description":"Use for text in selected or opened states, such as tabs and dropdown buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"inverse":{"default":{"$description":"Use for text on bold backgrounds.","$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}"},"@init":{"$description":"Use for primary text @init for buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@hover":{"$description":"Use for text in a hover state.","$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@focus":{"$description":"Use for text in a focus state.","$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$description":"Use for text in a active state.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$description":"Use for text in a disabled state.","$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"@selected":{"$description":"Use for text in selected or opened states, such as tabs and dropdown buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"}}},"subtle":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha95}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}"}}},"subtlest":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha80}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha70}"}}},"gray":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha40}"},"lighter":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"bolder":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"lighter":{"$type":"color","$value":"{kda.foundation.color.neutral.n40}"},"bolder":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"}}},"brand":{"wordmark":{"default":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"}}},"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n10}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n1}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n10}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n1}"}}}},"accent":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}}}}},"effect":{"defaultBlur":{"$type":"composition","$title":"Default layer blur","$description":"This is the default layer blur description","$value":{"radius":"{kda.foundation.size.n2}"}},"blur":[{"$name":"layerBlur","$type":"composition","$title":"Layer Blur","$description":"This is the layer blur description","$value":{"radius":"{kda.foundation.size.n3}","visible":true}}],"shadow":{"level1":{"$name":"level1","$type":"composition","$title":"Shadow Level 1","$description":"This is the shadow 1 description","$value":{"color":{"$type":"color","value":"#000000"},"offsetX":{"$type":"dimension","value":"4px"},"offsetY":{"$type":"dimension","value":"0.5rem"},"blur":{"$type":"dimension","value":"{kda.foundation.size.n2}"},"spread":{"$type":"dimension","value":"4px"}},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}},"level2":{"$name":"level2","$type":"composition","$title":"Shadow Level 2","$description":"This is the shadow 2 description","$value":{"color":"#000000","offsetX":"4rem","offsetY":"4rem","blur":{"$type":"dimension","value":"{kda.foundation.size.n2}"},"spread":"2rem"},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}},"level3":{"$name":"level3","$type":"composition","$title":"Shadow Level 3","$description":"This is the shadow 3 description updated","$value":{"color":"#000000","offsetX":"0px","offsetY":"0px","blur":"{kda.foundation.size.n2}","spread":"24px"},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}}}},"layout":{"content":{"minWidth":{"$type":"dimension","$value":"33.75rem"},"maxWidth":{"$type":"dimension","$value":"42.5rem"}}},"radius":{"no":{"$type":"dimension","$value":"0px"},"xs":{"$type":"dimension","$value":"2px"},"sm":{"$type":"dimension","$value":"4px"},"md":{"$type":"dimension","$value":"6px"},"lg":{"$type":"dimension","$value":"8px"},"xl":{"$type":"dimension","$value":"16px"},"xxl":{"$type":"dimension","$value":"24px"},"xs-outline":{"$type":"dimension","$value":"3px"},"sm-outline":{"$type":"dimension","$value":"5px"},"md-outline":{"$type":"dimension","$value":"7px"},"round":{"$type":"dimension","$value":"999rem"}},"screen":{"resolutions":{"$description":"Screen resolutions based on BrowserStack","width":{"mobile":{"apple":{"iphone_se":{"$type":"dimension","$value":320},"iphone_8":{"$type":"dimension","$value":375},"iphone_11":{"$type":"dimension","$value":375},"iphone_11_pro":{"$type":"dimension","$value":414}},"samsung":{"galaxy_s9":{"$type":"dimension","$value":360}}},"tablet":{"apple":{"ipad_mini":{"$type":"dimension","$value":768},"ipad":{"$type":"dimension","$value":810},"ipad_pro":{"$type":"dimension","$value":1024}}},"laptop":{"macBook_air":{"$type":"dimension","$value":1440},"macBook_pro_13":{"$type":"dimension","$value":1280},"macBook_pro_16":{"$type":"dimension","$value":3072}},"desktop":{"small":{"$type":"dimension","$value":1024},"widescreen":{"$type":"dimension","$value":1280},"hd":{"$type":"dimension","$value":1366},"full_hd":{"$type":"dimension","$value":1920},"2k":{"$type":"dimension","$value":2560},"ultra_wide":{"$type":"dimension","$value":3440},"4k":{"$type":"dimension","$value":3840}}},"height":{"mobile":{"apple":{"iphone_se":{"$type":"dimension","$value":568},"iphone_8":{"$type":"dimension","$value":667},"iphone_11":{"$type":"dimension","$value":812},"iphone_11_pro":{"$type":"dimension","$value":896}},"samsung":{"galaxy_s9":{"$type":"dimension","$value":740}}},"tablet":{"apple":{"ipad_mini":{"$type":"dimension","$value":1024},"ipad":{"$type":"dimension","$value":1080},"ipad_pro":{"$type":"dimension","$value":1366}}},"laptop":{"macBook_air":{"$type":"dimension","$value":900},"macBook_pro_13":{"$type":"dimension","$value":800},"macBook_pro_16":{"$type":"dimension","$value":1920}},"desktop":{"small":{"$type":"dimension","$value":768},"widescreen":{"$type":"dimension","$value":800},"hd":{"$type":"dimension","$value":768},"full_hd":{"$type":"dimension","$value":1080},"2k":{"$type":"dimension","$value":1440},"ultra_wide":{"$type":"dimension","$value":1440},"4k":{"$type":"dimension","$value":2160}}}}},"size":{"$description":"Size units for sizing and spacing elements","n0":{"$type":"dimension","$value":0},"n1":{"$type":"dimension","$value":"0.25rem"},"n2":{"$type":"dimension","$value":"0.5rem"},"n3":{"$type":"dimension","$value":"0.75rem"},"n4":{"$type":"dimension","$value":"1rem"},"n5":{"$type":"dimension","$value":"1.25rem"},"n6":{"$type":"dimension","$value":"1.5rem"},"n7":{"$type":"dimension","$value":"1.75rem"},"n8":{"$type":"dimension","$value":"2rem"},"n9":{"$type":"dimension","$value":"2.25rem"},"n10":{"$type":"dimension","$value":"2.5rem"},"n11":{"$type":"dimension","$value":"2.75rem"},"n12":{"$type":"dimension","$value":"3rem"},"n13":{"$type":"dimension","$value":"3.25rem"},"n14":{"$type":"dimension","$value":"3.5rem"},"n15":{"$type":"dimension","$value":"3.75rem"},"n16":{"$type":"dimension","$value":"4rem"},"n17":{"$type":"dimension","$value":"4.25rem"},"n18":{"$type":"dimension","$value":"4.5rem"},"n19":{"$type":"dimension","$value":"4.75rem"},"n20":{"$type":"dimension","$value":"5rem"},"n24":{"$type":"dimension","$value":"6rem"},"n25":{"$type":"dimension","$value":"6.25rem"},"n30":{"$type":"dimension","$value":"7.5rem"},"n32":{"$type":"dimension","$value":"8rem"},"n35":{"$type":"dimension","$value":"8.75rem"},"n40":{"$type":"dimension","$value":"10rem"},"n48":{"$type":"dimension","$value":"12rem"},"n56":{"$type":"dimension","$value":"14rem"},"n64":{"$type":"dimension","$value":"16rem"}},"spacing":{"no":{"$type":"dimension","$value":"{kda.foundation.size.n0}"},"xxs":{"$type":"dimension","$value":"0.125rem"},"xs":{"$type":"dimension","$value":"{kda.foundation.size.n1}"},"sm":{"$type":"dimension","$value":"{kda.foundation.size.n2}"},"md":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"lg":{"$type":"dimension","$value":"{kda.foundation.size.n6}"},"xl":{"$type":"dimension","$value":"{kda.foundation.size.n7}"},"xxl":{"$type":"dimension","$value":"{kda.foundation.size.n9}"},"xxxl":{"$type":"dimension","$value":"{kda.foundation.size.n10}"},"n0":{"$type":"dimension","$value":0},"n1":{"$type":"dimension","$value":"{kda.foundation.size.n1}"},"n2":{"$type":"dimension","$value":"{kda.foundation.size.n2}"},"n3":{"$type":"dimension","$value":"{kda.foundation.size.n3}"},"n4":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"n5":{"$type":"dimension","$value":"{kda.foundation.size.n5}"},"n6":{"$type":"dimension","$value":"{kda.foundation.size.n6}"},"n7":{"$type":"dimension","$value":"{kda.foundation.size.n7}"},"n8":{"$type":"dimension","$value":"{kda.foundation.size.n8}"},"n9":{"$type":"dimension","$value":"{kda.foundation.size.n9}"},"n10":{"$type":"dimension","$value":"{kda.foundation.size.n10}"},"n11":{"$type":"dimension","$value":"{kda.foundation.size.n11}"},"n12":{"$type":"dimension","$value":"{kda.foundation.size.n12}"},"n13":{"$type":"dimension","$value":"{kda.foundation.size.n13}"},"n14":{"$type":"dimension","$value":"{kda.foundation.size.n14}"},"n15":{"$type":"dimension","$value":"{kda.foundation.size.n15}"},"n16":{"$type":"dimension","$value":"{kda.foundation.size.n16}"},"n17":{"$type":"dimension","$value":"{kda.foundation.size.n17}"},"n18":{"$type":"dimension","$value":"{kda.foundation.size.n18}"},"n19":{"$type":"dimension","$value":"{kda.foundation.size.n19}"},"n20":{"$type":"dimension","$value":"{kda.foundation.size.n20}"},"n24":{"$type":"dimension","$value":"{kda.foundation.size.n24}"},"n25":{"$type":"dimension","$value":"{kda.foundation.size.n25}"},"n30":{"$type":"dimension","$value":"{kda.foundation.size.n30}"},"n32":{"$type":"dimension","$value":"{kda.foundation.size.n32}"},"n35":{"$type":"dimension","$value":"{kda.foundation.size.n35}"},"n40":{"$type":"dimension","$value":"{kda.foundation.size.n40}"},"n48":{"$type":"dimension","$value":"{kda.foundation.size.n48}"},"n56":{"$type":"dimension","$value":"{kda.foundation.size.n56}"},"n64":{"$type":"dimension","$value":"{kda.foundation.size.n64}"}},"transition":{"delay":{"none":{"$value":"0ms","$type":"duration"}},"duration":{"base":{"$value":"400ms","$type":"duration"},"d200":{"$value":"200ms","$type":"duration"}},"animation":{"easeOutSine":{"$type":"transition","$value":"{kda.foundation.transition.duration.d200} cubic-bezier(0.61, 1, 0.88, 1)"},"easeOutCubic":{"$type":"transition","$value":"{kda.foundation.transition.duration.d200} cubic-bezier(0.33, 1, 0.68, 1)"}}},"typography":{"family":{"primaryFont":{"$value":"Inter","$type":"fontFamily"},"monospaceFont":{"$value":"Kode Mono","$type":"fontFamily"}},"fontSize":{"xxs":{"$type":"dimension","$value":"0.6875rem"},"xs":{"$type":"dimension","$value":"0.75rem"},"sm":{"$type":"dimension","$value":"0.875rem"},"base":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"md":{"$type":"dimension","$value":"1.125rem"},"lg":{"$type":"dimension","$value":"1.25rem"},"xl":{"$type":"dimension","$value":"1.5rem"},"2xl":{"$type":"dimension","$value":"1.75rem"},"3xl":{"$type":"dimension","$value":"2rem"},"4xl":{"$type":"dimension","$value":"2.25rem"},"5xl":{"$type":"dimension","$value":"2.5rem"},"6xl":{"$type":"dimension","$value":"2.75rem"},"7xl":{"$type":"dimension","$value":"3rem"},"8xl":{"$type":"dimension","$value":"3.25rem"},"9xl":{"$type":"dimension","$value":"3.75rem"},"10xl":{"$type":"dimension","$value":"4.5rem"},"11xl":{"$type":"dimension","$value":"5rem"},"12xl":{"$type":"dimension","$value":"5.25rem"}},"lineHeight":{"7xl":{"$value":"3rem","$type":"dimension"},"4xl":{"$value":"2.25rem","$type":"dimension"},"3xl":{"$value":"2rem","$type":"dimension"},"2xl":{"$value":"1.75rem","$type":"dimension"},"xl":{"$value":"1.5rem","$type":"dimension"},"base":{"$value":"1.25rem","$type":"dimension"},"md":{"$value":"1rem","$type":"dimension"},"sm":{"$value":"0.875rem","$type":"dimension"}},"weight":{"primaryFont":{"light":{"$value":300,"$extensions":{"weightTag":"Light"},"$type":"fontWeight"},"regular":{"$value":400,"$extensions":{"weightTag":"Regular"},"$type":"fontWeight"},"medium":{"$value":500,"$extensions":{"weightTag":"Medium"},"$type":"fontWeight"},"semiBold":{"$value":600,"$extensions":{"weightTag":"SemiBold"},"$type":"fontWeight"},"bold":{"$value":700,"$extensions":{"weightTag":"Bold"},"$type":"fontWeight"}},"monospaceFont":{"regular":{"$value":400,"$extensions":{"weightTag":"Regular"},"$type":"fontWeight"},"medium":{"$value":500,"$extensions":{"weightTag":"Medium"},"$type":"fontWeight"},"semiBold":{"$value":600,"$extensions":{"weightTag":"SemiBold"},"$type":"fontWeight"},"bold":{"$value":700,"$extensions":{"weightTag":"Bold"},"$type":"fontWeight"}}}},"zIndex":{"deepdive":{"$type":"number","$value":-99999},"default":{"$type":"number","$value":1},"dialog":{"$type":"number","$value":6000},"surface":{"$type":"number","$value":4},"dropdown":{"$type":"number","$value":7000},"modal":{"$type":"number","$value":9000},"overlay":{"$type":"number","$value":8000},"popup":{"$type":"number","$value":5000},"spinner":{"$type":"number","$value":9050},"sticky":{"$type":"number","$value":100},"toast":{"$type":"number","$value":10000}}},"icons":{"ABI":{"$type":"icon","$name":"ABI","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ABI_slim":{"$type":"icon","$name":"ABI_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"API":{"$type":"icon","$name":"API","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"API_slim":{"$type":"icon","$name":"API_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ENS":{"$type":"icon","$name":"ENS","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ENS_slim":{"$type":"icon","$name":"ENS_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"MUD":{"$type":"icon","$name":"MUD","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"MUD_menu":{"$type":"icon","$name":"MUD_menu","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"RPC":{"$type":"icon","$name":"RPC","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps":{"$type":"icon","$name":"apps","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps_list":{"$type":"icon","$name":"apps_list","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps_slim":{"$type":"icon","$name":"apps_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"arrows":{"arrow_drop_down":{"$type":"icon","$name":"arrow_drop_down","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"down-right":{"$type":"icon","$name":"down-right","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"east-mini":{"$type":"icon","$name":"east-mini","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"east":{"$type":"icon","$name":"east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"north-east":{"$type":"icon","$name":"north-east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"south-east":{"$type":"icon","$name":"south-east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"up-down":{"$type":"icon","$name":"up-down","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"up-head":{"$type":"icon","$name":"up-head","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"beta":{"$type":"icon","$name":"beta","$description":"","$value":" ","$dimensions":{"width":52,"height":24}},"beta_xs":{"$type":"icon","$name":"beta_xs","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"blob":{"$type":"icon","$name":"blob","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"blobs":{"image":{"$type":"icon","$name":"image","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"raw":{"$type":"icon","$name":"raw","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"text":{"$type":"icon","$name":"text","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"block":{"$type":"icon","$name":"block","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"block_countdown":{"$type":"icon","$name":"block_countdown","$description":"","$value":" ","$dimensions":{"width":31.264864864864865,"height":24}},"block_slim":{"$type":"icon","$name":"block_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"brands":{"blockscout":{"$type":"icon","$name":"blockscout","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"celenium":{"$type":"icon","$name":"celenium","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"graph":{"$type":"icon","$name":"graph","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"kadena":{"logo":{"dark":{"$type":"icon","$name":"dark","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":84.375,"height":24}},"light":{"$type":"icon","$name":"light","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":84.375,"height":24}}},"rounded":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}},"rounded-filled":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}},"square":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}}},"safe":{"$type":"icon","$name":"safe","$description":"","$value":" ","$dimensions":{"width":24.003628117913834,"height":24}},"solidity_scan":{"$type":"icon","$name":"solidity_scan","$description":"","$value":" ","$dimensions":{"width":27.599999999999998,"height":24}},"tac":{"$type":"icon","$name":"tac","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ton":{"$type":"icon","$name":"ton","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"burger":{"$type":"icon","$name":"burger","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"certified":{"$type":"icon","$name":"certified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"check":{"$type":"icon","$name":"check","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"checkered_flag":{"$type":"icon","$name":"checkered_flag","$description":"","$value":" ","$dimensions":{"width":22.5,"height":24}},"clock":{"$type":"icon","$name":"clock","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"clock-light":{"$type":"icon","$name":"clock-light","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"close":{"$type":"icon","$name":"close","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"coins":{"bitcoin":{"$type":"icon","$name":"bitcoin","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"collection":{"$type":"icon","$name":"collection","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"columns":{"$type":"icon","$name":"columns","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"contracts":{"proxy":{"$type":"icon","$name":"proxy","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"regular":{"$type":"icon","$name":"regular","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"regular_many":{"$type":"icon","$name":"regular_many","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified":{"$type":"icon","$name":"verified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified_many":{"$type":"icon","$name":"verified_many","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"copy":{"$type":"icon","$name":"copy","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"copy_check":{"$type":"icon","$name":"copy_check","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"cross":{"$type":"icon","$name":"cross","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"delete":{"$type":"icon","$name":"delete","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"dex-tracker":{"$type":"icon","$name":"dex-tracker","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"docs":{"$type":"icon","$name":"docs","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"donate":{"$type":"icon","$name":"donate","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"dots":{"$type":"icon","$name":"dots","$description":"","$value":" ","$dimensions":{"width":108,"height":24}},"edit":{"$type":"icon","$name":"edit","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"email":{"$type":"icon","$name":"email","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"empty_search_result":{"$type":"icon","$name":"empty_search_result","$description":"","$value":" ","$dimensions":{"width":31.135135135135137,"height":24}},"error-pages":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"403","$description":"","$value":" ","$dimensions":{"width":47.76,"height":24}},{"$type":"icon","$name":"404","$description":"","$value":" ","$dimensions":{"width":48.239999999999995,"height":24}},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"422","$description":"","$value":" ","$dimensions":{"width":48.239999999999995,"height":24}},null,null,null,null,null,null,{"$type":"icon","$name":"429","$description":"","$value":" ","$dimensions":{"width":47.76237623762376,"height":24}},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"500","$description":"","$value":" ","$dimensions":{"width":46.81188118811881,"height":24}}],"explorer":{"$type":"icon","$name":"explorer","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"files":{"csv":{"$type":"icon","$name":"csv","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"image":{"$type":"icon","$name":"image","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"json":{"$type":"icon","$name":"json","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"placeholder":{"$type":"icon","$name":"placeholder","$description":"","$value":" ","$dimensions":{"width":24.48,"height":24}},"sol":{"$type":"icon","$name":"sol","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"yul":{"$type":"icon","$name":"yul","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"filter":{"$type":"icon","$name":"filter","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"flame":{"$type":"icon","$name":"flame","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"games":{"$type":"icon","$name":"games","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gas":{"$type":"icon","$name":"gas","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gas_xl":{"$type":"icon","$name":"gas_xl","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gear":{"$type":"icon","$name":"gear","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gear_slim":{"$type":"icon","$name":"gear_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"globe":{"$type":"icon","$name":"globe","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"globe-b":{"$type":"icon","$name":"globe-b","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"graphQL":{"$type":"icon","$name":"graphQL","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"heart_filled":{"$type":"icon","$name":"heart_filled","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"heart_outline":{"$type":"icon","$name":"heart_outline","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"hourglass":{"$type":"icon","$name":"hourglass","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"info":{"$type":"icon","$name":"info","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"info_filled":{"$type":"icon","$name":"info_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"integration":{"full":{"$type":"icon","$name":"full","$description":"","$value":" ","$dimensions":{"width":null,"height":null}},"partial":{"$type":"icon","$name":"partial","$description":"","$value":" ","$dimensions":{"width":null,"height":null}}},"internal_txns":{"$type":"icon","$name":"internal_txns","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"interop":{"$type":"icon","$name":"interop","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"key":{"$type":"icon","$name":"key","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lightning":{"$type":"icon","$name":"lightning","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lightning_navbar":{"$type":"icon","$name":"lightning_navbar","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"link":{"$type":"icon","$name":"link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"link_external":{"$type":"icon","$name":"link_external","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lock":{"$type":"icon","$name":"lock","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits":{"$type":"icon","$name":"merits","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_colored":{"$type":"icon","$name":"merits_colored","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"merits_slim":{"$type":"icon","$name":"merits_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_with_dot":{"$type":"icon","$name":"merits_with_dot","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_with_dot_slim":{"$type":"icon","$name":"merits_with_dot_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"minus":{"$type":"icon","$name":"minus","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"monaco":{"cargo":{"$type":"icon","$name":"cargo","$description":"","$value":" ","$dimensions":{"width":22.947065808386977,"height":24}},"file":{"$type":"icon","$name":"file","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"folder-open":{"$type":"icon","$name":"folder-open","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"folder":{"$type":"icon","$name":"folder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rust":{"$type":"icon","$name":"rust","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"solidity":{"$type":"icon","$name":"solidity","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"toml":{"$type":"icon","$name":"toml","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"Transparent Logo":{"$type":"icon","$name":"Transparent Logo","$description":"","$value":" ","$dimensions":{"width":27.71281334220408,"height":24}}},"moon":{"$type":"icon","$name":"moon","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"moon-with-star":{"$type":"icon","$name":"moon-with-star","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"networks":{"$type":"icon","$name":"networks","$description":"","$value":" ","$dimensions":{"width":24,"height":24},"icon-placeholder":{"$type":"icon","$name":"icon-placeholder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"logo-placeholder":{"$type":"icon","$name":"logo-placeholder","$description":"","$value":" ","$dimensions":{"width":120,"height":24}}},"nft_shield":{"$type":"icon","$name":"nft_shield","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"open-link":{"$type":"icon","$name":"open-link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"operation":{"$type":"icon","$name":"operation","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"operation_slim":{"$type":"icon","$name":"operation_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"output_roots":{"$type":"icon","$name":"output_roots","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"payment_link":{"$type":"icon","$name":"payment_link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"plus":{"$type":"icon","$name":"plus","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"private_tags_slim":{"$type":"icon","$name":"private_tags_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"privattags":{"$type":"icon","$name":"privattags","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"profile":{"$type":"icon","$name":"profile","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"publictags":{"$type":"icon","$name":"publictags","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"publictags_slim":{"$type":"icon","$name":"publictags_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"qr_code":{"$type":"icon","$name":"qr_code","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"refresh":{"$type":"icon","$name":"refresh","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"repeat":{"$type":"icon","$name":"repeat","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"restAPI":{"$type":"icon","$name":"restAPI","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rocket":{"$type":"icon","$name":"rocket","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rocket_xl":{"$type":"icon","$name":"rocket_xl","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"scope":{"$type":"icon","$name":"scope","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"score":{"score-not-ok":{"$type":"icon","$name":"score-not-ok","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"score-ok":{"$type":"icon","$name":"score-ok","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"search":{"$type":"icon","$name":"search","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"share":{"$type":"icon","$name":"share","$description":"","$value":" ","$dimensions":{"width":21.176470588235293,"height":24}},"sign_out":{"$type":"icon","$name":"sign_out","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"social":{"coingecko":{"$type":"icon","$name":"coingecko","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"coinmarketcap":{"$type":"icon","$name":"coinmarketcap","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"defi_llama":{"$type":"icon","$name":"defi_llama","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"discord":{"$type":"icon","$name":"discord","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"discord_filled":{"$type":"icon","$name":"discord_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"facebook_filled":{"$type":"icon","$name":"facebook_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"git":{"$type":"icon","$name":"git","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"github_filled":{"$type":"icon","$name":"github_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"linkedin_filled":{"$type":"icon","$name":"linkedin_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"medium_filled":{"$type":"icon","$name":"medium_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"opensea_filled":{"$type":"icon","$name":"opensea_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"reddit_filled":{"$type":"icon","$name":"reddit_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"slack_filled":{"$type":"icon","$name":"slack_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"stats":{"$type":"icon","$name":"stats","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"telega":{"$type":"icon","$name":"telega","$description":"","$value":" ","$dimensions":{"width":25.200000000000003,"height":24}},"telegram_filled":{"$type":"icon","$name":"telegram_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"twitter":{"$type":"icon","$name":"twitter","$description":"","$value":" ","$dimensions":{"width":25,"height":24}},"twitter_filled":{"$type":"icon","$name":"twitter_filled","$description":"","$value":" ","$dimensions":{"width":25,"height":24}}},"star_filled":{"$type":"icon","$name":"star_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"star_outline":{"$type":"icon","$name":"star_outline","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"stats":{"$type":"icon","$name":"stats","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"status":{"error":{"$type":"icon","$name":"error","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"pending":{"$type":"icon","$name":"pending","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"success":{"$type":"icon","$name":"success","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"warning":{"$type":"icon","$name":"warning","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"sun":{"$type":"icon","$name":"sun","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"swap":{"$type":"icon","$name":"swap","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"testnet":{"$type":"icon","$name":"testnet","$description":"","$value":" ","$dimensions":{"width":63.42857142857143,"height":24}},"token":{"$type":"icon","$name":"token","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-placeholder":{"$type":"icon","$name":"token-placeholder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-transfers":{"$type":"icon","$name":"token-transfers","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"tokens":{"$type":"icon","$name":"tokens","$description":"","$value":" ","$dimensions":{"width":25.5,"height":24},"xdai":{"$type":"icon","$name":"xdai","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"top-accounts":{"$type":"icon","$name":"top-accounts","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"transactions":{"$type":"icon","$name":"transactions","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"transactions_slim":{"$type":"icon","$name":"transactions_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"txn_batches":{"$type":"icon","$name":"txn_batches","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"txn_batches_slim":{"$type":"icon","$name":"txn_batches_slim","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"uniswap":{"$type":"icon","$name":"uniswap","$description":"","$value":" ","$dimensions":{"width":24.75,"height":24}},"user_op":{"$type":"icon","$name":"user_op","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"user_op_slim":{"$type":"icon","$name":"user_op_slim","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"validator":{"$type":"icon","$name":"validator","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verification-steps":{"error":{"$type":"icon","$name":"error","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"finalized":{"$type":"icon","$name":"finalized","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"unfinalized":{"$type":"icon","$name":"unfinalized","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"verified":{"$type":"icon","$name":"verified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified_slim":{"$type":"icon","$name":"verified_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"wallet":{"$type":"icon","$name":"wallet","$description":"","$value":" ","$dimensions":{"width":25.200000000000003,"height":24}},"wallets":{"coinbase":{"$type":"icon","$name":"coinbase","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"metamask":{"$type":"icon","$name":"metamask","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-pocket":{"$type":"icon","$name":"token-pocket","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"watchlist":{"$type":"icon","$name":"watchlist","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}}}} \ No newline at end of file +{"$name":"Kadena Design System Tokens","$version":"0.0.1","$paths":{"baseDir":"./toolkit/theme/design-system","distDir":"./dist","buildDir":"./build","tokensDir":"./tokens","assets":{"icons":{"sourceDir":"../../../icons"},"fonts":{"sourceDir":"./assets/fonts"}}},"$modes":{"default":"light","dark":"dark"},"$fonts":[{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,100&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":100,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,400&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":400,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,600&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,600&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":600,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,600&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,800&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,800&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":800,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,800&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Normal","faceStyle":"normal","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,900&display=swap","format":"woff2"},{"family":"\"Inter\", sans-serif","style":"Italic","faceStyle":"italic","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,900&display=swap","format":"woff2"},{"family":"\"Kode Mono\", monospace","style":"Normal","faceStyle":"normal","weight":900,"linkHref":"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,900&family=Kode+Mono:wght@400..700&display=swap","format":"woff2"}],"$metaData":{"tokenNamespace":"kda","colorspace":"hex","fontNamespace":"font","tokens":{"css":{"mediaQuery":{"match":".","separateThemeFiles":false},"hooks":{"shortenName":{"enabled":true,"prefix":[{"find":"kda-foundation-","replace":"kda-"}],"suffix":[{"find":"-default","replace":""}]}}}},"dsNamespace":"kda"},"kda":{"explorer":{"alert":{"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.semantic.info.default}"}}},"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"semantic":{"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}},"loading":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}},"button":{"background":{"color":{"default":{"$value":"{kda.foundation.color.background.accent.primary.inverse.default}","$type":"color","$extensions":{"mode":{"dark":"{kda.foundation.color.background.accent.primary.inverse.default}"}}}}},"surface":{"color":{"default":{"$value":"{kda.foundation.color.text.base.inverse.@init}","$type":"color"}}}},"hero":{"banner":{"title":{"font":{"width":{"$type":"dimension","$value":"auto","$extensions":{"breakpoint":{"(max-width: 30rem)":{"value":"100%"}}}},"size":{"$type":"dimension","$value":"{kda.foundation.typography.fontSize.xl}","$extensions":{"breakpoint":{"(max-width: 30rem)":{"value":"{kda.foundation.typography.fontSize.lg}"},"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.fontSize.2xl}"}}}},"weight":{"$type":"fontWeight","$value":"{kda.foundation.typography.weight.primaryFont.medium}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.weight.primaryFont.semiBold}"}}}},"lineHeight":{"$type":"fontWeight","$value":"{kda.foundation.typography.lineHeight.xl}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.lineHeight.2xl}"}}}},"color":{"name":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100}"}}},"prefix":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100@alpha40}"}}},"selector":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100}"}}}}},"margin":{"gap":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.spacing.n2}"}}}},"bottom":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.spacing.n6}"}}}}}},"border":{"$type":"composition","$value":{"width":{"$type":"dimension","value":"{kda.foundation.border.width.hairline}"},"style":{"$type":"string","value":"solid"},"color":{"$type":"color","value":"{kda.foundation.color.accent.green}"}}},"radius":{"$type":"dimension","$value":"{kda.foundation.radius.lg}"},"background":{"$type":"color","$value":"{kda.foundation.color.accent.green}"},"padding":{"$type":"dimension","$value":"{kda.foundation.spacing.n4}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":{"$type":"dimension","$value":"{kda.foundation.spacing.n8}"}}}}},"column":{"width":{"$type":"string","$value":"auto","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"auto"}}}},"gap":{"$type":"dimension","$value":"{kda.foundation.spacing.n8}"}},"button":{"dimensions":{"radius":{"$type":"dimension","$value":"{kda.foundation.radius.no}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.radius.xs}"}}}}},"default":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.default}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@init}"}},"@hover":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.@active}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@active}"}},"@active":{"background":{"$type":"color","$value":"{kda.foundation.color.background.accent.primary.inverse.@hover}"},"surface":{"$type":"color","$value":"{kda.foundation.color.text.base.inverse.@hover}"}}}}},"input":{"dimensions":{"radius":{"base":{"$value":"{kda.foundation.radius.no}","$type":"dimension","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.radius.xs}"}}}}}},"border":{"color":{"semantic":{"negative":{"$type":"color","$value":"{kda.foundation.color.border.semantic.negative.default}"}},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n50}"}}}}}},"navigation":{"dimensions":{"select":{"option":{"radius":{"$type":"dimension","$value":"{kda.foundation.radius.lg}"},"padding":{"$type":"dimension","$value":"6px"}}}},"background":{"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n20}"}}}},"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.brand.primary.default}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n99}"}}},"@selected":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.primary.n100}"}}}}}},"toast":{"surface":{"text":{"default":{"$type":"color","$value":"{kda.foundation.color.text.semantic.info.default}"}}},"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"semantic":{"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}},"loading":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}},"top":{"bar":{"font":{"size":{"$type":"dimension","$value":"{kda.foundation.typography.fontSize.xs}","$extensions":{"breakpoint":{"(min-width: {kda.foundation.breakpoint.lg})":{"value":"{kda.foundation.typography.fontSize.xs}"}}}}}}},"widget":{"stats":{"background":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha40}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"}},"surface":{"text":{"subtle":{"$type":"color","$value":"{kda.foundation.color.text.subtle.default}"},"default":{"$type":"color","$value":"{kda.foundation.color.text.brand.primary.default}"}},"icon":{"color":{"default":{"$type":"color","$value":"{kda.foundation.color.icon.brand.primary.@active}"}}}}}}},"foundation":{"border":{"width":{"hairline":{"$type":"dimension","$value":"1px"},"normal":{"$type":"dimension","$value":"2px"},"thick":{"$type":"dimension","$value":"4px"}},"hairline":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.hairline}","style":"solid","color":"{kda.foundation.color.border.base.default}"},"$extensions":{"sort":["width","style","color"]}},"normal":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.normal}","style":"solid","color":"{kda.foundation.color.border.base.bold}"},"$extensions":{"sort":["width","style","color"]}},"thick":{"$type":"composition","$value":{"width":"{kda.foundation.border.width.thick}","style":"solid","color":"{kda.foundation.color.border.base.bold}"},"$extensions":{"sort":["width","style","color"]}}},"breakpoint":{"$description":"Breakpoint sizes for viewports","xs":{"$type":"dimension","$value":"0rem"},"sm":{"$type":"dimension","$value":"40rem"},"md":{"$type":"dimension","$value":"48rem"},"lg":{"$type":"dimension","$value":"64rem"},"xl":{"$type":"dimension","$value":"80rem"},"xxl":{"$type":"dimension","$value":"96rem"}},"color":{"accent":{"$description":"Accent colors","blue":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"celery":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n50}"},"green":{"$type":"color","$value":"{kda.foundation.color.palette.green.n50}"},"magenta":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"orange":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"red":{"$type":"color","$value":"{kda.foundation.color.palette.red.n50}"},"yellow":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n50}"},"brand":{"primary":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"tertiary":{"$type":"color","$value":"{kda.foundation.color.brand.tertiary.n50}"},"tint":{"primary":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"tertiary":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"}}},"semantic":{"info":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"warning":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"positive":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"negative":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"}}},"background":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"warm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n5@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"warm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n95@alpha80}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha10}"}}},"layer":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha80}"}}},"solid":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5}"}}}},"overlay":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha95}"}}},"context":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha95}"}}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5}"}}}},"surface":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha6}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha6}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha80}"}}}},"subtle":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha3}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha20}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha80}"}}}}}},"surfaceHighContrast":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha90}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n0@alpha90}"}}},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha90}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n100@alpha90}"}}}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n5}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n1}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n10}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n95}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n99}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n1}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n10}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"}}}},"accent":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n90}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n40}"}}},"tertiary":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n90}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n90}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n90}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80@alpha20}"},"subtlest":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"}}}},"input":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n5@alpha80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n20@alpha80}"}}},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n5@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha10}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n80@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n80@alpha80}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n95@alpha80}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha10}"}}},"skeleton":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n20@alpha80}"}}}},"table":{"row":{"default":{"$type":"color","$value":"{kda.foundation.color.background.layer.default}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n10@alpha80}"}}}}}},"border":{"base":{"subtle":{"$type":"color","$value":"{kda.foundation.color.neutral.n10@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99@alpha10}"}}},"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n90@alpha25}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha50}"},"boldest":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha70}"},"high-contrast":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"},"inverse":{"subtle":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha10}"},"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha20}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"boldest":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha50}"},"high-contrast":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n40}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n40}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.positive.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.negative.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.warning.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"subtle":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}","$extensions":{"mode":{"dark":"{kda.foundation.color.semantic.info.n5}"}}},"@disabled":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n40}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"}}}},"tint":{"outline":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80@alpha80}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n20@alpha80}"}}}},"overlay":{"context":{"$type":"color","$value":"{kda.foundation.color.neutral.n20@alpha80}"}}},"brand":{"primary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.green.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.green.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.green.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.green.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.green.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.green.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.green.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.green.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.green.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.green.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.green.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.green.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.green.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.green.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.green.n100}"}},"secondary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n100}"}},"tertiary":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n20}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.orange.n100}"}},"key":{"primary":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"secondary":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}","$extensions":{"mode":{"dark":"{kda.foundation.color.brand.secondary.n1}"}}},"tertiary":{"$type":"color","$value":"{kda.foundation.color.brand.tertiary.n50}"},"accent":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n50}"},"neutralwarm":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"},"white":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n99}"}}},"black":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutral.n1}"}}}}},"gradient":{"base":{"subtle":{"$type":"composition","$value":{"prefix":"linear-gradient(","data":{"$type":"composition","value":{"angle":"90deg","color1":{"$type":"color","value":"{kda.foundation.color.background.base.default}"},"color2":{"$type":"color","value":"{kda.foundation.color.neutral.n1@alpha0}"}},"$extensions":{"delimiter":{"character":", "}}},"suffix":")"},"$extensions":{"delimiter":{"character":" "}}}}},"icon":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@init":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n99@alpha50}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha20}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"bold":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@init":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n1@alpha50}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha20}"}}},"brand":{"logo":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"mode":{"dark":"{kda.foundation.color.neutralwarm.n99}"}}}}},"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"bold":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"bold":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n70}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n60}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n20}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n30}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n40}"},"@active":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n50}"},"@disabled":{"$type":"color","$value":"{kda.foundation.color.neutral.n30}"}}}},"product":{"spirekey":{"animation":{"start":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n50}"},"step1":{"$type":"color","$value":"#4AA688"},"step2":{"$type":"color","$value":"#4BBD97"},"step3":{"$type":"color","$value":"#4BD3A6"},"end":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n30}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}}}}}},"link":{"base":{"default":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n90}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n50}"}}},"@hover":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}},"@focus":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n100}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.aqua.n70}"}}},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}","$extensions":{"mode":{"dark":"{kda.foundation.color.palette.magenta.n80}"}}}},"brand":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n80}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n60}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n80}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n60}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n80}"},"@visited":{"$type":"color","$value":"{kda.foundation.color.palette.magenta.n80}"}}}},"neutral":{"$description":"Neutral Gray colors","n0":{"$type":"color","$value":"#FFFFFF","$extensions":{"mode":{"dark":"#000000"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha10":10,"@alpha20":20,"@alpha40":40,"@alpha70":70,"@alpha80":80,"@alpha90":90,"@alpha95":95}}]}},"n0@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":0}},"n0@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":10}},"n0@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":20}},"n0@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":40}},"n0@alpha70":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":70}},"n0@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":80}},"n0@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":90}},"n0@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}","$extensions":{"alpha":95}},"n1":{"$type":"color","$value":"#F5F5F5","$extensions":{"mode":{"dark":"#020E1B"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha1":1,"@alpha3":3,"@alpha4":4,"@alpha5":5,"@alpha6":6,"@alpha10":10,"@alpha20":20,"@alpha30":30,"@alpha40":40,"@alpha50":50,"@alpha80":80,"@alpha90":90}}]}},"n1@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":0}},"n1@alpha1":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":1}},"n1@alpha3":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":3}},"n1@alpha4":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":4}},"n1@alpha5":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":5}},"n1@alpha6":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":6}},"n1@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":10}},"n1@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":20}},"n1@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":30}},"n1@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":40}},"n1@alpha50":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":50}},"n1@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":80}},"n1@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}","$extensions":{"alpha":90}},"n5":{"$type":"color","$value":"#E4E5E5","$extensions":{"mode":{"dark":"#131E2B"},"generators":[{"type":"alpha","value":{"@alpha80":80,"@alpha95":95}}]}},"n5@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}","$extensions":{"alpha":80}},"n5@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}","$extensions":{"alpha":95}},"n10":{"$type":"color","$value":"#D2D4D6","$extensions":{"mode":{"dark":"#252F3A"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n10@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n10}","$extensions":{"alpha":80}},"n15":{"$type":"color","$value":"#C1C4C6","$extensions":{"mode":{"dark":"#36404A"}}},"n20":{"$type":"color","$value":"#B0B3B7","$extensions":{"mode":{"dark":"#475059"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#9EA3A7","$extensions":{"mode":{"dark":"#596069"}}},"n40":{"$type":"color","$value":"#8D9298","$extensions":{"mode":{"dark":"#6A7178"}}},"n50":{"$type":"color","$value":"#7C8288","$extensions":{"mode":{"dark":"#7C8288"}}},"n60":{"$type":"color","$value":"#6A7178","$extensions":{"mode":{"dark":"#8D9298"}}},"n70":{"$type":"color","$value":"#596069","$extensions":{"mode":{"dark":"#9EA3A7"}}},"n80":{"$type":"color","$value":"#475059","$extensions":{"mode":{"dark":"#B0B3B7"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}","$extensions":{"alpha":80}},"n85":{"$type":"color","$value":"#36404A","$extensions":{"mode":{"dark":"#C1C4C6"}}},"n90":{"$type":"color","$value":"#252F3A","$extensions":{"mode":{"dark":"#D2D4D6"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha25":25}}]}},"n90@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}","$extensions":{"alpha":20}},"n90@alpha25":{"$type":"color","$value":"{kda.foundation.color.neutral.n90}","$extensions":{"alpha":25}},"n95":{"$type":"color","$value":"#131E2B","$extensions":{"mode":{"dark":"#E4E5E5"},"generators":[{"type":"alpha","value":{"@alpha80":80,"@alpha95":95}}]}},"n95@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}","$extensions":{"alpha":80}},"n95@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}","$extensions":{"alpha":95}},"n99":{"$type":"color","$value":"#020E1B","$extensions":{"mode":{"dark":"#F5F5F5"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha1":1,"@alpha3":3,"@alpha4":4,"@alpha5":5,"@alpha6":6,"@alpha10":10,"@alpha20":20,"@alpha30":30,"@alpha40":40,"@alpha50":50,"@alpha80":80,"@alpha90":90}}]}},"n99@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":0}},"n99@alpha1":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":1}},"n99@alpha3":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":3}},"n99@alpha4":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":4}},"n99@alpha5":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":5}},"n99@alpha6":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":6}},"n99@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":10}},"n99@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":20}},"n99@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":30}},"n99@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":40}},"n99@alpha50":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":50}},"n99@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":80}},"n99@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}","$extensions":{"alpha":90}},"n100":{"$type":"color","$value":"#000000","$extensions":{"mode":{"dark":"#FFFFFF"},"generators":[{"type":"alpha","value":{"@alpha0":0,"@alpha10":10,"@alpha20":20,"@alpha40":40,"@alpha70":70,"@alpha80":80,"@alpha90":90,"@alpha95":95}}]}},"n100@alpha0":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":0}},"n100@alpha10":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":10}},"n100@alpha20":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":20}},"n100@alpha40":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":40}},"n100@alpha70":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":70}},"n100@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":80}},"n100@alpha90":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":90}},"n100@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}","$extensions":{"alpha":95}}},"neutralwarm":{"$description":"Neutral Warm colors","n0":{"$type":"color","$value":"#FBFAF9","$extensions":{"mode":{"dark":"#050505"}}},"n1":{"$type":"color","$value":"#F0EAE6","$extensions":{"mode":{"dark":"#0F0F0F"},"generators":[{"type":"alpha","value":{"@alpha30":30,"@alpha60":60,"@alpha80":80,"@alpha95":95}}]}},"n1@alpha30":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":30}},"n1@alpha60":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":60}},"n1@alpha80":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":80}},"n1@alpha95":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}","$extensions":{"alpha":95}},"n5":{"$type":"color","$value":"#DDD8D4","$extensions":{"mode":{"dark":"#222121"}}},"n10":{"$type":"color","$value":"#CBC6C2","$extensions":{"mode":{"dark":"#353433"}}},"n20":{"$type":"color","$value":"#B8B3B0","$extensions":{"mode":{"dark":"#474645"}}},"n30":{"$type":"color","$value":"#A5A19E","$extensions":{"mode":{"dark":"#5A5857"}}},"n40":{"$type":"color","$value":"#928F8C","$extensions":{"mode":{"dark":"#6D6A69"}}},"n50":{"$type":"color","$value":"#807D7B","$extensions":{"mode":{"dark":"#807D7B"}}},"n60":{"$type":"color","$value":"#6D6A69","$extensions":{"mode":{"dark":"#928F8C"}}},"n70":{"$type":"color","$value":"#5A5857","$extensions":{"mode":{"dark":"#A5A19E"}}},"n80":{"$type":"color","$value":"#474645","$extensions":{"mode":{"dark":"#B8B3B0"}}},"n90":{"$type":"color","$value":"#353433","$extensions":{"mode":{"dark":"#CBC6C2"}}},"n95":{"$type":"color","$value":"#222121","$extensions":{"mode":{"dark":"#DDD8D4"}}},"n99":{"$type":"color","$value":"#0F0F0F","$extensions":{"mode":{"dark":"#F0EAE6"}}},"n100":{"$type":"color","$value":"#050505","$extensions":{"mode":{"dark":"#FBFAF9"}}}},"palette":{"aqua":{"$description":"Kadena Digital Green Color Palette Aqua","n0":{"$type":"color","$value":"#F0FFFA","$extensions":{"mode":{"dark":"#0A1F18"}}},"n1":{"$type":"color","$value":"#C9FFED","$extensions":{"mode":{"dark":"#113529"}}},"n5":{"$type":"color","$value":"#A1FFE0","$extensions":{"mode":{"dark":"#184C3B"}}},"n10":{"$type":"color","$value":"#7AFFD3","$extensions":{"mode":{"dark":"#20624C"}}},"n20":{"$type":"color","$value":"#52FFC6","$extensions":{"mode":{"dark":"#27795E"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#4BE9B5","$extensions":{"mode":{"dark":"#2E8F6F"}}},"n40":{"$type":"color","$value":"#44D2A3","$extensions":{"mode":{"dark":"#35A580"}}},"n50":{"$type":"color","$value":"#3CBC92","$extensions":{"mode":{"dark":"#3CBC92"}}},"n60":{"$type":"color","$value":"#35A580","$extensions":{"mode":{"dark":"#44D2A3"}}},"n70":{"$type":"color","$value":"#2E8F6F","$extensions":{"mode":{"dark":"#4BE9B5"}}},"n80":{"$type":"color","$value":"#27795E","$extensions":{"mode":{"dark":"#52FFC6"},"generators":[{"type":"alpha","value":{"@alpha80":80}}]}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.aqua.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#20624C","$extensions":{"mode":{"dark":"#7AFFD3"}}},"n95":{"$type":"color","$value":"#184C3B","$extensions":{"mode":{"dark":"#A1FFE0"}}},"n99":{"$type":"color","$value":"#113529","$extensions":{"mode":{"dark":"#C9FFED"}}},"n100":{"$type":"color","$value":"#0A1F18","$extensions":{"mode":{"dark":"#F0FFFA"}}}},"blue":{"$description":"Blue colors","n0":{"$type":"color","$value":"#F0F8FF","$extensions":{"mode":{"dark":"#06101A"}}},"n1":{"$type":"color","$value":"#D6EBFF","$extensions":{"mode":{"dark":"#0B1D2E"}}},"n5":{"$type":"color","$value":"#BBDBF9","$extensions":{"mode":{"dark":"#112C46"}}},"n10":{"$type":"color","$value":"#A0CBF4","$extensions":{"mode":{"dark":"#194268"}}},"n20":{"$type":"color","$value":"#86BCEE","$extensions":{"mode":{"dark":"#205586"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#6BACE8","$extensions":{"mode":{"dark":"#2767A3"}}},"n40":{"$type":"color","$value":"#509CE3","$extensions":{"mode":{"dark":"#2E7AC0"}}},"n50":{"$type":"color","$value":"#358CDD","$extensions":{"mode":{"dark":"#358CDD"}}},"n60":{"$type":"color","$value":"#2E7AC0","$extensions":{"mode":{"dark":"#509CE3"}}},"n70":{"$type":"color","$value":"#2767A3","$extensions":{"mode":{"dark":"#6BACE8"}}},"n80":{"$type":"color","$value":"#205586","$extensions":{"mode":{"dark":"#86BCEE"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#194268","$extensions":{"mode":{"dark":"#A0CBF4"}}},"n95":{"$type":"color","$value":"#112C46","$extensions":{"mode":{"dark":"#BBDBF9"}}},"n99":{"$type":"color","$value":"#0B1D2E","$extensions":{"mode":{"dark":"#D6EBFF"}}},"n100":{"$type":"color","$value":"#06101A","$extensions":{"mode":{"dark":"#F0F8FF"}}}},"celery":{"$description":"Green Color Palette","n0":{"$type":"color","$value":"#E9FCE3","$extensions":{"mode":{"dark":"#001A04"}}},"n1":{"$type":"color","$value":"#cdfcbf","$extensions":{"mode":{"dark":"#003007"}}},"n5":{"$type":"color","$value":"#aef69d","$extensions":{"mode":{"dark":"#00400a"}}},"n10":{"$type":"color","$value":"#96ee85","$extensions":{"mode":{"dark":"#00530d"}}},"n20":{"$type":"color","$value":"#72e06a","$extensions":{"mode":{"dark":"#00670f"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#4ecf50","$extensions":{"mode":{"dark":"#007c0f"}}},"n40":{"$type":"color","$value":"#27bb36","$extensions":{"mode":{"dark":"#009112"}}},"n50":{"$type":"color","$value":"#07a721","$extensions":{"mode":{"dark":"#07a721"}}},"n60":{"$type":"color","$value":"#009112","$extensions":{"mode":{"dark":"#27bb36"}}},"n70":{"$type":"color","$value":"#007c0f","$extensions":{"mode":{"dark":"#4ecf50"}}},"n80":{"$type":"color","$value":"#00670f","$extensions":{"mode":{"dark":"#72e06a"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#00530d","$extensions":{"mode":{"dark":"#96ee85"}}},"n95":{"$type":"color","$value":"#00400a","$extensions":{"mode":{"dark":"#aef69d"}}},"n99":{"$type":"color","$value":"#003007","$extensions":{"mode":{"dark":"#cdfcbf"}}},"n100":{"$type":"color","$value":"#001A04","$extensions":{"mode":{"dark":"#E9FCE3"}}}},"green":{"$description":"Kadena Green Color Palette","n0":{"$type":"color","$value":"#E9F8EF","$extensions":{"mode":{"dark":"#061A10"}}},"n1":{"$type":"color","$value":"#CEF8E0","$extensions":{"mode":{"dark":"#0A2E1D"}}},"n5":{"$type":"color","$value":"#B8E7CF","$extensions":{"mode":{"dark":"#153E2C"}}},"n10":{"$type":"color","$value":"#A2D5BE","$extensions":{"mode":{"dark":"#1F4F3C"}}},"n20":{"$type":"color","$value":"#8CC4AD","$extensions":{"mode":{"dark":"#2A5F4B"}}},"n30":{"$type":"color","$value":"#76B39B","$extensions":{"mode":{"dark":"#356F5A"}}},"n40":{"$type":"color","$value":"#60A18A","$extensions":{"mode":{"dark":"#3F806A"}}},"n50":{"$type":"color","$value":"#4A9079","$extensions":{"mode":{"dark":"#4A9079"}}},"n60":{"$type":"color","$value":"#3F806A","$extensions":{"mode":{"dark":"#60A18A"}}},"n70":{"$type":"color","$value":"#356F5A","$extensions":{"mode":{"dark":"#76B39B"}}},"n80":{"$type":"color","$value":"#2A5F4B","$extensions":{"mode":{"dark":"#8CC4AD"}}},"n90":{"$type":"color","$value":"#1F4F3C","$extensions":{"mode":{"dark":"#A2D5BE"}}},"n95":{"$type":"color","$value":"#153E2C","$extensions":{"mode":{"dark":"#B8E7CF"}}},"n99":{"$type":"color","$value":"#0A2E1D","$extensions":{"mode":{"dark":"#CEF8E0"}}},"n100":{"$type":"color","$value":"#061A10","$extensions":{"mode":{"dark":"#E9F8EF"}}}},"magenta":{"$description":"Kadena Magenta Color Palette","n0":{"$type":"color","$value":"#FFF7FA","$extensions":{"mode":{"dark":"#470820"}}},"n1":{"$type":"color","$value":"#FFEAF1","$extensions":{"mode":{"dark":"#660B2E"}}},"n5":{"$type":"color","$value":"#FBC7DA","$extensions":{"mode":{"dark":"#7B0D38"}}},"n10":{"$type":"color","$value":"#F6A4C3","$extensions":{"mode":{"dark":"#901041"}}},"n20":{"$type":"color","$value":"#F282AD","$extensions":{"mode":{"dark":"#A5124B"}}},"n30":{"$type":"color","$value":"#ED5F96","$extensions":{"mode":{"dark":"#BA1455"}}},"n40":{"$type":"color","$value":"#E93C7F","$extensions":{"mode":{"dark":"#CF175E"}}},"n50":{"$type":"color","$value":"#E41968","$extensions":{"mode":{"dark":"#E41968"}}},"n60":{"$type":"color","$value":"#CF175E","$extensions":{"mode":{"dark":"#E93C7F"}}},"n70":{"$type":"color","$value":"#BA1455","$extensions":{"mode":{"dark":"#ED5F96"}}},"n80":{"$type":"color","$value":"#A5124B","$extensions":{"mode":{"dark":"#F282AD"}}},"n90":{"$type":"color","$value":"#901041","$extensions":{"mode":{"dark":"#F6A4C3"}}},"n95":{"$type":"color","$value":"#7B0D38","$extensions":{"mode":{"dark":"#FBC7DA"}}},"n99":{"$type":"color","$value":"#660B2E","$extensions":{"mode":{"dark":"#FFEAF1"}}},"n100":{"$type":"color","$value":"#470820","$extensions":{"mode":{"dark":"#FFF7FA"}}}},"orange":{"$description":"Kadena Orange Color Palette","n0":{"$type":"color","$value":"#FFF7EB","$extensions":{"mode":{"dark":"#290E01"}}},"n1":{"$type":"color","$value":"#FFECCC","$extensions":{"mode":{"dark":"#491901"}}},"n5":{"$type":"color","$value":"#FFDFAD","$extensions":{"mode":{"dark":"#612300"}}},"n10":{"$type":"color","$value":"#FDD291","$extensions":{"mode":{"dark":"#7A2F00"}}},"n20":{"$type":"color","$value":"#FFBB63","$extensions":{"mode":{"dark":"#953D00"}}},"n30":{"$type":"color","$value":"#F5A655","$extensions":{"mode":{"dark":"#B14C00"}}},"n40":{"$type":"color","$value":"#EC9046","$extensions":{"mode":{"dark":"#CB5D00"}}},"n50":{"$type":"color","$value":"#E27B38","$extensions":{"mode":{"dark":"#E27B38"}}},"n60":{"$type":"color","$value":"#CB5D00","$extensions":{"mode":{"dark":"#EC9046"}}},"n70":{"$type":"color","$value":"#B14C00","$extensions":{"mode":{"dark":"#F5A655"}}},"n80":{"$type":"color","$value":"#953D00","$extensions":{"mode":{"dark":"#FFBB63"}}},"n90":{"$type":"color","$value":"#7A2F00","$extensions":{"mode":{"dark":"#FDD291"}}},"n95":{"$type":"color","$value":"#612300","$extensions":{"mode":{"dark":"#FFDFAD"}}},"n99":{"$type":"color","$value":"#491901","$extensions":{"mode":{"dark":"#FFECCC"}}},"n100":{"$type":"color","$value":"#290E01","$extensions":{"mode":{"dark":"#FFF7EB"}}}},"red":{"$description":"Red colors","n0":{"$type":"color","$value":"#FFF5F5","$extensions":{"mode":{"dark":"#330000"}}},"n1":{"$type":"color","$value":"#FFEBE7","$extensions":{"mode":{"dark":"#590000"}}},"n5":{"$type":"color","$value":"#FFDDD6","$extensions":{"mode":{"dark":"#740000"}}},"n10":{"$type":"color","$value":"#FFCDC3","$extensions":{"mode":{"dark":"#930000"}}},"n20":{"$type":"color","$value":"#FFB7A9","$extensions":{"mode":{"dark":"#B40000"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#FF9B88","$extensions":{"mode":{"dark":"#D31510"}}},"n40":{"$type":"color","$value":"#FF7C65","$extensions":{"mode":{"dark":"#EA3829"}}},"n50":{"$type":"color","$value":"#F75C46","$extensions":{"mode":{"dark":"#F75C46"}}},"n60":{"$type":"color","$value":"#EA3829","$extensions":{"mode":{"dark":"#FF7C65"}}},"n70":{"$type":"color","$value":"#D31510","$extensions":{"mode":{"dark":"#FF9B88"}}},"n80":{"$type":"color","$value":"#B40000","$extensions":{"mode":{"dark":"#FFB7A9"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#930000","$extensions":{"mode":{"dark":"#FFCDC3"}}},"n95":{"$type":"color","$value":"#740000","$extensions":{"mode":{"dark":"#FFDDD6"}}},"n99":{"$type":"color","$value":"#590000","$extensions":{"mode":{"dark":"#FFEBE7"}}},"n100":{"$type":"color","$value":"#330000","$extensions":{"mode":{"dark":"#FFF5F5"}}}},"yellow":{"$description":"Yellow colors","n0":{"$type":"color","$value":"#FBF8DD","$extensions":{"mode":{"dark":"#1A1100"}}},"n1":{"$type":"color","$value":"#FBF198","$extensions":{"mode":{"dark":"#362500"}}},"n5":{"$type":"color","$value":"#F8E750","$extensions":{"mode":{"dark":"#483300"}}},"n10":{"$type":"color","$value":"#F8D904","$extensions":{"mode":{"dark":"#5B4300"}}},"n20":{"$type":"color","$value":"#E8C600","$extensions":{"mode":{"dark":"#705300"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}","$extensions":{"alpha":20}},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}","$extensions":{"alpha":80}},"n30":{"$type":"color","$value":"#D7B300","$extensions":{"mode":{"dark":"#856600"}}},"n40":{"$type":"color","$value":"#C49F00","$extensions":{"mode":{"dark":"#9B7800"}}},"n50":{"$type":"color","$value":"#B08C00","$extensions":{"mode":{"dark":"#B08C00"}}},"n60":{"$type":"color","$value":"#9B7800","$extensions":{"mode":{"dark":"#C49F00"}}},"n70":{"$type":"color","$value":"#856600","$extensions":{"mode":{"dark":"#D7B300"}}},"n80":{"$type":"color","$value":"#705300","$extensions":{"mode":{"dark":"#E8C600"},"generators":[{"type":"alpha","value":{"@alpha20":20,"@alpha80":80}}]}},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}","$extensions":{"alpha":20}},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}","$extensions":{"alpha":80}},"n90":{"$type":"color","$value":"#5B4300","$extensions":{"mode":{"dark":"#F8D904"}}},"n95":{"$type":"color","$value":"#483300","$extensions":{"mode":{"dark":"#F8E750"}}},"n99":{"$type":"color","$value":"#362500","$extensions":{"mode":{"dark":"#FBF198"}}},"n100":{"$type":"color","$value":"#1A1100","$extensions":{"mode":{"dark":"#FBF8DD"}}}}},"categorical":{"$description":"Colors intended for data visualisations. Adhere to the specified numerical order.","category1":{"default":{"$type":"color","$description":"Visualisation Color 1","$value":"#2898BD","$extensions":{"mode":{"dark":"#2898BD"}}},"@hover":{"$type":"color","$description":"Visualisation Color 1 Hover State","$value":"#227D9B","$extensions":{"mode":{"dark":"#42B2D7"}}}},"category2":{"default":{"$type":"color","$description":"Visualisation Color 2","$value":"#5E4DB2","$extensions":{"mode":{"dark":"#B8ACF6"}}},"@hover":{"$type":"color","$description":"Visualisation Color 2 Hover State","$value":"#352C63","$extensions":{"mode":{"dark":"#DFD8FD"}}}},"category3":{"default":{"$type":"color","$description":"Visualisation Color 3","$value":"#E56910","$extensions":{"mode":{"dark":"#E56910"}}},"@hover":{"$type":"color","$description":"Visualisation Color 3 Hover State","$value":"#C25100","$extensions":{"mode":{"dark":"#F38A3F"}}}},"category4":{"default":{"$type":"color","$description":"Visualisation Color 4","$value":"#943D73","$extensions":{"mode":{"dark":"#F797D2"}}},"@hover":{"$type":"color","$description":"Visualisation Color 4 Hover State","$value":"#50253F","$extensions":{"mode":{"dark":"#FDD0EC"}}}},"category5":{"default":{"$type":"color","$description":"Visualisation Color 5","$value":"#09326C","$extensions":{"mode":{"dark":"#CCE0FF"}}},"@hover":{"$type":"color","$description":"Visualisation Color 5 Hover State","$value":"#1C2B41","$extensions":{"mode":{"dark":"#E9F2FF"}}}},"category6":{"default":{"$type":"color","$description":"Visualisation Color 6","$value":"#8F7EE7","$extensions":{"mode":{"dark":"#8270DB"}}},"@hover":{"$type":"color","$description":"Visualisation Color 6 Hover State","$value":"#8270DB","$extensions":{"mode":{"dark":"#8F7EE7"}}}},"category7":{"default":{"$type":"color","$description":"Visualisation Color 7","$value":"#50253F","$extensions":{"mode":{"dark":"#FDD0EC"}}},"@hover":{"$type":"color","$description":"Visualisation Color 7 Hover State","$value":"#3D2232","$extensions":{"mode":{"dark":"#FFECF8"}}}},"category8":{"default":{"$type":"color","$description":"Visualisation Color 8","$value":"#A54800","$extensions":{"mode":{"dark":"#FEC195"}}},"@hover":{"$type":"color","$description":"Visualisation Color 8 Hover State","$value":"#702E00","$extensions":{"mode":{"dark":"#FEDEC8"}}}}},"semantic":{"info":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.blue.n100}"}},"negative":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.red.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.red.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.red.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.red.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.red.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.red.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.red.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.red.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.red.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.red.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.red.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.red.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.red.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.red.n100}"}},"positive":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.celery.n100}"}},"warning":{"n0":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n0}"},"n1":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n1}"},"n5":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n5}"},"n10":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n10}"},"n20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20}"},"n20@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20@alpha20}"},"n20@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n20@alpha80}"},"n30":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n30}"},"n40":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n40}"},"n50":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n50}"},"n60":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n60}"},"n70":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n70}"},"n80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80}"},"n80@alpha20":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80@alpha20}"},"n80@alpha80":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n80@alpha80}"},"n90":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n90}"},"n95":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n95}"},"n99":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n99}"},"n100":{"$type":"color","$value":"{kda.foundation.color.palette.yellow.n100}"}}},"text":{"base":{"default":{"$description":"Use for primary text, such as body copy, sentence case headers.","$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha95}"},"@init":{"$description":"Use for primary text @init for buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@hover":{"$description":"Use for text in a hover state.","$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@focus":{"$description":"Use for text in a focus state.","$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$description":"Use for text in a active state.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@disabled":{"$description":"Use for text in a disabled state.","$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha40}"},"@selected":{"$description":"Use for text in selected or opened states, such as tabs and dropdown buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"inverse":{"default":{"$description":"Use for text on bold backgrounds.","$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}"},"@init":{"$description":"Use for primary text @init for buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@hover":{"$description":"Use for text in a hover state.","$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@focus":{"$description":"Use for text in a focus state.","$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$description":"Use for text in a active state.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@disabled":{"$description":"Use for text in a disabled state.","$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"@selected":{"$description":"Use for text in selected or opened states, such as tabs and dropdown buttons.","$type":"color","$value":"{kda.foundation.color.neutral.n0}"}}},"subtle":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha80}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha95}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha95}"}}},"subtlest":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha70}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha80}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha70}"}}},"gray":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100@alpha40}"},"lighter":{"$type":"color","$value":"{kda.foundation.color.neutral.n60}"},"bolder":{"$type":"color","$value":"{kda.foundation.color.neutral.n80}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0@alpha40}"},"lighter":{"$type":"color","$value":"{kda.foundation.color.neutral.n40}"},"bolder":{"$type":"color","$value":"{kda.foundation.color.neutral.n20}"}}},"brand":{"wordmark":{"default":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutralwarm.n1}"}}},"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n10}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.primary.n1}"}}},"secondary":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n90}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n99}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n10}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.brand.secondary.n1}"}}}},"accent":{"primary":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n95}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n99}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.neutral.n5}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.neutral.n1}"},"@active":{"$type":"color","$value":"{kda.foundation.color.neutral.n0}"}}}},"semantic":{"positive":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.positive.n0}"}}},"negative":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.negative.n0}"}}},"warning":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.warning.n0}"}}},"info":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n99}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n100}"},"inverse":{"default":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n1}"},"@hover":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"},"@focus":{"$type":"color","$value":"{kda.foundation.color.semantic.info.n0}"}}}}}},"effect":{"defaultBlur":{"$type":"composition","$title":"Default layer blur","$description":"This is the default layer blur description","$value":{"radius":"{kda.foundation.size.n2}"}},"blur":[{"$name":"layerBlur","$type":"composition","$title":"Layer Blur","$description":"This is the layer blur description","$value":{"radius":"{kda.foundation.size.n3}","visible":true}}],"shadow":{"level1":{"$name":"level1","$type":"composition","$title":"Shadow Level 1","$description":"This is the shadow 1 description","$value":{"color":{"$type":"color","value":"#000000"},"offsetX":{"$type":"dimension","value":"4px"},"offsetY":{"$type":"dimension","value":"0.5rem"},"blur":{"$type":"dimension","value":"{kda.foundation.size.n2}"},"spread":{"$type":"dimension","value":"4px"}},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}},"level2":{"$name":"level2","$type":"composition","$title":"Shadow Level 2","$description":"This is the shadow 2 description","$value":{"color":"#000000","offsetX":"4rem","offsetY":"4rem","blur":{"$type":"dimension","value":"{kda.foundation.size.n2}"},"spread":"2rem"},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}},"level3":{"$name":"level3","$type":"composition","$title":"Shadow Level 3","$description":"This is the shadow 3 description updated","$value":{"color":"#000000","offsetX":"0px","offsetY":"0px","blur":"{kda.foundation.size.n2}","spread":"24px"},"$extensions":{"sort":["offsetX","offsetY","blur","spread","color"]}}}},"layout":{"content":{"minWidth":{"$type":"dimension","$value":"33.75rem"},"maxWidth":{"$type":"dimension","$value":"42.5rem"}}},"radius":{"no":{"$type":"dimension","$value":"0px"},"xs":{"$type":"dimension","$value":"2px"},"sm":{"$type":"dimension","$value":"4px"},"md":{"$type":"dimension","$value":"6px"},"lg":{"$type":"dimension","$value":"8px"},"xl":{"$type":"dimension","$value":"16px"},"xxl":{"$type":"dimension","$value":"24px"},"xs-outline":{"$type":"dimension","$value":"3px"},"sm-outline":{"$type":"dimension","$value":"5px"},"md-outline":{"$type":"dimension","$value":"7px"},"round":{"$type":"dimension","$value":"999rem"}},"screen":{"resolutions":{"$description":"Screen resolutions based on BrowserStack","width":{"mobile":{"apple":{"iphone_se":{"$type":"dimension","$value":320},"iphone_8":{"$type":"dimension","$value":375},"iphone_11":{"$type":"dimension","$value":375},"iphone_11_pro":{"$type":"dimension","$value":414}},"samsung":{"galaxy_s9":{"$type":"dimension","$value":360}}},"tablet":{"apple":{"ipad_mini":{"$type":"dimension","$value":768},"ipad":{"$type":"dimension","$value":810},"ipad_pro":{"$type":"dimension","$value":1024}}},"laptop":{"macBook_air":{"$type":"dimension","$value":1440},"macBook_pro_13":{"$type":"dimension","$value":1280},"macBook_pro_16":{"$type":"dimension","$value":3072}},"desktop":{"small":{"$type":"dimension","$value":1024},"widescreen":{"$type":"dimension","$value":1280},"hd":{"$type":"dimension","$value":1366},"full_hd":{"$type":"dimension","$value":1920},"2k":{"$type":"dimension","$value":2560},"ultra_wide":{"$type":"dimension","$value":3440},"4k":{"$type":"dimension","$value":3840}}},"height":{"mobile":{"apple":{"iphone_se":{"$type":"dimension","$value":568},"iphone_8":{"$type":"dimension","$value":667},"iphone_11":{"$type":"dimension","$value":812},"iphone_11_pro":{"$type":"dimension","$value":896}},"samsung":{"galaxy_s9":{"$type":"dimension","$value":740}}},"tablet":{"apple":{"ipad_mini":{"$type":"dimension","$value":1024},"ipad":{"$type":"dimension","$value":1080},"ipad_pro":{"$type":"dimension","$value":1366}}},"laptop":{"macBook_air":{"$type":"dimension","$value":900},"macBook_pro_13":{"$type":"dimension","$value":800},"macBook_pro_16":{"$type":"dimension","$value":1920}},"desktop":{"small":{"$type":"dimension","$value":768},"widescreen":{"$type":"dimension","$value":800},"hd":{"$type":"dimension","$value":768},"full_hd":{"$type":"dimension","$value":1080},"2k":{"$type":"dimension","$value":1440},"ultra_wide":{"$type":"dimension","$value":1440},"4k":{"$type":"dimension","$value":2160}}}}},"size":{"$description":"Size units for sizing and spacing elements","n0":{"$type":"dimension","$value":0},"n1":{"$type":"dimension","$value":"0.25rem"},"n2":{"$type":"dimension","$value":"0.5rem"},"n3":{"$type":"dimension","$value":"0.75rem"},"n4":{"$type":"dimension","$value":"1rem"},"n5":{"$type":"dimension","$value":"1.25rem"},"n6":{"$type":"dimension","$value":"1.5rem"},"n7":{"$type":"dimension","$value":"1.75rem"},"n8":{"$type":"dimension","$value":"2rem"},"n9":{"$type":"dimension","$value":"2.25rem"},"n10":{"$type":"dimension","$value":"2.5rem"},"n11":{"$type":"dimension","$value":"2.75rem"},"n12":{"$type":"dimension","$value":"3rem"},"n13":{"$type":"dimension","$value":"3.25rem"},"n14":{"$type":"dimension","$value":"3.5rem"},"n15":{"$type":"dimension","$value":"3.75rem"},"n16":{"$type":"dimension","$value":"4rem"},"n17":{"$type":"dimension","$value":"4.25rem"},"n18":{"$type":"dimension","$value":"4.5rem"},"n19":{"$type":"dimension","$value":"4.75rem"},"n20":{"$type":"dimension","$value":"5rem"},"n24":{"$type":"dimension","$value":"6rem"},"n25":{"$type":"dimension","$value":"6.25rem"},"n30":{"$type":"dimension","$value":"7.5rem"},"n32":{"$type":"dimension","$value":"8rem"},"n35":{"$type":"dimension","$value":"8.75rem"},"n40":{"$type":"dimension","$value":"10rem"},"n48":{"$type":"dimension","$value":"12rem"},"n56":{"$type":"dimension","$value":"14rem"},"n64":{"$type":"dimension","$value":"16rem"}},"spacing":{"no":{"$type":"dimension","$value":"{kda.foundation.size.n0}"},"xxs":{"$type":"dimension","$value":"0.125rem"},"xs":{"$type":"dimension","$value":"{kda.foundation.size.n1}"},"sm":{"$type":"dimension","$value":"{kda.foundation.size.n2}"},"md":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"lg":{"$type":"dimension","$value":"{kda.foundation.size.n6}"},"xl":{"$type":"dimension","$value":"{kda.foundation.size.n7}"},"xxl":{"$type":"dimension","$value":"{kda.foundation.size.n9}"},"xxxl":{"$type":"dimension","$value":"{kda.foundation.size.n10}"},"n0":{"$type":"dimension","$value":0},"n1":{"$type":"dimension","$value":"{kda.foundation.size.n1}"},"n2":{"$type":"dimension","$value":"{kda.foundation.size.n2}"},"n3":{"$type":"dimension","$value":"{kda.foundation.size.n3}"},"n4":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"n5":{"$type":"dimension","$value":"{kda.foundation.size.n5}"},"n6":{"$type":"dimension","$value":"{kda.foundation.size.n6}"},"n7":{"$type":"dimension","$value":"{kda.foundation.size.n7}"},"n8":{"$type":"dimension","$value":"{kda.foundation.size.n8}"},"n9":{"$type":"dimension","$value":"{kda.foundation.size.n9}"},"n10":{"$type":"dimension","$value":"{kda.foundation.size.n10}"},"n11":{"$type":"dimension","$value":"{kda.foundation.size.n11}"},"n12":{"$type":"dimension","$value":"{kda.foundation.size.n12}"},"n13":{"$type":"dimension","$value":"{kda.foundation.size.n13}"},"n14":{"$type":"dimension","$value":"{kda.foundation.size.n14}"},"n15":{"$type":"dimension","$value":"{kda.foundation.size.n15}"},"n16":{"$type":"dimension","$value":"{kda.foundation.size.n16}"},"n17":{"$type":"dimension","$value":"{kda.foundation.size.n17}"},"n18":{"$type":"dimension","$value":"{kda.foundation.size.n18}"},"n19":{"$type":"dimension","$value":"{kda.foundation.size.n19}"},"n20":{"$type":"dimension","$value":"{kda.foundation.size.n20}"},"n24":{"$type":"dimension","$value":"{kda.foundation.size.n24}"},"n25":{"$type":"dimension","$value":"{kda.foundation.size.n25}"},"n30":{"$type":"dimension","$value":"{kda.foundation.size.n30}"},"n32":{"$type":"dimension","$value":"{kda.foundation.size.n32}"},"n35":{"$type":"dimension","$value":"{kda.foundation.size.n35}"},"n40":{"$type":"dimension","$value":"{kda.foundation.size.n40}"},"n48":{"$type":"dimension","$value":"{kda.foundation.size.n48}"},"n56":{"$type":"dimension","$value":"{kda.foundation.size.n56}"},"n64":{"$type":"dimension","$value":"{kda.foundation.size.n64}"}},"transition":{"delay":{"none":{"$value":"0ms","$type":"duration"}},"duration":{"base":{"$value":"400ms","$type":"duration"},"d200":{"$value":"200ms","$type":"duration"}},"animation":{"easeOutSine":{"$type":"transition","$value":"{kda.foundation.transition.duration.d200} cubic-bezier(0.61, 1, 0.88, 1)"},"easeOutCubic":{"$type":"transition","$value":"{kda.foundation.transition.duration.d200} cubic-bezier(0.33, 1, 0.68, 1)"}}},"typography":{"family":{"primaryFont":{"$value":"Inter","$type":"fontFamily"},"monospaceFont":{"$value":"Kode Mono","$type":"fontFamily"}},"fontSize":{"xxs":{"$type":"dimension","$value":"0.6875rem"},"xs":{"$type":"dimension","$value":"0.75rem"},"sm":{"$type":"dimension","$value":"0.875rem"},"base":{"$type":"dimension","$value":"{kda.foundation.size.n4}"},"md":{"$type":"dimension","$value":"1.125rem"},"lg":{"$type":"dimension","$value":"1.25rem"},"xl":{"$type":"dimension","$value":"1.5rem"},"2xl":{"$type":"dimension","$value":"1.75rem"},"3xl":{"$type":"dimension","$value":"2rem"},"4xl":{"$type":"dimension","$value":"2.25rem"},"5xl":{"$type":"dimension","$value":"2.5rem"},"6xl":{"$type":"dimension","$value":"2.75rem"},"7xl":{"$type":"dimension","$value":"3rem"},"8xl":{"$type":"dimension","$value":"3.25rem"},"9xl":{"$type":"dimension","$value":"3.75rem"},"10xl":{"$type":"dimension","$value":"4.5rem"},"11xl":{"$type":"dimension","$value":"5rem"},"12xl":{"$type":"dimension","$value":"5.25rem"}},"lineHeight":{"7xl":{"$value":"3rem","$type":"dimension"},"4xl":{"$value":"2.25rem","$type":"dimension"},"3xl":{"$value":"2rem","$type":"dimension"},"2xl":{"$value":"1.75rem","$type":"dimension"},"xl":{"$value":"1.5rem","$type":"dimension"},"base":{"$value":"1.25rem","$type":"dimension"},"md":{"$value":"1rem","$type":"dimension"},"sm":{"$value":"0.875rem","$type":"dimension"}},"weight":{"primaryFont":{"light":{"$value":300,"$extensions":{"weightTag":"Light"},"$type":"fontWeight"},"regular":{"$value":400,"$extensions":{"weightTag":"Regular"},"$type":"fontWeight"},"medium":{"$value":500,"$extensions":{"weightTag":"Medium"},"$type":"fontWeight"},"semiBold":{"$value":600,"$extensions":{"weightTag":"SemiBold"},"$type":"fontWeight"},"bold":{"$value":700,"$extensions":{"weightTag":"Bold"},"$type":"fontWeight"}},"monospaceFont":{"regular":{"$value":400,"$extensions":{"weightTag":"Regular"},"$type":"fontWeight"},"medium":{"$value":500,"$extensions":{"weightTag":"Medium"},"$type":"fontWeight"},"semiBold":{"$value":600,"$extensions":{"weightTag":"SemiBold"},"$type":"fontWeight"},"bold":{"$value":700,"$extensions":{"weightTag":"Bold"},"$type":"fontWeight"}}}},"zIndex":{"deepdive":{"$type":"number","$value":-99999},"default":{"$type":"number","$value":1},"dialog":{"$type":"number","$value":6000},"surface":{"$type":"number","$value":4},"dropdown":{"$type":"number","$value":7000},"modal":{"$type":"number","$value":9000},"overlay":{"$type":"number","$value":8000},"popup":{"$type":"number","$value":5000},"spinner":{"$type":"number","$value":9050},"sticky":{"$type":"number","$value":100},"toast":{"$type":"number","$value":10000}}},"icons":{"ABI":{"$type":"icon","$name":"ABI","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ABI_slim":{"$type":"icon","$name":"ABI_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"API":{"$type":"icon","$name":"API","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"API_slim":{"$type":"icon","$name":"API_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ENS":{"$type":"icon","$name":"ENS","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ENS_slim":{"$type":"icon","$name":"ENS_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"MUD":{"$type":"icon","$name":"MUD","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"MUD_menu":{"$type":"icon","$name":"MUD_menu","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"RPC":{"$type":"icon","$name":"RPC","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps":{"$type":"icon","$name":"apps","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps_list":{"$type":"icon","$name":"apps_list","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"apps_slim":{"$type":"icon","$name":"apps_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"arrows":{"arrow_drop_down":{"$type":"icon","$name":"arrow_drop_down","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"down-right":{"$type":"icon","$name":"down-right","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"east-mini":{"$type":"icon","$name":"east-mini","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"east":{"$type":"icon","$name":"east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"north-east":{"$type":"icon","$name":"north-east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"south-east":{"$type":"icon","$name":"south-east","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"up-down":{"$type":"icon","$name":"up-down","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"up-head":{"$type":"icon","$name":"up-head","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"beta":{"$type":"icon","$name":"beta","$description":"","$value":" ","$dimensions":{"width":52,"height":24}},"beta_xs":{"$type":"icon","$name":"beta_xs","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"blob":{"$type":"icon","$name":"blob","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"blobs":{"image":{"$type":"icon","$name":"image","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"raw":{"$type":"icon","$name":"raw","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"text":{"$type":"icon","$name":"text","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"block":{"$type":"icon","$name":"block","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"block_countdown":{"$type":"icon","$name":"block_countdown","$description":"","$value":" ","$dimensions":{"width":31.264864864864865,"height":24}},"block_slim":{"$type":"icon","$name":"block_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"brands":{"blockscout":{"$type":"icon","$name":"blockscout","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"celenium":{"$type":"icon","$name":"celenium","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"graph":{"$type":"icon","$name":"graph","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"kadena":{"logo":{"dark":{"$type":"icon","$name":"dark","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":84.375,"height":24}},"light":{"$type":"icon","$name":"light","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":84.375,"height":24}}},"rounded":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}},"rounded-filled":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}},"square":{"black":{"$type":"icon","$name":"black","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"green":{"$type":"icon","$name":"green","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}},"white":{"$type":"icon","$name":"white","$description":"","$style":"kdacolor","$value":" ","$dimensions":{"width":24,"height":24}}}},"safe":{"$type":"icon","$name":"safe","$description":"","$value":" ","$dimensions":{"width":24.003628117913834,"height":24}},"solidity_scan":{"$type":"icon","$name":"solidity_scan","$description":"","$value":" ","$dimensions":{"width":27.599999999999998,"height":24}},"tac":{"$type":"icon","$name":"tac","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"ton":{"$type":"icon","$name":"ton","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"burger":{"$type":"icon","$name":"burger","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"certified":{"$type":"icon","$name":"certified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"check":{"$type":"icon","$name":"check","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"checkered_flag":{"$type":"icon","$name":"checkered_flag","$description":"","$value":" ","$dimensions":{"width":22.5,"height":24}},"clock":{"$type":"icon","$name":"clock","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"clock-light":{"$type":"icon","$name":"clock-light","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"close":{"$type":"icon","$name":"close","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"coins":{"bitcoin":{"$type":"icon","$name":"bitcoin","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"collection":{"$type":"icon","$name":"collection","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"columns":{"$type":"icon","$name":"columns","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"contracts":{"proxy":{"$type":"icon","$name":"proxy","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"regular":{"$type":"icon","$name":"regular","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"regular_many":{"$type":"icon","$name":"regular_many","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified":{"$type":"icon","$name":"verified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified_many":{"$type":"icon","$name":"verified_many","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"copy":{"$type":"icon","$name":"copy","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"copy_check":{"$type":"icon","$name":"copy_check","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"cross":{"$type":"icon","$name":"cross","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"delete":{"$type":"icon","$name":"delete","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"dex-tracker":{"$type":"icon","$name":"dex-tracker","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"docs":{"$type":"icon","$name":"docs","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"donate":{"$type":"icon","$name":"donate","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"dots":{"$type":"icon","$name":"dots","$description":"","$value":" ","$dimensions":{"width":108,"height":24}},"edit":{"$type":"icon","$name":"edit","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"email":{"$type":"icon","$name":"email","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"empty_search_result":{"$type":"icon","$name":"empty_search_result","$description":"","$value":" ","$dimensions":{"width":31.135135135135137,"height":24}},"error-pages":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"403","$description":"","$value":" ","$dimensions":{"width":47.76,"height":24}},{"$type":"icon","$name":"404","$description":"","$value":" ","$dimensions":{"width":48.239999999999995,"height":24}},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"422","$description":"","$value":" ","$dimensions":{"width":48.239999999999995,"height":24}},null,null,null,null,null,null,{"$type":"icon","$name":"429","$description":"","$value":" ","$dimensions":{"width":47.76237623762376,"height":24}},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"$type":"icon","$name":"500","$description":"","$value":" ","$dimensions":{"width":46.81188118811881,"height":24}}],"explorer":{"$type":"icon","$name":"explorer","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"files":{"csv":{"$type":"icon","$name":"csv","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"image":{"$type":"icon","$name":"image","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"json":{"$type":"icon","$name":"json","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"placeholder":{"$type":"icon","$name":"placeholder","$description":"","$value":" ","$dimensions":{"width":24.48,"height":24}},"sol":{"$type":"icon","$name":"sol","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"yul":{"$type":"icon","$name":"yul","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"filter":{"$type":"icon","$name":"filter","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"flame":{"$type":"icon","$name":"flame","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"games":{"$type":"icon","$name":"games","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gas":{"$type":"icon","$name":"gas","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gas_xl":{"$type":"icon","$name":"gas_xl","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gear":{"$type":"icon","$name":"gear","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"gear_slim":{"$type":"icon","$name":"gear_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"globe":{"$type":"icon","$name":"globe","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"globe-b":{"$type":"icon","$name":"globe-b","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"graphQL":{"$type":"icon","$name":"graphQL","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"heart_filled":{"$type":"icon","$name":"heart_filled","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"heart_outline":{"$type":"icon","$name":"heart_outline","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"hourglass":{"$type":"icon","$name":"hourglass","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"hourglass_slim":{"$type":"icon","$name":"hourglass_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"info":{"$type":"icon","$name":"info","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"info_filled":{"$type":"icon","$name":"info_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"integration":{"full":{"$type":"icon","$name":"full","$description":"","$value":" ","$dimensions":{"width":null,"height":null}},"partial":{"$type":"icon","$name":"partial","$description":"","$value":" ","$dimensions":{"width":null,"height":null}}},"internal_txns":{"$type":"icon","$name":"internal_txns","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"interop":{"$type":"icon","$name":"interop","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"key":{"$type":"icon","$name":"key","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lightning":{"$type":"icon","$name":"lightning","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lightning_navbar":{"$type":"icon","$name":"lightning_navbar","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"link":{"$type":"icon","$name":"link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"link_external":{"$type":"icon","$name":"link_external","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"lock":{"$type":"icon","$name":"lock","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits":{"$type":"icon","$name":"merits","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_colored":{"$type":"icon","$name":"merits_colored","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"merits_slim":{"$type":"icon","$name":"merits_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_with_dot":{"$type":"icon","$name":"merits_with_dot","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"merits_with_dot_slim":{"$type":"icon","$name":"merits_with_dot_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"minus":{"$type":"icon","$name":"minus","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"monaco":{"cargo":{"$type":"icon","$name":"cargo","$description":"","$value":" ","$dimensions":{"width":22.947065808386977,"height":24}},"file":{"$type":"icon","$name":"file","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"folder-open":{"$type":"icon","$name":"folder-open","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"folder":{"$type":"icon","$name":"folder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rust":{"$type":"icon","$name":"rust","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"solidity":{"$type":"icon","$name":"solidity","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"toml":{"$type":"icon","$name":"toml","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"Transparent Logo":{"$type":"icon","$name":"Transparent Logo","$description":"","$value":" ","$dimensions":{"width":27.71281334220408,"height":24}}},"moon":{"$type":"icon","$name":"moon","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"moon-with-star":{"$type":"icon","$name":"moon-with-star","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"networks":{"$type":"icon","$name":"networks","$description":"","$value":" ","$dimensions":{"width":24,"height":24},"icon-placeholder":{"$type":"icon","$name":"icon-placeholder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"logo-placeholder":{"$type":"icon","$name":"logo-placeholder","$description":"","$value":" ","$dimensions":{"width":120,"height":24}}},"nft_shield":{"$type":"icon","$name":"nft_shield","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"open-link":{"$type":"icon","$name":"open-link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"operation":{"$type":"icon","$name":"operation","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"operation_slim":{"$type":"icon","$name":"operation_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"output_roots":{"$type":"icon","$name":"output_roots","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"payment_link":{"$type":"icon","$name":"payment_link","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"plus":{"$type":"icon","$name":"plus","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"private_tags_slim":{"$type":"icon","$name":"private_tags_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"privattags":{"$type":"icon","$name":"privattags","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"profile":{"$type":"icon","$name":"profile","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"publictags":{"$type":"icon","$name":"publictags","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"publictags_slim":{"$type":"icon","$name":"publictags_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"qr_code":{"$type":"icon","$name":"qr_code","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"refresh":{"$type":"icon","$name":"refresh","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"repeat":{"$type":"icon","$name":"repeat","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"restAPI":{"$type":"icon","$name":"restAPI","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rocket":{"$type":"icon","$name":"rocket","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"rocket_xl":{"$type":"icon","$name":"rocket_xl","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"scope":{"$type":"icon","$name":"scope","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"score":{"score-not-ok":{"$type":"icon","$name":"score-not-ok","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"score-ok":{"$type":"icon","$name":"score-ok","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"search":{"$type":"icon","$name":"search","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"share":{"$type":"icon","$name":"share","$description":"","$value":" ","$dimensions":{"width":21.176470588235293,"height":24}},"sign_out":{"$type":"icon","$name":"sign_out","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"social":{"coingecko":{"$type":"icon","$name":"coingecko","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"coinmarketcap":{"$type":"icon","$name":"coinmarketcap","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"defi_llama":{"$type":"icon","$name":"defi_llama","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"discord":{"$type":"icon","$name":"discord","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"discord_filled":{"$type":"icon","$name":"discord_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"facebook_filled":{"$type":"icon","$name":"facebook_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"git":{"$type":"icon","$name":"git","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"github_filled":{"$type":"icon","$name":"github_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"linkedin_filled":{"$type":"icon","$name":"linkedin_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"medium_filled":{"$type":"icon","$name":"medium_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"opensea_filled":{"$type":"icon","$name":"opensea_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"reddit_filled":{"$type":"icon","$name":"reddit_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"slack_filled":{"$type":"icon","$name":"slack_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"stats":{"$type":"icon","$name":"stats","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"telega":{"$type":"icon","$name":"telega","$description":"","$value":" ","$dimensions":{"width":25.200000000000003,"height":24}},"telegram_filled":{"$type":"icon","$name":"telegram_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"twitter":{"$type":"icon","$name":"twitter","$description":"","$value":" ","$dimensions":{"width":25,"height":24}},"twitter_filled":{"$type":"icon","$name":"twitter_filled","$description":"","$value":" ","$dimensions":{"width":25,"height":24}}},"star_filled":{"$type":"icon","$name":"star_filled","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"star_outline":{"$type":"icon","$name":"star_outline","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"stats":{"$type":"icon","$name":"stats","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"status":{"error":{"$type":"icon","$name":"error","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"pending":{"$type":"icon","$name":"pending","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"success":{"$type":"icon","$name":"success","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"warning":{"$type":"icon","$name":"warning","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"sun":{"$type":"icon","$name":"sun","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"swap":{"$type":"icon","$name":"swap","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"testnet":{"$type":"icon","$name":"testnet","$description":"","$value":" ","$dimensions":{"width":63.42857142857143,"height":24}},"token":{"$type":"icon","$name":"token","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-placeholder":{"$type":"icon","$name":"token-placeholder","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-transfers":{"$type":"icon","$name":"token-transfers","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"tokens":{"$type":"icon","$name":"tokens","$description":"","$value":" ","$dimensions":{"width":25.5,"height":24},"xdai":{"$type":"icon","$name":"xdai","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"top-accounts":{"$type":"icon","$name":"top-accounts","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"transactions":{"$type":"icon","$name":"transactions","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"transactions_slim":{"$type":"icon","$name":"transactions_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"txn_batches":{"$type":"icon","$name":"txn_batches","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"txn_batches_slim":{"$type":"icon","$name":"txn_batches_slim","$description":"","$value":" ","$dimensions":{"width":21.818181818181817,"height":24}},"uniswap":{"$type":"icon","$name":"uniswap","$description":"","$value":" ","$dimensions":{"width":24.75,"height":24}},"user_op":{"$type":"icon","$name":"user_op","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"user_op_slim":{"$type":"icon","$name":"user_op_slim","$description":"","$value":" ","$dimensions":{"width":22.857142857142854,"height":24}},"validator":{"$type":"icon","$name":"validator","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verification-steps":{"error":{"$type":"icon","$name":"error","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"finalized":{"$type":"icon","$name":"finalized","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"unfinalized":{"$type":"icon","$name":"unfinalized","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"verified":{"$type":"icon","$name":"verified","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"verified_slim":{"$type":"icon","$name":"verified_slim","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"wallet":{"$type":"icon","$name":"wallet","$description":"","$value":" ","$dimensions":{"width":25.200000000000003,"height":24}},"wallets":{"coinbase":{"$type":"icon","$name":"coinbase","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"metamask":{"$type":"icon","$name":"metamask","$description":"","$value":" ","$dimensions":{"width":24,"height":24}},"token-pocket":{"$type":"icon","$name":"token-pocket","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}},"watchlist":{"$type":"icon","$name":"watchlist","$description":"","$value":" ","$dimensions":{"width":24,"height":24}}}}} \ No newline at end of file diff --git a/toolkit/theme/design-system/tokens/component/hero.banner.tokens.json b/toolkit/theme/design-system/tokens/component/hero.banner.tokens.json index dfc412d413..074fde489c 100644 --- a/toolkit/theme/design-system/tokens/component/hero.banner.tokens.json +++ b/toolkit/theme/design-system/tokens/component/hero.banner.tokens.json @@ -5,11 +5,25 @@ "banner": { "title": { "font": { + "width": { + "$type": "dimension", + "$value": "auto", + "$extensions": { + "breakpoint": { + "(max-width: 30rem)": { + "value": "100%" + } + } + } + }, "size": { "$type": "dimension", "$value": "{kda.foundation.typography.fontSize.xl}", "$extensions": { "breakpoint": { + "(max-width: 30rem)": { + "value": "{kda.foundation.typography.fontSize.lg}" + }, "(min-width: {kda.foundation.breakpoint.lg})": { "value": "{kda.foundation.typography.fontSize.2xl}" } diff --git a/ui/home/HeroBanner.tsx b/ui/home/HeroBanner.tsx index 96ca8ea5ca..f3544f0613 100644 --- a/ui/home/HeroBanner.tsx +++ b/ui/home/HeroBanner.tsx @@ -37,13 +37,20 @@ const HeroBanner = () => { lineHeight="var(--kda-explorer-hero-banner-title-font-line-height)" fontWeight="var(--kda-explorer-hero-banner-title-font-weight)" color="var(--kda-explorer-hero-banner-title-font-color-name)" + justifyContent="space-between" display="flex" gap="var(--kda-explorer-hero-banner-title-margin-gap)" alignItems="center" width="var(--kda-explorer-hero-banner-column-width)" > - { !isMobile ? config.app.name : config.app.shortName } + + { !isMobile ? config.app.name : config.app.shortName } + { + isLoading?: boolean; +} + +export const ImageSvg = React.forwardRef( + function ImageSvg({ isLoading = false, ...props }: ImageProps, ref: React.ForwardedRef) { + return ( + + + + ); + }, +); + +ImageSvg.displayName = 'ImageSvg'; + export default IconSvg; diff --git a/ui/snippets/footer/Footer.tsx b/ui/snippets/footer/Footer.tsx index 63e2ceab8c..4f27a39b77 100644 --- a/ui/snippets/footer/Footer.tsx +++ b/ui/snippets/footer/Footer.tsx @@ -13,7 +13,7 @@ import useIssueUrl from 'lib/hooks/useIssueUrl'; import { Link } from 'toolkit/chakra/link'; import { Skeleton } from 'toolkit/chakra/skeleton'; import { copy } from 'toolkit/utils/htmlEntities'; -import IconSvg from 'ui/shared/IconSvg'; +import IconSvg, { ImageSvg } from 'ui/shared/IconSvg'; import { CONTENT_MAX_WIDTH } from 'ui/shared/layout/utils'; import NetworkAddToWallet from 'ui/shared/NetworkAddToWallet'; @@ -130,7 +130,24 @@ const Footer = () => { height={ 4 } /> + and + + + + + This explorer is forked from Blockscout and customized for Kadena Chainweb EVM platform maintained by Kadena. + Blockscout is a tool for inspecting and analyzing EVM based blockchains. Blockchain explorer for Ethereum Networks. diff --git a/ui/snippets/topBar/TopBarChainStatus.tsx b/ui/snippets/topBar/TopBarChainStatus.tsx index b415b2ac1d..a39aa15ad5 100644 --- a/ui/snippets/topBar/TopBarChainStatus.tsx +++ b/ui/snippets/topBar/TopBarChainStatus.tsx @@ -23,8 +23,10 @@ const TopBarChainStats = () => { { !isMobile ? config.app.name : config.app.shortName } (v{ config.app.version }) + >{ !isMobile ? config.app.name : config.app.shortName } { !isMobile && `(v${ config.app.version })` }