diff --git a/.changeset/angry-suits-rhyme.md b/.changeset/angry-suits-rhyme.md
new file mode 100644
index 00000000000..d3b70686f9f
--- /dev/null
+++ b/.changeset/angry-suits-rhyme.md
@@ -0,0 +1,6 @@
+---
+'@talend/design-tokens': patch
+'@talend/react-components': patch
+---
+
+fix: qlik theme fixes
diff --git a/packages/components/src/AppSwitcher/AppSwitcher.component.js b/packages/components/src/AppSwitcher/AppSwitcher.component.js
index d6ffadd50e9..82a129b5447 100644
--- a/packages/components/src/AppSwitcher/AppSwitcher.component.js
+++ b/packages/components/src/AppSwitcher/AppSwitcher.component.js
@@ -1,13 +1,14 @@
import { useTranslation } from 'react-i18next';
+
import PropTypes from 'prop-types';
-import I18N_DOMAIN_COMPONENTS from '../constants';
import Action from '../Actions/Action';
import ActionDropdown from '../Actions/ActionDropdown';
+import I18N_DOMAIN_COMPONENTS from '../constants';
import Inject from '../Inject';
+import { getTheme } from '../theme';
import AppSwitcherCSSModule from './AppSwitcher.module.scss';
-import { getTheme } from '../theme';
const theme = getTheme(AppSwitcherCSSModule);
diff --git a/packages/components/src/AppSwitcher/AppSwitcher.module.scss b/packages/components/src/AppSwitcher/AppSwitcher.module.scss
index a2cfe3a90b2..9e86b8bd15d 100644
--- a/packages/components/src/AppSwitcher/AppSwitcher.module.scss
+++ b/packages/components/src/AppSwitcher/AppSwitcher.module.scss
@@ -5,6 +5,10 @@
:global(.tc-svg-icon:first-child) {
height: $svg-lg-size;
width: $svg-lg-size;
+
+ path {
+ fill: tokens.$coral-color-brand-text;
+ }
}
}
diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss
index 3ec95978982..9a53183cc6a 100644
--- a/packages/components/src/HeaderBar/HeaderBar.module.scss
+++ b/packages/components/src/HeaderBar/HeaderBar.module.scss
@@ -22,6 +22,7 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
top: 0;
width: 100%;
z-index: tokens.$coral-elevation-layer-standard-front;
+ border-bottom: 1px solid tokens.$coral-color-neutral-border-weak;
svg {
margin: 0;
@@ -29,6 +30,9 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
a svg {
margin: 0 $padding-smaller;
+ path {
+ fill: tokens.$coral-color-neutral-icon;
+ }
}
ul {
diff --git a/packages/components/src/HeaderBar/HeaderBar.stories.js b/packages/components/src/HeaderBar/HeaderBar.stories.js
index 457155da357..eed42a5a7fe 100644
--- a/packages/components/src/HeaderBar/HeaderBar.stories.js
+++ b/packages/components/src/HeaderBar/HeaderBar.stories.js
@@ -97,11 +97,6 @@ function IntercomComponent() {
export default {
title: 'Components/Navigation/HeaderBar',
- decorators: Story => (
-
-
-
- ),
};
export const Default = () => {
diff --git a/packages/components/src/SidePanel/SidePanel.module.scss b/packages/components/src/SidePanel/SidePanel.module.scss
index 89df2064f9a..9be539cb1cc 100644
--- a/packages/components/src/SidePanel/SidePanel.module.scss
+++ b/packages/components/src/SidePanel/SidePanel.module.scss
@@ -25,6 +25,7 @@ $large-docked-width: 7rem;
background: tokens.$coral-color-branding-background;
overflow: hidden;
position: relative;
+ border-right: 1px solid tokens.$coral-color-neutral-border-weak;
&::before {
left: 1rem;
diff --git a/packages/components/src/SidePanel/SidePanel.stories.js b/packages/components/src/SidePanel/SidePanel.stories.js
index 0b6ea6415e6..dbd0825fda8 100644
--- a/packages/components/src/SidePanel/SidePanel.stories.js
+++ b/packages/components/src/SidePanel/SidePanel.stories.js
@@ -105,11 +105,6 @@ const other = [
export default {
title: 'Components/Navigation/SidePanel',
- decorators: Story => (
-
-
-
- ),
};
export const Uncontrolled = () => (
diff --git a/packages/design-tokens/src/qlik-light/_index.scss b/packages/design-tokens/src/qlik-light/_index.scss
index 588c8f9abbb..a56d5581306 100644
--- a/packages/design-tokens/src/qlik-light/_index.scss
+++ b/packages/design-tokens/src/qlik-light/_index.scss
@@ -331,7 +331,7 @@
--coral-breakpoint-m: 48em;
--coral-breakpoint-l: 64em;
--coral-breakpoint-xl: 80em;
- --coral-branding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPGc+CiAgICA8cGF0aCBjbGFzcz0idGktYmFja2dyb3VuZCIgIGZpbGw9IiMxNUFBNTEiIGQ9Ik0xNiw4IEMxNiwxMi40MTg4NzM3IDEyLjQxODI2NDgsMTYuMDAwNjA4OCA4LDE2LjAwMDYwODggQzMuNTgxNzM1MTYsMTYuMDAwNjA4OCAwLDEyLjQxODg3MzcgMCw4IEMwLDMuNTgxNzM1MTYgMy41ODE3MzUxNiw1LjM0OTk2ODgzZS0xNCA4LDUuMzQ5OTY4ODNlLTE0IEMxMi40MTgyNjQ4LDUuMzQ5OTY4ODNlLTE0IDE2LDMuNTgxNzM1MTYgMTYsOCIvPgogICAgPHBhdGggY2xhc3M9InRpLWZvcmVncm91bmQiIGZpbGw9IiNGRkYiIGQ9Ik0xMC4xNzgwMTY4LDExLjQzMTYwMzQgQzEwLjE1MTM5NSwxMS4zNTQxNTggMTAuMTEzODgyNCwxMS4yODIxNTggMTAuMDY0ODczOSwxMS4yMTYyMDg0IEMxMC4wMTY0NzA2LDExLjE0OTY1MzggOS45Nzg5NTc5OCwxMS4xMjMwMzE5IDkuOTUyMzM2MTMsMTEuMTM2MzQyOSBDOS43ODQxMzQ0NSwxMS4yMTk4Mzg3IDkuNjAwMjAxNjgsMTEuMjkxMjMzNiA5LjQwMTE0Mjg2LDExLjM0ODcxMjYgQzkuMjAyMDg0MDMsMTEuNDA2MTkxNiA5LjAyOTA0MjAyLDExLjQzNTIzMzYgOC44ODMyMjY4OSwxMS40MzUyMzM2IEM4LjcxOTI2MDUsMTEuNDM1MjMzNiA4LjU5NDAxNjgxLDExLjM5NzcyMSA4LjUwODEwMDg0LDExLjMyNTcyMSBDOC40MjE1Nzk4MywxMS4yNTI1MTA5IDguMzU5ODY1NTUsMTEuMTE2OTgxNSA4LjMyMjM1Mjk0LDEwLjkyMDM0MjkgQzguMjg0MjM1MjksMTAuNzIzNzA0MiA4LjI2NTQ3ODk5LDEwLjQzNjMwOTIgOC4yNjU0Nzg5OSwxMC4wNTk5NzMxIEw4LjI2NTQ3ODk5LDYuMjQyNzYzMDMgTDkuNjkzMzc4MTUsNi4yNDI3NjMwMyBDOS43NDE3ODE1MSw2LjI0Mjc2MzAzIDkuNzg3MTU5NjYsNi4xOTYxNzQ3OSA5LjgyOTUxMjYxLDYuMTAyMzkzMjggQzkuODcxMjYwNSw2LjAxMDQyNjg5IDkuODkyNDM2OTcsNS44OTU0Njg5MSA5Ljg5MjQzNjk3LDUuNzU4MTI0MzcgQzkuODkyNDM2OTcsNS43MDAwNDAzNCA5Ljg3NzkxNTk3LDUuNjQ4NjExNzYgOS44NDg4NzM5NSw1LjYwNTA0ODc0IEM5LjgyMDQzNjk3LDUuNTYwODgwNjcgOS43ODE3MTQyOSw1LjUzNjY3ODk5IDkuNzMzMzEwOTIsNS41MzI0NDM3IEw4LjI2NTQ3ODk5LDUuNTMyNDQzNyBMOC4yNjU0Nzg5OSwzLjY3OTIgQzguMjY1NDc4OTksMy42MDIzNTk2NiA4LjIxNDY1NTQ2LDMuNTQ3OTA1ODggOC4xMjQ1MDQyLDMuNTEwOTk4MzIgQzcuOTU4MTE3NjUsMy40NTg5NjQ3MSA3Ljg2MDcwNTg4LDMuNjM5ODcyMjcgNy44NjA3MDU4OCwzLjYzOTg3MjI3IEM3LjQxNDE4NDg3LDQuNjcyMDczOTUgNi41Mzc0Nzg5OSw1LjQ2ODkxNDI5IDUuNDUzMjQzNyw1LjgwODM0Mjg2IEM1LjQ1MzI0MzcsNS44MDgzNDI4NiA1LjIzMTc5ODMyLDUuODYwOTgxNTEgNS4yODg2NzIyNyw2LjA5MjcxMjYxIEM1LjI5NTMyNzczLDYuMTEyNjc4OTkgNS4zMDEzNzgxNSw2LjEzMjY0NTM4IDUuMzExMDU4ODIsNi4xNTI2MTE3NiBDNS4zNDE5MTU5Nyw2LjIxNzM1MTI2IDUuMzc5NDI4NTcsNi4yNTA2Mjg1NyA1LjQyMzU5NjY0LDYuMjU2MDczOTUgTDYuMTMzOTE1OTcsNi4yNTYwNzM5NSBMNi4xMzM5MTU5NywxMC42NTE3MDQyIEM2LjEzMzkxNTk3LDExLjI3NTUwMjUgNi4zMjMyOTQxMiwxMS43MTE3Mzc4IDYuNzAyMDUwNDIsMTEuOTU5ODA1IEM3LjA4MDIwMTY4LDEyLjIwNzI2NzIgNy41ODg0MzY5NywxMi4zMzA2OTU4IDguMjI1NTQ2MjIsMTIuMzMwNjk1OCBDOC40MjUyMTAwOCwxMi4zMzA2OTU4IDguNjU2MzM2MTMsMTIuMjkzNzg4MiA4LjkxOTUyOTQxLDEyLjIxODc2MyBDOS4xODI3MjI2OSwxMi4xNDMxMzI4IDkuNDMwNzg5OTIsMTIuMDQ2OTMxMSA5LjY2MzEyNjA1LDExLjkyOTU1MjkgQzkuODk2MDY3MjMsMTEuODEyNzc5OCAxMC4wNjcyOTQxLDExLjY5NDE5MTYgMTAuMTc4MDE2OCwxMS41NzM3ODgyIEMxMC4yMDQ2Mzg3LDExLjU1Njg0NzEgMTAuMjA0NjM4NywxMS41MDkwNDg3IDEwLjE3ODAxNjgsMTEuNDMxNjAzNCIvPgogIDwvZz4KPC9zdmc+Cg==);
+ --coral-branding-logo: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzLjMwMDIgMjUuMTk4NEMyMS4zMDAyIDI2Ljc5ODQgMTguNzAwMiAyNy42OTg0IDE2LjAwMDIgMjcuNjk4NEM5LjUwMDIgMjcuNzk4NCA0LjIwMDIgMjIuNDk4NCA0LjIwMDIgMTUuOTk4NEM0LjIwMDIgMTMuMTk4NCA1LjIwMDIgMTAuNTk4NCA2LjgwMDIgOC41OTg0NEw0LjcwMDIgNi4zOTg0NEMyLjUwMDIgOC45OTg0NCAxLjIwMDIgMTIuMjk4NCAxLjIwMDIgMTUuOTk4NEMxLjIwMDIgMjQuMTk4NCA3LjgwMDIgMzAuNzk4NCAxNi4wMDAyIDMwLjc5ODRDMTkuNjAwMiAzMC43OTg0IDIyLjkwMDIgMjkuNDk4NCAyNS41MDAyIDI3LjM5ODRMMjMuMzAwMiAyNS4xOTg0WiIgZmlsbD0iIzU0NTY1QSIvPgogIDxwYXRoIGQ9Ik0yNy45MDAyIDMwLjA5OTJIMzIuMDAwMkwyNy42MDAyIDI1LjI5OTJDMjkuNjAwMiAyMi43OTkyIDMwLjgwMDIgMTkuNDk5MiAzMC44MDAyIDE1Ljk5OTJDMzAuODAwMiA3Ljc5OTIyIDI0LjIwMDIgMS4xOTkyMiAxNi4wMDAyIDEuMTk5MjJDMTEuNTAwMiAxLjE5OTIyIDcuNDAwMiAzLjI5OTIyIDQuNzAwMiA2LjQ5OTIyTDYuOTAwMiA4LjY5OTIyQzkuMDAwMiA1Ljg5OTIyIDEyLjMwMDIgNC4xOTkyMiAxNi4wMDAyIDQuMTk5MjJDMjIuNTAwMiA0LjE5OTIyIDI3LjgwMDIgOS40OTkyMiAyNy44MDAyIDE1Ljk5OTJDMjcuODAwMiAxOS42OTkyIDI2LjEwMDIgMjMuMDk5MiAyMy4zMDAyIDI1LjE5OTJMMjUuMzAwMiAyNy4xOTkyTDI1LjQwMDIgMjcuMjk5MkwyNy45MDAyIDMwLjA5OTJaIiBmaWxsPSIjMDA5ODQ1Ii8+Cjwvc3ZnPg==);
--coral-transition-instant: 100ms ease-out;
--coral-transition-fast: 250ms ease-in-out;
--coral-transition-normal: 300ms ease-in-out;
diff --git a/packages/design-tokens/src/qlik-light/dictionary.ts b/packages/design-tokens/src/qlik-light/dictionary.ts
index 13dfc1cec7c..bc780f3942e 100644
--- a/packages/design-tokens/src/qlik-light/dictionary.ts
+++ b/packages/design-tokens/src/qlik-light/dictionary.ts
@@ -3040,7 +3040,7 @@ Opacity for components that are only temporarily disabled.`,
name: 'coralBrandingLogo',
type: 'branding',
description: `Brand logo in App heading`,
- value: `url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPGc+CiAgICA8cGF0aCBjbGFzcz0idGktYmFja2dyb3VuZCIgIGZpbGw9IiMxNUFBNTEiIGQ9Ik0xNiw4IEMxNiwxMi40MTg4NzM3IDEyLjQxODI2NDgsMTYuMDAwNjA4OCA4LDE2LjAwMDYwODggQzMuNTgxNzM1MTYsMTYuMDAwNjA4OCAwLDEyLjQxODg3MzcgMCw4IEMwLDMuNTgxNzM1MTYgMy41ODE3MzUxNiw1LjM0OTk2ODgzZS0xNCA4LDUuMzQ5OTY4ODNlLTE0IEMxMi40MTgyNjQ4LDUuMzQ5OTY4ODNlLTE0IDE2LDMuNTgxNzM1MTYgMTYsOCIvPgogICAgPHBhdGggY2xhc3M9InRpLWZvcmVncm91bmQiIGZpbGw9IiNGRkYiIGQ9Ik0xMC4xNzgwMTY4LDExLjQzMTYwMzQgQzEwLjE1MTM5NSwxMS4zNTQxNTggMTAuMTEzODgyNCwxMS4yODIxNTggMTAuMDY0ODczOSwxMS4yMTYyMDg0IEMxMC4wMTY0NzA2LDExLjE0OTY1MzggOS45Nzg5NTc5OCwxMS4xMjMwMzE5IDkuOTUyMzM2MTMsMTEuMTM2MzQyOSBDOS43ODQxMzQ0NSwxMS4yMTk4Mzg3IDkuNjAwMjAxNjgsMTEuMjkxMjMzNiA5LjQwMTE0Mjg2LDExLjM0ODcxMjYgQzkuMjAyMDg0MDMsMTEuNDA2MTkxNiA5LjAyOTA0MjAyLDExLjQzNTIzMzYgOC44ODMyMjY4OSwxMS40MzUyMzM2IEM4LjcxOTI2MDUsMTEuNDM1MjMzNiA4LjU5NDAxNjgxLDExLjM5NzcyMSA4LjUwODEwMDg0LDExLjMyNTcyMSBDOC40MjE1Nzk4MywxMS4yNTI1MTA5IDguMzU5ODY1NTUsMTEuMTE2OTgxNSA4LjMyMjM1Mjk0LDEwLjkyMDM0MjkgQzguMjg0MjM1MjksMTAuNzIzNzA0MiA4LjI2NTQ3ODk5LDEwLjQzNjMwOTIgOC4yNjU0Nzg5OSwxMC4wNTk5NzMxIEw4LjI2NTQ3ODk5LDYuMjQyNzYzMDMgTDkuNjkzMzc4MTUsNi4yNDI3NjMwMyBDOS43NDE3ODE1MSw2LjI0Mjc2MzAzIDkuNzg3MTU5NjYsNi4xOTYxNzQ3OSA5LjgyOTUxMjYxLDYuMTAyMzkzMjggQzkuODcxMjYwNSw2LjAxMDQyNjg5IDkuODkyNDM2OTcsNS44OTU0Njg5MSA5Ljg5MjQzNjk3LDUuNzU4MTI0MzcgQzkuODkyNDM2OTcsNS43MDAwNDAzNCA5Ljg3NzkxNTk3LDUuNjQ4NjExNzYgOS44NDg4NzM5NSw1LjYwNTA0ODc0IEM5LjgyMDQzNjk3LDUuNTYwODgwNjcgOS43ODE3MTQyOSw1LjUzNjY3ODk5IDkuNzMzMzEwOTIsNS41MzI0NDM3IEw4LjI2NTQ3ODk5LDUuNTMyNDQzNyBMOC4yNjU0Nzg5OSwzLjY3OTIgQzguMjY1NDc4OTksMy42MDIzNTk2NiA4LjIxNDY1NTQ2LDMuNTQ3OTA1ODggOC4xMjQ1MDQyLDMuNTEwOTk4MzIgQzcuOTU4MTE3NjUsMy40NTg5NjQ3MSA3Ljg2MDcwNTg4LDMuNjM5ODcyMjcgNy44NjA3MDU4OCwzLjYzOTg3MjI3IEM3LjQxNDE4NDg3LDQuNjcyMDczOTUgNi41Mzc0Nzg5OSw1LjQ2ODkxNDI5IDUuNDUzMjQzNyw1LjgwODM0Mjg2IEM1LjQ1MzI0MzcsNS44MDgzNDI4NiA1LjIzMTc5ODMyLDUuODYwOTgxNTEgNS4yODg2NzIyNyw2LjA5MjcxMjYxIEM1LjI5NTMyNzczLDYuMTEyNjc4OTkgNS4zMDEzNzgxNSw2LjEzMjY0NTM4IDUuMzExMDU4ODIsNi4xNTI2MTE3NiBDNS4zNDE5MTU5Nyw2LjIxNzM1MTI2IDUuMzc5NDI4NTcsNi4yNTA2Mjg1NyA1LjQyMzU5NjY0LDYuMjU2MDczOTUgTDYuMTMzOTE1OTcsNi4yNTYwNzM5NSBMNi4xMzM5MTU5NywxMC42NTE3MDQyIEM2LjEzMzkxNTk3LDExLjI3NTUwMjUgNi4zMjMyOTQxMiwxMS43MTE3Mzc4IDYuNzAyMDUwNDIsMTEuOTU5ODA1IEM3LjA4MDIwMTY4LDEyLjIwNzI2NzIgNy41ODg0MzY5NywxMi4zMzA2OTU4IDguMjI1NTQ2MjIsMTIuMzMwNjk1OCBDOC40MjUyMTAwOCwxMi4zMzA2OTU4IDguNjU2MzM2MTMsMTIuMjkzNzg4MiA4LjkxOTUyOTQxLDEyLjIxODc2MyBDOS4xODI3MjI2OSwxMi4xNDMxMzI4IDkuNDMwNzg5OTIsMTIuMDQ2OTMxMSA5LjY2MzEyNjA1LDExLjkyOTU1MjkgQzkuODk2MDY3MjMsMTEuODEyNzc5OCAxMC4wNjcyOTQxLDExLjY5NDE5MTYgMTAuMTc4MDE2OCwxMS41NzM3ODgyIEMxMC4yMDQ2Mzg3LDExLjU1Njg0NzEgMTAuMjA0NjM4NywxMS41MDkwNDg3IDEwLjE3ODAxNjgsMTEuNDMxNjAzNCIvPgogIDwvZz4KPC9zdmc+Cg==)`,
+ value: `url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzLjMwMDIgMjUuMTk4NEMyMS4zMDAyIDI2Ljc5ODQgMTguNzAwMiAyNy42OTg0IDE2LjAwMDIgMjcuNjk4NEM5LjUwMDIgMjcuNzk4NCA0LjIwMDIgMjIuNDk4NCA0LjIwMDIgMTUuOTk4NEM0LjIwMDIgMTMuMTk4NCA1LjIwMDIgMTAuNTk4NCA2LjgwMDIgOC41OTg0NEw0LjcwMDIgNi4zOTg0NEMyLjUwMDIgOC45OTg0NCAxLjIwMDIgMTIuMjk4NCAxLjIwMDIgMTUuOTk4NEMxLjIwMDIgMjQuMTk4NCA3LjgwMDIgMzAuNzk4NCAxNi4wMDAyIDMwLjc5ODRDMTkuNjAwMiAzMC43OTg0IDIyLjkwMDIgMjkuNDk4NCAyNS41MDAyIDI3LjM5ODRMMjMuMzAwMiAyNS4xOTg0WiIgZmlsbD0iIzU0NTY1QSIvPgogIDxwYXRoIGQ9Ik0yNy45MDAyIDMwLjA5OTJIMzIuMDAwMkwyNy42MDAyIDI1LjI5OTJDMjkuNjAwMiAyMi43OTkyIDMwLjgwMDIgMTkuNDk5MiAzMC44MDAyIDE1Ljk5OTJDMzAuODAwMiA3Ljc5OTIyIDI0LjIwMDIgMS4xOTkyMiAxNi4wMDAyIDEuMTk5MjJDMTEuNTAwMiAxLjE5OTIyIDcuNDAwMiAzLjI5OTIyIDQuNzAwMiA2LjQ5OTIyTDYuOTAwMiA4LjY5OTIyQzkuMDAwMiA1Ljg5OTIyIDEyLjMwMDIgNC4xOTkyMiAxNi4wMDAyIDQuMTk5MjJDMjIuNTAwMiA0LjE5OTIyIDI3LjgwMDIgOS40OTkyMiAyNy44MDAyIDE1Ljk5OTJDMjcuODAwMiAxOS42OTkyIDI2LjEwMDIgMjMuMDk5MiAyMy4zMDAyIDI1LjE5OTJMMjUuMzAwMiAyNy4xOTkyTDI1LjQwMDIgMjcuMjk5MkwyNy45MDAyIDMwLjA5OTJaIiBmaWxsPSIjMDA5ODQ1Ii8+Cjwvc3ZnPg==)`,
id: 'ee8df300-4787-11ec-a826-6db8532cd4e8',
},
{
diff --git a/packages/design-tokens/src/qlik-light/index.ts b/packages/design-tokens/src/qlik-light/index.ts
index 0c57bbf4be5..8bf787f1252 100644
--- a/packages/design-tokens/src/qlik-light/index.ts
+++ b/packages/design-tokens/src/qlik-light/index.ts
@@ -330,7 +330,7 @@ const tokens = {
coralBreakpointM: `var(--coral-breakpoint-m, 48em)`,
coralBreakpointL: `var(--coral-breakpoint-l, 64em)`,
coralBreakpointXl: `var(--coral-breakpoint-xl, 80em)`,
- coralBrandingLogo: `var(--coral-branding-logo, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPGc+CiAgICA8cGF0aCBjbGFzcz0idGktYmFja2dyb3VuZCIgIGZpbGw9IiMxNUFBNTEiIGQ9Ik0xNiw4IEMxNiwxMi40MTg4NzM3IDEyLjQxODI2NDgsMTYuMDAwNjA4OCA4LDE2LjAwMDYwODggQzMuNTgxNzM1MTYsMTYuMDAwNjA4OCAwLDEyLjQxODg3MzcgMCw4IEMwLDMuNTgxNzM1MTYgMy41ODE3MzUxNiw1LjM0OTk2ODgzZS0xNCA4LDUuMzQ5OTY4ODNlLTE0IEMxMi40MTgyNjQ4LDUuMzQ5OTY4ODNlLTE0IDE2LDMuNTgxNzM1MTYgMTYsOCIvPgogICAgPHBhdGggY2xhc3M9InRpLWZvcmVncm91bmQiIGZpbGw9IiNGRkYiIGQ9Ik0xMC4xNzgwMTY4LDExLjQzMTYwMzQgQzEwLjE1MTM5NSwxMS4zNTQxNTggMTAuMTEzODgyNCwxMS4yODIxNTggMTAuMDY0ODczOSwxMS4yMTYyMDg0IEMxMC4wMTY0NzA2LDExLjE0OTY1MzggOS45Nzg5NTc5OCwxMS4xMjMwMzE5IDkuOTUyMzM2MTMsMTEuMTM2MzQyOSBDOS43ODQxMzQ0NSwxMS4yMTk4Mzg3IDkuNjAwMjAxNjgsMTEuMjkxMjMzNiA5LjQwMTE0Mjg2LDExLjM0ODcxMjYgQzkuMjAyMDg0MDMsMTEuNDA2MTkxNiA5LjAyOTA0MjAyLDExLjQzNTIzMzYgOC44ODMyMjY4OSwxMS40MzUyMzM2IEM4LjcxOTI2MDUsMTEuNDM1MjMzNiA4LjU5NDAxNjgxLDExLjM5NzcyMSA4LjUwODEwMDg0LDExLjMyNTcyMSBDOC40MjE1Nzk4MywxMS4yNTI1MTA5IDguMzU5ODY1NTUsMTEuMTE2OTgxNSA4LjMyMjM1Mjk0LDEwLjkyMDM0MjkgQzguMjg0MjM1MjksMTAuNzIzNzA0MiA4LjI2NTQ3ODk5LDEwLjQzNjMwOTIgOC4yNjU0Nzg5OSwxMC4wNTk5NzMxIEw4LjI2NTQ3ODk5LDYuMjQyNzYzMDMgTDkuNjkzMzc4MTUsNi4yNDI3NjMwMyBDOS43NDE3ODE1MSw2LjI0Mjc2MzAzIDkuNzg3MTU5NjYsNi4xOTYxNzQ3OSA5LjgyOTUxMjYxLDYuMTAyMzkzMjggQzkuODcxMjYwNSw2LjAxMDQyNjg5IDkuODkyNDM2OTcsNS44OTU0Njg5MSA5Ljg5MjQzNjk3LDUuNzU4MTI0MzcgQzkuODkyNDM2OTcsNS43MDAwNDAzNCA5Ljg3NzkxNTk3LDUuNjQ4NjExNzYgOS44NDg4NzM5NSw1LjYwNTA0ODc0IEM5LjgyMDQzNjk3LDUuNTYwODgwNjcgOS43ODE3MTQyOSw1LjUzNjY3ODk5IDkuNzMzMzEwOTIsNS41MzI0NDM3IEw4LjI2NTQ3ODk5LDUuNTMyNDQzNyBMOC4yNjU0Nzg5OSwzLjY3OTIgQzguMjY1NDc4OTksMy42MDIzNTk2NiA4LjIxNDY1NTQ2LDMuNTQ3OTA1ODggOC4xMjQ1MDQyLDMuNTEwOTk4MzIgQzcuOTU4MTE3NjUsMy40NTg5NjQ3MSA3Ljg2MDcwNTg4LDMuNjM5ODcyMjcgNy44NjA3MDU4OCwzLjYzOTg3MjI3IEM3LjQxNDE4NDg3LDQuNjcyMDczOTUgNi41Mzc0Nzg5OSw1LjQ2ODkxNDI5IDUuNDUzMjQzNyw1LjgwODM0Mjg2IEM1LjQ1MzI0MzcsNS44MDgzNDI4NiA1LjIzMTc5ODMyLDUuODYwOTgxNTEgNS4yODg2NzIyNyw2LjA5MjcxMjYxIEM1LjI5NTMyNzczLDYuMTEyNjc4OTkgNS4zMDEzNzgxNSw2LjEzMjY0NTM4IDUuMzExMDU4ODIsNi4xNTI2MTE3NiBDNS4zNDE5MTU5Nyw2LjIxNzM1MTI2IDUuMzc5NDI4NTcsNi4yNTA2Mjg1NyA1LjQyMzU5NjY0LDYuMjU2MDczOTUgTDYuMTMzOTE1OTcsNi4yNTYwNzM5NSBMNi4xMzM5MTU5NywxMC42NTE3MDQyIEM2LjEzMzkxNTk3LDExLjI3NTUwMjUgNi4zMjMyOTQxMiwxMS43MTE3Mzc4IDYuNzAyMDUwNDIsMTEuOTU5ODA1IEM3LjA4MDIwMTY4LDEyLjIwNzI2NzIgNy41ODg0MzY5NywxMi4zMzA2OTU4IDguMjI1NTQ2MjIsMTIuMzMwNjk1OCBDOC40MjUyMTAwOCwxMi4zMzA2OTU4IDguNjU2MzM2MTMsMTIuMjkzNzg4MiA4LjkxOTUyOTQxLDEyLjIxODc2MyBDOS4xODI3MjI2OSwxMi4xNDMxMzI4IDkuNDMwNzg5OTIsMTIuMDQ2OTMxMSA5LjY2MzEyNjA1LDExLjkyOTU1MjkgQzkuODk2MDY3MjMsMTEuODEyNzc5OCAxMC4wNjcyOTQxLDExLjY5NDE5MTYgMTAuMTc4MDE2OCwxMS41NzM3ODgyIEMxMC4yMDQ2Mzg3LDExLjU1Njg0NzEgMTAuMjA0NjM4NywxMS41MDkwNDg3IDEwLjE3ODAxNjgsMTEuNDMxNjAzNCIvPgogIDwvZz4KPC9zdmc+Cg==))`,
+ coralBrandingLogo: `var(--coral-branding-logo, url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzLjMwMDIgMjUuMTk4NEMyMS4zMDAyIDI2Ljc5ODQgMTguNzAwMiAyNy42OTg0IDE2LjAwMDIgMjcuNjk4NEM5LjUwMDIgMjcuNzk4NCA0LjIwMDIgMjIuNDk4NCA0LjIwMDIgMTUuOTk4NEM0LjIwMDIgMTMuMTk4NCA1LjIwMDIgMTAuNTk4NCA2LjgwMDIgOC41OTg0NEw0LjcwMDIgNi4zOTg0NEMyLjUwMDIgOC45OTg0NCAxLjIwMDIgMTIuMjk4NCAxLjIwMDIgMTUuOTk4NEMxLjIwMDIgMjQuMTk4NCA3LjgwMDIgMzAuNzk4NCAxNi4wMDAyIDMwLjc5ODRDMTkuNjAwMiAzMC43OTg0IDIyLjkwMDIgMjkuNDk4NCAyNS41MDAyIDI3LjM5ODRMMjMuMzAwMiAyNS4xOTg0WiIgZmlsbD0iIzU0NTY1QSIvPgogIDxwYXRoIGQ9Ik0yNy45MDAyIDMwLjA5OTJIMzIuMDAwMkwyNy42MDAyIDI1LjI5OTJDMjkuNjAwMiAyMi43OTkyIDMwLjgwMDIgMTkuNDk5MiAzMC44MDAyIDE1Ljk5OTJDMzAuODAwMiA3Ljc5OTIyIDI0LjIwMDIgMS4xOTkyMiAxNi4wMDAyIDEuMTk5MjJDMTEuNTAwMiAxLjE5OTIyIDcuNDAwMiAzLjI5OTIyIDQuNzAwMiA2LjQ5OTIyTDYuOTAwMiA4LjY5OTIyQzkuMDAwMiA1Ljg5OTIyIDEyLjMwMDIgNC4xOTkyMiAxNi4wMDAyIDQuMTk5MjJDMjIuNTAwMiA0LjE5OTIyIDI3LjgwMDIgOS40OTkyMiAyNy44MDAyIDE1Ljk5OTJDMjcuODAwMiAxOS42OTkyIDI2LjEwMDIgMjMuMDk5MiAyMy4zMDAyIDI1LjE5OTJMMjUuMzAwMiAyNy4xOTkyTDI1LjQwMDIgMjcuMjk5MkwyNy45MDAyIDMwLjA5OTJaIiBmaWxsPSIjMDA5ODQ1Ii8+Cjwvc3ZnPg==))`,
coralTransitionInstant: `var(--coral-transition-instant, 100ms ease-out)`,
coralTransitionFast: `var(--coral-transition-fast, 250ms ease-in-out)`,
coralTransitionNormal: `var(--coral-transition-normal, 300ms ease-in-out)`,