fix: qlik theme fixes (#5066)

Talend · Dec 18, 2023 · 08bb2c1 · 08bb2c1
1 parent 0e27ef6
commit 08bb2c1
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 15 deletions.
diff --git a/.changeset/angry-suits-rhyme.md 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
@@ -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
@@ -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
@@ -22,13 +22,17 @@ $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;
 	}
 
 	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
@@ -97,11 +97,6 @@ function IntercomComponent() {
 
 export default {
 	title: 'Components/Navigation/HeaderBar',
-	decorators: Story => (
-		<div style={{ background: tokens.coralColorBrandBackgroundInvertedActive, height: '100vh' }}>
-			<Story />
-		</div>
-	),
 };
 
 export const Default = () => {

diff --git 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
@@ -105,11 +105,6 @@ const other = [
 
 export default {
 	title: 'Components/Navigation/SidePanel',
-	decorators: Story => (
-		<div style={{ background: tokens.coralColorBrandBackgroundInvertedActive }}>
-			<Story />
-		</div>
-	),
 };
 
 export const Uncontrolled = () => (

diff --git 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
@@ -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
@@ -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)`,